@charset "utf-8";
body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form,a{ margin:0; padding:0;word-wrap:break-word; outline:none}
body{ font-family:Tahoma; font-size:0.9em; background:#0d0000 url(../images/bg.gif) repeat-x; line-height:1.8; color:#000000}
input,select,textarea{ font-size:12px}
a{ color:#003399; text-decoration:none}
a:hover{ text-decoration:none}
img{ border:0}
ul{ list-style:none}

#wrap{ background:url(../images/bg_foot.jpg) no-repeat center bottom}
#wraper{ background:url(../images/bj.jpg) no-repeat center  top; overflow:hidden;zoom:1}
#container{ background:url(../images/content.jpg) no-repeat; width:1000px; margin:0 auto;  padding-top:151px; }
#container:after{ content:"."; height:0; visibility:hidden; display:block;  clear:both;}

#nav{  height:53px; padding-left:305px; position:relative;}

#nav h1{ position:absolute; left:-14px; top:-35px ;width:305px; height:150px}
#nav h1 a{ display:block; width:271px; height:53px; text-indent:-9999px}
#nav ul{ float:left}
#nav ul li{ float:left}
#nav ul li a{float:left;height:53px; text-indent:-9999px}
#nav ul li.s0 a{width:87px;}     #nav ul li.s0 a:hover{ background-position:0 0}
#nav ul li.s1 a{width:136px;}    #nav ul li.s1 a:hover{ background-position:-87px 0} 
#nav ul li.s2 a{width:124px;}    #nav ul li.s2 a:hover{ background-position:-223px 0} 
#nav ul li.s3 a{width:73px; background:url(../images/navHover.gif) no-repeat -347px -53px}     #nav ul li.s3 a:hover{ background-position:-347px -53px} 
#nav ul li.s4 a{width:100px;}    #nav ul li.s4 a:hover{ background-position:-420px 0} 
#nav ul li.s5 a{width:153px;}    #nav ul li.s5 a:hover{ background-position:-520px 0} 
#nav ul li a:hover{ background:url(../images/navHover.gif) no-repeat}

.content{}
#sideLeft{ float:left; width:231px; padding-left:20px; overflow:hidden}
.loginWai{width:223px; height:257px; overflow:hidden;}
.login{ width:223px; height:257px; overflow:hidden; }
		.login h4{ height:55px; text-indent:-9999px;}
		ul.log{ padding:20px 0 0 5px;}
		ul.log li{ height:26px; padding:0 0 0 80px }
		ul.log li label{ float:left; width:75px; line-height:20px; height:24px; font-weight:bold; font-size:0.8em; text-align:right; margin-left:-80px; color:#240c00}
		ul.log li .input{ border:none; background:none; color:#fff}
		ul.log li select{ width:120px;}
		ul.log li span{ float:left; background:#39281a; padding:1px;  }
		ul.log li span span{width:120px; border:1px #0d3a62 solid; background: url(../images/inputBg.gif) repeat-x; border:1px #cbbb79 solid; height:17px; overflow:hidden}
		ul.log li.s1 span span{ width:60px;  }
		ul.log li.s1 img{vertical-align:middle; margin-left:8px}
		ul.log li.s2{ height:35px}
		ul.log li.s2 a{font-weight:bold; font-size:0.8em; color:#3a0f03; text-decoration:underline;}
		ul.log li.s3{ padding:10px 0 0 0; text-align: center}
		ul.log li.s3 input{ font-family:Tahoma; width:86px; height:30px; font-weight:bold; color:#fff; background:url(../images/btn.gif) no-repeat; border:0; vertical-align:middle; cursor:pointer}
		ul.log li.s3 a{ width:86px; height:30px;  color:#fff; font-size:0.8em; font-weight:bold; margin-left:20px; background:url(../images/btn.gif) no-repeat; line-height:30px; text-align:center; display:inline-block; vertical-align:middle}
		
		.loginIn{ }
		.loginIn .area{  color:#000;font-size:0.8em;background:none; border:none; padding:0 10px}
		.loginIn .area .top{ text-align:center}
		.loginIn .area strong{ color:#1f4401; }
		.loginIn .area .top strong.s1{ color:#000}
		.loginIn .area .top p a{ color:#4f160f; text-decoration:underline}
		.loginIn .area .top p .input1{color:#1f4401; background:none; border:none; text-decoration:underline}
		.loginIn .area p .input{ font-family:Tahoma; width:86px; height:30px; font-weight:bold; color:#fff; background:url(../images/btn.gif) no-repeat; border:0; vertical-align:middle; cursor:pointer}
		.loginIn .area .acc{ padding-top:10px; text-align:center}
		.loginIn .area .top p.acc{ text-align:center; padding-top:15px}
		.loginIn .area .top p.acc a{ display:block; text-align:center; line-height:28px; font-weight:bold; width:118px; height:28px; color:#a35e06;background:url(../images/btn.gif) no-repeat -172px 0; }
		.loginIn .area h5{ font-size:1em}
		.loginIn .area h5.s1{ padding-top:10px}
		.loginIn .area h5.s1 select{ width:110px; vertical-align:middle; margin-left:5px}

.adv{ width:227px; margin-top:15px}
.adv1{ margin:0}

.adv b{ height:8px; overflow:hidden; font-size:0; background:url(../images/advBg.gif) no-repeat 3px -162px; display:block}
.adv1 b{ height:7px; background-position:0 -399px}
.adv ul li{ height:81px; width:227px; float:left; display:inline; padding:4px 5px 0 4px; background:url(../images/advBg.gif) no-repeat}
.adv ul li.last{ height:73px; background-position:0 -85px}
.ml{ width:218px;  margin-top:12px; line-height:1.6; margin-left:5px; }
.ml .area{ border:1px #916931 solid; background:#f9efb8}
.ml h3{ height:30px; background:url(../images/serverTitle.gif) no-repeat 0 -30px; text-indent:-9999px; overflow:hidden}
.ml ul{border:1px #916931 solid; background:#300000; padding:1px 1px 0 1px;}
.ml ul li{  background:#f9efb8; margin-bottom:1px; line-height:25px}
.ml ul li a{ color:#583009;padding-left:28px;}
.ml ul li.current a{ text-decoration:underline; background:url(../images/icoN1.gif) no-repeat 2px 3px; color:#c94e0b}




#sideRight{ float:right; width:733px; margin-right:9px; display:inline; background:url(../images/sideBg.gif) repeat-y}
#sideRight .bottom{ background:url(../images/sideH.gif) no-repeat -733px bottom; }
#sideRight .top{ background:url(../images/sideH.gif) no-repeat; min-height:1000px;_height:1000px; overflow:hidden;zoom:1; _overflow:visible  }
#sideRight .area{ width:710px; margin:13px 0 0 13px; overflow:hidden}


.barLeft{ width:485px; float:left; overflow:hidden}
.barLeft .focus{ height:202px; border:2px #e5c366 solid; width:481px; background:#000; overflow:hidden; margin-bottom:7px; position:relative}
.barLeft .focus img{ width:481px; height:202px;}
.barLeft .focus span{ position:absolute; width:120px; height:22px; right:5px; bottom:0; *bottom:-4px; background:url(../images/focusB.gif) no-repeat}
.barLeft .focus span a{ float:left; width:60px; height:22px; }
.news{ margin-bottom:10px}
.newsBottom{ }
.newsTop{ min-height:800px; _height:800px;  }
.news ul{ width:487px; background:#140501; padding:1px }
.news ul li{ background:url(../images/liT.gif) no-repeat;  min-height:27px; _height:27px; line-height:27px; position:relative; margin-bottom:1px; _margin-bottom:-2px; padding:0 70px 0 0}
.news ul li a{ color:#8d2804; font-size:11px; padding-left:35px}
.news ul li strong{ width:350px; overflow:hidden; display:block; height:26px}
.news ul li span.time{ position:absolute; right:0; top:0px; line-height:27px; height:27px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#7b3020; width:80px}
.news ul li span.time a{ position:absolute; right:0; top:0; width:16px; height:16px; padding:0; overflow:hidden; background:url(../images/conor.gif) no-repeat; margin:5px 10px 0 0}
.news ul li.current .con{  background:url(../images/newArea.gif) no-repeat right bottom;padding:13px 0 0 25px; }
.news ul li.current span.time a{ background-position:-16px 0; right:-1px; top:1px}
.news ul li.current span.time a.close{ background:0 -10000px}
.news ul li.current b{ display:block; background:url(../images/bottom.gif) no-repeat; height:1px; font-size:0; width:438px; margin:0 auto}
.news ul li.current strong{ height:auto; min-height:30px; _height:30px;  overflow:visible; margin-left:40px; padding-top:5px}
.news ul li.current strong a{ color:#8f0606; font-size:1.2em; padding:0}
.news ul li.current span.time{}
.news ul li .more{ display:none}
.news ul li .more a{ background:url(../images/more.gif) no-repeat; text-decoration:underline; padding-left:20px}
.news ul li.current .more{ display:block; text-align:right; padding:0 20px 0 0;font-weight:bold;color:#000}
.news ul li img{ width:185px; height:98px; background:url(../images/imgBg.gif) no-repeat; padding:5px 6px}
.news ul li p{ display:none}
.news ul li.current p{ display:block; font-size:11px;  line-height:1.6; color:#000; padding:10px 15px;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word; min-height:70px; _height:70px}
.news ul li.current{ border:1px #cdb27d solid; padding:0;margin-bottom:1px; background:#f5eab0 url(../images/liT.gif) no-repeat 0 -30px; margin-right:2px}
.news ul li.current div{ }



.barRight{ float:right; width:218px;}
.myServer{ margin-bottom:5px; width:218px;}
.myServer h3{ height:30px; background:url(../images/serverTitle.gif) no-repeat; text-indent:-9999px; overflow:hidden}
.myServer ul{ background:#300000; border:1px #916931 solid; border-top:none; padding:2px;overflow:hidden; zoom:1; }
.myServer ul li{ height:38px; overflow:hidden; padding:0 5px 7px 0; margin-bottom:2px; width:159px; float:left; display:inline; background:#210202; color:#d4b165; line-height:1.2; position:relative; padding-left:48px; }
	.myServer ul li i{ float:left; width:38px; height:38px; margin:3px 0 0 -45px; background:url(../images/server.gif) no-repeat}
	.myServer ul li strong{ display:block; color:#7b563a; font-size:24px}
	.myServer ul li.current{background:#580909 url(../images/server.gif) repeat-x 0 -77px; color:#ffaf31}
	.myServer ul li strong{  color:#ffc53b}
	.myServer ul li.odd{}
	.myServer ul li.odd i{background-position:0 -38px;}
	.myServer ul li i img{ border:1px #d2c078 solid;width:36px;height:36px; position:static}
		.myServer ul li a{ color:#ffa882; float:left; color:#d4b165; font-size:12px; width:160px;}
		.myServer ul li img{ position:absolute; right:20px; top:10px}


.rightAdv{}
.rightAdv ul li{ border:1px #eed679 solid; margin-bottom:5px;}
.rightAdv ul li img{ vertical-align:top}

.quick{ width:218px; margin-bottom:5px; }
.quick h3{ height:30px; background:url(../images/serverTitle.gif) no-repeat 0 -30px; text-indent:-9999px; overflow:hidden}
.quick ul{ background:#300000; border:1px #916931 solid; border-top:none; padding:2px;overflow:hidden; zoom:1; line-height:1.5}
.quick ul li{background:#210202; margin-bottom:1px; }
.quick ul li a{ color:#d4b165; font-size:0.8em;padding-left:25px}
.quick ul li a:hover{ color:#ffb900;background:#210202 url(../images/icoN.gif) no-repeat 0 5px}

#footer{ height:97px; background:url(../images/foot.gif) repeat-x; color:#c8a364; padding-top:30px; text-align:center}
#footer a{color:#c8a364; text-decoration:underline; }

.faq{ width:705px; overflow:hidden; background:url(../images/faqBg.gif) repeat-y; margin:10px 0 0 15px;}
.faqBottom{ background:url(../images/faq.gif) no-repeat -705px 100%}
.faq h2{ font-size:1.4em; padding:5px 30px; color:#8f0606}
.faqTop{ background:url(../images/faq.gif) no-repeat; min-height:1000px; _height:1000px; padding-bottom:20px}
.faq h4{ height:90px; text-indent:-9999px;}
.faq .news{ width:591px; margin:0 auto; background:none; padding-bottom:120px}

.faq h4{ height:90px; text-indent:-9999px;}
.faq h4 span{ float:left; width:227px; height:36px; margin:25px 0 0 25px; background:url(../images/newT.gif) no-repeat}
.faq h4 span.s1{ background-position:0 -39px;}
.faq h4 span.s2{ background-position:0 -76px;}
.faq .news ul{ width:591px; background:none}
.faq .news ul li{background:url(../images/newArea1.gif) no-repeat -1204px 0; margin-bottom:2px }
.faq .news ul li strong{ width:465px}
.faq .news ul li div{ background:url(../images/newArea1.gif) no-repeat 0 -10000px}
.faq .news ul li.current{  padding:0; background:#f5eab0 url(../images/newArea1.gif) no-repeat -590px bottom }
.faq .news ul li.current div{ background:url(../images/newArea1.gif) no-repeat left top;}

.faq .news ul li.current b{ width:571px;background:url(../images/bottom1.gif) no-repeat}

.newsContent{ background:url(../images/newArea1.gif) no-repeat right bottom }
.newsContent .newsT{ background:url(../images/newArea1.gif) no-repeat;  padding:13px 0 40px 25px}
.newsContent h2{color:#8f0606; font-size:1.2em; padding:0}
.newsC{font-size:11px; padding:10px 0;  color:#000; padding-right:25px;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;}
.newsC p{ padding:5px 0}

.pageFen{  text-align:center; padding:10px 0; font-size:0.8em}
.pageFen a{margin:0 3px; color:#8F4306}
.pageFen a.current{ text-decoration:underline; color:#6b1302; font-weight:bold; font-size:1.2em}

.GameInfo{ padding:0 30px 70px; overflow:hidden}
.GameInfo h4{ height:auto; text-indent:0; font-size:1.1em; color:#8f0606}
.navT{ margin-bottom:20px; border-bottom:1px #dbc486 solid}
.navT span{ cursor:pointer; font-size:0.8em}
.navT span.current{ font-weight:bold; font-size:1.1em; color:#000}
.navT i{ font-size:11px; color:#666; font-style:normal; margin:0 5px}

.tour{ padding:0 30px; overflow:hidden}
.tour h2{ text-align:center}
.tour h3{ text-align:center; color:#333333; font-size:1em; height:30px; position:relative;}
.tour h3 a{ position:absolute; right:30px; top:0; text-decoration:underline}
.tour h3 a.back{ left:0; top:0; right:auto}
.tour p{ padding-top:10px; padding-bottom:20px;}

.load{ background:url(../images/ajax-loader.gif) no-repeat center center; text-align:center; padding-top:50px; margin-top:60px;}


.rec_new{ width:231px; background:url(../images/rec_Bg.gif) repeat-y; overflow:hidden; margin-top:5px; position:relative; margin-left:-2px; overflow:hidden;zoom:1; position:relative}

.rec_new .area{ background:url(../images/rec_new.gif) no-repeat; padding:0 19px 0 19px}
.rec_new .intro{ }
.rec_new h4{height:40px; text-indent:-9999px;}
.rec_new h5{ text-align:center; color:#7f0c08; font-size:1em; line-height:1.4; margin:5px auto;}
.rec_new p{ font-size:12px; color:#3b2000; padding:0 5px; line-height:1.4; min-height:50px;_height:50px;}
.rec_new p.minHeight{ min-height:80px; _height:80px}
.rec_new p.di{ text-align:right; padding-bottom:10px;}
.rec_new p.di a{ color:#a9620d; text-decoration:underline}
.rec_new img{ width:192px; height:70px; border:1px #000000 solid}
.rec_b{ display:block; height:25px; width:231px;  background:url(../images/rec_new.gif) no-repeat -231px 0; margin-left:-2px;}

.hreos{ width:207px; overflow:hidden; background:url(../images/rec_Bg.gif) repeat-y -231px 0; position:relative; margin:0 auto}
.hreos .area1{ background:url(../images/rec_new.gif) no-repeat -462px 0; padding:0 20px 0 20px}
.hreos h4{ height:40px; text-indent:-9999px;}
.hreos_b{ display:block; height:119px; margin:0 auto 10px auto;  background:url(../images/rec_new.gif) no-repeat -669px 0;width:207px; }
.hreos h5{ text-align:center; color:#3a3c01; font-size:0.9em}
.hreos p{ font-size:11px; color:#3b2000; padding:0 5px;  line-height:1.5}
.hreos p img{ width:43px; height:55px; padding:5px; margin-right:5px; background:url(../images/touxiang.gif) no-repeat}
.hreos p a{ color:#a9620d; text-decoration:underline}

.conor{}
.conor a{ width:5px; height:10px; overflow:hidden; position:absolute; left:10px; top:15px; background:url(../images/jiao.gif) no-repeat} 
.conor a.tr{ background-position:-5px 0; left:auto; right:10px} 
.hreos .conor a{ top:10px}

.faq h4 span.s3{ background-position:0 -116px;}
.ml h3.s1{ background-position:0 -60px;}

.second{ width:170px; height:122px; position:absolute; right:0; top:-130px; text-indent:-9999px;}


/** Fu add vote 2010-08-10 **/
.faq h4.dd { height:75px}
.faq h4 span.s4{ background-position:0 -197px;}
.vote { width:631px; margin:0 auto; font-size:12px; color:#494949}
	.votelist { padding:0 40px}
		.votelist dt { margin-top:10px;}
		.votelist dd span { float:left; height:15px; margin:0 5px 0 10px; }
		.votelist dd span.s1 { width:310px; background:#af0606}
		.votelist dd span.s2 { width:270px; background:#ff9600}
		.votelist dd span.s3 { width:130px; background:#7ea917}
		.votelist dd span.s4 { width:100px; background:#1492a9}
		.votelist dd span.s5 { width:110px; background:#48078a}
		.votelist.s dd { margin-top:5px; line-height:15px;}
		
	.votelogin { margin-top:20px; padding:10px 0 0 30px; background:url(../images/voteline.jpg) 0 top no-repeat}
		.votelogin ul,.votebtn li input.btn { background:url(../images/voteloginbg.jpg) no-repeat}
		.votelogin ul { height:33px; padding-left:40px;}
		.votelogin ul li { float:left; color:#48291e; font-weight:bold; padding-top:5px; margin-right:5px;}
		.votelogin ul li input.txt { width:137px; height:18px; border:1px solid #a88282; vertical-align:middle;}
		
	.votebtn { margin-top:10px; padding:20px 0 0 30px; background:url(../images/voteline.jpg) 0 top no-repeat}
		.votebtn ul li { float:left;}
		.votebtn ul li.t { padding-top:10px;}
		.votebtn ul li input.btn { width:86px; height:30px; cursor:pointer; border:0; background-position:0 -33px;}
		.votebtn ul li a { color:#7c3414; margin-left:10px; font-weight:bold; text-decoration:underline}
	.voteadad { border:1px solid #aa9656; background:#f5edcd; padding:5px; font-size:14px; margin:10px 0; font-weight:bold}