@charset "utf-8";
html{ color:#4C43AB; background:#000; font-size:12px; width:572px; height: 291px; overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
input,select,textarea{ font-size:100%; outline: none;}
table{ border-collapse:collapse;border-spacing:0;}
th{	text-align:inherit;}
fieldset,img{ border:0;}
iframe{	display:block;}
abbr,acronym{ border:0;font-variant:normal;}
del { text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500;}
ol,ul {	list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:500; }
q:before,q:after { content:'';}
sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a:hover { text-decoration:underline; }
ins,a {	text-decoration:none; outline:none; cursor:pointer;}
select{ height:21px; line-height:21px; }
label{ cursor:pointer; }
.ui-inputCheck{ float:left; display:inline; margin:4px 5px 0 1px; *margin:-1px 5px 0 1px; }
/* reset */

/* layout */
body{ width:570px; height: 291px; overflow: hidden;}
#content{ width:572px; height: 291px; margin: 0 auto; overflow: hidden; }
.login_bg{ background: url(../images/login_bg.jpg?v=22) 0 0 no-repeat;}
.reg_bg{ background: url(../images/reg_bg.jpg?v=23) 0 0 no-repeat;}
.server_bg{ background: url(../images/server_bg.jpg?v=23) 0 0 no-repeat;}


.login_content{ }
.server_content{ }
.news{ height: 168px;}
.news .t_list{ width: 260px; padding: 13px 17px 0 0; float: right; color: #bc6405; }
.news .t_list a{ color: #bc6405; }
.news .t_list .more{ height: 20px; line-height: 16px; text-align: right;}
.news .t_list .more a{ color: #e5b130;}
.news .t_list h2{ width: 100%; height: 19px; text-align: center; line-height: 19px; font-weight: bold}
.news .t_list h2 a{ color: #ff0000;}
.news .t_list li{ width: 100%; height: 20px; line-height: 20px; display: block; border-bottom: 1px #3e3729 dashed;}
.news .t_list li a:hover{ color: #fff; text-decoration: none;}

.roundWrap{ width:261px; height:138px; position:relative; overflow:hidden; display: inline; margin: 13px 0 0 11px; float: left;}
.roundWrap ul{ width:9999px; position:absolute; left:0; top:0; }
.roundWrap ul li{ float:left; }
.roundWrap .Rtag{ position:absolute; right:10px; bottom:10px;}
.roundWrap .Rtag a{	display:block; width:16px; height:15px; line-height:11px; margin-left:6px; color:#BBBABA; font-size:0; text-align:center; text-decoration:none; background:url(../images/picscroll/num.gif) right 0; float:left; text-indent: -999px; overflow: hidden; }
.roundWrap .Rtag a:hover,.roundWrap .Rtag a.cur{ text-decoration:none; background-position:0 0;}

#login{ float: left; position: relative;}
#login .t_form{ height: 86px; width: 415px; _width: 425px; padding-left: 115px;}
#login .t_form .p_l{ width: 245px; float: left;}
#login .t_form .inputText{ width: 175px;  border:0; height: 19px; line-height: 19px; color: #fff; padding:15px 0 5px; background: none; }
#login .t_submit{ width: 170px; height: 86px; background: url(../images/nobg.gif); border:0; cursor: pointer;}
#login .t_login_option{ width: 572px; height: 37px; position: relative;}
#login .t_login_option .btn_1{ width: 91px; height: 22px; background: url(../images/nobg.gif); display: block; position: absolute; top:8px; left: 217px; cursor: pointer;}
#login .t_login_option .btn_1.selected{ background: url(../images/option_btn1.jpg) 0 0 no-repeat;}
#login .t_login_option .btn_2{  width: 66px; height: 20px; background: url(../images/nobg.gif); display: block; position: absolute; top:9px; left: 46px; }
#login .t_login_option .t_other{ width: 200px; height: 30px; line-height: 30px; position: absolute; top:0; left: 356px; color:#cf9a51;}
#login .t_login_option .t_other a{ color: #cf9a51;}

#reg{ width: 350px; height: 176px; padding: 54px 0 0 130px;}
#reg .line{ width: 100%; height: 32px; float: left; }
#reg .l_1{ width: 83px; height: 18px; line-height: 18px; text-align: right; float: left; color:#f3eed5; font-weight: bold;}
#reg .l_2{ width: 158px; float: left;}
#reg .l_2 .inputText{ width: 130px; padding: 0 4px; height: 18px; line-height: 18px; color:#333; border: 0; background: none; display: block;}
#reg .l_3{ float: left; color: #ccaf91}
#reg .t_submit{ width: 120px; height: 30px; display: block; background: url(../images/nobg.gif); border:0; cursor: pointer;}


#server{ }
.server_option{ height: 123px; position: relative;}
.user_info{ width: 288px; height: 48px; position: absolute; top: 8px; right: 0; color: #fff;}
.user_info .line{ height: 24px; line-height: 24px; padding-left: 5px;}
.user_info .username{ color: #d4bf09; font-weight: bold; }
.user_info .logout{ color:#d4bf09; text-decoration: underline;}
.user_info .t_text_scroll{ width:250px; height: 24px; font-size: 12px; }
.leftSidebar_msg1{ width:100%; height:24px; line-height: 24px; overflow:hidden; white-space:nowrap; word-break:keep-all; position:relative; }
.leftSidebar_msg1 a{ width:100%; color:#ff0000; display:block; }
.server_near{ width: 294px; height: 34px; line-height: 32px; position: absolute; top: 61px; left: 12px; text-align: center; font-size: 14px; color:#ffc119; }
.server_near a{ width: 129px; height:34px; padding-right: 14px; display: block; color:#ffc119; float: left; font-weight: bold;  background: url(../images/server_btn.jpg?v=1) 0 bottom no-repeat;}

.server_quick{ width: 180px; height: 30px; color:#fff; float: right;}
.server_quick span{ width: 66px; float: left;}
.server_quick input{ width: 60px; height: 24px; line-height: 24px; padding: 0 10px 0 4px; color:#333; text-align: center; border:0; background: none; float: left; }
.server_quick a.t_btn{ width: 37px; height: 25px; display: block; background: url(../images/nobg.gif); float: left; }


.server_content{ width: 555px; padding-left: 12px;}
.server_tab{ height: 30px; line-height: 30px; background: url(../images/nobg.gif); }
.server_tab_bg1{ background: url(../images/server_tab.jpg) 0 0 no-repeat;}
.server_tab li{ float: left; width: 132px; height: 30px; text-indent: -999px; overflow: hidden; display: inline; min-height: 9px; cursor: pointer;}
.server_list{ height: 125px; margin-top: 6px; overflow-y: auto;}
.server_list li{ width: 134px; height: 34px; margin-top: 6px;  float: left; }
.server_list li a{ width: 129px; height: 34px; display: block; line-height: 34px; text-align: center; background: url(../images/server_btn.jpg?v=1) 0 bottom; color:#fff299;}
.server_list li a:hover{ background-position: 0 0; text-decoration: none;}

.newgames{position:absolute;top:55px;left:195px;width:305px;height:50px;padding-left:56px;background: url(../images/newgames2.jpg) no-repeat;}
.newgames a{float:left;display:block;text-indent:-999em;width:90px;height:50px;overflow:hidden;background: url(../images/nobg.gif);}

/* layout */

/* font */
.f-tahoma{ font-family:tahoma; }
.f14{ font-size:14px; }
/* position */
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt8{ margin-top:8px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt50{ margin-top:50px; }
.ml4{ margin-left:4px; display:inline; }
.ml8{ margin-left:8px; display:inline; }
.ml10{ margin-left:10px; display:inline; }

.pt20{ padding-top:20px; }

/* other reset */
.ta-c{ text-align:center; }
.ta-r{ text-align:right; }
.line{ width:100%; }
.clear{ clear:both; float:none; }
.wordwrap{ word-break:break-all; word-wrap:break-word; }
.diswordwrap{ word-break:keep-all; word-wrap:break-word; }
.textpng{ text-indent:-999px; overflow:hidden; }
.ie6_block{ display:none; _display:block; }
.ie6_hide{ display:block; _display:none; }
.fl{ float:left;}
.fr{ float:right;}
.hide {	display:none;}

#reg .yhxy{margin-top:-5px;height:22px;}
.ui-inputCheck{float:none;margin:0 5px 0 0; vertical-align:middle;}
.yhxy,.yhxy a{color:#f0b70b;}
.yhxy a:hover{color:#f00;}
#server .first_server{background:url(../images/first.png) -5px -3px no-repeat;}