@charset "utf-8";

/* Font */

body {

	font-family:simsun;

	font-size:62.5%;

}

/* body background */

	body {

	background-position:50% 33px;

	background-repeat:no-repeat;

}

body#home {

	background-image:url(http://images.wof.the9.com/images_wof1/images/body_bg_home.jpg);

}

body#news {

	background-image:url(http://images.wof.the9.com/images_wof1/images/body_bg_news1s.jpg); 
	background-repeat:no-repeat ;
	background-color:#fff;
}

p {

	font-size:1.4em;

	line-height:1.8em;

}

/* Global - Top */

/*.topnav {width:100%; height:36px; background:url(http://images.wof.the9.com/images_wof1/images/topnav_bg.jpg) 50% 0 repeat-x; position:relative; z-index:1000;}
.topnav ul#menu {width:1000px; height: 36px; margin:0 auto; background:url(http://images.wof.the9.com/images_wof1/images/topnav_menu.jpg)}
.topnav ul li {width:110px;	height:29px; font-family:楷体; font-size:15px; font-weight:bold;	color:#fff;	list-style:none; float:left; position:relative; background:url(http://images.wof.the9.com/images_wof1/images/v8line.gif) 100% 10px no-repeat;}
.topnav ul li.last {background:none;}
.topnav ul li a {float: left; width:108px; height:28px; padding-top:5px; color:#e2e2e2; text-decoration:none; text-align:center; text-indent:-9999px;}
.topnav ul li a:hover {float: left; background-image:url(http://images.wof.the9.com/images_wof1/images/topnav5.gif); background-repeat:no-repeat; background-position:-300px -36px;}
.topnav ul li#mn_news a:hover {background-position:-410px -36px;}
.topnav ul li#mn_xs a:hover {background-position:-520px -36px;}
.topnav ul li#mn_info a:hover {background-position:-630px -36px;}
.topnav ul li#mn_down a:hover {background-position:-740px -36px;}
.topnav ul li#mn_account a:hover {background-position:-850px -36px;}
.topnav ul li#mn_support a:hover {background-position:-960px -36px;}
.topnav ul li#mn_forum a:hover {background-position:-1070px -36px;}
.topnav ul li#mn_buss a:hover {background-position:-1180px -36px;}
.topnav ul ul {position:absolute; left:0; top:33px;	display:none; margin:0;	width:500px;}
.topnav ul li#mn_support ul {width: 250px;}
.topnav ul li#mn_forum ul {width: 250px; left:-100px;}
.topnav ul li#mn_account ul {left: -100px;}
.topnav ul li li {font-family:SimSun; color:#fff; font-size:12px; font-weight:normal; width:80px; padding-top:10px;	background:none;}
.topnav ul li li a {width:80px;	height:12px; border-right:1px solid #fff; padding-top:0; text-indent:0;	background:none;}
.topnav ul li li.last a {border:0;}
.topnav ul li li a:hover {background:none; color:#ead089;}
*/

