@charset "utf-8";
/* CSS Document */
.server_box { width:880px; height:540px; overflow:hidden; background: url(http://dzkruhbej0os7.cloudfront.net/tk_new/officialWeb/serverlistBg.jpg) no-repeat; position:fixed; top:50%; left:50%; margin-top:-270px; margin-left:-440px; z-index:101; font-family:arial,sans-serif; }
.server_box h2 { margin-bottom: 15px;  width:100%; height:38px; line-height:40px; text-indent: -9999px;}
.server_box .closeNow { display:block; width:32px; height:32px; position:absolute; right:8px; top:8px; z-index:103; overflow:hidden; cursor:pointer; background: url(http://dzkruhbej0os7.cloudfront.net/tk_new/officialWeb/serverlistClose.png) no-repeat 0px 0px; text-indent:-9999px; overflow:hidden;   }
.server_box .closeNow:hover { background-position:-32px 0px; }

.new_server { width:380px; height:140px; position:absolute; left: 20px; top:66px; overflow: hidden; }
.new_server ul { width:100%; height:90px; }
.new_server ul li,
.recent_server .ser_btn { margin: 0 auto;  width:143px; height:47px; position:relative; z-index:102; background: url(http://dzkruhbej0os7.cloudfront.net/tk_new/officialWeb/serverItemBg.png) no-repeat 0 0; margin-top: 30px;}
.new_server ul li { float:left; margin: 15px 23px; }
.recent_server { width:380px; height:140px; position:absolute; top:66px; right:20px; overflow: hidden; }
.recent_server .ser_btn a,
.new_server ul li a { display:block; width:87px; height:47px; line-height:47px; padding-left: 42px; padding-right: 14px; text-align:center; color:#cdcdcd; font-size:14px; position:absolute; top:0px; left:0px; z-index:103;  
text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142; 
 -webkit-text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142;
 -moz-text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142;
}
.new_server ul li a:hover,
.recent_server .ser_btn a:hover {color:#fff;}
.new_server ul li:hover,
.recent_server .ser_btn:hover { background-position:0px -47px;}

.tabsBox { width:100%; height:330px; position:absolute; left:0px; top:210px; z-index:102; }
.tabs_title { width:100%; height:38px;  position:absolute; left:0px; top:0px;}
.tabs_title ul { width:100%; height:100%; position:absolute; left:20px; top:0px; }
.tabs_title ul li { width:109px; height:38px; line-height:38px; padding-left:56px; color:#908b77; font-size:14px; font-weight: bold; text-align:left; float:left; position:relative; z-index:102; cursor:pointer;;
}
.tabs_title ul li:first-child { border-left:none; }
.tabs_title ul li:last-child { border-right:none; }
.tabs_title ul .cur,
.tabs_title ul li:hover { color:#d8d1b3; }
.tabs_title ul .cur { cursor:default; }


.tabs_text { width:100%; height:275px; position:absolute; left:0px; top:40px; z-index:102; overflow:hidden; }
.tabs_text .scrollText { float: left;  width: 100%; height: auto; position: absolute; left: 0px; top: 0;  }
.tabs_text ul { margin-left: 37px;  width:825px; display:none; }

.tabs_text ul li { float:left; margin-right:22px; margin-top: 21px; width:143px; height:47px; position:relative; background: url(http://dzkruhbej0os7.cloudfront.net/tk_new/officialWeb/serverItemBg.png) no-repeat 0px 0px;  }
.tabs_text ul li a { display:block; width:97px; height:47px; line-height:47px; padding-left: 36px; padding-right: 10px; text-align: center; color:#cdcdcd; font-size:14px; position:absolute; top:0px; left:0px; z-index:103; 
text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142; 
 -webkit-text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142;
 -moz-text-shadow: 2px 2px 5px #552c03, 2px 2px 10px #552c03, 2px 2px 15px #552c03, 2px 2px 40px #806142, 2px 2px 70px #806142;}
 .tabs_text ul li a:hover {color: #fff;}
.tabs_text ul li:hover { background-position:0px -47px; }


.server_box .icon { width:26px; height:18px; background: url(http://dzkruhbej0os7.cloudfront.net/tk_new/officialWeb/areaIcon.jpg) no-repeat; position:absolute; z-index:102; text-indent:-9999px; overflow:hidden; }
.recent_server .icon,
.tabs_text li .icon,
.new_server li .icon { position:absolute; top:14px; left:10px; }
.tabs_title li .icon { position:absolute; top:10px; left:16px; }
.server_box .icon_w { background-position:0px 0px; }
.server_box .icon_e { background-position:-26px 0px; }
.server_box .icon_g { background-position:-52px 0px; }
.server_box .icon_o { background-position:-78px 0px; }

.new_icon,
.hot_icon { display:block; width:51px; height:24px; background: url(https://dzkruhbej0os7.cloudfront.net/rom/rom3a.png) no-repeat; position:absolute; top:-20px; left:46px; z-index:102; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; line-height:24px; text-transform:uppercase; }
.new_icon { background-position: 0px -86px; }
.hot_icon { background-position: -51px -86px; }

.scrollBar { width:16px; height: 275px;  background:#050b09; position: absolute; top: 0px; right: 13px; z-index: 110;
    box-shadow: inset 0 0 3px #ECBD0E;
}
.scrollBar .scrollBtn { width:10px; height:77px; background: url(http://dzkruhbej0os7.cloudfront.net/kf/kf11.png) no-repeat 0px -61px;  position:absolute; top:0px; left:3px; cursor:pointer;
    border-radius: 5px;
}
.scrollBar .scrollBtn:hover { background-position: -15px -61px; }