@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {
	padding:0;
	margin:0;
	font: normal normal 12px/188% Verdana, Arial, Helvetica, sans-serif, "宋体";
	color:#ffffff;
	background:url(../images/bd_bg01.jpg) no-repeat center 35px #d3d3d3;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");min-width:1000px; 
}

ul {
	list-style:none;
}
img {
	border:none;
}

h1{ overflow:hidden;}
/*==============================================================*/


/*伪类定义*/
a {
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	color:#ffcc00;
	text-decoration:none;
}


/*==============================================================*/

/*通用定义*/
#wipper {
	width:100%;
	margin:0 auto;
	min-width:1000px;
    background:url(../images/con_bg01.jpg) no-repeat center top; } 

#container{width:986px; margin:0 auto; position:relative;}

.content {
	width:1002px;
	margin:0 auto;
	position:relative;
}
.header {
	width:986px;
	margin:0 auto;
	height:149px; 
	overflow:hidden;
	position:relative;
	z-index:100px;
}

.clearbox {
	border-top: 1px solid transparent !important;
	margin-top: -1px !important;
	border-top: 0px;
	margin-top: 0px;
	height: 0px;
	clear: both;
	background: none;
	font-size: 0px;
	visibility: hidden;
}
.clear{ clear:both;}
.fix{*zoom:1; }
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden; background-color:transparent;}

/*==============================================================*/


/*导航*/
.header .menu{ width:986px; height:149px;}
.header .menu ul{width:986px; height:149px; position:relative;}
.header .menu ul li{ height:95px;}
.header .menu ul li a{display:block; width:82px; height:95px; text-indent:-10000px; overflow:hidden; position:absolute; }
.header .menu #logo a{ position:absolute; width:113px; height:149px; top:0px; left:434px; }

.header .menu ul li#li1{ width:120px;}
.header .menu ul li#li1 a{ width:120px; top:0px; left:42px;}
.header .menu ul li#li1 a.on{ background:url(../images/nav_bg01.gif) no-repeat -42px 0px;}
.header .menu ul li#li1 a:hover{background:url(../images/nav_bg01.gif) no-repeat -42px 0px;}

.header .menu ul li#li2{ width:122px;}
.header .menu ul li#li2 a{width:122px; top:0px; left:177px;}
.header .menu ul li#li2 a.on{ background:url(../images/nav_bg01.gif) no-repeat -177px 0px;}
.header .menu ul li#li2 a:hover{background:url(../images/nav_bg01.gif) no-repeat -177px 0px;}

.header .menu ul li#li3{ width:121px;}
.header .menu ul li#li3 a{ width:121px; top:0px; left:314px;}
.header .menu ul li#li3 a.on{ background:url(../images/nav_bg01.gif) no-repeat -314px 0px;}
.header .menu ul li#li3 a:hover{background:url(../images/nav_bg01.gif) no-repeat -314px 0px;}

.header .menu ul li#li4{ width:117px;}
.header .menu ul li#li4 a{width:117px; top:0px; left:547px;}
.header .menu ul li#li4 a.on{ background:url(../images/nav_bg01.gif) no-repeat -547px 0px;}
.header .menu ul li#li4 a:hover{background:url(../images/nav_bg01.gif) no-repeat -547px 0px;}

.header .menu ul li#li5{ width:121px;}
.header .menu ul li#li5 a{width:121px; top:0px; left:677px;}
.header .menu ul li#li5 a.on{ background:url(../images/nav_bg01.gif) no-repeat -677px 0px;}
.header .menu ul li#li5 a:hover{background:url(../images/nav_bg01.gif) no-repeat -677px 0px;}

.header .menu ul li#li6{ width:126px;}
.header .menu ul li#li6 a{width:126px; top:0px; left:813px;}
.header .menu ul li#li6 a.on{ background:url(../images/nav_bg01.gif) no-repeat -812px 0px;}
.header .menu ul li#li6 a:hover{background:url(../images/nav_bg01.gif) no-repeat -812px 0px;}

/*==============================================================*/

