Team:USTC-Software/winter/css

body{
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
}
#direction{
    width:160px;
    height:400px;
    margin-left:1170px;
    margin-top:160px;
    position:fixed;
    background-color:#2da7a0;
    border-radius:5px;
}
#direction ul , #direction ul li a{
    color:#fff;
    font-size:19px;
    text-decoration:none;
    font-family:Tahoma, Geneva, sans-serif;
    list-style-image:none;
    list-style-image:circle;
}

#direction ul li a:hover{
    color:#aaed51;
    opacity:1;
}
	
	
#global_wrapper{
    margin-top:90px;
}

div.dev_wrapper0 {
    width:960px;
    margin:10px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background:#2da7a0;
}
div.dev_wrapper0  .dev  .circle{
    height:2297px;
    width: 95px;
    margin-top:0px;
    margin-left:-15px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}
div.dev_wrapper0 .dev  .content{
    width:820px;
    height:2300px;
    margin:20px auto 10px 80px;
}
div.dev_wrapper0 .dev  .pic{
    margin-left:100px;
    margin-bottom:50px;
}
#con_one .head p{
    width:500px;
    height:100px;
    margin:30px auto auto 250px;
    font-size:86px;
    color:#73f573;
    font-family:'Bilbo Swash Caps', cursive;
}
#con_one .content0{
    height:570px;
    width:800px;
    margin-left:30px;
    margin-top:30px;
}
#con_one .content0 .date{
    width:400px;
    height:30px;
    margin:30px auto auto 230px;
}
#date{
    margin-top:50px;
}
#con_one .content0 .date p{
    font-size:30px;
    color:#73f573;
}
#con_one .content0 .main{
    broder:#333 1px solid;
    color:#fff;
}
#con_one .content0 .main p{
    font-size:21px;
}

div.dev_wrapper1{
    width:960px;
    margin:120px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background:#2da7a0;
}

div.dev_wrapper1 .dev  .circle{
    height:1847px;
    width: 95px;
    margin-top:0px;
    margin-left:-15px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}
div.dev_wrapper1 .dev  .content{
    width:820px;
    height:1850px;
    margin:60px auto 10px 80px;
}

div.dev_wrapper1 .dev  .pic{
    margin-left:100px;
    margin-top:40px;
}

#con_one .content1{
    height:600px;
    width:800px;
    margin-left:30px;
    margin-top:50px;
    border:1px #2da7a0 solid;
}

#con_one .content1 .date{
    width:200px;
    height:30px;
    margin:30px auto auto 300px;
}

#con_one .content1 .date p{
    font-size:30px;
    color:#73f573;
}

#con_one .content1 .main{
    broder:#333 1px solid;
    color:#fff;
   
}
#con_one .content1 .main p{
    font-size:21px;
}




div.dev_wrapper2{
    width:960px;
    margin:120px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background-color:#2da7a0;
}
div.dev_wrapper2 .dev  .circle{
    height:1795px;
    width: 80px;
    margin-top:10px;
    margin-left:-10px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}
div.dev_wrapper2 .dev  .content{
    width:820px;
    height:1800px;
    margin:60px auto 10px 80px;
}

div.dev_wrapper2 .dev  .content .pic{
    margin-left:100px;
    margin-top:40px;
}

#con_one .content2{
    height:650px;
    width:800px;
    margin-left:30px;
    margin-top:0px;
    border:1px #2da7a0 solid;
}

#con_one .content2 .date{
    width:300px;
    height:30px;
    margin:100px auto auto 300px;
    font-size:30px;
    color:#73f573;
}

#con_one .content2 .main{
    margin-top:10px;
}

#con_one .content2 .main p{
    font-size:21px;
    margin-top:30px;
    color:#fff;
}



div.dev_wrapper3{
    width:960px;
    margin:120px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background-color:#2da7a0;
}

div.dev_wrapper3 .dev  .circle{
    height:1390px;
    width: 80px;
    margin-top:10px;
    margin-left:-10px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}

div.dev_wrapper3 .dev  .content{
    width:820px;
    height:1400px;
    margin:60px auto 10px 80px;
}

#con_one .content3{
    height:650px;
    width:800px;
    margin-left:30px;
    margin-top:30px;
    border:1px #2da7a0 solid;
}

#con_one .content3 .date{
    width:200px;
    height:30px;
    margin:100px auto auto 300px;
    font-size:30px;
    color:#aaed51;
}

#con_one .content3 .main{
    margin-top:10px;
}

#con_one .content3 .main p{
    font-size:21px;
    margin-top:30px;
    
}
	


div.dev_wrapper4{
    width:960px;
    margin:120px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background-color:#2da7a0;
}

