@charset "utf-8";

/* reset */
html, body, div, p, ul, li, h1, h2, h3 {padding:0;margin:0;}
h1, h2, h3 {font-size:100%;}
ul {list-style:none;}
a, button, input {outline:none;}
a img {border:none;}
input {*vertical-align:middle;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* function */
.cf {zoom:1;}
.cf:after {clear:both;display:table;content:"";}
.relative {position:relative;}
.col {float:left;_display:inline;}
.placeholder {color:#6f5850 !important;}
.btn-s {display:inline-block;width:137px;height:32px;line-height:32px;text-align:center;color:#ffd52f;background:url(../images/server-sprite.png) no-repeat -129px -122px;}
.checkbox, .check {display:inline-block;width:14px;height:14px;background:transparent url(../images/rem.jpg) no-repeat;vertical-align:middle;position:relative;}
.checked, .check-on {background:transparent url(../images/rem_on.jpg) no-repeat;}

/* layout */
body {font-size:12px;}
.container {width:603px;height:322px;overflow:hidden;color:#92786b;background:#28160a;}
.login {background:url(../images/login2.jpg) no-repeat;}
.reg {background:url(../images/reg2.jpg) no-repeat;}
.server {background:url(../images/server2.jpg) no-repeat;}

.kv-focus{width:302px;height:164px;overflow:hidden;position:absolute;top:13px;left:4px;}
#kvContainer{overflow:hidden;width:302px;height:168px;position:relative;clear:both;}
#kvContainer li img{width:302px;height:168px;}
#kvNumID{ position:absolute; bottom:5px; right:5px;}
#kvNumID li{list-style:none;float:left;width:18px;height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000;text-align:center;cursor:pointer;margin-right:4px;padding-top:2px;overflow:hidden;}
#kvNumID li:hover,#kvNumID li.active{border:1px solid #D00000;background-color:#FF0000;color:#FFFFFF;width:22px;height:18px;font-weight:bold;font-size:13px;}

.news {width:270px;height:122px;padding:0 5px;overflow:hidden;position:absolute;top:55px;right:5px;color:#e2c38a;}
.news li {margin:0 auto;line-height:22px;border-bottom:1px dashed #3d2a16;padding:2px 10px;position:relative;background:url(../images/icon.jpg) no-repeat left center;height:22px;}
.news li a {display:inline-block;width:250px;zoom:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#dcab6b;}

.log-form {width:603px;height:86px;position:absolute;top:184px;left:0;}
.log-div {width:603px;height:86px;overflow:hidden;}
.log-form p {width:270px;height:24px;line-height:24px;padding:5px 0 0 10px;color: #d3b68d}
.log-form p a {color:#ae5c12;margin-left:5px;}
.log-form label, .reg-form label {display:inline-block;width:60px;float:left;text-align:center;}
.log-form input, .reg-form input {width:178px;height:22px;line-height:22px;border:1px solid #2e1e0c;background:#514031;color:#fff;padding:0 5px;float:left;}
.log-form span.status, .reg-form span.status {display:inline-block;width:11px;height:24px;float:left;padding:0 0 0 9px;}
.log-form span.status-r, .reg-form span.status-r {background:url(../images/input-status.png) no-repeat 9px -4px;}
.log-form span.status-w, .reg-form span.status-w {background:url(../images/input-status.png) no-repeat 9px -36px;}
.log-form .input-focus, .reg-form .input-focus {border:1px solid #d3b68d;}

.log-form-footer .checkbox {margin-left:64px;}
.log-form-footer .checkbox-label {color:#ae5c12;}
.log-form-footer .forget {margin-left:40px;color:#ae5c12;}

.log-btn-panel {width:278px;height:61px;position:absolute;top:10px;right:10px;}
.log-btn-panel .btn-log {width:194px;height:61px;background-position:0 -61px;}
.log-btn-panel .btn-log:hover {background-position:0 -122px;}
.log-btn-panel .btn-reg-short {width:76px;height:61px;margin:0 0 0 8px;}
.log-btn-panel .btn-reg-short:hover {background-position:-76px 0;}
.log-btn-panel a {float:left;_display:inline;background:url(../images/log-sprite.png) no-repeat}

.video {width:319px;height:265px;position:absolute;top:14px;left:2px;background:url(../images/reg-left.jpg) no-repeat;}

.reg-form {width:274px;height:263px;position:absolute;top:16px;right:0;}
.reg-form p {height:20px;margin:0 0 0 70px;color:#c6b633;}
.reg-form label {line-height:26px;}
.reg-form span.status {margin:1px 0;}
.r-usr, .r-psw, .r-rpsw {width:254px;height:26px;margin-left:10px;color:#dcab6b}
.r-usr {margin-top:40px;}
.r-usr input, .r-psw input, .r-rpsw input {width:158px;height:23px;line-height:22px;border:1px solid #2a0f04;background:#42332c;color:#fff;padding:0 5px;}
.reg-form p.sc {margin:0 0 0 10px;}
.reg-form p.sc a{color:#e4ae6b;}

.reg-btn-panel {margin:1px 0 0 1px;}
.reg-btn-panel .btn-reg {width:194px;height:61px;background-position:0 -61px;}
.reg-btn-panel .btn-reg:hover {background-position:0 -122px;}
.reg-btn-panel .btn-log-short {width:76px;height:61px;margin:0 0 0 2px;}
.reg-btn-panel .btn-log-short:hover {background-position:-76px 0;}
.reg-btn-panel a {float:left;_display:inline;background:url(../images/reg-sprite.png) no-repeat}

.server-begin {width:194px;height:61px;position:absolute;top:24px;left:30px;}
.server-begin a {width:194px;height:61px;display:block;background:url(../images/server-sprite.png) no-repeat;}
.server-begin a:hover {background-position:-0px -61px;}

.welcome {width:414px;height:28px;line-height:18px;color:#dcab6b;position:absolute;top:11px;left:182px;}
.welcome .account {color:#f0d110;margin-right:10px;font-family:Verdana, serif;}
.welcome a {color:#dcab6b;margin-left:20px;}
.welcome .logout {color:#dcab6b;}

.lately, .best {width:260px;height:32px;line-height:32px;position:absolute;top:148px;left:4px;}
.lately a {width:129px;height:32px;margin:0 1px 0 0;float:right;display:inline;background:url(../images/server-sprite.png) no-repeat -0px -122px;color:#ffe294;text-align:center;}
.lately span {margin:0 0 0 5px;}
.best {width:137px;top:65px;left:433px;}

.choose {width:248px;height:20px;position:absolute;top:245px;left:9px;color:#dcab6b;}
.server-fastin {width:32px;height:20px;margin-left:6px;margin-right:5px;padding:0;background:#eed1ab;border:0;text-align:center;color:#110605;line-height:20px;}
.btn-fastin {width:60px;height:20px;vertical-align:middle;display:inline-block;background:url(../images/server-sprite.png) no-repeat -194px -61px;}

.server-list {width:592px;height:230px;position:absolute;top:43px;left:4px;}
.server-list .list-loading {display:none;}
.server-list-title {border-bottom:1px solid #533717;}
.server-list-title li {float:left;_display:inline;margin-right:5px;}
.server-list-title a {height:24px;line-height:24px;width:80px;text-align:center;display:block;color:#ffe294;background:transparent url(../images/server-sprite.png) no-repeat -194px -24px;}
.server-list-title .focus {background-position:-194px -0px;color:#f0d110;cursor:default;}
.server-list-title .focus:hover {text-decoration:none;}
.server-list-p {width:592px;height:230px;padding:4px 0 0;overflow:auto;
    scrollbar-arrow-color:#0e2204;
    scrollbar-face-color:#b36d28;
    scrollbar-darkshadow-color:#7d5021;
    scrollbar-highlight-color:#7d5021;
    scrollbar-3dlight-color:#7d5021;
    scrollbar-shadow-color:#7d5021;
    scrollbar-track-color:#571000;}

.btn-server-b {background-position:-137px -154px;color:#ffe294}
.btn-server-p {background-position:-0px -154px;color:#e2e2e2}


.footer {width:602px;height:36px;bottom:4px;left:0;color:#5b3125;position:absolute;line-height:18px;font-size:10px;text-align:center;font-family:"微软雅黑"}
.footer .ft {letter-spacing:3px;}