/*分页码*/
.pages {text-align:center;vertical-align:middle;}
.pages a{border:1px solid #004d47; color:#9dfecb; display:inline-block; margin:1px; padding:0 5px; font-family:Arial; background-color:#005547;}
.pages a:hover{border:1px solid #009b81;color:#fff; background:#006454; text-decoration:none;}
.pages span.disabled {border:1px solid #0E5E51;color:#005547;display:inline-block;margin:1px 5px 1px 1px;padding:0 5px;font-family:Arial; background-color:#D8D8D8;}
/*==============================================================*/


/*底部定义*/
#footer { background:url(../images/footer_bg01.jpg) no-repeat center bottom; margin:-220px auto 0; height:260px; color:#333333; padding-top:262px; text-align:center;}
#footer a{color:#333333;}
#footer a:hover{ color:#ff5200;}
/*==============================================================*/

/*分亨*/
#share{line-height:16px; overflow:hidden; white-space:nowrap; height:20px; margin:0 auto;  width:556px; text-align:center; padding-bottom:18px;}
#share label{float:left;}
#share ul{float:left;} 
#share ul li{float:left; height:16px;margin:0 8px 10px 0;display:inline; color:#464646; background:url(../images/t_ico.png) no-repeat; overflow:hidden }
#share ul li.icon01{background-position:0 0px;}
#share ul li.icon02{background-position:0 -19px;}
#share ul li.icon03{background-position:0 -38px;}
#share ul li.icon04{background-position:0 -57px;}
#share ul li.icon05{background-position:0 -76px;}
#share ul li.icon06{background-position:0 -95px;}
#share ul li.icon07{background-position:0 -116px;}
#share ul li.icon08{background-position:0 -136px;}
#share ul li.icon09{background-position:0 -158px;} 
#share ul li.icon10{background-position:0 -179px;}
#share ul li.icon11{background-position:0 -201px;}
#share ul li a{display: inline-block; height:16px; padding-left:18px;}

/*==============================================================*/

.content .right{
	float:right;
	width:750px;
} 

.Focus{width:439px; height:279px; overflow:hidden; padding-left:311px;}

/*首页内容区左侧定义*/
.content .left{ float:left; width:226px; padding-top:175px; } 
.content .left .lf_boxa{width:224px; background-color:#00302c; border:1px solid #061417; overflow:hidden;} 
.content .left .lf_boxb{width:226px;}

.start_btn{ width:210px; height:100px; padding:8px 0px 0px 8px; overflow:hidden; background:url(../images/sart_bg01.jpg) no-repeat 8px 8px;}

.lboxa_a{ background:url(../images/left_bg01.gif) repeat-y; margin-top:4px;}

.login{ overflow:hidden; background:url(../images/left_bg02.gif) no-repeat 0px top; }

.nologin{ height:128px;}
.nologin ul{padding-top:7px; padding-left:22px; height:121px;  }

._nologin li{ padding:6px 0px 0px 0px;}
._nologin #username,.input_user,.input_pwd{background:#03161c; width:134px; color:#fff;}
._nologin #password{background:#03161c; width:134px; color:#fff;}
._nologin .ipt,._nologin .input_user,._nologn .input_pwd {border: 1px solid #004e47; height: 20px; line-height: 20px; text-indent: 2px;width: 122px;}

._nologin .an{ padding-left:9px; height:35px;}

.login_in{ padding-top:9px; padding-left:24px; height:119px; }
 .play{ width:108px; height:34px; text-align:center; padding:2px 0px 10px 8px; margin-left:20px;}
 .play a{ background:url(../images/icon_01.png) no-repeat 0px -241px;  display:block; text-indent:-3000px; overflow:hidden; width:167px; height:32px; margin-top:10px;}

.Account{ color:#ffcc00;}
.Features{ color:#009686;}
.Features a{ color:#009686;}
.Features a:hover{ color:#ffcc00;}
.lastgame{ line-height:20px; color:#009686;}
.lastgame strong{ font-weight:normal; color:#fff; }
.lastgame a{ color:#009686; }
.lastgame span{　color:#009686; }
.lastgame a:hover{ color:#ffcc00; }

 .Avatar{ padding-left:60px; line-height:20px;}

.loginlink{width:180px; height:60px; margin:0px 0px 10px 24px; background:url(../images/left_icon01.gif) no-repeat center 10px; padding-top:10px; }
.loginlink ul{ padding-left:44px; }
.loginlink ul li{ width:99px; height:29px; text-indent:-5000px; overflow:hidden; float:left; padding-top:1px;}
.loginlink ul li a{ display:block; width:99px; height:29px; line-height:29px;}

.nov_card{width:180px; padding-top:70px; height:32px;background:url(../images/card_bg01.jpg) no-repeat top center; margin:0px auto;}
.nov_card a{ display:block; text-indent:-3000px; overflow:hidden; width:180px; height:32px; }

.new_ser{height:182px; overflow:hidden; padding-top:10px; background:url(../images/left_bg04.gif) no-repeat 0px bottom; }
.new_ser h3{ width:182px; height:28px; margin:0px auto; overflow:hidden; text-indent:-10000px; background:url(../images/icon_01.png) no-repeat 0px -42px; }
.new_ser ul{ height:112px; padding-left:24px; background:url(../images/left_bg03.gif) no-repeat top center; }
.new_ser ul li{ height:40px; overflow:hidden; padding:7px 0px 7px 7px; }
.new_ser ul li a{ line-height:20px;}
.new_ser .ser_m { display: block; }
.new_ser .ser_3 {background:url(../images/server_bg.gif) no-repeat scroll 82px -194px transparent;}
.new_ser .ser_2 {background:url(../images/server_bg.gif) no-repeat scroll 82px -172px transparent;}
.new_ser .ser_du {color:#009686; display: block;}
.new_ser .ser_du span {padding-left:49px; }
.new_ser p { margin:0px auto; height:19px; line-height:19px; width:182px;  background:url(../images/icon_01.png) no-repeat 0px -80px;  display:block;}
.new_ser p a{  height:19px; display:block; padding-left:53px; color:#7b7854; }
.new_ser p a:hover{ color:#ffcc00;}

.cyxx{ padding-top:10px; height:174px; overflow:hidden;}
.cyxx h3{ background:url(../images/icon_01.png) no-repeat 0px -109px; height:36px; overflow:hidden;}
.cyxx h3 img{ margin:0px auto; display:block;}
.cyxx ul{width:202px; height:134px; padding-left:22px; padding-top:4px; background-color:#00302c; border:1px solid #061417; border-top:none;}
.cyxx ul li a{ padding-right:32px; line-height:24px;}

.kffw{ padding-top:10px; height:231px; overflow:hidden;}
.kffw h3{background:url(../images/icon_01.png) no-repeat 0px -109px; height:36px; overflow:hidden;}
.kffw h3 img{ margin:0px auto; display:block;}
.kffw p{width:202px; height:190px; padding-left:22px; padding-top:4px; line-height:24px; background-color:#00302c; border:1px solid #061417; border-top:none; }


#login{float:none; margin-left:20px; display:block;width:190px !important;}
.nolog{ z-index:1; }
.nolog .back_pwd{background: url("http://pic.my4399.com/images/base/icon.png") no-repeat 0 -300px; color: #BB5400; padding-left:16px;}
.nolog .go_reg a{color: #1571AB; text-decoration: underline;}

#log_form {width: 190px !important;}
#log_form label{padding:8px 5px 3px; text-align:left; width:175px !important; text-align:left !important;}
#log_form input{border: 1px solid #004e47; height: 20px; line-height: 20px; text-indent: 2px;width: 122px; background-color:#03161C; color:#fff;}
#log_form .btn_login{ background:url(../images/icon_01.png) no-repeat 0px 0px; width:167px; height:32px; border:none; cursor:pointer; vertical-align:middle; display:block; text-indent:-5000px; margin-left:10px; margin-top:25px;}
#log_form .input_code{width:50px;}

.wjmm{line-height:20px; width:136px; z-index:2; height:20px; position:absolute; top:504px; left:76px; }
.wjmm a{ color:#009686;  }
.wjmm a:hover{ color:#ffcc00;}
#log_div{
		margin-top:20px;
}

#code_label{padding-top:20px !important}
#auto_span{margin-right:10px}
#auto_label{width:16px;height:18px;}
.pagecurrent{background-color: white !important;color: black !important;}