.cl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.cl{zoom:1;}
.sprite{background: url(sprite.png) no-repeat;}

.ms_bg{background: url(index_bg.jpg) no-repeat;}
.wrap{margin:0 auto;}
.header{width:100%;height:532px;background-position:center top; }
.headerWrap{width: 1024px;height: 532px;background-position:center top;position: relative;}
.main{width: 100%;height: 1077px;background-position:center -532px;}
.mainWrap{width: 1024px;height: 1077px;background-position:center -532px ;position: relative;}
.footer{width: 100%;height:191px;background-position: center -1609px; }
.footerWrap{width: 1024px;height: 191px;background-position: center -1609px;position: relative;}

/*serverlist*/
.ms_sbg{background: url(server_bg.jpg) no-repeat;}
.sheader{width:100%;height:528px;background-position:center top; }
.sheaderWrap{width: 1024px;height: 528px;background-position:center top;position: relative;}
.smain{width: 100%;height: 276px;background-position:center -528px;}
.smainWrap{width: 1024px;height: 276px;background-position:center -528px ;position: relative;}
.sfooter{width: 100%;height:196px;background-position: center -805px; }
.sfooterWrap{width: 1024px;height: 196px;background-position: center -805px;position: relative;}

/*article_list*/
.ms_abg{background: url(article_bg.jpg) no-repeat;}
.wrap{margin:0 auto;}
.aheader{width:100%;height:532px;background-position:center top; }
.aheaderWrap{width: 1024px;height: 532px;background-position:center top;position: relative;}
.amain{width: 100%;height: 1077px;background-position:center -532px;}
.amainWrap{width: 1024px;height: 1077px;background-position:center -532px ;position: relative;}
.afooter{width: 100%;height:191px;background-position: center -1609px; }
.afooterWrap{width: 1024px;height: 191px;background-position: center -1609px;position: relative;}

/*article_content*/
.ms_acbg{background: url(article_abg.jpg) no-repeat;}
.wrap{margin:0 auto;}
.acheader{width:100%;height:532px;background-position:center top; }
.acheaderWrap{width: 1024px;height: 532px;background-position:center top;position: relative;}
.acmain{width: 100%;min-height: 1077px;background:url(article_acbg.jpg) top center no-repeat;}
.acmainWrap{width: 1024px;min-height: 1077px;background:url(article_acbg.jpg) top center no-repeat;position: relative;}
.acfooter{width: 100%;height:200px;background:url(content_bgline.jpg) top center repeat-y;position: relative; }
.acfooterWrap{width: 1024px;height: 200px;background:url(content_bgline.jpg) top center;position: relative;}
.acfooterWrap .copyright{margin-top: 90px;}
/*header*/
.xk_logo{position: absolute;width: 217px;height: 114px;top:0;left:0;display: block;}
.nav_block{display: block;width: 800px;position: absolute;height: 50px;top:0;left:220px;}
.nav_item{display: block;width: 94px;height: 50px;cursor:pointer;}
.nav_pay{display: block;width:100px;height: 62px;position: absolute;top:470px;left:372px;}
.nav_start{display: block;width: 163px;height: 100px;position: absolute;top:432px;left:472px;}
.nav_center{display: block;width: 100px;height: 62px;position: absolute;top:470px;left:638px;}

