@charset "utf-8";
html{min-width: 1200px; scroll-behavior: smooth;}
body{ margin:0; padding:0; font-size:16px !important; font-family: monospace, Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a {
    text-decoration:none !important;
    outline:none;
    /*font-family: monospace;*/
}
a:hover {
    text-decoration: none !important;
    color: #fff !important;
}
::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar-track {
  background: #000;
}
::-webkit-scrollbar-thumb {
  background: #212629;
}
::-webkit-scrollbar-thumb:hover {
  background: #626467;
}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
/*.wrap-bot{background:#000000 url(../../img/newui/main-bg-bot.jpg) center bottom no-repeat;}*/
.wrap-top{margin-top: -180px}
.wrap-top .artbox {
    position: relative;
    width: 100%;
    background-color: #000;
}
.wrap-top .artbox video#srvideo {
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: 100%;
    min-width: 100%;
    min-height: 100%
}
.rel1200{ position:relative; width:1200px; margin:0 auto;}
.header {
    /*background: url(../../img/newui/menu__bg.png) center top no-repeat;*/
    /*background-size: contain;*/
}
@media all and (min-width: 1700px){
    .header {
        height: 469px;
    }
    .header-server {
        top: 720px;
    }
}
@media all and (min-width: 1500px) and (max-width: 1700px){
    .header {
        height: 750px;
    }
    .header-server {
        top: 630px;
    }
}
@media all and (max-width: 1500px){
    .header {
        height: 670px;
    }
    .header-server {
        top: 550px;
    }
}
@media all and (max-width: 1200px){
    .header {
        height: 560px;
    }
    .header-server {
        top: 440px;
    }
}
.header-nav{position: absolute; top: 27px;}
.header-nav a {
    float: left;
    margin: 0;
    height: 30px;
    text-align: center;
    font-size: 15px;
    color: #fee9b6;
    font-family: monospace;
    text-shadow: 1px 1px #000;
}
.header-nav a:hover {
    color: #ff8100 !important;
}
.header-nav-left{
    left: 0px;
    width: 450px;
    height: 20px;
}
.header-nav-left .nav-left {
    position: relative;
    left: 260px;
}
.header-nav-left .nav-left .nav-left-home {
    width: 25px;
    height: 20px;
    background: url(../../img/newui/home.png) 0 0 no-repeat;
}
.header-nav-left .nav-left .nav-left-home:hover {
    background-position: 0 -20px;
}
.header-nav-left .nav-left .nav-left-news {
    width: 90px;
    height: 20px;
}
.header-nav-left .nav-left .nav-left-tuts {
    width: 90px;
}
.header-nav ul li:hover ul.sub-navigation {
    display: block;
}
.header-nav-right{
    right: 0px;
    width: 450px;
    height: 20px;
}
.header-nav-right .nav-right {
    position: relative;
    right: 8px;
}
.header-nav-right .nav-right .nav-right-forum {
    width: 110px;
    height: 20px;
}
.header-nav-right .nav-right .nav-right-intro {
    width: 90px;
    height: 30px;
}
.header-nav .nav-left .sub-navigation {
    position: absolute;
    top: 30px;
    right: 200px;
    width: 189px;
    background: url(../../img/newui/sprite-icon-uti.png) no-repeat scroll 0 0;
    padding-top: 20px;
    z-index: 100;
    display: none;
}
.header-nav .nav-right .sub-navigation {
    position: absolute;
    top: 30px;
    right: 312px;
    width: 189px;
    background: url(../../img/newui/sprite-icon-uti.png) no-repeat scroll 0 0;
    padding-top: 20px;
    z-index: 100;
    display: none;
}
.header-nav .sub-navigation li {
    float: left;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.65);
}
.header-nav .sub-navigation li:first-child a {
    background: 0;
}
.header-nav .sub-navigation li a {
    display: block;
    text-indent: 0;
    background: url(../../img/newui/line-sub.png) no-repeat scroll center top;
    height: auto;
    width: 100%;
    color: #b59d85;
    padding: 10px 0;
    font-size: 15px;
    font-family: arial;
    text-align: center;
}
.header-nav .sub-navigation li a:hover {
    color: #ff8400;
}
.header-server {
    position: absolute;
    left: 50%;
    margin-left: -222px;
    width: 445px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fdeece;
    background: url(../../img/newui/header-server-bg.png) no-repeat center;
    font-family: monospace;
    top: 607px;
}
.cols-box1{float: left;width: 291px;}
.menu-download {
    display: block;
    width: 336px;
    height: 136px;
    background: url(../../img/newui/menu-download.gif) no-repeat 0 0;
    text-indent: -9999px;
    margin-left: -22px;
    margin-bottom: -16px;
    position: relative;
    z-index: 1;
}
.menu-download:hover{background-position: 0 0;}
.menu-box{margin:9px 0;width: 291px;height: 295px;background: url(../../img/newui/menu-box-bg.png) no-repeat center;}
.menu-box ul{padding: 23px 11px 18px;width:269px;margin:0 auto;border-bottom: 1px dashed #81888a;}
.menu-box ul li{float: left;width: 134px;height: 53px;}
.menu-box-btn{float: left;width: 134px;height: 49px;text-align: center;line-height: 56px;font-size: 16px;}
.menu-box-reg{color:#3b2a0f;background: url(../../img/newui/menu-reg.png) 0 0;}
.menu-box-reg:hover,.menu-box-newer:hover {background-position: 0 50px;}
.menu-box-recharge:hover, .menu-box-forum:hover {background-position: -8px 50px;}
.menu-box-recharge{color:#ffffff;background: url(../../img/newui/menu-recharge.png) -8px 0;}
.menu-box-newer{color:#c8cfd3;background: url(../../img/newui/menu-newer.png) 0 0;}
.menu-box-forum{color:#c8cfd3;background: url(../../img/newui/menu-event.png) -8px 0;}
.menu-box-guide {
    display: block;
    margin: 0 auto;
    width: 248px;
    height: 135px;
    font-size: 22px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: url(../../img/newui/menu-login.png) 0 0;
}
.menu-box-guide:hover{background-position: 0 93px;}
.tabs-box{padding:20px;width: 251px;height: 265px;background: url(../../img/newui/tabs-bg.png) no-repeat center;}
.navmenu_n{margin-left:10px;}
.navmenu_n li{position:relative;width:101px;border:1px solid transparent;padding:3px 0;background: url(../../img/newui/tabs-icon.png) no-repeat 10px center;text-indent: 20px;}
.navmenu_n li a:hover{color: #909698;}
.left_4 {display:block;width:250px;margin:0 auto;}
.left_4 .btn_1, .left_4 .btn_2, .left_4 .btn_3, .left_4 .btn_4 {width:250px; height:50px; overflow:hidden;}
.left_4 .btn_1 a, .left_4 .btn_2 a, .left_4 .btn_3 a, .left_4 .btn_4 a {display:block;height:56px; text-indent:-9999px; background:url(../../img/newui/tabs-btn.png) left top no-repeat;}
.left_4 .btn_1 a {background-position:0 0px;}
.left_4 .btn_2 a {background-position:0 -56px;}
.left_4 .btn_3 a {background-position:0 -112px;}
.left_4 .btn_4 a {background-position:0 -168px;}

.left_4 .btn_1 a:hover,.left_4 .btn_1 a.selected {background-position: 0 -252px}
.left_4 .btn_2 a:hover,.left_4 .btn_2 a.selected {background-position: 0 -308px}
.left_4 .btn_3 a:hover,.left_4 .btn_3 a.selected {background-position: 0 -364px}
.left_4 .btn_4 a:hover,.left_4 .btn_4 a.selected {background-position: 0 -420px}
.sub_nav {display:none;background: rgba(0,0,0,0.4);zoom:1;padding:15px 0;}   
.sub_nav:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.navmenu_v, .navmenu_n {width:100px; zoom:1;margin-left: 10px;}
.navmenu_v:after, .navmenu_n:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.navmenu_v li { position:relative;width:100px;}
.navmenu_v li.iehover { z-index:1000; background:none}
/* Root Menu */
.navmenu_v a, .navmenu_n a {display:block; color:#909698; text-decoration:none; border:1px solid transparent;}
.navmenu_v a:hover, .navmenu_n a:hover {text-decoration:none;color:#909698; }
.navmenu_v li a{display:block;width:110px;color:#909698;padding:2px 0;background: url(../../img/newui/tabs-icon.png) no-repeat 10px center;text-indent: 20px;}
.navmenu_v li.iehover a {color:#c8cfd3;border:1px solid #3b3f3f;display:block;border-right:0px;width:100px;text-align: left;}
/* 2nd Menu */
.navmenu_v li div.nav_sub_t {display:none; position:absolute; top:0; left:100px; z-index:9999; padding:0;width:138px;background: rgba(0,0,0,0.8)}
.navmenu_v li div.nav_sub_b {width:136px; overflow:hidden;border:1px solid #3b3f3f;border-left:0px;background:url(../../img/newui/line.png) no-repeat 0px 27px}
.navmenu_v li div li {display:block;width:136px;overflow:hidden}
.navmenu_v li div ul {overflow:hidden;}
.navmenu_v li.iehover div li a {float:none; color:#909698; font-weight:normal;border:0px;background:none;text-indent: 10px;width:136px;}
.navmenu_v li.iehover div li a:hover {color:#c8cfd3;}
.navmenu_v li.iehover div li a:hover,.navmenu_v li.iehover li.iehover div a {background:none;}
/*IE fix*/
.navmenu_v li.iehover div.nav_sub_t{ display:block;}
.navmenu_n h3 {width:172px; height:28px; line-height:24px; text-indent:23px; font-size:13px; color:#909698; }
.info-tab{margin-bottom:10px;margin-left: 17px;}
.info-tab a {
    float: left;
    margin: 0 2px;
    width: 103px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #909698;
    color: #909698;
    font-family: monospace;
}
      .info-tab a.on{border-color: #ebc68c;color:#ebc68c;}
      .info-tab-cont{display: none;}
.link-us{margin-top:16px;width: 291px;height: 347px;background: url(../../img/newui/link-us-bg.png) no-repeat center top;}
.box-title {
    margin: 0 auto;
    width: 90%;
    padding: 10px 0;
    border-bottom: 1px dashed #81888a;
    color: #d8e3e7;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 28px;
    position: relative;
    font-family: monospace;
}
.link-us-title{background-image: url(../../img/newui/play-dot-on.png);}
.link-us-btn{display: block;width: 258px;height:89px;margin:15px auto 0;background: url(../../img/newui/link-us-btn.png) no-repeat 0 0;text-indent: -9999px;}
.link-us-btn:hover{background-position: 0 -89px;}
.link-us-tel{margin:10px auto 20px;width:238px;height:74px;padding-left:20px;line-height:74px;border-bottom:1px dashed #81888a;border-top:1px dashed #81888a;background: url(../../img/newui/link-us-tel.png) no-repeat 20px center;font-size: 24px;color: #ebc68c;text-indent: 50px;}
.link-us-server,.link-us-green{width: 123px;height: 56px;margin:0 2px;float: left;background: url(../../img/newui/link-us-server.png);text-indent: -9999px;}
.link-us-server{margin-left:20px;background-position: 0 0;}
.link-us-server:hover{background-position: 0 -56px;}
.link-us-green{background-position: -127px 0;}
.link-us-green:hover{background-position: -127px -56px;}
.cols-center{float:left;margin-left: -6px;width:595px;}
.lunbo-slideBox{width: 595px;position: relative;}
.hd{position: absolute;left:22px;bottom: -3px;z-index: 11;}
.hd li {
    float: left;
    margin: 0 2px;
    width: 96px;
    padding: 0px 5px;
    height: 37px;
    text-align: center;
    line-height: 40px;
    background-color: #363737;
    font-size: 10px;
    color: #c8cfd3;
    cursor: pointer;
}
.bd {
    /*border: 3px solid #363737;*/
}
.bd img {
    width: 589px;
}
.hd li.on{background-color: #626467;color: #c8cfd3;}
.lunbo-prev,.lunbo-next{position: absolute;bottom: -3px;width: 20px;height: 37px;background-repeat: no-repeat;background-position: center;background-color: #363737;}
.lunbo-prev{left: 0;background-image: url(../../img/newui/lunbo-prev.png)}
.lunbo-next{right: 1px;background-image: url(../../img/newui/lunbo-next.png)}
.news-box{margin-top:11px;width: 595px;height: 488px;background: url(../../img/newui/news-box-bg.png) no-repeat center;}
.news-tab{width: 595px;border-bottom: 2px solid #9ea3a6;}
.news-tab a {
    float: left;
    width: 116px;
    height: 40px;
    line-height: 40px;
    margin-right: 4px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    color: #c8cfd3;
    font-size: 14px;
    font-family: monospace;
}
.news-tab a.on{background-color: #9ea3a6;color:#272c2d;}
.news-tab a.nomargin{margin:0;width:115px;}
.news-hot{width: 570px;margin:0 auto 10px;font-size: 14px;color:#ebc68c;text-align: center;padding:20px 0;}
.news-hot a{
    color: #ebc68c;
}
.news-hot span {
    margin-left: 10px;
}
.news-cont {display:none;width: 540px;height:258px;margin:0 auto;position: relative;}
.news-cont ul li{width: 540px;height:30px;line-height:30px;overflow: hidden;}
.news-cont ul li.hot a{color: #ebc68c;}
.news-cont ul li span{float: right;}
.news-cont ul li a{color:#909698;}
.news-cont ul li a:hover{color:#c8cfd3;}
.news-cont ul li i{font-style: normal;}
.news-more {
    position: absolute;
    left: 50%;
    margin-left: -270px;
    bottom: 20px;
    width: 540px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #4e5456;
    color: #909698;
    font-family: monospace;
}
.rank-box {
    margin-top: 11px;
    width: 262px;
    height: 408px;
    padding: 10px 15px;
}
.rank-tab {
    width: 100%;
    border-bottom: 2px solid #9ea3a6;
}
.rank-tab a {
    float: left;
    width: 49px;
    height: 35px;
    line-height: 35px;
    margin-right: 4px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    color: #c8cfd3;
    font-family: monospace;
}
.rank-tab a.on{background-color: #9ea3a6;color:#272c2d;}
.rank-tab a.nonmargin{margin:0;width:50px;}
.rank-hot {
    width: 260px;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #ebc68c;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px dashed #81888a;
    font-family: monospace;
}
.rank-hot a {
    color: #ebc68c;
    font-family: monospace;
}
.rank-cont {
    display: none;
    width: 260px;
    height: 312px;
    margin: 0 auto;
    position: relative;
}
.rank-cont ul li {
    width: 260px;
    height: 35px;
    line-height: 30px;
    overflow: hidden;
}
.rank-cont ul li.hot a{color: #ebc68c;}
.rank-cont ul li span{float: right; cursor: pointer;}
.rank-cont ul li a{color:#909698;}
.rank-cont ul li a:hover{color:#c8cfd3;}
.rank-cont ul li i{font-style: normal;}
.rank-more {
    position: absolute;
    bottom: 20px;
    width: 260px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #4e5456;
    color: #909698;
    font-family: monospace;
}
.rank-cont ul li p {
    margin-top: -35px;
    margin-left: 30px;
    position: absolute;
    cursor: pointer;
    width: 120px;
    overflow: hidden;
}

.server-box {
    margin-top: 11px;
    width: 262px;
    height: 408px;
    padding: 0 15px;
}
.server-tab {
    width: 100%;
    border-bottom: 2px solid #9ea3a6;
}
.server-tab a {
    float: left;
    width: 66px;
    height: 25px;
    line-height: 30px;
    margin-right: 4px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    color: #c8cfd3;
    font-size: 11px;
    font-family: monospace;
    font-weight: bold;
}
.server-tab a.on{background-color: #9ea3a6;color:#272c2d;}
.server-tab a.nonmargin{margin:0;width:52px;}
.server-hot {
    width: 260px;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #ebc68c;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px dashed #81888a;
}
.server-hot a {
    color: #ebc68c;
    font-family: monospace;
}
.server-cont {
    display: none;
    width: 260px;
    height: 200px;
    margin: 0 auto;
    position: relative;
}
.server-cont ul li {
    width: 260px;
    height: 22px;
    line-height: 30px;
    overflow: hidden;
}
.server-cont ul li.hot a{color: #ebc68c;}
.server-cont ul li span{float: right; cursor: pointer;}
.server-cont ul li a{color:#909698;}
.server-cont ul li a:hover{color:#c8cfd3;}
.server-cont ul li i{font-style: normal;}
.server-more {
    position: absolute;
    bottom: 20px;
    width: 260px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #4e5456;
    color: #909698;
    font-family: monospace;
}
.server-cont ul li p {
    margin-top: -33px;
    margin-left: 30px;
    position: absolute;
    cursor: pointer;
    width: 120px;
    overflow: hidden;
}

.game-info{margin-top:16px;width: 595px;height: 617px;background: url(../../img/newui/game-info-bg.png) no-repeat center;}
.game-info-title{background-image: url(../../img/newui/play-dot-on.png);}
.info_box {width:550px;margin: 15px auto;}
.info_box em {
    padding: 0 5px;
    display: block;
    float: left;
    width: 80px;
    height: 23px;
    overflow: hidden;
    background: url(../../img/newui/game-info-title.png) no-repeat 0px 0px;
    line-height: 23px;
    text-align: left;
    color: #c8cfd3;
}
    .info_box dl{display:block;height:22px;overflow:hidden;line-height:22px;font-size:12px;text-align:left;width:388px;float:left}
     .info_box dl dt,#main_info .info_box dl dd{display:block;float:left;line-height:22px;color:#2b595d;font-family:monospace ;width:64px}
     .info_box dl dd a,#main_info .info_box dl dt a{color:#2b595d}
     .info_box dl dd a:hover,#main_info .info_box dl dt a:hover{color:#C30}
     .info_box dl dt{font-weight:bold}
     .info_box dl.first{padding-top:6px}
     .info_box dl.mp{height:26px;line-height:26px;padding-top:5px}
     .info_box dl.mp dd{width:44px;text-align:center}
     .info_box dl.mp dt{width:36px;display:inline;margin:0 2px;background:#ccdbd5;text-align:center}
     .game-info-list{margin-top:10px;width: 540px;clear: both;}

.info_nav{
    width: 450px;
    float: left;
    position: relative;
    padding-top: 3px;
}
            .info_nav li{float:left;position:relative;display:inline;padding-right:10px;background:url(../../img/newui/game-info-list-icon.png) no-repeat right center;}
                .info_nav li.no_select{width:auto;padding:0px 3px;background:none;}
            .info_nav li a{display:block;padding:0 4px;height:21px;line-height:21px;color:#909698; text-align:left}
            .info_nav li a:hover {text-decoration:none;color:#c8cfd3}
            .info_nav li a.select {text-decoration:none;color:#c8cfd3}
                .info_nav li.no_select a{padding:0 4px;color:#909698;text-align:center;display:inline}
                .info_nav li.no_select a:hover{color:#c8cfd3;}
            .info_nav li ul{position:absolute;padding:5px;display:none;left:0px;top:20px;z-index: 224332;background:#3d4648;}
            .info_nav:before{display: block;content: '';width: 0;height: 0;border:6px solid transparent;border-bottom-color:#3d4648;position: absolute;top:-5px;left: 45px;}
            .info_nav li ul li{background-image:none;margin:0px;padding:0px;text-align:center;z-index:300;}
.info_nav li ul li a {
    display: block;
    width: 70px;
    height: 26px;
    line-height: 26px;
    color: #909698;
    text-align: left;
    font-size: 12px;
}
            .info_nav li ul li a:hover{color:#c8cfd3;}
            .info_nav li a.arrow{background:url(/images/201104/page_cb01/main_gif.gif) no-repeat 70px -807px;}
            .info_nav li a.arrow:hover{background-color:#eaeaea;color:#333}
            .info_nav ul.chlidren{left:68px;top:0px}
           .z-fix{position:relative;z-index:99;display:block;width:100%;}
.roles-box{position:relative;margin-top:16px;width: 595px;height: 347px;background: url(../../img/newui/roles-box.png) no-repeat center;overflow: hidden;}
.roles-hd{position: absolute;left: 0;top:0;width: 100%;height: 26px;z-index: 33;}
.roles-hd ul li {
    float: left;
    margin-right: 1px;
    width: 53px;
    height: 26px;
    line-height: 28px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    color: #b7b8b8;
    cursor: pointer;
    font-size: 9px;
    font-family: monospace;
}
.roles-hd ul li.on{background: rgba(255,255,255,0.5);color:#272c2d;}
.roles-hd ul li.nomargin{margin: 0;width: 55px;}
.role1{position: absolute;right: -25px;top:0px;width: 497px;height: 347px;background: url(../../img/newui/rom-chara-5.png) no-repeat center top}
.role2{position: absolute;right: -140px;top:15px;width: 624px;height: 347px;background: url(../../img/newui/rom-chara-6.png) no-repeat center top}
.role3{position: absolute;right: -120px;top:0;width: 607px;height: 347px;background: url(../../img/newui/rom-chara-4.png) no-repeat center top}
.role4{position: absolute;right: -167px;top:0px;width: 784px;height: 347px;background: url(../../img/newui/rom-chara-3.png) no-repeat center top}
.role5{position: absolute;right: -100px;top:-10px;width: 632px;height: 570px;background: url(../../img/newui/rom-chara-2.png) no-repeat center top}
.role6{position: absolute;right: -95px;top:5px;width: 545px;height: 347px;background: url(../../img/newui/rom-chara-1.png) no-repeat center top}
.role7{position: absolute;right: 0;top:12px;width: 422px;height: 347px;background: url(../../img/newui/ton-chara-5.png) no-repeat center top}
.role8{position: absolute;right: -110px;top:62px;width: 600px;height: 400px;background: url(../../img/newui/ton-chara-4.png) no-repeat center top}
.role9{position: absolute;right: -180px;top:0px;width: 631px;height: 468px;background: url(../../img/newui/ton-chara-3.png) no-repeat center top}
.role10{position: absolute;right: -40px;top:-15px;width: 433px;height: 468px;background: url(../../img/newui/ton-chara-1.png) no-repeat center top}
.role11{position: absolute;right: -90px;top:-15px;width: 433px;height: 468px;background: url(../../img/newui/ton-chara-2.png) no-repeat center top}
.roles-intro{position: absolute;left:28px;top:73px;width: 310px;}
.roles-intro h3{font-size: 24px;color:#e7edef;font-family: monospace;}
.roles-intro p {
    line-height: 24px;
    color: #e6ecef;
    font-family: monospace;
    margin-bottom: 0;
}
.roles-btn {
    display: block;
    margin-top: 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    background: rgba(0,0,0,0.5);
    color: #e6ecef;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    font-family: monospace;
}
.roles-btn:hover{
    background-color: #9e9e9e;
}

.cols-right{float: left;width: 276px;}
.tuijian-box{width: 292px;height: 606px;background: url(../../img/newui/tuijian-box.png) no-repeat center; background-size: cover}
.tuijian-title{background-image: url(../../img/newui/play-dot-on.png);}
.tuijian-xinfu{padding:12px 0 12px;border-bottom: 1px dashed #81888a;width: 260px;margin:0 auto;}
.header-bot-box a:hover {
    color: #bf0202 !important;
}
.tuijian-xinfu p {
    margin-bottom: 14px;
    text-align: center;
    color: #ebc68c;
    font-family: monospace;
}
.tuijian-xinfu img{width: 50px;height: 50px;margin-left: 24px;}
.tuijian-list {
    width: 260px;
    margin: 0 auto;
}
.tuijian-list li {
    float: left;
    margin-top: 18px;
}
.tuijian-list li a img{width: 258px;height: 92px;border:1px solid #5e6466;}
.baozang-box{margin-top:16px;width: 291px;height: 241px;background: url(../../img/newui/baozang-box.png) no-repeat center;}
.baozang-title{background-image:url(../../img/newui/play-dot-on.png); }
.baozang-list {
    width: 100%;
    margin: 25px auto 0;
}
.baozang-list li {
    float: left;
    width: 110px;
}
.baozang-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    padding: 5px;
    /*background: rgba(0,0,0,0.6);*/
    border: 1px solid #5e6466;
}
.baozang-icon img {
    width: 100%;
}
.baozang-list li p {
    text-align: center;
    text-transform: uppercase;
}
.baozang-list li p a{color: #909698}
.baozang-list li p a:hover{color: #c8d2d6;}
.pics-box{padding-top:5px;margin-top:13px;width: 291px;height: 526px;background: url(../../img/newui/pics-box.png) no-repeat center;}
.pics-list li a img{height: 106px;}
.play-slideBox{width: 1200px;height: 480px;margin-top:11px;}
.play-hd{
    position: absolute;
    top: 400px;
    width: 100%;
    height: 40px;
    background: url(../../img/newui/play-dot-bg.png) no-repeat center 3px;
}
.play-hd ul{margin:0 0 0 75px;}
.play-hd ul li {
    float: left;
    margin-right: 60px;
    padding-top: 23px;
    width: 80px;
    height: 50px;
    color: #727779;
    cursor: pointer;
    text-align: center;
    font-family: monospace;
}
.play-hd ul li.on{color:#c8d2d6;background: url(../../img/newui/play-dot-on.png) no-repeat center top;}
.play-bd {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
    width: 1200px;
    height: 390px;
    background: url(../../img/newui/schedule.jpg);
}
.play-bd li{position: relative;}
.play-bd li img {
    position: absolute;
    left: 0;
    top: 10px;
    height: 380px;
    width: 100%;
}
.play-intro{position: absolute;z-index: 2;left: 57px;top:80px;width: 550px;color:#e6ecef;}
.play-intro h3{font-size: 30px;font-weight: bold;color:#e7edef;}
.play-intro h4{margin:10px 0;}
.play-intro h4 span {
    padding: 5px;
    border: 1px solid #e7edef;
    font-size: 16px;
    font-family: monospace;
}
.play-intro p {
    line-height: 24px;
    margin-bottom: 0;
    font-family: monospace;
}
.play-btn-detail {
    display: block;
    margin-top: 10px;
    width: 127px;
    height: 55px;
    font-size: 16px;
    color: #3b2a0f;
    text-align: center;
    line-height: 44px;
    background: url(../../img/newui/play-btn-detail.png) no-repeat center;
    font-family: monospace;
    background-position: 0 0;
}
.play-btn-detail:hover{
    background-position: 0 -58px;
}
.media-box{float:left;width: 292px;height: 360px;background: url(../../img/newui/media-box.png) no-repeat center;}
.media-box ul {
    text-align: center;
}
.media-title{background-image:url(../../img/newui/play-dot-on.png); }
.media-list{width: 256px;margin:22px auto;}
.media-list li {float: left;margin-top: 14px;}
.media-list li a{display:block;width:256px;height: 72px;background: #e7edef; text-align: center; display:table-cell;vertical-align:middle;}
.media-list li a:hover{background-color: #fff;}
.shop-box{float:left;position:relative;margin:0 10px;width: 595px;height: 360px;background: url(../../img/newui/shop-box.png) no-repeat center;}
.shop-title{background-image:url(../../img/newui/play-dot-on.png); }
.shop-more {
    position: absolute;
    right: 0;
    top: 23px;
    color: #909698;
    font-size: 14px;
    font-family: monospace;
}
.shopiframe{display:block;width: 546px;height: 250px;margin:20px auto;}
.art-box{float:left;width: 292px;height: 360px;background: url(../../img/newui/art-box.png) no-repeat center;}
.art-title{background-image:url(../../img/newui/play-dot-on.png); }
.art-list{width: 245px;margin:18px auto;}
.art-list li img{display: block}
.art-icon{position:absolute;left:50%;top:50%;margin-top:-34px;margin-left:-34px;width: 68px;height: 69px;background: url(../../img/newui/art-icon.png);z-index: 2;}
.art-item1 .art-icon{background-position: 0 0;}
.art-item1:hover .art-icon{background-position: -277px 0 ;}
.art-item2 .art-icon{background-position: -125px 0;}
.art-item2:hover .art-icon{background-position: -402px 0 ;}
.art-item3 .art-icon{background-position: 0 -125px;}
.art-item3:hover .art-icon{background-position: -277px -125px ;}
.art-item4 .art-icon{background-position: -125px -125px;}
.art-item4:hover .art-icon{background-position: -402px -125px ;}
.warn{padding:50px 0;text-align: center;color:#909698;}
.float-code{position: fixed;right: 0;top:50%;margin-top:-130px;width: 140px;height: 259px;background: url(../../img/newui/code-bg.png) no-repeat center;z-index: 333;}
.float-code img{display: block;margin:20px auto 0;width: 113px;height: 113px;}
.float-code p{width:113px;margin:0 auto;padding-bottom:10px;text-align: center;color: #c8d2d6;margin-top:10px;border-bottom: 1px dashed #81888a; }
.float-btn-reg{display: block;margin:10px auto;width: 121px;height: 55px;text-indent: -99999px;background: url(../../img/newui/float-btn-reg.png) no-repeat center;}
.kefu-online {
    position: fixed;
    left: 0;
    top:25%;
    margin-top:-90px;
    width: 300px;
    height: 340px;
    background: url(../../img/newui/hoa-mai-l.png) no-repeat center;
    z-index: 1;
    pointer-events: none;
}
.kefu-online-r {
    position: fixed;
    right: 0;
    top:25%;
    margin-top:-90px;
    width: 300px;
    height: 356px;
    background: url(../../img/newui/hoa-dao-r.png) no-repeat center;
    z-index: 1;
    pointer-events: none;
}
.kefu-online a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    position: absolute;
}
.pop-reg{display:none;position:relative;width: 400px;height: 399px;background: url(../../img/newui/pop-reg.png) no-repeat center;}
.pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../../img/newui/pop-close.png) no-repeat center;
}
.pop-title {
    padding: 30px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    color: #d8e3e7;
    background: url(../../img/newui/pop-title-icon.png) no-repeat 30px center;
    text-indent: 46px;
    font-family: monospace;
}
#fastreg_box {
    position: absolute;
    top: 60px;
    width: 400px;
}


.pop-speaker{display:none;position:relative;width: 400px;height: 250px;background: url(../../img/newui/pop-speaker.png) no-repeat center;}
.speaker-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../../img/newui/pop-close.png) no-repeat center;
}
.pop-title {
    padding: 30px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    color: #d8e3e7;
    background: url(../../img/newui/pop-title-icon.png) no-repeat 30px center;
    text-indent: 46px;
    font-family: monospace;
}
#speaker_box {
    position: absolute;
    top: 60px;
    width: 400px;
}

.tuijian-xinfu p.xinfu {display: block;position: absolute;color: #fff;top: 94px;left: 15px;font-size: 12px;}
.tuijian-xinfu {position: relative;}
.wm_public_sgsj_logo_bg {
    position:absolute;
    z-index:99998;
    left:0px;
    top:0px;
    width:280px;
    height:142px;
    /*background:url('../../img/newui/logo.gif');*/
    _background:0;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.games.wanmei.com/public/images/logo/sgsj/sgsj2.png',sizingMethod='scale');
}
.wm_public_sgsj_logo_lk { position:absolute; z-index:99999; left:0px; top:0px; width:180px; height:120px; }
.qreg-input-wrap,.qreg-input{background-color: #e0e3e4;}
        .qreg-input{height: 40px;line-height: 40px;}
        .qreg-main, .qreg-input{font-size: 18px;}
        .qreg-main,.qreg-agree a{color:#c8d2d6;}
        .qreg-agree{font-size: 14px;}
        .qreg-btn-reg{width: 100%;height: 56px;background: url(../../img/newui/pop-reg-btn.png) no-repeat center !important;text-indent: -9999px;}
.header-bot-box {
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 6px 10px 0;
    width: 385px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    font-size: 12px;
}
.header-bot-box .zuixin {
    width: 295px;
    height: 20px;
    overflow: hidden;
}
.zuixin span {
    background-color: #cd9c55;
    color: #3e3e3e;
    margin-right: 6px;
}
.zuixin span, .xinfu span {
    float: left;
    padding: 2px 5px;
    margin-top: -1px;
}
marquee {
    float: left;
    width: auto;
    overflow: hidden;
    margin-top: 2px;
    position: absolute;
    margin-right: 100px;
}
:host {
    display: inline-block;
    overflow: hidden;
    text-align: initial;
    white-space: nowrap;
}
marquee p {
    padding: 2px;
    color: #cd9c55 !important;
    font-family: monospace;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.header-bot-box .xinfu {
    margin-top: 5px;
    width: 295px;
    height: 20px;
    overflow: hidden;
}
.xinfu span {
    background-color: #9271c8;
    color: #3e3e3e;
    margin-right: 6px;
}
.xinfu p {
    float: left;
    margin-left: 0;
    color: #d7d7d7;
    margin-top: 3px;
    font-family: monospace;
    width: auto;
    max-width: 237px;
    overflow: hidden;
    height: 16px;
    position: absolute;
    margin-right: 100px;
    display: inline-block;
}
.header-card-btn {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 83px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    background: url(../../img/newui/header-card-btn.png) no-repeat center;
    color: #1c1b1b;
    font-family: monospace;
    font-weight: bold;
    text-decoration: none !important;
}
.gw_xbw {
    width: 543px;
    height: 252px;
    margin: 0px auto;
    padding: 0px;
    clear: both;
}
.xbw_info {
    overflow: hidden;
}
.info_left {
    width: 178px;
    margin: 0;
    padding: 0;
    float: left;
}
.picsc {
    width: 174px;
    margin: 3px 5px 0 3px;
    padding: 0;
}
.info_right {
    width: 365px;
    margin: 0;
    padding: 0;
    float: right;
}
.info_right h2 {
    margin: 12px auto 8px auto;
    text-align: center;
}
.info_con {
    background: rgba(0,0,0,.3);
    height: 198px;
    width: 100%;
}
.info_title {
    width: 100%;
    height: 36px;
    color: white;
    margin-bottom: 4px;
    float: left;
    margin-top: 4px;
    padding-left: 5px;
    box-sizing: border-box;
}
.info_title h3 {
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    color: #e7edef;
    margin-right: 3px;
    float: left;
    background-color: rgba(255,255,255,0.07);
    font-family: monospace;
}
#news_panel {
    width: 100%;
    float: left;
    position: relative;
    height: 150px;
    overflow: hidden;
    cursor: pointer;
}
.info_font {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
.info_font ul {
    width: 100%;
    height: 30px;
    float: left;
    text-align: center;
}
.info_font li {
    list-style: none;
    line-height: 30px;
    float: left;
}
.left_wid {
    width: 45px;
    padding-left: 10px;
    color: #63686a;
    font-weight: normal;
    font-family: monospace;
}
.mid_wid {
    width: 165px;
    color: #dea901;
    font-weight: normal;
    font-family: monospace;
}
.right_wid {
    width: 145px;
    color: #ada47a;
    text-align: center;
    color: #63686a;
    font-family: monospace;
}
.shopiframe {
    display: block;
    width: 546px;
    height: 250px;
    margin: 20px auto;
}
.warn a {
    font-family: monospace;
}
.cdht {
    color: #ebc68c;
}
.userinfo {
    padding: 25px 10px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-family: monospace;
    display: flex;
}
.userinfo img {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    margin: 3px auto;
    object-fit: cover;
    border-radius: 40px;
}
.userinfo p {
    line-height: 20px;
    margin: 0;
}
.idtaikhoan {
    color: #ebc68c;
    font-family: monospace;
    font-size: 16px;
}
.idtaikhoan:hover {
    color: #fff;
}
.dangxuat {
    color: #fff;
    font-family: monospace;
}
.dangxuat:hover {
    color: #ebc68c;
}
.imgrace {
    margin-top: -10px;
    margin-left: -2px;
}
.imgserver {
    margin-top: -8px;
    margin-left: 0px;
}
.rel1200.topmargin {
    margin-top: 15px;
}
.inside-cont.bottommargin {
    margin-bottom: 15px;
}
.jscroll-to-top.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.jscroll-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    -webkit-backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transform: translate3d(0,30px,0);
    -ms-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    z-index: 11;
}
.jscroll-to-top>a {
    color: #a0a0a0;
    font-size: 30px;
    display: block;
    width: 46px;
    border-radius: 5px;
    height: 46px;
    line-height: 44px;
    background: rgba(180,180,180,.15);
    border: 1px solid rgba(0,0,0,.11);
    -webkit-box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 2px 6px rgb(0 0 0 / 10%);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 2px 6px rgb(0 0 0 / 10%);
    text-align: center;
    opacity: .8;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.news-list-tab {
    width: 100%;
    margin: 23px 0;
    display: block;
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}
.news-list-tab a:hover, .news-list-tab a.on {
    border-color: #cd564f;
    color: #cd564f;
}
.news-list-tab a {
    font-family: monospace;
    float: left;
    margin: 0 2px 8px;
    color: #999999;
    /*border: 1px solid #999999;*/
    flex: 1;
    text-align: center;
    text-decoration: none;
}
.news-list-cont ul li {
    line-height: 32px;
}
.news-list-cont ul li span {
    float: right;
}
.news-list-cont a {
    font-family: monospace;
    font-size: 14px;
    /*color: #131517;*/
}
.speaker-main {
    padding: 20px 30px 20px;
    line-height: 1.5;
    color: #373737;
}
.speaker-main, .speaker-input {
    font-size: 14px;
}
.btn-speaker {
    width: 100%;
    height: 56px;
    background: url(../../img/newui/speaker-btn.png) no-repeat center !important;
    text-indent: -9999px;
    background: #282828;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    outline: none;
    border: none;
    cursor: pointer;
}
.speaker-title {
    padding: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 22px;
    color: #d8e3e7;
    background: url(../../img/newui/pop-title-speaker.png) no-repeat 30px center;
    text-indent: 46px;
    font-family: monospace;
}
#speaker_box .speaker_note {
    text-align: center;
    color: #d3b96f;
}
#speaker_box p {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: monospace;
}
.swal2-container.swal2-top-end.swal2-backdrop-show {
    z-index: 9999;
}
.click_top {
    width: 85px;
    height: 226px;
    cursor: pointer;
    display: none;
    position: fixed;
    top: 200px;
    z-index: 991;
    /* left: 1150px !important; */
    padding: 0px;
    margin: 0px;
}
.bg-top {
    margin: 0px;
    padding: 0px;
}
.item_menu1 {
    background: url(../../img/newui/item_menu_left.png) no-repeat left top;
}
.item_menu {
    width: 80px;
    height: 73px;
}
.item_menu a {
    width: inherit;
    height: inherit;
    display: block;
}
.item_menu2 {
    background: url(../../img/newui/item_menu_left.png) no-repeat left -71px;
    height: 59px;
}
.item_menu3 {
    background: url(../../img/newui/item_menu_left.png) no-repeat left -130px;
    height: 59px;
}
.item_menu4 {
    background: url(../../img/newui/item_menu_left.png) no-repeat left -189px;
    height: 59px;
}
.item_menu5 {
    background: url(../../img/newui/item_menu_left.png) no-repeat left -247px;
}
.item_menu1:hover{
    background:url(../../img/newui/item_menu_left.png) no-repeat -104px top;  
}
.item_menu2:hover {
    background:url(../../img/newui/item_menu_left.png) no-repeat -104px -71px;    
    height: 59px;
}
.item_menu3:hover {
    background:url(../../img/newui/item_menu_left.png) no-repeat -104px -130px;   
    height: 59px;
}

.item_menu4:hover {
    background:url(../../img/newui/item_menu_left.png) no-repeat -104px -189px;   
    height: 59px;
}
.item_menu5:hover{
    background:url(../../img/newui/item_menu_left.png) no-repeat -104px -247px;
}
.new_event {
    width: 245px;
    height: 265px;
    overflow: hidden;
}
#picture {
    width: 100%;
}
#picture .picture-list {
    overflow: hidden;
    width: 100%;
    float: left;
}
#picture .picture-list ul {
    margin: 0;
    width: 2000px;
}
.new_event ul li {
    margin-right: 20px;
}
#picture .picture-list li {
    float: left;
    list-style: none;
}
.new_event ul li a.img_event {
    display: block;
    position: relative;
    width: 258px;
    height: auto;
}
#picture .picture-list img {
    height: 260px;
    padding-top: 5px;
}
.new_event_label {
    width: 59px;
    height: 47px;
    background: url(../../img/newui/new_event_label.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 15px;
}
.art-box .art-title span {
    float: right;
}
.u_version {
    margin: 0 10px;
}
.u_version .u_title {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}
.u_version .u_left {
    float: left;
}
.u_version .u_right {
    float: right;
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px;
    text-align: right;
}
.u_version .u_content {
    position: relative;
    padding: 10px 0 10px;
    background-color: transparent;
    overflow: hidden;
    box-sizing: border-box;
}
.u_version .u_content .u_lists {
    position: relative;
    width: 250px;
    height: 155px;
    margin: 0 auto;
}
.u_version .u_content .u_list {
    position: relative;
    left: 10px;
    margin-bottom: 80px;
    padding: 0;
    background-color: #222328;
}
.u_version .u_version_logo {
    top: 0;
    bottom: 20%;
    overflow: hidden;
}
.u_version .u_version_logo img {
    width: 100%;
    height: 100%;
}
.u_version .u_version_title {
    top: 80%;
    bottom: 0;
    color: #999;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.u_version .u_version_logo, .u_version .u_version_title {
    position: absolute;
    width: 100%;
}
.u_version .u_content .u_list p {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    max-width: 560px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #ccc;
    margin-bottom: 0;
}
.u_pages li {
    display: inline-block;
}
.u_pages {
    display: table;
    margin: 0 auto;
}
.u_icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    vertical-align: middle;
    position: relative;
    width: 245px;
    background: url(../../img/newui/data2.home.icons.png) top center no-repeat;
}
.u_icon.u_icon_page {
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-position: -2px -841px;
}
.u_icon.u_icon_page.u_active {
    background-position: -3px -869px;
}
.BoxDangNhap {
    padding: 10px 0;
    margin: 10px auto;
    width: 273px;
}
#boxDangNhap form {
    overflow: hidden;
}
fieldset {
    border: 0;
    background: 0;
    margin: 0;
    padding: 0;
}
fieldset legend {
    display: none;
}
.BoxDangNhap .TextBoxDN {
    float: left;
    padding-left: 5px;
}
.BoxDangNhap .BgTextBox {
    background: url(../../img/newui/input-dangnhap.gif) no-repeat;
    width: 105px;
    outline: none;
}
.BgTextBox {
    background: url(../../img/newui/bg-login.gif) no-repeat;
    border: 0;
    font-size: 12px;
    padding: 2px 10px 2px;
    width: 180px;
    margin: 1px 0 5px 0;
    color: #000;
    display: block;
    height: 22px;
}
a.QuenMatKhau:link, a.QuenMatKhau:visited {
    background: url(../../img/newui/icon-matkhau.gif) 0 8px no-repeat;
    color: #e9c39d;
    font-size: 11px;
    padding: 0px 0 0 7px;
    text-decoration: none;
    margin: 15px 0 0 2px;
    display: block;
}
a.QuenMatKhau:hover {
    color: #fff;
}
.SubmitDN {
    background: url(../../img/newui/btn-login.png) 0 0 no-repeat;
    height: 60px;
    width: 133px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    float: left;
    outline: none;
}
.SubmitDN:hover {
    background-position: 0 -61px;
}
.musicYuan{
  display: block;
  width:70px;
  height:70px;
  border:5px solid rgba(255,255,255,0.7);
  border-radius:70px;
  box-shadow: 0 0 10px #FFF;
  position: absolute;
  cursor: pointer;
}
.yuan1{
   -webkit-animation: moveLight 2s linear infinite; 
  -moz-animation: moveLight 2s linear infinite;
  -o-animation: moveLight 2s linear infinite;
  -ms-animation: moveLight 2s linear infinite;
   animation: moveLight 2s linear infinite; 
}
.yuan2{
   -webkit-animation: moveLight 2s -1s linear infinite; 
  -moz-animation: moveLight 2s -1s linear infinite;
  -o-animation: moveLight 2s -1s linear infinite;
  -ms-animation: moveLight 2s -1s linear infinite;
   animation: moveLight 2s -1s linear infinite; 
}
.yuan3{
  -webkit-animation: moveLight 2s -2s linear infinite;
  -moz-animation: moveLight 2s -2s linear infinite;
  -o-animation: moveLight 2s -2s linear infinite;
  -ms-animation: moveLight 2s -2s linear infinite;
  animation: moveLight 2s -2s linear infinite;
}
@-webkit-keyframes moveLight{
  0%{-webkit-transform: scale(0);}
  100%{-webkit-transform: scale(1);}
}
.cv_music_play {
    width: 70px;
    height: 70px;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    top: 210px;
    left: 40%;
}
.register-popup {
    background: url(../../img/newui/popup_dangky.png) no-repeat center top;
    padding: 0px;
    font-size: 1em;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    width: 375px;
    height: 453px;
    border-left: 5px solid #112141;
    border-right: 5px solid #112141;
    box-sizing: border-box;
    position: absolute;
    left: 48%;
    transform: translateX(-48%);
}
#content-popup {
    height: 450px;
    margin-left: 0;
    margin-top: 11px;
    overflow: hidden;
    width: 100%;
}
#content-popup ul {
    float: left;
}
#content-popup ul li {
    float: left;
}
.activexx1 #tabxx1 {
    background: url(../../img/newui/title_popup1.png) no-repeat -3px -52px;
    display: none;
}
#content-popup ul li a {
    float: left;
}
#tabxx1 {
    background: url(../../img/newui/title_popup1.png) no-repeat -3px -3px;
    display: block;
    height: 20px;
    margin-left: 15px;
    margin-top: 0;
    width: 160px;
    display: none;
}
#tabxx2 {
    background: url(../../img/newui/title_popup1.png) no-repeat -212px -3px;
    display: block;
    height: 20px;
    margin-left: 52px;
    margin-top: 0;
    width: 145px;
    display: none;
}
#contentTabxx {
    width: 100%;
    height: 444px;
    float: left;
    margin-left: 0px;
    margin-top: 12px;
}
#contenttabxx2 {
    width: 375px;
    height: 444px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}
#titleDangnhap {
    height: 30px;
    width: 216px;
    margin: 0 auto;
    margin-top: 30px;
}
#tablePopup2 {
    float: left;
    margin-left: 50px;
    margin-top: 23px;
    width: 244px;
    height: 82px;
}
#tablePopup2 tr {
    height: 19px;
}
#tablePopup2 td {
    text-align: left;
}
table tr:first-child td {
    /*text-align: center;*/
}
table tr td {
    vertical-align: middle;
    font-weight: 600;
    text-align: center;
    padding: 0px 0px;
    font-size: 11px;
}
#tablePopup2 input[type="text"] {
    width: 275px;
    height: 35px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-weight: normal;
    font-family: Tahoma;
    outline: none;
}
#tablePopup2 input[type="password"] {
    width: 275px;
    height: 35px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-weight: normal;
    font-family: Tahoma;
    outline: none;
}
#quick_reg {
    width: 230px;
    height: 59px;
    border: none;
    background: url(../../img/newui/btn_dangky.png) no-repeat center top;
    margin-top: 20px;
    margin-left: 75px;
    cursor: pointer;
    outline: none;
}
#quick_reg:hover{
    background: url('../../img/newui/btn_dangky_hover.png') no-repeat center top;
}
button.close {
    width: 20px;
    position: absolute;
    top: 10px;
    right: 78px;
    color: #fff;
    z-index: 999999;
    outline: none;
}
.modal-dialog {
    top: 15%;
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.swal2-header p {
    margin-bottom: 0;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    outline: none;
}
*, ::after, ::before {
    box-sizing: content-box !important;
}
.navmenu_n {
    margin-bottom: 0 !important
}
dl, ol, ul {
    margin-bottom: 0 !important
}

.fb_iframe_widget_fluid_desktop iframe {
	width: 100% !important;
}
.game18 {
    position: absolute;
    z-index: 999;
    top: 0;
    display: block;
    opacity: 1;
    left: 80%
}
.login-popup {
    /* background: none no-repeat scroll 0 0 #fdf5f5; */
    display: none;
    font-size: 1em;
    height: 720px;
    width: 1280px;
    left: 50%;
    padding: 0;
    position: fixed;
    top: 50%;
    z-index: 99999;
}
.close {
    background: url('../../img/newui/closex.png') no-repeat;
    width: 30px;
    height: 23px;
    /* float: left; */
    right: 0;
    /* margin-right: 4px; */
    margin-left: 515px;
    margin-top: -23px;
    border: none;
    position: absolute;
    cursor: pointer;
}
#content-popup {
    height: 720px;
    width: 1280px;
    margin-top: -1px;
    margin-left: 0px;
    overflow: hidden;
}
#content-popup a {
    display: block;
    height: 720px;
    width: 1280px;
}
#content-popup a img {
    border: none;
    outline: none;
}
.closex2 {
    display: block;
    height: 36px;
    margin-left: 593px;
    margin-top: 1px;
    width: 77px;
    cursor: pointer;
}
#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
    filter: alpha(opacity=60);
    ZOOM: 1;
    display: block;
}

.TextBoxDN input[id="quicklogin"] {
    margin-top: 15px;
}