"

From 2013.igem.org

body { font-family: Arial; font-weight: bold; margin: 0; padding: 0; }

p { word-break: break-all;

       margin:0;
       padding:0;
       line-height: 23px;

}

.wrapper {

       padding: 50px 0; 

}

.container { width: 980px; margin: 0 auto; }

.download-info { overflow: hidden; color: #9d9c9b; width: 100%; height: 373px; }

.download-header { display: block; color: #65d2c0; font-size: 30px;

       line-height: 30px;

}

.download-intro { text-align:justify; position: relative; float: left; width: 460px; margin: 50px 30px 0;

       line-height: 20px;

}

.download-bubble { position: relative; float: left; margin-left: 90px; width: 322px; height: 361px; }

.download-bubble a { display: block; width: 100%; height: 100%; background-image: url(https://static.igem.org/mediawiki/2013/c/c0/Bubble-before.png)!important; }

.download-bubble a:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7c/Bubble-after.png)!important; }

1. dottedline {

position: relative; left: 499px; }

.download-show { padding-left: 30px; }

.download-show .show-board { width: 564px; height: 500px; margin: 10px auto; padding: 30px 145px; background-color: #6bd2bd; border: 8px solid #000; border-radius: 12px;

color: #445d72; font-size: 18px; }

.show-board .board-header { display: block; color: #dff5f2; font-size: 30px;

       margin-bottom: 20px;

}

.download-show #download-arrow { position: relative; left: 50%; bottom: 35px; margin-left: -35px }

.download-show .next-step { width: 152px; height: 52px; margin: -38px auto 0; background-color: #445d72; border: 7px solid #000; border-radius: 9px;

font-size: 25px; text-align: center; color: #fff; line-height: 52px;

       cursor: pointer;

}

/*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     background-color: #dff5f2;
   }
   #bottom-image{
     width: 100%;
   }