div.dev_wrapper4 .dev  .circle{
    height:1390px;
    width: 80px;
    margin-top:10px;
    margin-left:-10px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}

div.dev_wrapper4 .dev  .content{
width:820px;
    height:1400px;
    margin:60px auto 10px 80px;
}

div.dev_wrapper4 .dev  .content .pic{
    margin-top:10px;
    margin-left:100px;
}

#con_one .content4{
    height:650px;
    width:800px;
    margin-left:30px;
    margin-top:30px;
    border:1px #2da7a0 solid;
}
#con_one .content5{
    height:300px;
    width:800px;
    margin-left:30px;
    margin-top:0px;
    border:1px #2da7a0 solid;
}

#con_one .content4 .date ,#con_one .content5 .date{
    width:200px;
    height:30px;
    margin:100px auto auto 300px;
    font-size:30px;
    color:#aaed51;
}

#con_one .content4 .main ,#con_one .content5 .main{
    margin-top:10px;
   
}
#con_one .content4 .main p,#con_one .content5 .main p{
    font-size:21px;
    margin-top:30px;
    color:#fff;
}







div.wrapper{
    width:960px;
    margin:50px auto auto auto;
    border-radius:10px;
    box-shadow:#ccc 3px 3px 1px;
    background:#2da7a0;
}


#second .dev  .circle{
    height:4140px;
    width: 95px;
    margin-top:0px;
    margin-left:-15px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}

#second .dev  .content{
    width:820px;
    height:4150px;
    margin:60px auto 10px 80px;
}

#cont_one .head p{
    width:400px;
    height:90px;
    margin:60px auto auto 300px;
    font-size:86px;
    color:#10fe53;
    font-family:'Bilbo Swash Caps', cursive;
}


#cont_one .content2{
    height:600px;
    width:800px;
    margin-left:30px;
    margin-top:10px;
}

#cont_one .pic{
    margin:10px auto auto 100px;
}
#cont_one .aa{
    height:70px;
}
#cont_one .content2 .date{
    width:400px;
    height:30px;
    margin:30px auto auto 300px;
}

#date{
    margin-top:50px;
}

#cont_one .content2 .date p{
    font-size:30px;
    color:#10fe53;
}

#con_one .content2 .main{
   
    color:#000;
}

#cont_one .content2 .main p{
    font-size:21px;
    color:#fff;
}
	

#cont_one .content3{
    height:1100px;
    width:800px;
    margin-left:30px;
    margin-top:50px;
}

#cont_one .content3 .date{
    width:400px;
    height:30px;
    margin:30px auto auto 300px;
}

#date{
    margin-top:50px;
}

#cont_one .content3 .date p{
    font-size:30px;
    color:#10fe53;
}

#con_one .content3 .main{
   
    color:#fff;
}

#cont_one .content3 .main p{
    font-size:21px;
    color:#fff;
}
	
	

#third .dev  .circle{
    height:2970px;
    width: 95px;
    margin-top:0px;
    margin-left:-15px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}

#third .dev  .content{
    width:780px;
    height:2980px;
    margin:60px auto 10px 80px;
}

#third .dev  .pic{
    margin-left:100px;
}


#cont_one .content4{
    height:800px;
    width:800px;
    margin-left:30px;
    margin-top:20px;
    border:1px #2da7a0 solid;
}

#cont_one .content4 .date{
    width:400px;
    height:30px;
    margin:30px auto auto 300px;
}

#date{
    margin-top:50px;
}

#cont_one .content4 .date p{
    font-size:30px;
    color:#10fe53;
}

#cont_one .content4 .main{
    
    color:#fff;
    
}

#cont_one .content4 .main p{
    font-size:21px;
    color:#fff;
}


#forth .dev  .circle{
    height:2790px;
    width: 95px;
    margin-top:0px;
    margin-left:-15px;
    float:left;
    border-radius:10px;
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
}

#forth .dev  .content{
    width:820px;
    height:2800px;
    margin:60px auto 10px 80px;
}

#forth .dev  .pic{
    margin-left:100px;
}




#cont_one .content5{
    height:550px;
    width:800px;
    margin-left:30px;
    margin-top:50px;
    border:1px #2da7a0 solid;
	}
#cont_one .content5 .date{
    width:400px;
    height:30px;
    margin:30px auto auto 300px;
}

#date{
    margin-top:50px;
}

#cont_one .content5 .date p{
    font-size:30px;
    color:#54e86c;
}

#con_one .content4 .main{
    broder:#333 1px solid;
    color:#fff;
}

#cont_one .content5 .main p{
    font-size:21px;
    color:#fff;
}
#six{
   height:40px;
}