*{margin:0 auto; padding:0}
img{border:0}
.clear{clear:both}
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }
body { background: #ffeec4;}
.wrap{
 text-align: center; margin: 0 auto; width: 960px;
}
.header{ width: 960px; height: 247px; float: left; margin:0px auto;}
.header li{
	 width: 480px; height: 247px; float: left; list-style-type: none;
}
.header li.left{
	background: url(../36ji_images/hero/bg_header_left.jpg) no-repeat;
}
.header li.left a.logo{
	width: 220px; height: 100px; display: block; cursor: pointer; text-indent: -999999px;
	margin: 3px 0px 0px 20px;_margin: 3px 0px 0px -220px;*margin: 3px 0px 0px -220px;
}
.header li.right{
	background: url(../36ji_images/hero/bg_header_right.jpg) no-repeat;
}
.header li.right a.enter{
	width: 225px; height: 80px; display: block; cursor: pointer; text-indent: -999999px;
	margin: 0px 0px 0px 205px;_margin: 0px 0px 0px 170px;*margin: 0px 0px 0px 170px;
	}
.content{
	 width: 960px; height: 609px; background: url(../36ji_images/hero/bg_content_whole.jpg) no-repeat;
	 float: left;
}
.content p{
	 text-align: left; text-indent: 0.4em;font-size: 12px; color: #ffe399;width: 830px;margin:7px auto; 
}
.content p.content_step{
	text-indent: 3.9em;
}
.content ul{
width: 830px;
height: auto;
margin:7px auto; 
overflow: hidden;
}
.rank_table{
width: 830px;
height: auto;
margin:7px auto;
background: #1a160f;
border-collapse: collapse;
font-size: 12px;
color: #ffe398;
border: 1px solid #8d7a5f;
}
.rank_table td{
	padding: 10px;
	border: 1px solid #8d7a5f;
}
.content ul li{
list-style-type: none;
background: url(../36ji_images/hero/bg_content_hover.gif) no-repeat;
 width: 104px; height: 49px; line-height: 49px;
 float: left;
 margin:0px  10px 3px 0px; font-size: 14px; color: #ffd636; 
}
.content ul li a{ display: block; cursor: pointer;font-size: 14px; color: #ffd636; }
.footer{
	 background: url(../36ji_images/hero/bg_footer.jpg) no-repeat;
	 width: 960px;
	 height: 172px;
	 margin:0px auto;
	 float: left;
	 text-align: left;
}
.footer .info{
	 width: 605px;
	 font-size: 12px;
	 color: #ffe3bf;
	 height: 70px;
	 margin-top: 28px;
}
.footer .info br{
	 margin-bottom: 6px;
}
.footer .info a{
	 font-size: 12px;
	 color: #ffe3bf;
	 cursor: pointer;
}