@charset "utf-8";
.clearfix {*zoom:1;}
.clearfix:after {display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
a:hover { text-decoration: none;}
.sl-loged {height: 45px; line-height: 45px;}
.sl-loged li{color: #000;margin: 0 12px;float: left;display: inline;}
.sl-loged a {color: #feec00;}
.sl-content {width: 100%;background: url(images/server/bg.jpg) no-repeat top center;}
.sl-main {margin: 0 auto;width: 1000px;background: url(images/server/main.jpg) no-repeat top center;height: 1080px;}
.sl-main .inner {padding: 0 70px;}
.sl-header {height: 190px; position: relative;}
.sl-header .sl-logo { display: block; height: 124px;padding: 0 20px;}
.sl-header .sl-nav {margin: 15px 30px 0;}
.sl-header .sl-nav li {float: left;display: inline;width: 184px;height: 48px; line-height: 48px;margin-left: 20px;}
.sl-header .sl-nav li.first {margin-left: 4px;}
.sl-header .sl-nav a {display: block; height: 100%; text-indent: -9999px;}
.sl-login {height: 118px;padding: 0 50px;}
.sl-login .top ,.server-cont .top { line-height: 40px;font-size: 18px;color: #1c284a; text-align: center;}
.sl-login .sl-log {font-size: 0;padding-top: 15px;}
.sl-login .int-box , .sl-login .sl-btn-box { display: inline-block;*display: inline; vertical-align: top;font-size: 14px;}
.sl-login .int-box li{float: left;display: inline;padding-right: 24px;}
.sl-login .int-box .int { background: #373c4b;padding: 2px 2px 2px 8px;color: #a7c2e6;}
.sl-login .int-box .int input {line-height: 30px;height: 30px; background: transparent; border: none;width: 135px;}
.sl-login .int-box li .b , .login .int-box li .b a{color: #232e4b;}
.sl-login .int-box li .find {margin-right: 10px;}
.sl-login .int-box li .regist{margin-left: 10px;}
.sl-btn-box a {margin-left: 20px;display: block;height: 50px;width: 202px; line-height: 50px; cursor: pointer; letter-spacing: 2px;font-size: 16px; text-align: center;color: #fff;font-weight: 700;background: url(images/server/s_cmb.png) no-repeat left top;}

.server-cont {padding: 0 30px; position: relative;}
.server-cont p.txt {font-size: 16px;position: absolute; left: 50px; top: 65px;color: #1c284a;}
.recomm {margin-left: 140px;}
.recomm ul {margin-top: 14px;}
.recomm ul li {float: left; display: inline; line-height: 42px;}
.recomm li.txt {color: #1c284a;font-size: 16px;width: 120px; text-align: right;margin-right: 10px;}
.recomm li {margin-right: 25px; text-align: center;}
.recomm li a{display: block;height: 42px;width: 230px;background: url(images/server/s_cmb.png) no-repeat left -51px;}
.recomm li span {margin: 0 10px;color: #feec00;}
.recomm li .p {color: #fff;}

#quick-ingame {height:50px;line-height:50px;text-align:center;color:#2E3135;}
#quick-enter-input {width:45px;text-align:center;border:1px solid #000;background:#fff;color:#000;margin: 0 4px;}
#quick-enter-click {display:inline-block;width:88px;height:28px;text-align:center;line-height:28px;background: url(images/server/s_cmb.png) left -183px no-repeat;color: #feec00;font-weight: 700;margin-left: 10px;}

#serverTab {border-bottom:1px solid #ccc;margin:0 20px 8px;}
#serverTab li {width:71px;height:22px;text-align:center;line-height:22px;float:left;background:url(images/server/s_cmb.png)left -160px no-repeat;color:#C3C8C1;cursor:pointer;margin:0 0 0 8px;}
#serverTab .current {background-position:left -137px;}
.sq-panel li {margin: 8px 0 0 25px;text-align: center;float: left;display: inline;line-height: 42px;}
.sq-panel li a{display: block;height: 42px;width: 230px;background: url(images/server/s_cmb.png) no-repeat left -94px;color: #0089ff;}
.sq-panel li span {margin: 0 10px;}
.sq-panel li span.p {color: #fff;}


