@charset "utf-8";
/* CSS Document */
.mask{ width: 100%; height: 100%; top: 0; left: 0; position: fixed !important; background: url(../images/mask.png) 0 0 repeat; z-index: 500;}
.mask a.closebg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.login_pop{ width: 712px; height: 417px; margin: 140px auto 0; position: relative; }
.login_pop .tabsnav{ z-index: 10; position: relative;}
.login_pop .tabsnav .close{ width: 14px; height: 15px; right: 10px; top: 10px; position: absolute; background: url("../images/login_ui.png") -338px 0 no-repeat; }
.login_pop .tabsnav ul { position: absolute; top: 11px; left: 20px;}
.login_pop .tabsnav ul li{ background: url("../images/login_ui.png") 0 0 no-repeat; width: 126px; height: 37px; float: left; margin-right: 2px;}
.login_pop .tabsnav ul li a{ width: 126px; height: 37px; display: block;}
.login_pop .tabsnav ul li.l1{ background-position: 0 0;}
.login_pop .tabsnav ul li.l2{ background-position: -126px 0;}
.login_pop .tabsnav ul li.l1.ui-tabs-active{ background-position: 0 -37px;}
.login_pop .tabsnav ul li.l2.ui-tabs-active{ background-position: -126px -37px;}
.login_pop .tabsbg { z-index: 5;}
.login_pop .tabsbg .bg{ position: absolute; width: 712px; height: 417px; background: url("../images/login_bg.png") 0 0 no-repeat; top: 0; left: 0;}
.login_pop .tabsbg #l2.bg, .login_pop .tabsbg #l3.bg{ background-position: -712px 0;}
.login_pop .login_right p.r2acc{ display: block; height: 22px; line-height: 22px; color: #ffffff; text-align: center;}
.login_pop .login_right p.r2acc a{ color: #ffa800;}
.login_pop .login_right .login_title{ width: 100%; height: 30px; background: url("../images/login_ui.png") center -216px no-repeat; margin: 10px 0 0;}
.login_pop #l2 .login_right .login_title{ background-position: center -240px;}
.login_pop .login_right{position: absolute; right: 0; top: 48px; width: 380px;}
.login_pop .login_right .input_layout { width: 316px; margin: 0 auto; position: relative;}
.login_pop .login_right label.r_title{ display: block; color: #e5dede; height: 26px; line-height: 30px;}
.login_pop .login_right label.user{ height: 24px; line-height: 26px;}
.login_pop #l2 .login_right label.user{ margin-top:10px;}
.login_pop .login_right input.txt{ width: 316px; height: 35px; border-radius: 6px; border: 1px solid #000; display: block; text-indent: 10px;}
.login_pop .login_right .loginbtn button{ width: 176px; height: 32px; border: 0; padding: 0; margin: 10px 20px 0 0; float: right; background: url("../images/login_ui.png") -176px -152px no-repeat;}
.login_pop .login_right .loginbtn button:hover{ background-position: -176px -184px;}
.login_pop #l2 .login_right .loginbtn button{ background-position: 0 -152px; margin-top: 30px;}
.login_pop #l2 .login_right .loginbtn button:hover{ background-position: 0 -184px;}
.login_pop .login_right .redtip{ color: #FF0000; background: #000000; position: absolute; width: 328px; left: 310px; bottom: 0; height: 38px; line-height: 39px; text-indent: 10px;}
.login_left{ width: 260px; height: 100px; background: url("../images/login_line.png") center bottom no-repeat; position: absolute; left: 0; padding: 100px 36px 0; }
.login_left .login_title{ color: #FFFFFF; font-size: 18px; height: 36px; line-height: 36px;}
.fblogin{width:259px;margin: 0 auto; margin-top: 10px;}
.fblogin a{height:39px;background: url("../images/login_ui.png") 0 -74px no-repeat; display: block; margin-bottom: 10px;}
.fblogin a:hover{ background-position: 0 -113px;}

.agree{ padding-left: 10px;}
.logged_welcom{ color:#FFFFFF; text-align: center; font-size: 21px; font-family: Arial, tahoma, sans-serif; height: 48px; line-height: 48px; text-shadow:1px 1px 1px #000000; }
.logged_left{ position: absolute; width: 333px; height: 304px; top: 71px; left: 0;}
.logged_right{ position: absolute; width: 377px; left: 334px; height: 304px; top: 71px; color: #FFFFFF;}
.logged_right h4{padding: 20px 0 0 10px; font-family: Arial, tahoma, sans-serif !important; font-size: 21px; font-weight: 100;}
.logged_right p{padding: 10px 0 0 10px; font-size: 16px;}
.logged_right span{ font-size: 16px;}
.logged_right .chooseserver{ padding: 10px 0 0 10px;}
.logged_right .chooseserver a{ color: #FFFFFF; font-size: 16px;}
.logged_right .code{ width: 360px; height: 33px; display: block; padding: 40px 0 0 10px;}
.logged_right .code a{ display: block; width: 360px; height: 33px; background: url("../images/loginui2.png") 0 0 no-repeat;}
.logged_right .code a:hover{ background-position: 0 -33px;}
.loginplay{ float: left; padding: 10px 0 0 5px;}
.logout{ float: left; padding: 10px 0 0 10px;}
.loginplay a{ width: 177px; height: 33px; background: url("../images/loginui2.png") -177px -66px; display: block;}
.loginplay a:hover{ background-position: -177px -99px;}
.logout a{ width: 177px; height: 33px; background: url("../images/loginui2.png") 0 -66px; display: block;}
.logout a:hover{ background-position: 0 -99px;}
.sublist { width: 300px; margin: 0 auto; color: #c7c7c7; padding-top: 10px; padding-bottom:10px; border-bottom: 1px solid #454545;}
.sublist.nb{ border: 0 none;}
.sublist .img{ width: 30px; height: 30px; background: url("../images/loginui2.png") 0 0 no-repeat;}
.sublist .img.img1{ background-position: 0 -132px; float: left; }
.sublist .img.img2{ background-position: -30px -132px; float: left; }
.sublist .img.img3{ background-position: -60px -132px; float: left; }
.sublist .img.img4{ background-position: -90px -132px; float: left; }
.sublist a{ color: #c7c7c7; text-decoration: none;}
.sublist p{ color: #c7c7c7; }
.sublist p.title{ height: 30px; float: left; line-height: 30px;}
.sublist a.game{ height: 18px; line-height: 18px; float: left; width: 50%; overflow: hidden;}
.agree label{ color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.agree a{ color: #ffa800; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}