@font-face{font-family:"roboto";src:url(/Assets/General/fonts/roboto.ttf) format('truetype');font-display:swap}@font-face{font-family:"roboto";src:url(/Assets/General/fonts/robotobold.ttf) format('truetype');font-weight:bold;font-display:swap}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden;width:100%;text-size-adjust:auto;-webkit-text-size-adjust:auto}body .popup-alert-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:9999}body .popup-alert-container .popup-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:100%;height:max-content;padding:.260416vw;background-color:transparent;z-index:99}body .popup-alert-container .popup-alert .close-popup{width:3vw;height:3vw;padding:unset;position:absolute;top:1%;right:1%;background:url(/Assets/General/imgs/Red_X.svg.png) no-repeat center center;background-size:cover}body .popup-alert-container .popup-alert .body-popup{width:100%;height:100%}body .popup-alert-container .popup-alert .body-popup img{width:auto;height:auto;object-fit:contain;max-width:100%;max-height:34.79166667vw}body .popup-alert-container .popup-alert .body-popup .title-alert{font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;font-family:16pt;font-weight:600;color:#fff;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;flex-wrap:wrap}body .popup-alert-container .popup-alert .body-popup .title-alert .checkBox{position:relative;display:flex;-webkit-justify-content:center;justify-content:center;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;font-size:small}body .popup-alert-container .popup-alert .body-popup .title-alert .checkBox #isShowDay{width:20px;height:20px;margin:0 5px}body .body{position:relative}body .float-tutorial-banner{position:fixed;top:50%;right:3%;transform:translateY(-50%);width:9.895833333vw;height:18.80208333vw;background:url(/Assets/Home/imgs/banner-float/banner-float-new.png) no-repeat;background-size:100% 100%;z-index:10}body .float-tutorial-banner .btn-tutorial{width:8.229166667vw;height:3.489583333vw;position:absolute;bottom:1.09375vw;right:-.625vw;background:url(/Assets/Home/imgs/banner-float/btn-banner-float.png) no-repeat;background-size:100% 100%}body .float-webshop-banner{position:fixed;top:50%;left:3%;transform:translateY(-50%);width:10.88541667vw;height:18.80208333vw;background:url(/Assets/Home/imgs/banner-float/banner-float-webshop-new.png) no-repeat;background-size:100% 100%;z-index:10;animation:up-down .6s alternate infinite linear}body .top-bg{width:100%;height:calc(100vh - 130px);position:relative;overflow:hidden}body .top-bg .bg{background:url(/Assets/Home/imgs/bg-20220118.jpg) no-repeat center -5.208333333vw;background-size:cover;width:100%;height:100%;z-index:-1}body .top-bg .bg-video{display:none;background:url(/Assets/Home/imgs/bg-top.jpg) no-repeat center;background-size:cover;position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1}body .top-bg .bg-video #bg-video{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:-1;opacity:0}body .top-bg .slogan{background:url(/Assets/Home/imgs/sologan.png) no-repeat center;background-size:cover;width:440px;height:484px;position:absolute;top:15%;left:-10%;z-index:2;display:none}body .top-bg .character{background:url(/Assets/Home/imgs/nhan-vat.png) no-repeat center;background-size:cover;width:930px;height:945px;position:absolute;top:10%;right:-30%;z-index:1;display:none;zoom:.8}body .top-bg .group-btn{width:auto;height:auto;position:absolute;bottom:150px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index:1;display:flex;justify-content:center;align-items:center}body .top-bg .group-btn .btn-top{background:url(/Assets/Home/imgs/Nut-taigame-new.png) no-repeat;background-position:0 0}body .top-bg .group-btn .btn-top.btn-regis,body .top-bg .group-btn .btn-top.btn-recash{width:230px;height:66px;background-position:-13px -40px}body .top-bg .group-btn .btn-top.btn-regis:hover,body .top-bg .group-btn .btn-top.btn-recash:hover{background-position:-13px -182px}body .top-bg .group-btn .btn-top.btn-recash{background-position:-553px -40px}body .top-bg .group-btn .btn-top.btn-recash:hover{background-position:-553px -182px}body .top-bg .group-btn .btn-top.btn-download{width:308px;height:142px;background-position:-244px -2px}body .top-bg .group-btn .btn-top.btn-download:hover{background-position:-244px -144px}body .news-container{width:100%;height:auto;position:relative;padding:65px 50px}body .news-container .bg-news{background-image:url(/Assets/Home/imgs/BG-tinmoi-new2.jpg);background-position:center;background-repeat:no-repeat;background-color:#220d00;background-size:cover;position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-1}body .news-container .news-title{background:url(/Assets/Home/imgs/Text-Tinmoi.png) no-repeat center;background-size:cover;width:300px;height:50px;margin:0 auto 30px;z-index:1;position:absolute;top:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}body .news-container .news-content{width:100%;height:auto;max-width:1920px;margin:auto;outline:solid 1px #bc7b3f;z-index:1;margin-top:80px;background:#fff}body .news-container .news-content .news-slide{width:50%;height:auto;border-right:solid 1px #bc7b3f;float:left}body .news-container .news-content .news-slide .swiper-container{width:100%;height:100%}body .news-container .news-content .news-slide .swiper-container .swiper-slide{width:100%;height:auto;max-height:460px;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative}body .news-container .news-content .news-slide .swiper-container .swiper-slide a{width:100%;height:100%}body .news-container .news-content .news-slide .swiper-container .swiper-slide a img{width:100%;height:100%;object-fit:cover}body .news-container .news-content .news-slide .swiper-container .swiper-pagination{text-align:right;padding-right:10px}body .news-container .news-content .news-slide .swiper-container .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;text-align:center;line-height:20px;font-size:12px;opacity:1;background:#220d00}body .news-container .news-content .news-slide .swiper-container .swiper-pagination .swiper-pagination-bullet:focus{outline:none}body .news-container .news-content .news-slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#ffa800}body .news-container .news-content .news-all{width:50%;height:100%;background-color:#fff;padding:20px 20px 0;float:left}body .news-container .news-content .news-all .news-all-content{width:100%;height:100%;position:relative}body .news-container .news-content .news-all .news-all-content .news-navigate{position:relative;width:100%;height:50px;background-color:#ddcbb7}body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs{-webkit-box-align:center;-webkit-box-pack:start;display:-webkit-box}body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs li{position:relative}body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs li:not(:last-child):before{content:'';position:absolute;width:3px;height:60%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0;background-color:#220d00}body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs li .nav-link{font-family:roboto;display:block;float:left;margin:0 10px 0;height:50px;font-size:20px;color:#220d00;text-align:center;transition:.5s;font-weight:bold;border:none;outline:none}body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs li .nav-link.active,body .news-container .news-content .news-all .news-all-content .news-navigate ul.nav-tabs li .nav-link:hover{color:#d51400;background:transparent;text-decoration:none}body .news-container .news-content .news-all .news-all-content .news-list{width:100%;height:calc(100% - 50px);position:relative;overflow-y:hidden;padding-top:7px}body .news-container .news-content .news-all .news-all-content .news-list .btn-more{margin-top:10px;position:relative;margin-right:0;margin-left:auto;width:max-content}body .news-container .news-content .news-all .news-all-content .news-list .btn-more a{font-family:roboto;font-weight:bold;font-size:16px;text-decoration:none;color:#220d00}body .news-container .news-content .news-all .news-all-content .news-list .btn-more a:hover{color:#ffa800}body .news-container .news-content .news-all .news-all-content .news-list .tab-content{width:100%;height:100%;position:relative}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item{width:100%;display:flex}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item:not(:last-child){margin-bottom:13.5px}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item a{font-family:roboto;font-size:16px;text-decoration:none}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-cate{width:max-content;padding:2px 30px;text-align:center;line-height:20px;color:#fff;font-weight:bold}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-cate.cate-news{background:#25bbb9}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-cate.cate-event{background:#d51400}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-cate a{font-weight:bold;color:#fff}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-title{line-height:20px;flex-grow:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px;width:30%;height:20px}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-title a{color:#220d00}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-title a:hover{color:#ffa800}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-day{background-color:#ffa800;font-size:16px;color:#fff;padding:0 10px;line-height:20px}body .market-container{width:100%;height:367px;padding:20px;background:#220d00;position:relative}body .market-container .bg-market{background:url(/Assets/Home/imgs/ThuongThanh-new2.jpg) no-repeat center;background-size:cover;height:327px;position:relative;outline:solid 1px #bc7b3f;cursor:pointer}body .market-container .bg-market:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:opacity .5s}body .market-container .bg-market:hover:before{opacity:1}body .market-container .text-market{background:url(/Assets/Home/imgs/Text-Thuongthanh.png) no-repeat center;background-size:contain;width:300px;height:50px;position:absolute;top:100px;left:140px}body .market-container .btn-more{position:absolute;top:160px;left:160px;width:max-content}body .market-container .btn-more a{font-family:roboto;font-weight:bold;font-size:16px;text-decoration:none;color:#220d00}body .market-container .btn-more a:hover{color:#ffa800}body .class-container{width:100%;height:880px;padding-top:60px;position:relative;background:#220d00;display:flex;flex-wrap:wrap;justify-content:space-evenly}body .class-container .bg-class{background:url(/Assets/Home/imgs/BG-Monphai-new2.jpg) no-repeat center;width:100%;height:100%;background-size:cover;position:absolute;top:0;left:0}body .class-container .text-class{background:url(/Assets/Home/imgs/Text-Monphai.png) no-repeat center;width:100%;height:50px;margin:auto;position:relative}body .class-container .sect_tab{width:232px;height:512px;position:relative;z-index:4;background-repeat:no-repeat}body .class-container .sect_tab ul{list-style-type:none;padding:0;display:flex;justify-content:space-between;align-items:center;flex-direction:column}body .class-container .sect_tab ul.char-icons{height:100%;width:100%;position:relative}body .class-container .sect_tab ul.char-icons li:nth-child(1) .icon-character{background-position:0 0}body .class-container .sect_tab ul.char-icons li:nth-child(1) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(1) .icon-character:hover{background-position:-235px 0}body .class-container .sect_tab ul.char-icons li:nth-child(2) .icon-character{background-position:0 -75px}body .class-container .sect_tab ul.char-icons li:nth-child(2) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(2) .icon-character:hover{background-position:-235px -75px}body .class-container .sect_tab ul.char-icons li:nth-child(3) .icon-character{background-position:0 -150px}body .class-container .sect_tab ul.char-icons li:nth-child(3) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(3) .icon-character:hover{background-position:-235px -150px}body .class-container .sect_tab ul.char-icons li:nth-child(4) .icon-character{background-position:0 -225px}body .class-container .sect_tab ul.char-icons li:nth-child(4) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(4) .icon-character:hover{background-position:-235px -225px}body .class-container .sect_tab ul.char-icons li:nth-child(5) .icon-character{background-position:0 -300px}body .class-container .sect_tab ul.char-icons li:nth-child(5) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(5) .icon-character:hover{background-position:-235px -300px}body .class-container .sect_tab ul.char-icons li:nth-child(6) .icon-character{background-position:0 -375px}body .class-container .sect_tab ul.char-icons li:nth-child(6) .icon-character.active,body .class-container .sect_tab ul.char-icons li:nth-child(6) .icon-character:hover{background-position:-235px -375px}body .class-container .sect_tab ul li{position:relative}body .class-container .sect_tab ul li .icon-character{overflow:visible;top:0;bottom:0;left:0;right:0;width:232px;height:75px;cursor:pointer;background:url(/Assets/Home/imgs/Button-Monphai-new.png) no-repeat;background-position:0 0}body .class-container #popup_video .video_popup{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,.1);z-index:9999;overflow:auto;top:0;left:0;display:none}body .class-container #popup_video .video_popup .display_video_popup{width:83%;height:27%;border-radius:10px;top:0;bottom:0;left:0;right:0;margin:auto;background:#220d00;position:absolute;padding:5px;font-family:'utmavo';box-shadow:0 0 25px 5px #999}body .class-container #popup_video .video_popup .display_video_popup .close-video-popup{width:60px;height:60px;position:absolute;right:5px;top:5px;z-index:1}body .class-container #popup_video .video_popup .display_video_popup .close-video-popup a{text-decoration:none;font-size:60px;color:#ffa800;position:absolute;top:0;left:0;right:0;bottom:0}body .class-container #popup_video .video_popup .display_video_popup video{width:100%;height:100%}body .class-container .char-desc{display:none;color:#220d00;margin-top:70px;line-height:25px;overflow-y:auto;padding:0 10px}body .class-container .char-desc.show{display:block!important}body .class-container .intro-character-container{width:324px;height:590px;position:relative;z-index:5;overflow:hidden}body .class-container .intro-character-container:before{content:"";width:163px;height:18px;background-image:url(/Assets/Home/imgs/hoa-van.png);position:absolute;right:25%;top:20%;z-index:1;background-repeat:no-repeat;background-size:cover}body .class-container .intro-character-container #intro-character{padding:0 25px;font-size:16px;text-align:justify;overflow-y:hidden;position:relative;width:100%;height:calc(100% - 250px);margin-top:40px}body .class-container .intro-character-container #intro-character .sect-title{display:none;text-align:center;margin-bottom:20px;width:100%;margin:auto}body .class-container .intro-character-container #intro-character .sect-title.show{display:block}body .class-container .intro-character-container #btn-play-skill{display:none;position:absolute;width:85px;height:85px;margin:auto;background-position:bottom;background:url(/Assets/Home/imgs/play.png) no-repeat;bottom:15%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}body .class-container .intro-character-container #btn-play-skill a{position:absolute;width:100%;height:100%}body .class-container .intro-character-container #btn-play-skill a.show{display:block!important;z-index:2}body .class-container #videoskillChar{width:910px;position:relative;z-index:1;pointer-events:none;min-width:40%;min-height:35%;height:512px;background:#000;overflow:hidden;box-shadow:6px 6px #bc7d3f;border:3px solid #bc7d3f}body .class-container #videoskillChar .skill-video{width:100%;height:100%;display:none;object-fit:fill}body .class-container #videoskillChar .skill-video video{object-fit:cover}body .class-container #videoskillChar .skill-video.show{animation:show-skill-animation .5s;display:block!important}body .rank-container{width:100%;height:367px;padding:20px;background:#220d00;position:relative;cursor:pointer}body .rank-container .bg-rank{background:url(/Assets/Home/imgs/Xephang-new2.jpg) no-repeat center;background-size:cover;height:327px;position:relative;outline:solid 1px #bc7b3f}body .rank-container .bg-rank:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:opacity .5s}body .rank-container .bg-rank:hover:before{opacity:1}body .rank-container .text-rank{background:url(/Assets/Home/imgs/Text-Xephang.png) no-repeat center;background-size:contain;width:300px;height:50px;position:absolute;top:100px;left:100px}body .rank-container .text-rank:hover.bg-rank:before{opacity:1}body .rank-container .btn-more{position:absolute;top:160px;left:160px;width:max-content}body .rank-container .btn-more a{font-family:roboto;font-weight:bold;font-size:16px;text-decoration:none;color:#220d00}body .rank-container .btn-more a:hover{color:#ffa800}body .rank-container .btn-rank{position:absolute;width:145px;height:43px;left:160px}body .rank-container .btn-rank.btn-individual{top:190px;background:url(/Assets/Home/imgs/Canhan-Banghoi-Button-new.png) no-repeat;background-position:0 0}body .rank-container .btn-rank.btn-individual:hover{background-position:-145px 0}body .rank-container .btn-rank.btn-guild{top:235px;background:url(/Assets/Home/imgs/Canhan-Banghoi-Button-new.png) no-repeat;background-position:0 -43px}body .rank-container .btn-rank.btn-guild:hover{background-position:-145px -43px}body .social-container{width:100%;height:420px;background:#220d00;position:relative}body .social-container .bg-social{position:absolute;bottom:0;left:0;background:url(/Assets/Home/imgs/BG-social-new2.png) no-repeat;width:100%;height:100%;background-size:cover}body .social-container .btn-download{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width:308px;height:142px;background:url(/Assets/Home/imgs/Nut-taigame.png) no-repeat;background-position:-244px -2px}body .social-container .btn-download:hover{background-position:-244px -144px}body .social-container .btn-group{position:absolute;width:auto;height:auto;bottom:10%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}body .social-container .btn-group .btn-social{width:65px;height:64px;background:url(/Assets/Home/imgs/icon-social-new.png) no-repeat;background-position:0 0;position:relative}body .social-container .btn-group .btn-social:not(:first-child){margin-left:20px}body .social-container .btn-group .btn-social a{position:absolute;width:100%;height:100%;top:0;left:0}body .social-container .btn-group .btn-social.fb{background-position:0 0}body .social-container .btn-group .btn-social.fb:hover{background-position-y:-64px}body .social-container .btn-group .btn-social.yt{background-position:-65px 0}body .social-container .btn-group .btn-social.yt:hover{background-position-y:-64px}body .social-container .btn-group .btn-social.tiktok{background-position:-130px 0}body .social-container .btn-group .btn-social.tiktok:hover{background-position-y:-64px}body .social-container .btn-group .btn-social.sp{background-position:-195px 0}body .social-container .btn-group .btn-social.sp:hover{background-position-y:-64px}body .popup-ads{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:44.58333333vw;height:max-content;padding:.260416vw;background-color:#000;z-index:99}body .popup-ads .close-popup{position:absolute;top:0;right:0}body .popup-ads .close-popup span{position:relative;padding:0 .260416vw;min-width:2.083333vw;height:2.083333vw;color:#f43e1b;font-size:16pt;font-weight:bold;vertical-align:text-top;text-decoration:unset;cursor:pointer}body .popup-ads .close-popup span:focus{text-decoration:unset}body .popup-ads .close-popup span:hover{color:#f43e1b;text-decoration:unset}body .popup-ads .link-ads{position:absolute;width:100%;height:100%}body .popup-ads .body-popup{width:100%;height:100%}body .popup-ads .body-popup .screen{width:100%;height:100%;aspect-ratio:1.777777778}body .popup-ads .body-popup .title-ads{font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;font-family:16pt;font-weight:600;color:#fff;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;flex-wrap:wrap}body .popup-ads .body-popup .title-ads .checkBox{position:relative;display:flex;-webkit-justify-content:center;justify-content:center;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;font-size:small}body .popup-ads .body-popup .title-ads .checkBox #isShowDay{width:20px;height:20px;margin:0 5px}body .popup-ads .body-popup .title-ads .btn-download-game{position:relative;width:254px;height:66px;background:url(https://xd.dzogame.vn/Assets/Landing/Landing_ThienXaThanDieu/imgs/Page/btn-regis.png) no-repeat;background-size:100% 200%;cursor:pointer}@media screen and (min-width:1921px){body .news-container{height:auto}}@media screen and (max-width:1600px){body .news-container{zoom:.8}body .class-container{zoom:.8}body .class-container .text-class{zoom:1.2}}@media screen and (max-width:1440px){body .news-container{zoom:.75}body .class-container{zoom:.75}body .class-container .text-class{zoom:1.2}}@media screen and (max-width:1280px){body .news-container{zoom:.65}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item a{font-size:16px}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-day{font-size:16px}body .class-container{zoom:.7}body .class-container .text-class{zoom:1.2}}@media screen and (max-width:1024px){body .news-container{zoom:.54}body .class-container{zoom:.5}body .class-container .text-class{zoom:1.2}}@media screen and (max-width:1024px) and (orientation:portrait){body .popup-ads{top:unset;bottom:0;transform:translate(-50%,0);width:100%}}@media screen and (max-width:768px){body .btn-download,body .float-tutorial-banner{display:none}body .float-webshop-banner{width:20.41015625vh;height:35.25390625vh}body .news-container{height:auto;padding-bottom:30px}body .news-container .bg-news{height:100%}body .news-container .news-content{outline:none}body .news-container .news-content .news-slide{outline:solid 1px #bc7b3f;width:100%;float:unset}body .news-container .news-content .news-all{outline:solid 1px #bc7b3f;margin-top:30px;width:100%;float:unset}body .news-container .news-content .news-all .news-all-content .news-list .btn-more{margin-top:20px}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item a{font-size:16px}body .news-container .news-content .news-all .news-all-content .news-list .tab-content .tab-pane .news-item .item-day{font-size:16px}body .class-container{zoom:.45}body .social-container .btn-group{bottom:unset;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}}@media screen and (max-width:670px){body .top-bg{zoom:.6;height:75%}body .news-container{z-index:auto;background:transparent}body .market-container{zoom:.6}body .market-container .text-market{left:50px}body .market-container .btn-more{left:70px}body .class-container .intro-character-container #btn-play-skill{display:block}body .class-container #videoskillChar{display:none}body .rank-container{zoom:.6}body .rank-container .text-rank{left:0}body .rank-container .btn-more,body .rank-container .btn-individual,body .rank-container .btn-guild{left:60px}}@media screen and (max-width:320px){body .top-bg{height:100%}}@keyframes up-down{0%{transform:translateY(-48%)}50%{transform:translateY(-50%)}100%{transform:translateY(-52%)}}