/*footer*/
.copyright {width: 1000px;display: inline-block;margin-top: 120px;}
.game_rating_tips {width: 362px;text-align: left;zoom: 1;float: right;}
.copyright p {font-size: 12px;color: #fff;}
.copyright img {margin-top: 5px;}

/*linestyle*/
.mainLeft{width:200px;}
.mainRight{width:800px;margin-left:22px;}

/*Login*/
.loginBefore{position: relative;height: 116px;margin-top: 32px;}
.sectionuser{width: 110px;height: 23px;background-position: 0 0;margin-left: 12px;}
.sectionpwd{width: 110px;height: 23px;background-position: 0 -27px;margin-top:6px;margin-left: 12px; }
.section{margin-left: 12px;margin-top: 6px;color: #5c5c5c;}
.userText{width: 110px;height: 23px;line-height: 23px;font-size: 12px;color: #9b661a;text-indent: 4px;background: none;border:none;outline: none;}
#loginSub{width: 58px;height: 50px;background-position:-111px 0;position: absolute;left:130px;top:1px; }
.regWords{position: absolute;font-size: 12px;color: #950100;top: 91px;left: 143px;}
.z,.forgetPwd{font-size: 12px;color: #5c5c5c;}
#isRemember{position: relative;top:3px;}
.quickLogin{margin-top: 9px;margin-left: 12px;}
.quickLogin a{margin-right: 3px;}
.lgb_icon{width: 18px;height:18px; }
.lgb_facebook_i{background-position:-388px 0;}
.lgb_google_i{background-position: -368px 0;}
.lgb_gamer_i{background-position: -408px 0;}
.lgb_gamebase_i{background-position: -427px 0;}
.lgb_more_i{background: url(moreLogin.png) no-repeat;display: block;position: absolute;width: 40px;height: 12px;top:94px;left:97px;}

.loginAfter{background-position: 0 -54px;width:178px;height: 110px;margin-left: 12px;margin-top: 40px;position: relative;}
.loginAfter .userName{position: absolute;font-size: 12px;font-weight: bold;color: #a17131;line-height: 20px;top:-20px;}
.userAva img{margin-top: 1px;margin-left: 3px;float: left;}
.menber,.recharge,.logout{display: block;float: left;width: 53px;height: 20px;}
.menber,.recharge,.logout{margin:5px 0 0 6px;}
.historyTitle{font-size: 12px;font-weight: bold;color: #a17131;}
.history li{width: 174px;line-height: 18px;font-size: 12px;color:#d04242; }
.history li span{font-size: 12px;line-height: 18px;color: #7c7c7c;margin-left: 3px;}
.history li a{font-size: 12px;line-height: 18px;color: #000;float:right;}

/*serverBox*/
.serverBox{width: 176px;height: 70px;background-position: -191px 0;margin-top: 5px;margin-left: 12px;}
.serverBtn{width: 70px;height: 70px;cursor: pointer;display: inline-block;}
.serverDeatial{width: 100px;height: 70px;display: inline-block;}
.bs_server a{line-height: 34px;font-size: 12px;text-align: center;width: 100px;display: block;color: #fff;}
.bs_more_server{width: 100px;height: 35px;cursor: pointer;}
#bs_ul{background: #423006;position: relative;left:3px;top:0px;}
.sb_more{display: block;width: 100px;height: 35px;}
#bs_ul li,#bs_ul li a{font-size: 12px;color:#d4cd6f;width: 100px;height: 18px;line-height: 18px;text-align: center;}

/*card*/
.cardsBox{width: 186px;height: 200px;margin-left: 12px;margin-top: 5px;}
.starterCard{display: block;width:186px ;height:103px ;background-position: -191px -73px;}
.bbsCard{display: block;width:179px ;height:103px ;background-position: -380px -73px;}

/*rankbox*/
.rankBox{width: 170px;height: 360px;margin:90px 0 0 16px;position: relative;}
#rank{width: 70px;height: 20px;line-height: 20px;font-size: 12px;color: #222;position: absolute;left:100px;top:10px;}
#rank option{height: 20px;line-height: 20px;}
.rankDataBox{width: 170px;height: 270px;position: absolute;top:67px;}
.rankDataBox ul li{display: block;height: 27px;line-height: 27px;width: 130px;font-size: 12px;color: #fff;margin-left: 40px;}
.rankDataBox ul li span.role{width: 80px;text-align: center;display: inline-block;}
.rankDataBox ul li span.level{width: 50px;text-align: center;display: inline-block;}

/*vedio*/
.vedioBox{display: block;background-position: -561px -21px;width: 175px;height: 154px;margin-left: 12px;cursor: pointer;}


/*slide*/
.bs_img{border: 1px solid #767574;float: left;margin:12px 0 0 12px;}
.bs_img,.bs_img a,.bs_img a img{display: block;width: 582px;height: 175px;}
#picTitle{width:193px;height: 178px;margin:12px 0 0 3px;}
#picTitle li{display: block;width: 193px;height: 32px;line-height: 32px;text-align: center;color: #999999;overflow: hidden;cursor: pointer;margin-bottom: 2px;}
#picTitle li.curr{background: url(sprite.png) -860px -42px no-repeat;color: #fff;font-weight: bold;}

/*hotarticle*/
.hotarticle{margin: 84px 0 0 80px;position: relative;height:62px;}
.hotTitle{font-size: 14px;color: #c6ab4c;width: 600px;height: 30px;line-height: 30px;font-weight: bold;}
.hotContent{font-size: 12px;color: #fff;width: 640px;height: 32px;line-height: 16px;overflow: hidden;text-indent: 2em;}
.moreHotArt{display: block;width:70px;height: 20px;position: absolute;right:15px;bottom: -5px;}


/*newsBlock*/
.newsBox{width: 788px;height: 152px;position: relative;margin:14px 0 0 11px;}
.picShow{width: 426px;height: 152px;background: url(pic_01.jpg) no-repeat;display: block;}
.newsBlock{width: 354px;height: 152px;margin-left: 6px;position: relative;}

.newsTitle{display: block;width: 180px;height: 21px;overflow: hidden;}
.newsTitle li{display: block;float:left;margin-right:8px;width: 47px;height: 21px;cursor: pointer; }
.newsTitle li.newsNav0{background-position: -743px -75px;}
.newsTitle li.newsNav1{background-position: -799px -75px;}
.newsTitle li.newsNav2{background-position: -855px -75px;}
.newsTitle li.newsNav0:hover{background-position: -743px -97px;}
.newsTitle li.newsNav1:hover{background-position: -799px -97px;}
.newsTitle li.newsNav2:hover{background-position: -855px -97px;}
.newsTitle li.newsNav0.curr{background-position: -743px -97px;}
.newsTitle li.newsNav1.curr{background-position: -799px -97px;}
.newsTitle li.newsNav2.curr{background-position: -855px -97px;}

.moreNews{display: block;position: absolute;right:0;width: 70px;height: 21px;}
.newsContents{width:310px;height:128px;margin-left: 18px;margin-top: 12px;}
.newsContents ul{width:100%;height:100%;}
.newsContents ul li{display:block;width:310px;height:22px;line-height:22px;font-size:12px;margin:0 0 0 0px;}
.newsContents ul li em{display:block;width:35px;height:16px;background:#000;color:#7c3327;text-align:center;line-height:16px;margin:2px 2px;}
.newsContents ul li a{width:245px;height:20px;height:22px;line-height:22px;color:#7c3327;text-align:left;font-size:12px;overflow:hidden;display:block;margin-left:5px;}
.newsContents ul li span{width:30px;height: 22px;color:#5c5c5c;}
.newsContents ul li a:hover,.newsContents ul li span:hover,.newsContents ul li em:hover{color:#333;text-decoration:none;}

/*bigslide*/
.skillsBox{width: 800px;height:230px;margin-top: 25px;position: relative; }
.skillsBox ul{background-position:0 -185px;width: 465px;height: 44px;cursor: pointer; }
.skillsBox ul .skillNav{width: 111px;height: 44px;display: block;float: left;background-position: 1000px 1000px;}
.skillsBox ul .skillNav0{margin-left: 5px;}
.skillsBox ul .skillNav1{margin-left: 1px;}
.skillsBox ul .skillNav0:hover{background-position:-5px -230px;}
.skillsBox ul .skillNav1:hover{background-position:-117px -230px; }
.skillsBox ul .skillNav2:hover{background-position:-228px -230px; }
.skillsBox ul .skillNav3:hover{background-position:-339px -230px; }
.skillsBox ul .skillNav0.curr{background-position:-5px -230px;}
.skillsBox ul .skillNav1.curr{background-position:-117px -230px; }
.skillsBox ul .skillNav2.curr{background-position:-228px -230px; }
.skillsBox ul .skillNav3.curr{background-position:-339px -230px; }
.skillsBox .skillsMore{display: block;position: absolute;width: 100px;height: 30px;right:0;top:14px;}
.lineContent{margin-top: 8px;width: 794px;height: 150px;margin-top: 18px;margin-left: 4px;}
.lineContent a{display: block;background-position:-465px -185px;width: 84px;height: 30px;font-size: 12px;text-align: center;line-height: 30px;color:#fff;font-weight: bold;margin:0 0 10px 14px;}
.lineContent a:hover{text-decoration: none;color: #f4fd04;}

/*bottomBlock*/
.bottomBox{width: 805px;height: 300px;margin-top: 16px;}
.bottomBox .leftBottom{width: 487px;height: 300px;}
.bottomBox .rightBottom{width:316px;height: 300px;}
.picBox{width: 487px;height: 212px;}
.imgblock a img{width: 217px;height: 103px;}
.imgblock_01{margin:12px 0 0 9px;}
.imgblock_02{margin:12px 0 0 25px;}

.infoBox{position: relative;}
.infoMore{display: block;width: 100px;height: 30px;position: absolute;right: 0;top:-30px;}
.infoContent{width:424px;height: 80px;overflow: hidden;margin: 4px 0 0 33px;}
.infoContent li{width: 420px;height: 23px;line-height: 23px;font-size: 12px;color: #7c3327;}
.infoContent li a{width: 380px;overflow: hidden;height: 23px;line-height: 23px;color: #7c3327;}

.fbBox{width: 318px;height: 250px;margin-top: 45px;}

/*server_list*/
.sloginBox{display: inline-block;width:200px; }
.recommendBox{position: absolute;width:163px;height:240px;top:37px;left:239px;}
.allserverBox{position: absolute;width:583px;height: 276px;top:0;left:441px;}

.recommendBox .sbs_icon_1 a{display: block;height: 30px;width:163px;text-align: center;font-size: 16px;font-weight: bold;line-height: 30px;color: #fff;margin: 74px 0 20px 0;}
.recommendBox .sbs_icon_1 a:hover{text-decoration: none;color: #f51005;}

.sas_title{width: 585px;height:44px;background-position: 1000px 1000px;overflow: hidden;margin:6px 0 0 7px; }
.sas_title li{display: block;float: left;width:96px;background-position:1000px 1000px;height: 34px;line-height: 34px;text-align: center;font-size: 13px;font-weight: bold;color: #000;}
.sas_title li:hover{background-position:-6px -280px;cursor: pointer;}
.sas_title li.curr{background-position:-6px -280px;}

.sas_list{width: 580px;height: 200px;margin:10px 0 0 5px;}
.sas_list li{display: block;background-position: -572px -216px;width: 107px;height: 37px;font-size: 12px;text-align: center;line-height: 37px;color: #fff;font-weight: bold;margin: 0 0 13px 6px;float: left;}
.sas_list li a,.sas_list li a span{display: block;width: 107px;height: 37px;line-height: 37px;font-size: 12px;color: #e7e2bd;}
.sas_list li a span:hover{color: #eee;}
.sas_list li a:hover{text-decoration: none;}

/*article*/
.listTitle{position: relative;width: 800px;height: 100px;}
.listbreadlist{display: block;font-size: 12px;color: #fff;width:500px;text-align: right;margin-top: 3px;margin-right: 8px; }
.listbreadlist a{color: #fff;font-size: 12px;}

.listNav{position: absolute;width: 480px;height:26px;top:65px;left:18px;}
.listNav a{display: block;width: 72px;height: 26px;margin-right:7px;}
.listna_01{background-position: -1px -322px;}
.listna_02{background-position: -79px -322px;}
.listna_03{background-position: -158px -322px;}
.listna_04{background-position: -237px -322px;}
.listna_05{background-position: -316px -322px;}
.listna_06{background-position: -395px -322px;}

.listna_01:hover{background-position: -1px -350px;}
.listna_02:hover{background-position: -79px -350px;}
.listna_03:hover{background-position: -158px -350px;}
.listna_04:hover{background-position: -237px -350px;}
.listna_05:hover{background-position: -316px -350px;}
.listna_06:hover{background-position: -395px -350px;}

.listPad{width:763px;height: 517px;margin-left: 20px;}
.listPad ul li{display: block;width:735px;height: 24px;line-height: 24px;color: #82604e;font-size: 12px;overflow: hidden;margin:5px 0 0 5px; }
.listPad ul li a{width: 612px;height: 24px;line-height: 24px;font-size: 12px;color:#82604e; }
.pageBox{text-align: center;margin-top: 30px;}
.firstPage,.prePage,.nextPage,.allPage{display: inline-block;width:71px;height: 31px;text-align: center;line-height: 31px;color: #7f7e7e;background-position: 1000px 100px;font-size: 12px;background-position:-2px -382px;}
.firstPage:hover,.prePage:hover,.nextPage:hover,.allPage:hover{display: inline-block;width:71px;height: 31px;text-align: center;line-height: 31px;color: #965820;background-position:-2px -382px;text-decoration: none;}
.pages{display: inline-block;width: 31px;height: 31px;line-height: 31px;font-size: 12px;color: #7f7e7e;}
.pages:hover{color: #965820;}

.contentPad{width: 800px;}
.contentPad .contentHeader{width: 650px;height:90px;line-height: 47px;margin:4px 0 0 67px;text-align: center;color: #422726; }


.contentArticle{background: url(content_line.jpg) repeat-y;width:800px;min-height:510px;margin-left: 1px;color: #676767;}
.contentArticle .contentControl{padding:0 30px 30px 30px;line-height: 150%;}

.contentBottom{background: url(content_bottom_bg.jpg) no-repeat;width:800px;height:400px;margin-left: 1px;}

.recomContent{width:650px;height: 40px;line-height: 40px;display: inline-block;margin:0 0 0 66px;}
.recomContent li{display: block;float: left;width:122px;height: 40px;text-align: center;line-height: 40px;color:#e6d4b1;font-size: 12px;margin-right: 3px;cursor: pointer;}
.recomContent li a{display: block;float: left;width:122px;height: 40px;text-align: center;line-height: 40px;color:#e6d4b1;font-size: 12px;margin-right: 3px;cursor: pointer;}
.recomContent li a:hover{text-decoration: none;}

.preNextContent{display: inline-block;margin:12px 0 0 80px;position: relative;}
.goTop{position: absolute;width: 120px;height: 40px;top:128px;left:227px;}
.preNextContent ul li{display: block;height:32px;line-height: 32px;color: #797771;font-size: 12px;}
.preNextContent ul li a{color: #797771;}
.preNextContent ul li a:hover{text-decoration: none;}
.contentFooter{width:600px;height: 110px;margin: 88px 0 0 122px;position: relative;}
.contentFooter .contentLeft{width: 275px;margin-right: 95px;}
.contentFooter ul li a{width: 230px;height: 21px;line-height: 21px;font-size: 12px;color:#b9c0c4;display: inline-block;overflow: hidden;}

/*延展專用*/
.bgacMain{width: 100%;min-height: 1077px;background:url(content_bgline.jpg) center repeat-y;}