html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 "Microsoft YaHei",\5b8b\4f53;color:#284669;outline:0;}
body{background-color:#171a2d;}    
a{color:#284669;transition: color 200ms ease-out 0s;outline: medium none;}
a:hover{text-decoration:underline;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-fl{float:left;}
.f-fr{float:right;}
.blank{width:100%;height:10px;clear:both;}
.clear{clear:both;}
.t-algin-l{text-align:left!important;}
/*************************************/
.g-doc{background:url('bg_01.jpg') center top no-repeat;padding-bottom:1px;}
/****************header*********************/
.g-hd{width:1000px;margin:0 auto;}
.g-hd .t01{background:url(top_01.png) no-repeat;height:140px;position:relative;}
.g-hd .t01 .m-nav{position:absolute;left:0;top:32px;width:100%;height:42px;z-index:10;}
.m-nav a{display:block;width:129px;height:42px;float:left;}
.m-nav a.logo{width:225px;}
.g-hd .t02{height:314px;position:relative;z-index:2;}
.topflash{position:absolute;width:850px;height:320px;top:-55px;left:0;z-index:9;}

/**************** Content *********************/
.g-bd{width:1000px;margin:0 auto;height:auto;}
.g-sd{width:257px;overflow:hidden;height:auto;background:url('left_bg.jpg') no-repeat;}/*Left*/
.pleft-bg{background:url('pleft_bg.jpg') no-repeat;}
/********Left Login**********/
.start{width:100%;height:169px;position:relative;overflow:hidden;}
#sta{width:257px;height:169px;position:absolute;left:0;top:0;z-index:99;}
.g-sd .left-top{width:100%;height:200px;padding-top:0;}
.left-top .lgb{width:100%;height:50px;}
.left-top .lgb a{display:block;float:left;width:141px;height:50px;text-indent:-9999px;}
.g-sd .login{width:100%;z-index:1;}
.g-sd .login dt{padding:25px 0 0 20px;}
.g-sd .login dt dl{height:43px;line-height:43px;width:225px;}
.g-sd .login dt dl span{font-size:14px;}
.g-sd .login dt.loged{padding-left:15px;padding-top:35px;}

.g-sd .login dt.loged a{}
.g-sd .login dt.loged dl{height:25px;line-height:25px;width:235px;}
.f-cb:after, .f-cbli li:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.login .u-txt{width:55px;height:25px;line-height:22px;display:block;float:left;}
.login .u-loginp {border: 1px solid #a8a8a8;height: 33px;line-height: 33px;width: 210px;background-color:#fff;color:#000;}
.login .u-btn{width:230px;height:41px;padding-top:9px;}
.login .u-logbtn{width:103px;height:41px;border:none;cursor:pointer;background:url('login_btn.jpg') no-repeat;float:left;margin-right:7px;}
.regbtn{width:103px;height:41px;display:block; float:left;background:url('reg_btn.jpg') no-repeat;}
.login .m-llk{margin:15px 0 5px 10px;}
.login .m-llk a{}
.login .m-llk .ct{vertical-align:middle;}
.login .m-llk .ct input{vertical-align:middle;margin-left:2px;margin-right:8px;}
.login .m-llk span{padding:0 9px;color:#000;}
.login .m-llk span.fpwd{margin-left:80px;}
.login .m-llk span a{color:#000;}
.left_a{width:280;height:180px;clear:both;padding-left:10px;}
.left_a a{display:block;width:288px;height:90px;float:left;text-indent:-999px;}

/*****/
.g-sd .l-t{margin:0 0 0 0;}
/**** Left title ***/
.g-sd .left-title{width:100%;height:44px;}
.g-sd .l-con{height:auto;min-height:50px;padding-bottom:15px;width:255px;}
.g-sd .kf_bg{padding-bottom:0;}
.g-sd .l-con ul{padding:5px 0 5px 30px;height:158px;overflow:hidden;}
.g-sd .l-con ul li{ width:190px;height:32px; line-height: 32px;text-align:center;background: url("ser_icon.jpg") 15px 12px no-repeat ;border-bottom:1px dashed #9fa0a0;}
.g-sd .l-con ul li a{padding-left:15px;color:#606060;}
.g-sd .l-con ul li span{color:#606060;}
.g-sd .l-con .u-lmsl{display:block;width:154px;height:33px;margin:0 auto;text-indent:-9999px;background:url('left_more.jpg') no-repeat;}
.g-sd .l-con p.yxjj{text-indent:20px;padding:15px 20px 0 20px;letter-spacing:1px;line-height:23px;height:185px;overflow:hidden;}
.g-sd .l-con p em{height:24px;line-height:24px;font-weight:normal;}
.g-sd .l-con p.u-lt{padding-left:20px;height:154px;overflow:hidden;padding-top:23px;}

.g-sd .l-con p.u-lt a{color:#ff0000;}
.g-sd .l-con .left_txt{padding:10px 8px;line-height:25px;}
.service{display:block;width:121px;height:26px;margin-top:5px;background:url('kf_btn.jpg') no-repeat;text-indent:-9999px;}
/*********Right**********/
.r_box{border:1px solid #ccc;border-top:none;}
.g-mn{width:743px;height:auto;background:url('right_bg.jpg') 0 -1px no-repeat;background-color:#fff;}
.page-bg{background:none;}
.g-mn .g-mnc1{width:100%;height:372px;}
.g-mn .g-mnc1 .m-ppt{width:480px;position:relative;height:372px;padding:0;}
     /******Flash Pic******/
.m-ppt li{width:100%;height:100%;position:absolute;left:0;top:0;}
.m-ppt .pptindex{position:absolute;z-index:15;width:150px;bottom:18px;right:0;}
.m-ppt .pptindex .index-item{width:22px;height:22px;font-size:11px;line-height:22px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;-webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;-webkit-user-select:none;-moz-user-select:none;background-color:#ECF2F7;text-align:center;cursor:pointer;margin:0 5px}
.m-ppt .pptindex .index-item.active{background-color:#fe940d;color:#fff}
.m-ppt .pptindex .index-item:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}

.right-pic{width:263px;height:372px;}
.right-pic a{display:block;width:263px;height:124px;}
	/****** News ******/
.g-mn .news{width:423px;height:auto;padding:0 0 0 0;}
.news .m-tab,.r-tit{width:100%;height:45px;position:relative;}
.r-tit span{line-height:34px;color:#c7b199;padding-left:25px;font-size:14px;}
.r-tit .u-more{position:absolute;right:10px;top:10px;}
#news_Tab{position:absolute;left:0;top:0;width:475px;height:49px;}
#news_Links{width:55px;height:20px;position:absolute;left:360px;top:12px;color:#6e6e6e;}
.news .m-tab li{width:56px;height:39px;line-height:35px;display:block;float:left;cursor:pointer;color:#000;font-size:16px;padding-left:22px;letter-spacing:5px;}
.news .m-tab li.active{background:url('news_tab_on.jpg') bottom center no-repeat;color:#fcef51;}

.news .u-more{}
.m-tablist{}
#news_TabCon{padding:0 10px 0 20px;height:205px;overflow:hidden;background-color:#fff;}
.m-tablist li span{float:right;font-family: arial;}
#news_TabCon dl li{float:left;width:98%;height:28px;line-height:28px;border-bottom:1px dashed #9fa0a0;background:url('news_icon.jpg') 0 10px no-repeat;padding-left:10px;overflow:hidden;}
#news_TabCon .tou{height:35px;overflow:hidden;width:98%;margin-bottom:5px;border-bottom:none;padding-top:8px;background:none;padding-left:0;}
#news_TabCon .tou a{color:#db0000;width:361px;height:31px;line-height:31px;display:block;text-align:center;font-size:14px;background-color:#dadada;margin:0 auto;}
#news_TabCon dl{width:100%;padding:0;}

	/********** 攻略 职业 截图**************/
.g-mn .g-mnc2{width:100%;height:250px;}
.zy{width:320px;height:250px;animation: 0.8s ease-in-out 0s normal none 1 scale3;background-color:#e8f2f1;overflow:hidden;position:relative;}
.zy a{display:none;position:absolute;left:0;top:0;}
.zy a.show{display:block;animation:800ms ease-out 0s normal none 1 scaleFade;z-index:1;}
.zy-tab{position:absolute;width:35px;height:201px;left:15px;top:25px;z-index:2;}
.zy-tab span{display:block;height:35px;margin-bottom:7px;background-image:url('zy_btn.png');background-repeat:no-repeat;cursor:pointer;}
.r1{background-position:0 0;}
.r2{background-position:0 -42px;}
.r3{background-position:0 -83px;}
.r4{background-position:0 -124px;}
.r5{background-position:0 -166px;}
.r1.active{background-position:-35px 0;}
.r2.active{background-position:-35px -42px;}
.r3.active{background-position:-35px -83px;}
.r4.active{background-position:-35px -124px;}
.r5.active{background-position:-35px -166px;}

.g-mnc3{width:100%;height:226px;clear:both;}
.g-mn .g-mnc3 .tit{width:100%;height:39px;position:relative;}
.box-bd{width:480px;height:226px;overflow:hidden;background-color:#232744;}
.data-nav, .data-con {float:left;}
.data-nav {display:block;width:103px;height:226px;cursor:pointer;}
.data-con {width:0;height:194px;overflow:hidden;padding-top:30px;}
.first-data-con {width:157px;margin-left:14px;}
.data-con ul {margin-left:-6px;width:180px;}
.last-data-con ul {margin-left:-9px;}
.data-con li {float:left;display:inline;width:78px;text-align:center;line-height:2;background:url('data-bg.jpg') right center no-repeat;overflow:hidden; color#d6d8db;}
.data-con li a{color:#d6d8db;font-size:13px;letter-spacing:2px;}

.g-mn .yxgl{width:230px;position:relative;height:226px;padding:0 10px 0 0;}
.g-mn .yxgl .gl-tit{width:100%;height:18px;}
.m-gl .m-tablist li{border:none;padding-right:10px;}
.m-gl{padding-top:15px;width:100%;height:150px;overflow:hidden;}
.m-gl ul{padding-top:5px;padding-bottom:0;}
.m-gl .m-tablist li{border:none;height:28px;line-height:28px;padding-left:15px;background:url('ser_icon.jpg') 0 9px no-repeat;border-bottom:1px dashed #9fa0a0;}
.m-gl .m-tablist li a{display:block;width:160px;overflow:hidden;height:28px;}

.u-a{width:40px;height:20px;}
.u-more {position:absolute;width:40px;height:28px;line-height:28px;left:415px;top:0;color:#6e6e6e;font-family:Arial;}
.a-all{position:absolute;right:0;top:17px;color:#6e6e6e;font-family:Arial;width:40px;z-index:999;}
.a-r{position:absolute;right:0;top:10px;color:#6e6e6e;font-family:Arial;}
.a-l{position:absolute;left:420px;top:12px;}

.g-mnc4{width:665px;padding-left:78px;height:211px;}
.yxjt{width:665px;height:211px;overflow:hidden;position:relative;}
.leftBtn,.rightBtn{text-indent:-999px;z-index:99;display: block;width:30px;height:30px;overflow: hidden;position:absolute;top:100px;left:3px;background:url('prev.jpg') no-repeat;}
.rightBtn{left:635px;background:url('next.jpg') no-repeat;}
#yxjt .m-piclist{position:absolute;left:35px;top:36px;width:608px;height:153px;overflow:hidden;}
#yxjt .m-piclist li{width:181px;height:141px;display:block;float:left;text-align:center;overflow:hidden;padding:6px;margin-right:10px;background-color:#127dba;}
#yxjt .m-piclist li img{width:181px;height:141px;}
/********FOOTER**********/
.g-ft{width:100%;height:163px;background:url('../../footer_bg.jpg') center top no-repeat;padding-top:25px;text-align:center;}
.m-ft{width:980px;margin:0 auto;padding:45px 10px 10px;line-height:25px;color:#000000;}
.m-ft a{color:#000000;}


/*************Page**************/
.page_r{width:743px;float:left;margin-bottom:15px;}
.g-ny1{width:100%;background:url('page_01.jpg') no-repeat;height:39px;text-align:left;}
.g-ny2{width:743px;min-height:1020px;background-color:#fff;}
.g-ny3{width:100%;height:24px;background:url('page_03.jpg') no-repeat;}
.m-ny{overflow:hidden;width:661px;border-top:none;margin:0 auto;}
.m-newslist{}
.m-ny .m-newslist ul{width:660px;margin-top:30px;}
.m-newslist li{line-height:40px;height:40px;overflow:hidden;padding-left:5px;background:url('ser_icon.jpg') 0 16px no-repeat;padding-left:25px;border-bottom:1px #c1c1c1 dashed;} 
.m-newslist li a{color:#284669;}
.m-newslist li span{float:right;font-family: arial;margin-right:5px;color:#284669;}
.m-page{margin:15px auto;text-align:center;}
.u-psn{height:39px;line-height:39px;padding-left:55px;color:#fff;}
.u-psn a{color:#fff;}
.m-newscon{padding:10px 35px;line-height:30px;font-size:12px;color:#284669;}
.m-newscon a{color:#284669;}
.m-newscon h1{text-align:center;font-size:22px;line-height:40px;height:40px;}
.m-newscon .u-txt{font-size:12px;text-align:right;margin:10px 0;}
.m-newscon table,.m-newscon img{margin:0 auto;text-align:center;}

.m-link{width:980px;margin:0 auto;line-height:25px;text-align:left;margin-top:15px;}
.m-link a{margin-right:5px;}
/*****************List Servers**********************/
#listbox{width:663px;height:auto;}
#listbox .l1{height:66px;background:url(list_01.jpg) no-repeat;position:relative;}
#listbox .l2{width:100%;background:url(list_02.jpg) repeat-y;}
#listbox .l3{height:22px;background:url(list_03.jpg) no-repeat;}
#listbox .close { display:block; position:absolute; text-decoration:none; outline:none;cursor:pointer; }
#listbox .close:hover { text-decoration:none;opacity: 0.4;}
#listbox .close { padding:0; top:13px; right:15px; width:21px; height:21px; line-height:21px;font-weight:bold; font-size:18px;  text-align:center; font-family: 'Tahoma','lucida grande',"Arial",'Helvetica',"微软雅黑",'Helvetica','bitstream vera sans'; text-shadow:0 1px 0 #FFFFFF;opacity: 0.2; }
#listbox .close:active { box-shadow: none; }
#listbox  .tit{width:100%;text-align:center;line-height:30px;padding:5px 0;font-size:20px;font-weight:blod;color:#309bf3;font-family: "微软雅黑",'Helvetica','bitstream vera sans';}
#listbox  .slist{padding:15px 0 15px 44px;}
#listbox  .slist li{width:165px;float:left;margin:5px;height:40px;line-height:25px;color:#fff;background:url('list_04.jpg') no-repeat;padding-left:20px;}
#listbox  .slist li.news{background:url('list_04.jpg') no-repeat;}
#listbox  .slist li a{color:#fff;}
#allServerBtn{width:204px;height:44px;border:none;cursor:pointer;background:url('list_more.jpg') no-repeat;}