Index.css

body { background-color: #1b1f37; margin: 0; padding: 0; text-align: center; font-size: 62.5%; font-family: Helvetica; } a { text-decoration: none; } table { margin: 0; padding: 0; border: none; border-spacing: 0; } .clear { clear: both; } .header { position: relative; margin: 0 auto; } .banner { margin: 0 auto; min-height: 600px; width: 100%; background: url("../resources/igem_header_image.png") no-repeat ; background-size: 100%; } .igem_logo { position: absolute; left: 10%; width: 105px; height: 141px; background: url("../resources/igem_logo.png") no-repeat ; } .team_logo { margin: 0 auto; width: 257px; height: 240px; background: url("../resources/team_logo.png") no-repeat ; } .menu_left { float: left; margin-top: 99px; height: 42px; width: 8%; line-height: 42px; background-color: #000000;

	filter:alpha(opacity=75);  
    -moz-opacity:0.75;  
    -khtml-opacity: 0.75;  
    opacity: 0.75; 

} .menu_right { float: right; margin-top: 99px; height: 42px; width: 80%; line-height: 42px; background-color: #000000;

	filter:alpha(opacity=75);  
    -moz-opacity:0.75;  
    -khtml-opacity: 0.75;  
    opacity: 0.75; 
    z-index: 333;
    position: relative;

} .menu-bar { margin-right: 20px; } .menu-table { margin: 0 auto; } .menu-table td { vertical-align: top; } .menu-table td span{ color: #1cc9f1;

 	display: inline-block;
 	font-size: 1.3em;
 	font-weight: bold;
 	height: 32px;
 	margin: 0;
 	padding: 0;

} .menu-table td p:hover { cursor: pointer; } .menu-list { margin:-4px 0 0 0; padding: 0; list-style: none; display: none; } .menu-list li { text-align: center; line-height: 20px; margin-bottom: 2px; color: #1b1f3a; background-color: #a4e9f9; font-size: 1.2em; z-index: 333; } .menu-list li:hover{ color: #77dff7; background-color: #1b1f3a; cursor: pointer; }

/* ----黑色遮罩层----- */ .container-decorator { min-height: 345px; margin: 0 auto; } .container-decorator-shade { position: relative; left: 50%; margin-left: -512px; width: 1024px; height: 206px; background: url("../resources/container_shade.png") no-repeat; background-size: 100%; z-index: 0; } .container-decorator-content { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 587px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60);

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 

    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;

} /* ----黑色遮罩层----- */

/* ----主要内容部分----- */ .content-container { margin: 0 auto; font-family: "Microsoft YaHei" !important; text-align: center; z-index: 666; } .main-container { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 818px; } .content { padding: 0px; }

/* ----主要内容部分----- */

.footer { min-height: 200px; width: 100%; background: url("../resources/igem_footer_image.png") no-repeat ; background-size: 100% 100%; font-family: "Microsoft YaHei" !important; } .team_info { padding-top: 44px; color: #ffffff; filter:alpha(opacity=24);

    -moz-opacity:0.24;  
    -khtml-opacity: 0.24;  
    opacity: 0.24; 

}