﻿
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,
ol,li,pre,form,fieldset,legend,button,input,
textarea,th,td{
	margin:0;
	padding:0;
	word-wrap:break-word;
	list-style-type:none;
	}
.clear{clear:both;}
img,input,button{border:0; background:none;}
img{font-size:0;vertical-align: middle;}
body,button,input,select,textarea{
	font:12px/1.5 Lucida Grande,Tahoma,Verdana,Lucida,Arial,sans-serif,Helvetica,"宋体";
	color:#666;
	}
h1,h2,h3,h4.h5,h6,button,input,select,textarea{
	font-size:100%;
	}
var,em,i{
		font-family:normal;
		font-style:normal;
		}
pre{
	font-family:"Courier New", Courier, monospace;
	}
small{
	font-size:12px;
	}
	.red{color:#cc0000;}
.clear:after{ clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.bold{font-weight:bold;}
.font14{font-size:14px;}
.font16{font-size:16px;}
hr{border:1px solid #dedede;}
.font12{
	font-size:12px;
	}
ul,ol{
	list-style:none;
	}
a{
	text-decoration:none;
 	color:#5B2D2D;
	}
a:hover{
	text-decoration:none;
 	color:#ff5500;
	}
.blue{
	color:#005d93;	
}
 
.mt_10{
	margin-top:10px;	
}
.mb_10{
	margin-bottom:10px;	
}
.ml_10{
	margin-left:10px;	
}
.mr_10{
	margin-right:10px;	
}
.right{
	float:right;	
}
.left{
	float:left;	
}
.orange{
	color:#ff6600;	
}
.hiddenWords{
	text-indent:-99999px;
}
.lessLeft{
	margin-left:-1px;
}
.less-box,.lessLeft{
	overflow:hidden;
	_zoom:1;	
}
.aBox{
	position:absolute;    
	_zoom:1;
}
.rBox{
	position:relative;
	_zoom:1;	
}
.topLeft,.topRight,.bottomLeft,.bottomRight{
	position:absolute;
	overflow:hidden;	
}
.topLeft{
	left:0;
	top:0;	
}
.topRight{
	right:0;
	top:0;	
}
.bottomLeft{
	left:0;
	bottom:0;	
}
.bottomRight{
	right:0;
	bottom:0;	
}
.layout{
	width:1000px;
 	margin:0 auto;
}
.page{
	clear:both;
}
/*
.footer{
	border-top:2px #0c0100 solid;
	background:#0e0100;
	padding:10px 0 20px;
	text-align:center;
	color:#733935;
	line-height:24px;
	clear:both;
	overflow:hidden;	
}
.footer .link a{
	color:#733935;
	padding:0 5px;	
}
.footer .link a:hover{
	color:#ff6600;	
}
*/
.quick-help a,.left-box h2,.prev,.next,.top-nav li a,.tabs a,.detail-box dl dt,.top-show .contrl a,.other-ser{
	text-indent:-9999px;	
}
.content{
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
}
.left-clumn{
	width:277px;
	float:left;	
}
.download{
	margin-top:104px;
	height:193px;
	padding-left:30px;
	overflow:hidden;
	background:url(../image/get_game.jpg) no-repeat right bottom;	
}
.download .download-btn{
	display:block;
	height:193px;
	width:252px;
	left:0;
	top:0;
	z-index:99;
}
.top-nav{
	height:199px;
	background:url(../image/topNav.jpg) no-repeat;	
}
.top-nav li{
	float:left;	
}
.top-nav li a{
	height:199px;
	display:block;
	width:120px;
	overflow:hidden;	
}
.top-nav li a:hover,.top-nav li.hover a,.top-nav li.c_hover a{
	background:url(../image/topNav.jpg) no-repeat;
}
.top-nav li a.logo{
	width:280px;	
}
.top-nav li.hover span{
	display:block;	
}
.top-nav li.hover span a{
	width:96px;
	background:none;
	height:32px;
	display:block;	
}
.top-nav li.hover span a:hover{
	background:none;	
}
.top-nav li span{
	top:72px;
	display:none;
	left:11px;
	z-index:100;	
}
.top-nav li a.index:hover,.top-nav li.hover a.index,.top-nav li.c_hover a.index{
	background-position:0 -199px;	
}
.top-nav li a.news:hover,.top-nav li.c_hover a.news,.top-nav li.hover a.news{
	background-position:-120px -199px;	
}
.top-nav li a.detail:hover,.top-nav li.c_hover a.detail,.top-nav li.hover a.detail{
	background-position:-240px -199px;	
}
.top-nav li a.logo:hover{
	background-position:-360px 0;	
}
.top-nav li a.down:hover,.top-nav li.c_hover a.down,.top-nav li.hover a.down{
	background-position:-640px -199px;	
}
.top-nav li a.pay:hover,.top-nav li.c_hover a.pay,.top-nav li.hover a.pay{
	background-position:-760px -199px;	
}
.top-nav li a.bbs:hover,.top-nav li.c_hover a.bbs,.top-nav li.hover a.bbs{
	background-position:-880px -199px;	
}
.login .login-box{
	padding-left:62px;
	padding-top:5px;	
}
.login,.left-bottom-bg .bottom-bg,.quick-help,.left-box h2,.more-servers,.prev,.next,.game-bottom,.logined,.other-ser{
	background:url(../image/left_bg.png) no-repeat;
}
.login,.logined{
	height:127px;	
}
.logined{
	background-position:0 -230px;
	padding:0 0 0 50px;
}
.logined .login-box{
	padding:0 10px;
	text-align:center;	
}
.logined {
	color:#ccc;
}
.logined a{
	color:#abc000;
}
.logined a:hover{
	color:#e8a074;	
}
.logined .user-msg{
	height:30px;
	line-height:30px;
}
.logined-ser{
	padding:5px 0	
}
.logined a.logined-btn{
	color:#e8a074;
}
.logined .user-msg .user-name{
	font:bold 14px/30px 宋体;
	color:#eecfaa;	
}
.other-ser{
	width:152px;
	height:35px;
	display:block;
	background-position:-316px -276px;
	margin:0 auto;
	margin-bottom:5px;	
}
.exit-login{
	margin-left:20px;	
}
.logined .user-contrl{
	text-align:left;
	padding-left:74px;	
}
.login .login-box .input{
	padding-left:3px;
	width:176px;
	height:46px;	
}
.login .login-box .input .text{
	width:170px;
	height:16px;
	line-height:16px;
	padding:0 3px;
	border:1px #190100 solid;
	margin-bottom:7px;
	float:left;
}
.login .login-box p{
	clear:both;	 color:#c38d77;
}
.get-pwd{
	color:#c38d77;
	 
}
.change-pwd{
	margin-right:24px;	
}
.login .btns{
	margin:8px 0 0 -17px;	
}
.login .btns a,.login .btns input{
	width:85px;
	height:32px;
	display:inline-block;
	float:left;
	margin-right:15px;
	cursor:pointer;
	text-indent:-9999px;
}
.left-bottom-bg{
	width:249px;
	margin:0 auto;	
}
.left-box{
	width:221px;
	padding:0 13px;
	margin:0 auto;
	background:url(../image/left_bg.jpg) repeat-y;	
}
.left-bottom-bg .bottom-bg{
	width:249px;
	height:27px;
	background-position:-13px -202px;
	overflow:hidden;
}
.deep-bg{
	background:url(../image/left_deep_bg.jpg) 2px 0 repeat-y;	
}
.quick-help{
	width:193px;
	padding-left:27px;
	padding-top:15px;
	height:49px;
	margin:0 auto;
	background-position:-27px -127px;	
}
.quick-help a{
	width:82px;
	height:37px;
	float:left;
	display:inline;
	margin-right:7px;
	overflow:hidden;	
}
 
.servers-pro{
	margin:10px 0;
}
.servers-pro h2{
	height:35px;
	background-position:-277px 0;	
}
.servers-pro ul li{
	line-height:22px;
	border-bottom:1px #431e1b dashed;
	text-align:center;	
}
.servers-pro ul li a{
	color:#ecdec4;
	text-align:center;	
}
.servers-pro ul li a:hover *{
	text-decoration:underline;	
}
.servers-pro dt{
	padding:5px 0;	
}
.servers-pro ul li a span{
	width:160px;
	display:inline-block;	
}
.servers-pro ul li a em{
	width:60px;
	display:inline-block;	
}
.servers-pro ul li a i{
	width:60px;
	display:inline-block;	
}
.more-servers{
	width:211px;
	height:20px;
	display:block;
	margin:0 auto;
	background-position: -285px -35px;	
}
.hot-pic h2{
	height:35px;
	background-position:-285px -56px;		
}
.hot-pic .box{
	overflow:hidden;	
}
.hot-pic .show-box{
	margin:32px 0 33px;
	height:344px;
}
.prev{
	top:0;
	height:27px;
	width:211px;
	background-position:-285px -92px;
	display:block;		
}
.next{
	bottom:0;
	height:33px;
	width:211px;
	display:block;
	background-position:-285px -120px;	
}
.hot-pic li{
	border:1px #584c3b solid;
	height:74px;
	overflow:hidden;
	margin-bottom:10px;
	float:left;	
}
.hot-pic li a{
	border:1px #3b3022 solid;
	height:72px;
	display:block;	
}
.hot-pic li a img{
	border:1px #180d02 solid;
	width:215px;
	height:70px;
	display:block;	
}
.game-pro h2{
	background-position:-281px -155px;
	height:35px;	
}
.game-pro .box{
	color:#5b2d2d;
	background:url(../image/s_bg.jpg) repeat-y;
}
.game-pro .box p.indent{
	text-indent:2em;	
	line-height:18px;
}
.game-bottom{
	padding:0 15px 15px;
	background:url(../image/left_bg_bottom.jpg) left bottom no-repeat;
}
.game-pro.sevice h2{
	background-position:-281px -221px;	
}
.sevice{
	margin-top:10px;
	line-height:23px;	
}
.sevice span{
	display:inline-block;
}
.sevice .label{
	width:80px;
}
/*
.weibos{
	border:1px #4a0303 solid;
	margin-bottom:10px;	
}
.weibos .tabs a{
	background:url(../image/left_bg.png) no-repeat;
}
.weibos .tabs{
	width:217px;
	height:32px;
	overflow:hidden;	
}
.weibos .tabs ul{
	width:218px;
	margin-left:-1px;	
}
.weibos .tabs li{
	float:left;
}
.weibos .tabs a{
	display:block;
	width:109px;
	height:32px;	
}
.weibos .tabs a.sina_tab{
	background-position:-281px -347px;	
}
.sea_tab .more {margin-top:10px; background-position:-370px -216px;}
.weibos .tabs a.tx_tab{
	background-position:-390px -347px;
}
.weibos .tabs li.hover a.sina_tab{
	background-position:-281px -314px;	
}
.weibos .tabs .hover a.tx_tab{
	background-position:-390px -314px;
}
*/