.topnav {width:100%; height:36px; background:url(http://images.wof.the9.com/images_wof1/images/topnav_bg.jpg) 50% 0 repeat-x; position:relative; 	z-index:1000;}
.topnav ul#menu {width:1000px; height: 36px; margin:0 auto; background:url(http://images.wof.the9.com/images_wof1/main_v2/topnav_menu_2.jpg)}
.topnav ul li {width:110px;	height:29px; font-family:楷体; font-size:15px; font-weight:bold;	color:#fff;	list-style:none; float:left; position:relative; background:url(http://images.wof.the9.com/images_wof1/images/v8line.gif) 100% 10px no-repeat;}
.topnav ul li.last {background:none;}
.topnav ul li a {float: left; width:108px; height:28px; padding-top:5px; color:#e2e2e2; text-decoration:none; text-align:center; text-indent:-9999px;}
.topnav ul li a:hover {float: left; background-image:url(http://images.wof.the9.com/images_wof1/main_v2/topnav_menu_2.jpg); background-repeat:no-repeat; background-position: 0 -36px;}
.topnav ul li#mn_news a:hover {background-position:-110px -36px;}
.topnav ul li#mn_xs a:hover {background-position:-220px -36px;}
.topnav ul li#mn_info a:hover {background-position:-330px -36px;}
.topnav ul li#mn_down a:hover {background-position:-440px -36px;}
.topnav ul li#mn_shop a:hover {background-position:-550px -36px;}
.topnav ul li#mn_account a:hover {background-position:-660px -36px;}
.topnav ul li#mn_support a:hover {background-position:-770px -36px;}
.topnav ul li#mn_forum a:hover {background-position:-880px -36px;}
.topnav ul ul {position:absolute; left:0; top:28px;	display:none; margin:0;	width:500px;}
.topnav ul li#mn_support ul {width: 250px;}
.topnav ul li#mn_forum ul {width: 450px; left:-300px;}
.topnav ul li#mn_shop ul {width: 650px; left:-300px;}
.topnav ul li#mn_account ul {left: -200px;}
.topnav ul li li {font-family:SimSun; color:#fff; font-size:12px; font-weight:normal; width:80px; padding-top:10px;	background:none;}
.topnav ul li li a {width:80px; height:12px; border-right:1px solid #fff; padding-top:0; text-indent:0; background:none;}
.topnav ul li li.last a {border:0;}
.topnav ul li li a:hover {background:none; color:#ead089;}


.header {width:1000px; height:204px; position:relative;	margin:0 auto;}
.logo{ width:236px; height:130px; position:absolute; left:355px; top:18px; background:url(http://images.wof.the9.com/images_wof1/images/logo66.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wof.the9.com/images_wof1/images/logo66.png',sizingMethod='crop'); cursor:pointer; display:block;}



/* Layout */

.content {

	width:1000px;

	margin:0 auto 30px;

	position:relative;

	z-index:1001;

}

.footer {

	width:100%;

	height:160px;

	background:#000 url(http://images.wof.the9.com/images_wof1/images/footer_border.gif) 0 0 repeat-x;

	position:relative;

	z-index:1000;

}

.footer_grass {

	width:100%;

	height:284px;

	background:url(http://images.wof.the9.com/images_wof1/images/footer_grass1s.jpg) 50% 0 no-repeat;

	position:relative;

	z-index:888;

	margin-top:-180px;

	margin-bottom:-100px;

}

.lcol {

	width:248px;

	float:left;

	position:relative;

}

.main {

	width:678px;

	float:left;

}

#quickmenu {

	height:244px;

	position:relative;

}

#quickmenu1{

	position:absolute;

	top:-143px;

	left:-7px;

}  /* test only ,should be delete */

#events {

	margin:0 auto;

	width:222px;

}

#events img {

	border:1px solid #666;

	margin:2px auto;

}

#events a:hover img {

	border:1px solid #666;

	margin:2px auto;

}

#service {

	width:234px;

	height:61px;

	margin:0 auto;

	background:url(http://images.wof.the9.com/images_wof1/images/service.gif) no-repeat;;

	padding-top:18px;

}

#service .contact {

	width:176px;

	height:54px;

	margin:0 auto;

	background:url(http://images.wof.the9.com/images_wof1/images/phone.gif) 0 0 no-repeat;

	padding: 0px 0 0 36px;

}

#service .contact p {

	line-height:16px;

	color:#fff;

	font-size:12px;

	letter-spacing:0;

}

#service .contact p a {

	color:#ffc000;

}

.side, .mbox {

	padding-left:24px;

}

.side {

	width:210px;

	margin:0 auto;

}

.hd, .hdi, .hr, .hri {

	width:auto;

	height:40px;

	background-image:url(http://images.wof.the9.com/images_wof1/images/mod_hd_a.gif);

	background-repeat:no-repeat;

	position:relative;

}

.hd {

	padding-right:24px;

	background-position:100% 0;

}

.hdi {

	padding-left:24px;

	background-position:0 0;

	margin-left:-24px;

	padding-top:10px;

	height:30px;

	position:relative;

}

.hr {

	margin:0 6px 0 -18px;

	background-position:100% -40px;

	padding-right:2px;

	height:17px;

	font-size:1px;

}

.hri {

	background-position:0 -40px;

	height:17px;

}

.bd {

	width:auto;

	margin:0 6px 0 -18px;

	background-color:#180f09;

	padding:1px;

}

.bdi {

	width:auto;

	background-color:#1c0202;

	border:1px solid #4b3022;

	min-height:20px;

}

.side .hdi {

	text-align:center;

}

.side .hdi img {

	position:relative;

	top:2px;

}

.side .hr {

	background-position:100% -45px;

	height:5px;

}

.side .hri {

	background-position:0 -45px;

	height:5px;

}

.mbox .hr {

	background-position:100% -41px;

	height:10px;

}

.mbox .hri {

	background-position:0 -41px;

	height:10px;

}

.mbox .bdi {

	padding:7px;

}

.mbox .hd {

	margin-right:20px;

} /* fix search box */

.rCorner {

	position:absolute;

	width:320px;

	height:53px;

	right:-20px;

	background:url(http://images.wof.the9.com/images_wof1/images/search_bg1.gif) 100% 0 no-repeat;

	top:-23px;

	padding-left:80px;

	padding-top:12px

}

.rCorner input.txt {

	border:1px solid #b0abab;

	height:17px;

	background-color:#a9a4a4;

	color:#222;

	padding-top:1px;

	padding-left:6px;

}

.rCorner input.sub {

	color:#00F;

	width:43px;

	height:21px;

	background:url(http://images.wof.the9.com/images_wof1/images/search.gif);

	border:0px;

	position:relative;

	top:1px;

}

.rCorner .current {

	color:#fff;

	font-size:12px;

	position:absolute;

	top:40px;

	right:16px;

}

.rCorner .current a {

	color:#fff;

	text-decoration:none;

}

.rCorner .current a:hover {

	text-decoration:underline;

}

/*.gobacktop{ width:auto; height:40px; margin:0 auto; position:relative; background:url(http://images.wof.the9.com/images_wof1/images/article_bot.gif) 0 0 no-repeat}
*/

.gobacktop{clear: both;width:auto; height:40px; margin:0 auto; background:url(http://images.wof.the9.com/images_wof1/images/article_bot.gif) 0 0 no-repeat;}
a.goBack,a.goTop{ height:19px; margin-top:-18px; background-image:url(http://images.wof.the9.com/images_wof1/images/backtop.gif); display:block; }
.tishi{display:block; width: 420px; height:19px; top:20px; padding-top: 18px; color:#CCCCCC; font-size:12px; font-family:Arial, Helvetica, sans-serif} 
a.goBack{float: right; width:67px;}
a.goBack:hover{ background-position:0 -19px;}
a.goTop{float: right; width:39px; margin-left: 10px; background-position:-67px 0;}
a.goTop:hover{ background-position:-67px -19px;}

/* info&news style */	

	.article {

	width:auto;

	min-height:600px;
	
	height: auto;

	_height:600px;

	padding-top:30px;

	padding-bottom:10px;

	margin:0 auto;

	background:#eee url(http://images.wof.the9.com/images_wof1/images/article_top.gif) 0 0 no-repeat;

}

/* P, hr */

	.article h3 {

	color:#950000;

	font-size:16px;

	padding-left:12px;

	margin:0 0 5px;

	font-weight:bold;

	text-align:center;

}

.article h3.l {

	text-align:left;

}

.article p {

	color:#2c2c2c;

	font-size:12px;

	line-height:22px;

	padding-left:24px;

	padding-right:24px;

	margin:0 0 10px;

}

.article .idt {

	text-indent:24px;

}

.article .idt * {

	text-indent:0;

}

.article hr {

	border:0;

	height:1px;

	background:url(http://images.wof.the9.com/images_wof1/images/hr_dot_4x1.gif);

	width:90%;

	margin:5px auto;

	clear:both;

}

.article .hrshadow {

	border:none;

	width:auto;

	height:20px;

	background:url(http://images.wof.the9.com/images_wof1/images/hr_lightShadow.jpg) 50% 0 no-repeat;

	margin:0 auto;

}

.article .hrshadowL {

	border:0;

	height:20px;

	background:url(http://images.wof.the9.com/images_wof1/images/hr_lightShadow.jpg) -300px 0 no-repeat;

	margin:0 12px;

}

/* link & image */

	.article a {

	color:#9a0000;

	font-size:12px;

	text-decoration:none;

}

.article a:hover {

	background-color:#9a0000;

	color:#eee;

}

.article a.imgbox {

	float:right;

	text-decoration:none;

	text-align:center;

}

.article img.imgbox {

	padding:4px;

	border:2px solid #666;

	margin:10px;

	float:right

}

.article img.imgbox.left {

	float:left;

}

.article a.imgbox img {

	padding:4px;

	border:2px solid #666;

	margin:6px 6px 2px;

}

.article a.imgbox span {

	display:block;

	height:20px;

	margin:0 20px;

}

.article a.imgbox:hover img {

	border-color:#eee;

}

.article a.imgbox:hover span {

	color:#eee;

}

/* list */

	.article ul.infolist {

	padding-left:48px;

	padding-top:10px;

}

.article ul {

	padding-left:24px;

	padding-top:10px;

}

.article ul li {

	font-size:12px;

	list-style:disc;

	line-height:18px;

	color:#930

}

/* table */

	table {

	margin:0 auto;

}

table caption {

	text-align:center;

	font-size:14px;

	font-weight:normal;

	padding:4px;

	letter-spacing:4px;

	color:#930

}

table td {

	text-align:center;

	border:1px solid #999;

	font-size:12px;

	padding:2px 4px;

	color:#666;

}

table thead td {

	background-color:#CCF;

	color:#003

}

table.alignLeft {

	margin:0 10px;

}

table.tdLeft td {

	text-align:left;

}

/* spacial frame */

	.article .inbox {

	margin:10px;

	height:auto;

	background-color:#ccc;

	clear:both;

	padding-bottom:1px;

}

.article .inbox .inbox {

	background-color:#eee;

	margin-bottom:5px;

}

.article .inbox h3 {

	color:#cd0000;

	font-size:13px;

	padding-left:18px;

	background:url(http://images.wof.the9.com/images_wof1/images/red_arrow_down.gif) 0 1px no-repeat;

	text-align:left;

	margin:10px;

	clear:both;

}

.article .inbox .inbox p {

	color:#656567;

}

.article .inbox ul {

	padding:0 18px 12px;

}

.article .inbox ul a {

	color:#010101;

}

.article .inbox ul a:hover {

	background-color:transparent;

	color:#06C

}

/* grid */

	.u2 .g-u {

	width:50%;

	float:left;

}

.u3 .g-u {

	width:33%;

	float:left;

}

.u4 .g-u {

	width:25%;

	float:left;

}

.u5 .g-u {

	width:20%;

	float:left;

}

.clr {

	clear:both;

}

/* fixed el */	

	.fixtools {

	width:1000px;

	height:0;

	margin:0 auto;

	position:fixed;

	top:360px;

}



/*.fixtools .sitemap {

	width:17px;

	height:69px;

	background:url(http://images.wof.the9.com/images_wof1/images/btn_sitemap.gif);

	display:block;

	position:absolute;

	right:88px;

	text-indent:-99999px;

}*/



 

.sitemap {

	width:17px;

	height:69px;

	background:url(http://images.wof.the9.com/images_wof1/images/map.gif);

	display:block;

	position:absolute;

	right:88px;

	text-indent:-99999px;

}

.backtop {

	width:17px;

	height:69px;

	background:url(http://images.wof.the9.com/images_wof1/images/back.gif);

	display:block;

	position:absolute;

	right:88px;

	text-indent:-99999px;

}



.toolbox {

	width:75px;

	height:525px;

	 

	position:absolute;

	right:0px;

	top:-30px;

}

.toolbox img {
float:left;
}

/* png fix */

	img.png {

background-image: expression( this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://images.wof.the9.com/images_wof1/images/pixel.gif");

}