* { margin: 0; padding: 0;}
body { font: normal 12px/1.6 Tahoma, Geneva, sans-serif; background: #0E100B;}
table { border-collapse: collapse; border-spacing: 0; empty-cells: show;}
th,td { border-collapse: collapse;}
ol,ul { list-style: none;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
input,select,form img,button { vertical-align: middle;}
button { cursor: pointer;}
img{ border: 0;}


#wrapper { width: 100%; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/snd_wrapper_bg2.jpg) no-repeat center 0;}
#header,#content,#footer { width: 990px; margin: 0 auto;}
.hidden,a strong { height: 0; display: block; overflow: hidden;}


#index {}
	#index #wrapper { background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/index_wrapper_bg2.jpg) no-repeat center 0; overflow: hidden;}
	#index #header { height: 1025px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/index_header_bg2.jpg) no-repeat;}
	#index #content { height: 1025px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/index_content_bg2.jpg) no-repeat 0 220px; overflow: hidden; position: relative;}
	#index .flash { height: 1025px; position: absolute; left: 50%; margin-left: -500px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/index_flash_bg2.jpg) no-repeat center bottom;}


#header { height: 222px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/snd_header_bg2.jpg) no-repeat;}


#content { overflow: hidden; padding: 0 12px 40px 16px; width: 962px; background: #0E100B url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/snd_content_bg2.jpg) no-repeat;}
	.navi { width: 199px; border: 1px solid #16304A; padding: 1px; background: #1D4163; float: left;}
		ul.gd1 { border: 2px solid #16304A; padding: 1px; background: #081A50;}
			li.gd1 { background: #16304A url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/sprites.png) no-repeat 1px 1px; padding: 1px; border-bottom: 1px dashed #040C24; text-indent: 10px;}
			li.dl { background-position: 1px -109px; padding-left: 50px; text-indent: 0;}
				li.dl a { color: #FF7E00 !important;}
				li.gd1 h3 { height: 25px; font: bold 14px "宋体"; line-height: 25px;}
					li.gd1 a,li.gd1 h3 { color: #FFCD6E;}
				ul.gd2 {}
					ul.gd2 h4 { height: 30px; font: bold 14px "宋体"; line-height: 30px; color: #FFEEA8; cursor: pointer; text-indent: 50px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/sprites.png) no-repeat 0 -55px;}
						ul.gd2 h4.gd2{ background-position: 0 -25px;}
					ul.gd3 {}
						ul.gd3 li { height: 22px; line-height: 22px; background: #090F22; text-align: left; padding-left: 10px;}
						ul.gd3 li.gd3 { background: #111E43;}
							ul.gd3 li a { font-family: "宋体"; color: #8D7F63;}
	
	.main { width: 755px; float: right; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/main_mid_bg.jpg) repeat-y;}
	.detail { background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/main_btm_bg.jpg) no-repeat 0 bottom; padding-bottom: 70px; *zoom: 1; position: relative; display: none;}
		.detail h2 { height: 55px; padding-top: 45px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/main_top_bg.jpg) no-repeat; text-align: center; font-size: 14px; color: #FFD19B;}
		.detail h3,.detail p,.detail h4 { padding: 5px 55px; font-size: 12px;}
			.detail h3 { color: #FF6C00;}
			.detail h4 { font-weight: normal; color: #FFD19B;}
			.detail p { line-height: 20px; color: #756549;}
				p.back { text-align: center; padding-top: 20px;}
					p.back a { color: #FFD19B;}
			.detail img { display: block; margin: 10px auto;}
			.detail ol { padding: 5px 58px 5px 83px; list-style: decimal; color: #756549;}
				.detail ol li { padding: 5px 0;}
				.detail ol p { padding: 0;}
		.skill,.scroll { width: 640px; margin: 5px auto; border: 1px solid #00466B;}
			.skill td { height: 36px; background: #00304B; text-align: center;}
				tr.even td { background: #012438;}
				td.s_icon { width: 42px;}
					.skill td.s_icon a { display: block; width: 32px; height: 32px; overflow: hidden; margin: 0 auto;}
				td.s_name { width: 110px; text-align: left; padding-left: 8px;}
					.skill img { display: block; width: 36px; height: 36px; margin: 0;}
					.skill a { color: #FDD286;}
		
		.scroll { width: 540px;}
			.scroll td,.scroll th { width: 250px; border: 1px solid #00466B; padding-left: 20px; height: 36px; background: #00304B; color: #FDD286;}
			.scroll th { text-align: center;}
	
	.pop { border: 2px solid #000000; padding: 1px; background: #463126; position: absolute; left: 195px;/* top: 150px;*/}
		.pop ul { width: 350px; padding: 5px 6px; background: #230908;}
			.pop li { border: 1px solid #2F1F12; padding: 10px 15px; position: relative; _zoom: 1; display: none;}
				.pop h3 { padding: 0; font-size: 14px; margin-bottom: 5px; color: #D0AE64; height: 30px; line-height: 30px; border-bottom: 1px dashed #463E2E;}
				.pop p { padding: 0; line-height: 20px; color: #8C7C59;}
				.pop a { display: block; width: 22px; height: 23px; position: absolute; top: -4px; right: -5px; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/sprites.png) no-repeat 0 -85px;}


.footer { width: 100%; background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/footer_bg.jpg) repeat-x;}
#footer { background: url(//images.17173cdn.com/2010/dnf/zt/diwuzhang/index_footer_bg.jpg) no-repeat; height: 61px; padding-top: 20px; position: relative; color: #627491;}
	a.toQQGame { display: block; position: absolute; top: 21px; left: 130px; width: 87px; height: 27px;}
	#footer p { margin-left: 420px; font-family: Arial; line-height: 17px;}
	#footer a { color: #627491;}
		.infos a { float: right; margin-right: 134px;}