@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active, a:focus {outline:none;}


body {background: #222325 url(http://images.wof.the9.com/images_wof1/index_xuawu/i_bg_0617s.jpg) no-repeat top center; color: #cec8c8; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.clear {clear: both;}
.inner {position: relative; width: 1000px; margin: 0 auto;}
.f_l {float: left;}
.f_r {float: right;}
.txt_l {text-align: left;}

.c_red {color: #630505;}
.fs_b {font-weight: bold;}
.fs_14 { font-size:14px;}

/*主体结构*/
.header .inner {height: 236px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/i_bg_061701.jpg) no-repeat top center;}/*i_bg_060301.jpg*/
.topnav .inner {height: 126px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/i_bg_061702s.jpg) no-repeat top center;}/*i_bg_060302.jpg*/
.content {width: 1000px; margin: 0 auto 10px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/c_bg_0428.png) repeat-y center; _background: url(http://images.wof.the9.com/images_wof1/index_xuawu/c_bg_ie6_0428.gif) repeat-y center;}
.content .inner {width: 850px; margin: 0 auto; padding: 0 75px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/i_bg_061703ss.jpg) no-repeat top center; }
.content_b {width: 1000px; height: 198px; margin-top: -147px; *margin-top: -171px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/i_bg_042805.jpg) no-repeat center bottom;}
.top a {float: right; width: 91px; height: 24px; margin-right: 5px;}

/*页首*/
.header .inner h1 a {float: left; width: 260px; height: 156px; margin-left: 53px; text-indent: -9999px; overflow: hidden;}
.header .inner h2 {text-indent: -9999px; overflow: hidden;}

/*主导航*/
.topnav .inner div {float: right; width: 576px; height: 40px; margin: 69px 80px 0 0; _margin-right: 40px; background: url(http://images.wof.the9.com/images_wof1/index_xuawu/topnav_2.jpg) no-repeat;}
	.topnav .inner a.gw {float: left; width: 115px; height: 118px; margin: 4px 0 0 229px; text-indent: -9999px; overflow: hidden;}
	.topnav .inner div a {float: left; width: 81px; height: 40px; margin-right: 2px; text-indent: -9999px; overflow: hidden;}
		.topnav .inner div a.xzkhd {width: 97px;}
		.topnav .inner div a.bbs {margin-right: 2px;}
		.topnav .inner div a.zlz {width: 62px; margin-right: 0; }
		.topnav .inner div a:hover {background: url(http://images.wof.the9.com/images_wof1/index_xuawu/topnav_2.jpg) no-repeat 0 -40px;}
		.topnav .inner div a.zczh:hover {background-position: 0 -40px;} 
		.topnav .inner div a.jhyx:hover {background-position: -83px -40px;} 
		.topnav .inner div a.zhcz:hover {background-position: -166px -40px;} 
		.topnav .inner div a.xzkhd:hover {background-position: -249px -40px;} 
		.topnav .inner div a.xszn:hover {background-position: -348px -40px;} 
		.topnav .inner div a.bbs:hover {background-position: -431px -40px;} 
		.topnav .inner div a.zlz:hover {background-position: -514px -40px;} 

/*主体内容右侧*/
.main {float: right; width: 652px; margin-right: 6px; _margin-right: 2px; background:  url(http://images.wof.the9.com/images_wof1/index_xinchun/main_bg1.gif) no-repeat 0 0;}
	.main_b {width: 652px; margin-right: 6px; _margin-right: 2px; padding: 10px 0; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/main_bg1.gif) no-repeat -652px bottom;}

	.downloadbox {width: 633px; margin: 0 auto; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/downloadbox_02.jpg) repeat-y;}
	.downloadbox_t {background: url(http://images.wof.the9.com/images_wof1/index_xinchun/downloadbox_01.jpg) no-repeat left top;}
	.downloadbox_b {padding: 0 0 17px 14px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/downloadbox_03.jpg) no-repeat left bottom;}
	
	.mediaflow {width: 633px; margin: 8px auto 0; padding-bottom: 10px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/mediabox_02.jpg) no-repeat bottom;}
		.mediaflow h3 {width: 633px; height: 47px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/mediabox_01.jpg) no-repeat top; text-indent: -9999px; overflow: hidden;}
		.mediaflow h4 {height: 20px; margin: 5px 0 3px 15px; padding: 7px 0 0 25px;  background: url(http://images.wof.the9.com/images_wof1/index_xinchun/flow_t.gif) no-repeat; color: #ff9d46; font-weight: bold;}
		.flowbox {width: 608px; margin-left: 15px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/flow_bg.gif) no-repeat 0 0;}
		.flowbox_b {width: 578px; padding: 12px 15px 10px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/flow_bg.gif) no-repeat -608px bottom;}
		.flowbox_b a img {margin: 5px 15px 5px 30px; border: 1px solid #222;}


/*主体内容左侧*/
.sidebar {float: left; width: 186px; margin-left: 3px; _margin-left: 2px;}
	.col {width: 186px; margin-bottom: 12px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/col_bg.gif) repeat-y;}
	.col_b {width: 186px; padding-bottom: 8px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/col_bg.gif) no-repeat -186px bottom;}
	.col_b p {margin: 0 7px; padding: 3px 0; line-height: 150%;}
	.line_g {width: 186px; height: 2px; margin: 2px 0; padding: 0; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/col_bg.gif) no-repeat -372px -112px;}
	.line_b {border-bottom: 1px dashed #302018;}
	.col_b p a {color: #ffa800;}
	
	.sidebar h3 {width: 186px; height: 33px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/col_bg.gif) no-repeat -372px 0; text-indent: -9999px; overflow: hidden;}
		.sidebar h3.t_suit {background-position: -372px 0;}
		.sidebar h3.t_tj {background-position: -372px -33px;}
		.sidebar h3.t_kf {background-position: -372px -66px;}
		
	.suitbox .showbox {width: 145px; height: 148px; margin: 0 auto; padding: 10px 0 0 10px; background: url(http://images.wof.the9.com/images_wof1/index_xinchun/suit_bg.jpg) no-repeat;}
		.suitbox p {text-align: center; font-size: 14px; color: #ffc740; font-weight: bold;}
		.imgbox {margin-top: 3px; _margin: -12px 0 0; padding-left: 7px; text-align: center;}
			.imgbox img {float: left; margin-top: 5px;}
			
			
		.showbox ul{position:relative; margin:0; padding: 0; width: 145px; height: 148px;list-style:none; z-index:998;}
		.showbox ul li{position:absolute; width:145px; height:148px; list-style:none;}
		.showbox ul li img {border: 0;}



/*页尾*/
.footer {background: url(http://images.wof.the9.com/images_wof1/index_sp2/footer_bg.jpg) repeat-x bottom; width:100%}
.footer .inner {width: 700px; margin:0 auto; height:137px; padding: 65px 0 6px; color:#fbaf6c; line-height: 175%;}
.footer a {color:#fbaf6c;}

	.logobox {float: left; width: 260px;}
		.logo_the9 {float: left; background:url(http://images.wof.the9.com/images_wof1/images/the9logo.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://images.wof.the9.com/images_wof1/images/the9logo.png');  width:126px; height:38px; margin: 7px 10px 10px;}
		.logo_tdc {float: left; background:url(http://images.wof.the9.com/images_wof1/images/tdclogo.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://images.wof.the9.com/images_wof1/images/tdclogo.png'); width:91px; height:27px; margin: 12px 10px auto;}

	.sitelink {float: right; width: 400px; text-align: center;}
	.footer .inner p {padding-top: 8px; text-align: center;}