*{margin:0;padding:0}html,body{font-family:sans-serif;scroll-behavior:smooth}body{overflow-x:hidden}body .logo-18{width:7vw;height:4.2vw;background:url(https://picture.dzogame.vn/web-all/logo18.png) no-repeat;background-size:contain;position:fixed;top:6.25vw;left:0;z-index:99}body .pointer-event{cursor:pointer}body .header-pc{width:100%;height:100px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/Header.jpg) repeat-x;display:flex;justify-content:space-evenly;align-content:center;align-items:center;position:fixed;top:0;z-index:90}body .header-pc .btns-header{width:220px;height:58.5px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/Nut-Header.png) no-repeat;background-size:464px 234px;background-position-x:0;position:relative}body .header-pc .btns-header.btn-spin{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/Nut-Header-Home.png);background-size:200% 100%;background-position-y:0}body .header-pc .btns-header.btn-spin:hover{background-position-x:100%}body .header-pc .btns-header.btn-char{background-position-y:-58.5px}body .header-pc .btns-header.btn-char:hover{background-position-x:-229px}body .header-pc .btns-header.btn-featured{background-position-y:-117px}body .header-pc .btns-header.btn-featured:hover{background-position-x:-230px}body .header-pc .btns-header.btn-community{width:230px;background-position-x:8px;background-position-y:-175.5px}body .header-pc .btns-header.btn-community:hover{background-position-x:-219px}body .header-pc .logo{align-self:flex-start;width:261px;height:146px;background:url(/Assets/General/imgs/logo.png) no-repeat center center;margin-top:20px}body .float-menu{position:fixed;top:50%;right:30px;transform:translateY(-50%);width:max-content;height:max-content;z-index:20;transition:right .6s linear;zoom:.9}body .float-menu .panda{width:186px;height:257px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/Mascot.png) no-repeat center center;background-size:contain;margin-left:auto;margin-right:20px}body .float-menu .button-float-menu-hide{position:absolute;display:block;width:52px;height:77px;left:-3.5%;background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/float-menu-hide-button.png);background-size:cover;transition:transform .6s linear,left .6s linear}body .float-menu .menu-frame{width:241px;height:685px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/Khung.png) no-repeat;background-size:100% 100%;margin-top:-60px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;align-content:center;padding:15px 30px 0 0}body .float-menu .menu-frame .icon-game{width:162px;height:150px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/Icon.png) no-repeat center center;background-size:contain;margin-bottom:10px}body .float-menu .menu-frame .QR-code{position:relative;width:159px;height:150px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/QR.png) no-repeat center center;background-size:contain;margin-bottom:10px;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;padding:.78125vw}body .float-menu .menu-frame .QR-code img{width:100%;height:100%;object-fit:contain}body .float-menu .menu-frame .QR-code .line{position:absolute;left:50%;transform:translateX(-50%);width:90%;height:2px;-webkit-box-shadow:1px 1px 20px 1px #ff961d;box-shadow:1px 1px 20px 1px #ff961d;border-radius:5px;animation:animation-QR 1.2s alternate infinite linear;background-color:#ff941d}body .float-menu .menu-frame .btns-app{position:relative;width:153px;height:53px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/Nut-Android-GGPlay-APK-BangChay.png) no-repeat;background-size:200% 400%;background-position-x:0}body .float-menu .menu-frame .btns-app:hover{background-position-x:100%!important}body .float-menu .menu-frame .btns-app:hover canvas{opacity:0}body .float-menu .menu-frame .btns-app.btn-apple{background-position-y:33.33333%}body .float-menu .menu-frame .btns-app.btn-android{background-position-y:0}body .float-menu .menu-frame .btns-app.btn-nox{background-position-y:66.66667%}body .float-menu .menu-frame .btns-app.btn-apk{background-position-y:100%}body .float-menu .menu-frame .btns-app canvas{position:absolute;top:10%;left:10%;width:83%;height:76%;transition:opacity .3s linear}body .float-menu .menu-frame .button-top{position:relative;width:60px;height:38px;margin:4% 22%;background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh_Chay_Theo_Trang/top-button.png);background-repeat:no-repeat;background-size:auto 200%;background-position-x:0;background-position-y:0}body .float-menu .menu-frame .button-top:hover{background-position-y:100%}body .float-menu.float-menu-hide{right:-229px}body .float-menu.float-menu-hide .button-float-menu-hide{left:-50px;transform:rotateY(180deg)}body .landingOpen-container{width:100%;height:max-content;min-height:100vh;position:relative}body .landingOpen-container .page{width:100%;min-height:100vh;position:relative}body .landingOpen-container .page .bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}body .landingOpen-container .page .bg.bg-1{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/BG.jpg);background-position-y:0}body .landingOpen-container .page .bg.bg-2{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/BG.jpg);z-index:1}body .landingOpen-container .page .bg.bg-2 .deco-top{position:absolute;top:-75px;left:0;width:100%;height:216px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh-chuyen-1.png) no-repeat;background-size:100% auto}body .landingOpen-container .page .bg.bg-2 .deco-bot{position:absolute;bottom:-60px;left:0;width:100%;height:145px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Thanh-chuyen-2.png) no-repeat;background-size:100% auto}body .landingOpen-container .page .bg.bg-3{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/BG.jpg)}body .landingOpen-container .page .bg.bg-4{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_4/BG.jpg)}body .landingOpen-container .page .bg.bg-5{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_5/BG.png);height:45.67708333vw;top:unset;bottom:0;transform:translateX(-50%)}body .landingOpen-container .page .bg.bg-5 .deco-left{width:430px;height:380px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_5/Trai.png) no-repeat;background-size:contain;position:absolute;left:30px;bottom:40px}body .landingOpen-container .page .bg.bg-5 .deco-right{width:393px;height:373px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_5/Phai.png) no-repeat;background-size:contain;position:absolute;right:30px;bottom:40px}body .landingOpen-container .page.page-1 .btn-play{background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/Nut-Clip.png) no-repeat;width:117px;height:137.5px;background-size:100% 200%;cursor:pointer;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}body .landingOpen-container .page.page-1 .btn-play:hover{background-position-y:100%}body .landingOpen-container .page.page-1 .bottom-slogan{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;height:max-content;z-index:2}body .landingOpen-container .page.page-1 .bottom-slogan .slogan{width:701px;height:368px;background:url(/Assets/Landing/LandingOpen/imgs/Slogan.png) no-repeat center center;background-size:contain}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns{width:max-content;height:max-content;display:flex;margin:auto}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns{width:138px;height:42.6px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/Nut-Android-GGPlay-APK.png) no-repeat;background-size:200% 500%;margin:0 5px}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns:hover{background-position-x:100%!important}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns:hover canvas{opacity:0}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns.btn-apple{background-position-y:25%}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns.btn-android{background-position-y:0}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns.btn-apk{background-position-y:50%}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns.btn-nox{background-position-y:100%}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns canvas{width:100%;height:100%;transition:opacity .3s linear}body .landingOpen-container .page.page-2 .spin-container{width:1024px;height:max-content;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);z-index:1}body .landingOpen-container .page.page-2 .spin-container .title{width:270px;height:125px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/TieuDe.png) no-repeat;background-size:contain;margin:0 auto}body .landingOpen-container .page.page-2 .spin-container .spin-menu{position:absolute;top:135px;display:flex;justify-content:space-between;align-content:center;align-items:flex-start;width:100%;height:max-content}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin{width:max-content;height:max-content;display:flex;flex-direction:column}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history{width:185px;height:46.5px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/Nut-TheLe-LichSu.png) no-repeat;background-size:206% 200%;margin:5px 0;cursor:pointer}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history:hover{background-position-x:95%}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-rule{background-position-y:0}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-history{background-position-y:100%}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-mission{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/TaiKhoan.png);background-size:contain;padding:0 20px 10px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-content:center;align-items:center;transform:scaleX(-1);cursor:pointer}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-mission span{transform:scaleX(-1);font-size:.841667vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns{width:174px;height:43px;background-size:contain;background-repeat:no-repeat;position:relative;margin:0 0 15px}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-account{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/TaiKhoan.png);font-weight:bold;padding:0 20px 10px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:larger;-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}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-account.btn-exit{cursor:pointer}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-turns{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/nut-So-Luot.png);padding:1px 30px 0 95px}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-turns .turns{text-align:center;font-weight:bold;width:100%;height:100%;font-size:1.041666667vw}body .landingOpen-container .page.page-2 .spin-container .spin-frame{width:577px;height:577px;margin:0 auto 30px}body .landingOpen-container .page.page-2 .spin-container .spin-frame #CanvasRotation{width:577px;height:577px}body .landingOpen-container .page.page-2 .spin-container .btn-share{margin:0 auto;width:317px;height:62px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/btn-regis-info.png) no-repeat;background-size:100% 200%;cursor:pointer}body .landingOpen-container .page.page-2 .spin-container .btn-share.btn-join{background-position-x:100%}body .landingOpen-container .page.page-2 .spin-container .btn-share:hover{background-position-y:100%}body .landingOpen-container .page.page-3{padding-top:70px;padding-bottom:30px}body .landingOpen-container .page.page-3 .title-page-3{width:348px;height:132px;margin:0 auto 20px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Tieu-de.png) no-repeat;background-size:contain;position:relative}body .landingOpen-container .page.page-3 .char-container{width:1440px;max-width:100%;height:max-content;max-height:800px;position:relative;display:flex;justify-content:space-between;align-content:center;align-items:center;margin:auto}body .landingOpen-container .page.page-3 .char-container .sect_taps{width:max-content;height:max-content}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char{width:max-content;height:max-content;cursor:pointer;display:flex;justify-content:center;align-content:center;align-items:center;margin-bottom:20px}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:first-child,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:last-child{margin-right:auto;margin-left:100px}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:nth-child(2n){margin-right:auto;margin-left:30px}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon{width:110px;height:110px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Thanh-icon-Phai.png) no-repeat;background-size:336px 629px;z-index:1;position:relative;transition:all .6s}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon:before{content:"";opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 4180px;animation:animation-icon-class 3.5s steps(37) infinite;transition:all .6s}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-dk{background-position-y:-1%;background-position-x:1%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-dk:before{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Hover-ThanhIcon-Phai/DK_Animation.png)}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-kk{background-position-y:24%;background-position-x:-1%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-kk:before{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Hover-ThanhIcon-Phai/KK_Animation.png)}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-tk{background-position-y:50%;background-position-x:-1%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-tk:before{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Hover-ThanhIcon-Phai/TK_Animation.png)}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-ck{background-position-y:76%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-ck:before{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Hover-ThanhIcon-Phai/CK_Animation.png)}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-dp{background-position-y:101%;background-position-x:-1%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon.icon-dp:before{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Hover-ThanhIcon-Phai/DP_Animation.png)}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:hover .tab-icon,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char.active .tab-icon{background-image:none}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:hover .tab-icon:before,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char.active .tab-icon:before{opacity:1}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag{width:226px;height:110px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Thanh-icon-Phai.png) no-repeat;background-size:auto 500%;background-position-x:-91px;margin-left:-20px}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag.tag-dk{background-position-y:-2%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag.tag-kk{background-position-y:23%;margin-left:-1.145833333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag.tag-tk{background-position-y:50%;margin-left:-1.145833333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag.tag-ck{background-position-y:77%;margin-left:-1.197916667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag.tag-dp{background-position-y:103%;margin-left:-1.145833333vw}body .landingOpen-container .page.page-3 .char-container .char-content{flex:1 1 0}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content{width:600px;height:700px;margin:auto}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content .swiper-char{width:100%;height:100%}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content .swiper-char .swiper-wrapper{width:100%;height:100%}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content .swiper-char .swiper-wrapper .swiper-slide{width:100%;height:100%;opacity:0!important}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content .swiper-char .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1!important}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content .swiper-char .swiper-wrapper .swiper-slide img{object-fit:contain;width:100%;height:100%}body .landingOpen-container .page.page-3 .char-container .char-info{width:443px;height:638px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Bang-Thong-Tin/Khung-ThongTin.png) no-repeat;background-size:contain;padding:20px 50px}body .landingOpen-container .page.page-3 .char-container .char-info .title-char{margin:0 auto 10px;width:315px;height:64px}body .landingOpen-container .page.page-3 .char-container .char-info .title-char .nameclass-img{display:none;transition:all linear .6s}body .landingOpen-container .page.page-3 .char-container .char-info .title-char .nameclass-img.show{display:block;animation:show-skill-animation .6s linear}body .landingOpen-container .page.page-3 .char-container .char-info .title-char img{margin:auto;object-fit:contain;width:100%}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-title{width:132px;height:30px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Bang-Thong-Tin/Text-ChiSo.png) no-repeat;background-size:contain}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content{margin:10px auto;width:237px;height:198px}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content .status-img{display:none;transition:all linear .6s}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content .status-img.show{display:block;animation:show-agility-animation .6s linear}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content img{object-fit:contain;width:100%}body .landingOpen-container .page.page-3 .char-container .char-info .quickview{width:100%;height:max-content;margin:10px auto}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-title{width:161px;height:28px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Bang-Thong-Tin/SoLuoc.png) no-repeat;background-size:contain}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-content{overflow:auto;max-height:48px}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-content .quickview-detail{display:none;transition:all linear .6s;font-family:sans-serif}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-content .quickview-detail.show{display:block}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns{margin:auto;width:max-content;height:max-content}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame{width:250px;height:140px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Bang-Thong-Tin/Khung-Clip.png) no-repeat;background-size:contain;position:relative}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:117px;height:137.5px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_3/Bang-Thong-Tin/Nut-Clip.png) no-repeat;background-size:100% 200%;display:none;font-family:sans-serif;cursor:pointer}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play:hover{background-position-y:101%}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play.show{display:block}body .landingOpen-container .page.page-4{padding-top:30px;min-height:auto;height:max-content;padding-bottom:150px}body .landingOpen-container .page.page-4 .title-page-4{width:306px;height:134px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_4/Ten-Tieu-de-.png) no-repeat;background-size:contain;position:relative;margin:0 auto 30px}body .landingOpen-container .page.page-4 .slider-container{max-width:1440px;height:max-content;margin:auto;position:relative}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4{width:90%}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide{width:939px;height:auto;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_4/Khung-Hinh.png) no-repeat center center;background-size:contain;padding:50px}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide img{width:100%;height:100%;object-fit:contain}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide .swiper-slide-shadow-left,body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide .swiper-slide-shadow-right{opacity:0!important}body .landingOpen-container .page.page-4 .slider-container .swiper-button-prev,body .landingOpen-container .page.page-4 .slider-container .swiper-button-next{width:59px;height:117px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_4/Nut-TraiPhai.png) no-repeat;background-size:200%;background-position-y:100%;transform:translateY(-50%)}body .landingOpen-container .page.page-4 .slider-container .swiper-button-prev:hover,body .landingOpen-container .page.page-4 .slider-container .swiper-button-next:hover{background-position-x:100%}body .landingOpen-container .page.page-4 .slider-container .swiper-button-prev:after,body .landingOpen-container .page.page-4 .slider-container .swiper-button-next:after{content:''}body .landingOpen-container .page.page-4 .slider-container .swiper-button-next{background-position-y:0}body .landingOpen-container .page.page-5{min-height:unset;height:25.52083333vw;padding-top:30px}body .landingOpen-container .page.page-5 .title-page-5{width:365px;height:132px;background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_5/Ten-Tieu-de-.png) no-repeat;background-size:contain;position:relative;margin:0 auto 30px}body .landingOpen-container .page.page-5 .group-btns-social{width:max-content;max-width:100%;height:max-content;margin:auto;display:flex;position:relative;justify-content:center;align-content:center;align-items:flex-end}body .landingOpen-container .page.page-5 .group-btns-social .btn-social{background:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_5/Khung-Icon.png) no-repeat;background-size:443px 775px}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:hover{background-position-x:100%}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n+1){width:221.5px;height:185.75px}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n){width:221.5px;height:201.75px;margin:11px}body .landingOpen-container .page.page-5 .group-btns-social .btn-social.btn-fb{background-position-y:0}body .landingOpen-container .page.page-5 .group-btns-social .btn-social.btn-yt{background-position-y:32%}body .landingOpen-container .page.page-5 .group-btns-social .btn-social.btn-group-fb{background-position-y:66%}body .landingOpen-container .page.page-5 .group-btns-social .btn-social.btn-sp{background-position-y:100%}body .landingOpen-container .page.page-5 .giay-phep{position:absolute;width:100%;text-align:center;font-size:16px;color:#000;bottom:0}body .popup{display:none;width:100%;height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);z-index:99}body .popup .btn-close{width:87px;height:81.5px;position:absolute;top:-50px;right:-50px;background:url(/Assets/Landing/LandingOpen/imgs/pc/popup_DangNhap-Quay-LuotQuay/videoClose.png) no-repeat;background-size:100% 200%;opacity:1}body .popup .btn-close:hover{background-position-y:100%}body .popup .btn-close:focus{border:none}body .popup .title-popup{text-align:center;font-size:2.180914vh;margin-top:.970178vh}body .popup .title-popup .large-word{font-size:3.771371vh}body .popup .body-popup{width:100%;height:auto;overflow:auto}body .popup .popup-info{max-width:100%;width:659px;height:449px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/Assets/Landing/LandingOpen/imgs/pc/popup_DangNhap-Quay-LuotQuay/Khung-DangNhap.png) no-repeat;background-size:contain;padding-left:30px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}body .popup .popup-info.popup-login{display:none}body .popup .popup-info.popup-login .body-popup{padding:10px 70px;flex:1 1 0}body .popup .popup-info.popup-login form .form-group{display:flex;margin-bottom:.994035vh}body .popup .popup-info.popup-login form .form-group .captcha-container{display:flex;width:100%}body .popup .popup-info.popup-login form .form-group .captcha-container .captcha-image-container{display:flex;align-items:center}body .popup .popup-info.popup-login form .form-group .captcha-container .captcha-image-container *{margin-left:.994035vh}body .popup .popup-info.popup-login form .form-group .captcha-container .captcha-image-container .captcha-image{width:7.952286vh;height:3.180914vh;border-radius:.397614vh}body .popup .popup-info.popup-login form .form-group .captcha-container .captcha-image-container .captcha-reload{width:2.7833vh;height:2.7833vh;cursor:pointer}body .popup .popup-info.popup-login form .form-group .form-input,body .popup .popup-info.popup-login form .form-group .form-button{width:100%;padding:.596421vh 1.192842vh;background-color:#f0f0f0;background-clip:padding-box;border-radius:.397614vh;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;line-height:normal}body .popup .popup-info.popup-login form .form-group .form-input{display:block;height:3.180914vh;border:.099403vh solid #ced4da;color:#676767;font-size:1.192842vh;font-weight:400}body .popup .popup-info.popup-login form .form-group .form-input:focus{outline:0}body .popup .popup-info.popup-login form .form-group .form-button{display:flex;align-items:center;justify-content:center;position:relative;height:3.976143vh;border:unset;color:#fff;font-size:1.789264vh;font-weight:bold;text-transform:uppercase;text-decoration:none}body .popup .popup-info.popup-login form .form-group .form-button.button-dzo-login{margin-top:1.491053vh;background:linear-gradient(0deg,#fa0 0%,#fd0 100%);transition:background .3s linear}body .popup .popup-info.popup-login form .form-group .form-button.button-dzo-login:hover{background:linear-gradient(0deg,#ff7400 0%,#fc0 100%)}body .popup .popup-info.popup-login form .form-group .form-button.button-fb-login{margin-top:.994035vh;background:#38559b;transition:background .3s linear}body .popup .popup-info.popup-login form .form-group .form-button.button-fb-login::before{content:"";background:#2e4576;padding-left:1.789264vh;padding-right:1.789264vh}body .popup .popup-info.popup-login form .form-group .form-button.button-fb-login:hover{background:#2e4576}body .popup .popup-info.popup-login form .form-group .form-button.button-gg-login{background:#dd4b39;transition:background .3s linear}body .popup .popup-info.popup-login form .form-group .form-button.button-gg-login::before{content:"";background:#b53424}body .popup .popup-info.popup-login form .form-group .form-button.button-gg-login:hover{background:#b53424}body .popup .popup-info.popup-login form .form-group .form-button::before{font-family:"Font Awesome 5 Brands";position:absolute;left:0;top:0;bottom:0;padding:.994035vh 1.491053vh;border-radius:.497017vh}body .popup .popup-info.popup-login form .form-group .text-validation{font-size:1.192842vh;color:#dc3545}body .popup .popup-info.popup-login form .form-group.form-register-group{flex-wrap:wrap;justify-content:space-around}body .popup .popup-info.popup-login form .form-group.form-register-group a{font-size:1.39165vh;color:#f90;text-decoration:none}body .popup .popup-info.popup-login form .form-group.form-register-group a:hover{text-decoration:underline}body .popup .popup-info.popup-login form .form-group.form-or-group{justify-content:center;align-items:center;width:100%;margin:.497017vh auto;color:#676767}body .popup .popup-info.popup-login form .form-group.form-or-group .line{display:inline-block;position:relative;width:100%;height:.099403vh;background-color:#676767;vertical-align:middle}body .popup .popup-info.popup-login form .form-group.form-or-group .text{font-size:1.192842vh}body .popup .popup-info.popup-history{display:none}body .popup .popup-info.popup-history .body-popup{padding:10px 50px;flex:1 1 0}body .popup .popup-info.popup-history .body-popup .tab-content{height:calc(100% - 58px)}body .popup .popup-info.popup-history .body-popup .tab-content .tab-pane{height:100%}body .popup .popup-info.popup-history .body-popup .tab-content .tab-pane .table-content{height:100%;overflow-y:auto;overflow-x:hidden;position:relative}body .popup .popup-info.popup-rule{display:none}body .popup .popup-info.popup-rule .body-popup{padding:10px 50px;flex:1 1 0;height:75%}body .popup .popup-info.popup-rule .body-popup img{max-width:100%;height:auto!important}body .popup .popup-info.popup-choice,body .popup .popup-info.popup-chose-server{display:none;background-image:url(/Assets/Landing/LandingOpen/imgs/pc/popup_DangNhap-Quay-LuotQuay/KhungChonNV.png);width:730px;height:316px}body .popup .popup-info.popup-choice .body-popup,body .popup .popup-info.popup-chose-server .body-popup{display:flex;justify-content:space-evenly;align-content:center;align-items:center;height:50%}body .popup .popup-info.popup-chose-server .body-popup{flex-direction:column;padding:0 100px;height:70%}body .popup .popup-info.popup-Guild{display:none}body .popup .popup-info.popup-Envoy{display:none}body .popup .popup-info.popup-video-character{width:66.66666667vw;max-width:66.66666667vw;height:56.25vw;max-height:37.5vw;background:unset;padding:0}body .popup .popup-info.popup-video-character .body-popup{width:100%;height:100%;overflow:hidden}body .popup .popup-info.popup-video-character .body-popup iframe{width:100%;height:100%}body .popup .popup-info.popup-mission{display:none}body .popup .popup-info.popup-mission .body-popup{flex:1 1 0}body .popup .popup-info.popup-mission .body-popup .table-content{height:100%;overflow-y:auto;overflow-x:hidden;position:relative}@keyframes animation-QR{0%{top:10%}100%{top:90%}}@keyframes animation-icon-class{0%{background-position-y:0}100%{background-position-y:100%}}@keyframes show-char-animation{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes show-skill-animation{from{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX()}}@keyframes show-agility-animation{from{transform:scale(.1)}to{transform:scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:1px}::-webkit-scrollbar-thumb{background:#f55712;border-radius:10px}@media screen and (max-width:1920px){body{overflow-x:hidden}body .header-pc{height:5.208333333vw;background-size:cover}body .header-pc .btns-header{width:11.45833333vw;height:3.046875vw;background-size:24.16666667vw 12.1875vw}body .header-pc .btns-header.btn-char{background-position-y:-3.046875vw}body .header-pc .btns-header.btn-char:hover{background-position-x:-11.92708333vw}body .header-pc .btns-header.btn-featured{background-position-y:-6.09375vw}body .header-pc .btns-header.btn-featured:hover{background-position-x:-11.97916667vw}body .header-pc .btns-header.btn-community{width:11.97916667vw;background-position-x:.416666667vw;background-position-y:-9.140625vw}body .header-pc .btns-header.btn-community:hover{background-position-x:-11.40625vw}body .header-pc .logo{width:13.59375vw;height:7.604166667vw;margin-top:1.041666667vw;background-size:contain}body .float-menu{right:1.5625vw}body .float-menu .panda{width:9.6875vw;height:13.38541667vw;margin-right:1.041666667vw}body .float-menu .button-float-menu-hide{width:2.708333vw;height:4.010416vw}body .float-menu .menu-frame{width:12.552083vw;height:35.67708333vw;margin-top:-3.125vw;padding:.78125vw 1.5625vw 0 0}body .float-menu .menu-frame .icon-game{width:8.4375vw;height:7.8125vw;margin-bottom:.520833333vw}body .float-menu .menu-frame .QR-code{width:8.28125vw;height:7.8125vw;margin-bottom:.520833333vw}body .float-menu .menu-frame .btns-app{width:8.151041667vw;height:3.177083333vw}body .float-menu .menu-frame .button-top{width:3.125vw;height:1.979166vw}body .float-menu.float-menu-hide{right:-11.92708333vw}body .float-menu.float-menu-hide .button-float-menu-hide{left:-2.604166vw}body .landingOpen-container .page .bg.bg-1{background-position-y:0}body .landingOpen-container .page .bg.bg-2 .deco-top{top:-3.90625vw;height:11.25vw}body .landingOpen-container .page .bg.bg-2 .deco-bot{bottom:-3.125vw;height:7.552083333vw}body .landingOpen-container .page .bg.bg-5{height:45.67708333vw}body .landingOpen-container .page .bg.bg-5 .deco-left{width:22.39583333vw;height:19.79166667vw;left:1.5625vw;bottom:2.083333333vw}body .landingOpen-container .page .bg.bg-5 .deco-right{width:20.46875vw;height:19.42708333vw;right:1.5625vw;bottom:2.083333333vw}body .landingOpen-container .page.page-1 .btn-play{width:6.09375vw;height:7.161458333vw}body .landingOpen-container .page.page-1 .bottom-slogan{bottom:3.385416667vw}body .landingOpen-container .page.page-1 .bottom-slogan .slogan{width:36.51041667vw;height:19.16666667vw}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns .btns{width:7.1875vw;height:2.21875vw;margin:0 .260416667vw}body .landingOpen-container .page.page-2 .spin-container{width:53.33333333vw}body .landingOpen-container .page.page-2 .spin-container .title{width:14.0625vw;height:6.510416667vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu{top:7.03125vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history{width:9.635416667vw;height:2.421875vw;margin:.260416667vw 0}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-mission{padding:0 1.041666667vw .520833333vw .729166667vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns{width:9.0625vw;height:2.239583333vw;margin:0 0 .78125vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-account{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/TaiKhoan.png);padding:0 1.041666667vw .520833333vw .729166667vw}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-turns{padding:1px 1.5625vw 0 4.947916667vw}body .landingOpen-container .page.page-2 .spin-container .spin-frame{width:max-content;height:max-content}body .landingOpen-container .page.page-2 .spin-container .spin-frame #CanvasRotation{width:30.05208333vw;height:30.05208333vw}body .landingOpen-container .page.page-2 .spin-container .btn-share{margin:0 auto;width:16.51041667vw;height:3.229166667vw}body .landingOpen-container .page.page-3{padding-top:3.645833333vw}body .landingOpen-container .page.page-3 .title-page-3{width:18.125vw;height:6.875vw;margin:0 auto 1.041666667vw}body .landingOpen-container .page.page-3 .char-container{width:75vw;max-height:41.66666667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char{margin-bottom:1.041666667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:first-child,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:last-child{margin-left:5.208333333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:nth-child(2n){margin-left:1.5625vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon{width:5.729166667vw;height:5.729166667vw;background-size:17.5vw 32.76041667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon:before{background-size:100% 217.7083333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag{width:11.77083333vw;height:5.729166667vw;background-position-x:-4.739583333vw;margin-left:-1.041666667vw}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content{width:31.25vw;height:41.66666667vw}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content img{height:100%}body .landingOpen-container .page.page-3 .char-container .char-info{width:23.07291667vw;height:33.22916667vw;padding:1.041666667vw 50px}body .landingOpen-container .page.page-3 .char-container .char-info .title-char{margin:0 auto .520833333vw;width:16.40625vw;height:3.333333333vw}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-title{width:6.875vw;height:1.5625vw}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content{margin:.520833333vw auto;width:12.34375vw;height:10.3125vw}body .landingOpen-container .page.page-3 .char-container .char-info .quickview{margin:.520833333vw auto}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-title{width:8.385416667vw;height:1.458333333vw}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame{width:13.02083333vw;height:7.291666667vw}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play{width:6.09375vw;height:7.161458333vw}body .landingOpen-container .page.page-4{padding-top:1.5625vw;padding-bottom:7.8125vw}body .landingOpen-container .page.page-4 .title-page-4{width:15.9375vw;height:6.979166667vw;margin:0 auto 1.5625vw}body .landingOpen-container .page.page-4 .slider-container{max-width:75vw}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4{width:90%}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide{width:48.90625vw;max-height:34.58333333vw;padding:2.604166667vw}body .landingOpen-container .page.page-4 .slider-container .swiper-button-prev,body .landingOpen-container .page.page-4 .slider-container .swiper-button-next{width:3.072916667vw;height:6.09375vw}body .landingOpen-container .page.page-5{height:25.52083333vw;padding-top:30px}body .landingOpen-container .page.page-5 .title-page-5{width:19.01041667vw;height:6.875vw;margin:0 auto 1.5625vw}body .landingOpen-container .page.page-5 .group-btns-social .btn-social{background-size:23.07291667vw 40.36458333vw}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n+1){width:11.53645833vw;height:9.674479167vw}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n){width:11.53645833vw;height:10.5078125vw;margin:.572916667vw}body .popup .btn-close{width:4.53125vw;height:4.244791667vw;top:-2.604166667vw;right:-2.604166667vw}body .popup .popup-info{padding-left:1.5625vw;padding-bottom:1.5625vw}body .popup .popup-info.popup-login .body-popup{padding:1.041666667vw 3.645833333vw}body .popup .popup-info.popup-history .body-popup{padding:.520833333vw 2.604166667vw}body .popup .popup-info.popup-history .body-popup .tab-content{height:calc(100% - 3.020833333vw)}body .popup .popup-info.popup-rule .body-popup{padding:.520833333vw 2.604166667vw}body .popup .popup-info.popup-choice{display:none}body .popup .popup-info.popup-chose-server .body-popup{flex-direction:column;padding:0 5.208333333vw}}@media screen and (max-width:1024px){body .logo-18{width:7vh;height:4.2vh;background:url(https://picture.dzogame.vn/web-all/logo18.png) no-repeat;background-size:contain;position:fixed;top:11.71875vh;left:0}body .logo-mobile{position:absolute;top:1.953125vh;right:1.953125vh;width:12.6953125vh;height:7.12890625vh;background:url(/hkm.dzogame.vn/Assets/General/imgs/Header/logo.png) no-repeat center center;background-size:contain;z-index:99}body .header-pc{display:none}body .header-mobile{position:fixed;top:0;left:0;height:8.3984375vh;width:max-content;display:flex;z-index:99;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Bang_Icon_chay_theo_Trang/Bang.png) no-repeat right;align-content:center;align-items:center;padding-left:.9765625vh;padding-right:.9765625vh}body .header-mobile .logo{width:6.103515625vh;height:6.103515625vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Bang_Icon_chay_theo_Trang/Icon-BangChayTheo.png) no-repeat;background-size:12.20703125vh 29.8828125vh}body .header-mobile .group-btn-header{opacity:1;width:20.703125vh;height:max-content;display:flex;justify-content:center;align-content:center;align-items:center;transition:all .6s linear}body .header-mobile .group-btn-header.hide{opacity:0;width:0}body .header-mobile .group-btn-header .btns-header{width:4.78515625vh;height:4.8828125vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Bang_Icon_chay_theo_Trang/Icon-BangChayTheo.png) no-repeat;background-size:12.20703125vh 29.8828125vh;margin:.1953125vh}body .header-mobile .group-btn-header .btns-header.btn-spin{background-position-y:-6.8359375vh}body .header-mobile .group-btn-header .btns-header.btn-char{background-position-y:-12.59765625vh}body .header-mobile .group-btn-header .btns-header.btn-featured{background-position-y:-18.359375vh}body .header-mobile .group-btn-header .btns-header.btn-community{background-position-y:-24.0234375vh}body .header-mobile .btn-open{width:2.83203125vh;height:2.5390625vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Bang_Icon_chay_theo_Trang/Mui-ten1.png) no-repeat;background-size:100% 200%;transform:rotate(180deg)}body .header-mobile .btn-open.closed{transform:rotate(0)}body .float-menu{display:none}body .landingOpen-container .page{min-height:100vh;height:100%}body .landingOpen-container .page.main-ios-container{height:-webkit-fill-available}body .landingOpen-container .page .bg.bg-1{background-image:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/BG.jpg)}body .landingOpen-container .page .bg.bg-1:before{content:"";position:absolute;width:100%;height:80vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/NV-BG.png) no-repeat center;background-size:contain;top:50%;left:50%;transform:translate(-50%,-50%)}body .landingOpen-container .page .bg.bg-3{background-image:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang3/BG.jpg)}body .landingOpen-container .page .bg.bg-2{background-image:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang2/BG.jpg)}body .landingOpen-container .page .bg.bg-2 .deco-top{display:none}body .landingOpen-container .page .bg.bg-2 .deco-bot{background-image:url(/Assets/Landing/LandingOpen/imgs/mobile/ThanhChuyen2.png);background-size:cover;bottom:0;height:5.2734375vh}body .landingOpen-container .page .bg.bg-5{height:85.64453125vh}body .landingOpen-container .page .bg.bg-5 .deco-left{display:none}body .landingOpen-container .page .bg.bg-5 .deco-right{display:none}body .landingOpen-container .page.page-1{min-height:91vh}body .landingOpen-container .page.page-1 .btn-play{top:55%}body .landingOpen-container .page.page-1 .bottom-slogan{position:absolute;bottom:12.20703125vh;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;height:max-content}body .landingOpen-container .page.page-1 .bottom-slogan .slogan{width:47.94921875vh;height:25.15625vh}body .landingOpen-container .page.page-1 .bottom-slogan .group-btns{display:none}body .landingOpen-container .page.page-1 .bottom-slogan-mobile{position:absolute;bottom:0;left:0;width:100%;height:15.34653465vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/Thanh-chuyen.jpg) no-repeat;background-size:cover;display:flex;justify-content:space-evenly;align-content:center;align-items:center;z-index:20}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .icon-logo{width:12.54882813vh;height:12.79296875vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/Icon-game.png) no-repeat;background-size:200% 100%}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .slogan{width:max-content;height:max-content;flex:1 1 0}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .slogan .text-large{color:#f01e0d;font-size:3.125vh;font-weight:bold;text-shadow:2px 2px 2px #000,-2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .slogan .text-small{color:#fff;font-size:1.5625vh;font-weight:bold;text-shadow:2px 2px 2px #000,-2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-download{width:15.0390625vh;height:6.15234375vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/Tai-game1.png) no-repeat;background-size:100% 200%}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-download:hover,body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-download:focus{background-position-y:100%}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-apk{margin-top:5px;width:15.0390625vh;height:6.15234375vh;background:url(/Assets/Landing/LandingOpen/imgs/mobile/Trang1/Tai-game2.png) no-repeat;background-size:100% 200%}body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-apk:hover,body .landingOpen-container .page.page-1 .bottom-slogan-mobile .btn-apk:focus{background-position-y:100%}body .landingOpen-container .page.page-2{padding-bottom:2.9296875vh}body .landingOpen-container .page.page-2 .spin-container{width:100%;position:relative;top:unset;left:unset;transform:unset}body .landingOpen-container .page.page-2 .spin-container .title{width:26.3671875vh;height:12.20703125vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu{position:relative;top:unset}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history{width:18.06640625vh;height:4.541015625vh;margin:.48828125vh 0}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-mission{padding:0 1.953125vh .9765625vh 1.3671875vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .rule-history.btn-mission span{font-size:1.653125vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns{width:16.9921875vh;height:4.19921875vh;margin:0 0 1.46484375vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-account{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_2/TaiKhoan.png);padding:0 1.953125vh .9765625vh 1.3671875vh;font-size:1.653125vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-turns{padding:1px 2.9296875vh 0 9.27734375vh}body .landingOpen-container .page.page-2 .spin-container .spin-menu .btns-spin .account-turns.btn-turns .turns{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:1.653125vh;padding-bottom:.576563vh}body .landingOpen-container .page.page-2 .spin-container .spin-frame{width:max-content;height:100%;margin:auto}body .landingOpen-container .page.page-2 .spin-container .spin-frame #CanvasRotation{width:100vw;height:100vw}body .landingOpen-container .page.page-2 .spin-container .btn-share{margin:0 auto;width:30.95703125vh;height:6.0546875vh}body .landingOpen-container .page.page-3{padding-top:6.8359375vh}body .landingOpen-container .page.page-3 .title-page-3{width:33.984375vh;height:12.890625vh;margin:0 auto 1.953125vh}body .landingOpen-container .page.page-3 .char-container{width:100%;max-height:78.125vh}body .landingOpen-container .page.page-3 .char-container .sect_taps{position:absolute;width:100%;display:flex;justify-content:center;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-content:center;align-items:center;bottom:-22.71875vh}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char{margin:0;flex-basis:30%}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:first-child,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:last-child{margin:0}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:nth-child(2n){margin:0}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon{width:10.7421875vh;height:10.7421875vh;background-size:32.8125vh 61.42578125vh}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon:before{background-size:100% 408.203125vh}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag{display:none}body .landingOpen-container .page.page-3 .char-container .char-content{flex:1 1 0}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content{width:24.015625vh;height:47.8515625vh;margin:auto}body .landingOpen-container .page.page-3 .char-container .char-info{width:33.69140625vh;height:48.53515625vh;padding:1.953125vh 4.8828125vh;background-size:cover}body .landingOpen-container .page.page-3 .char-container .char-info .title-char{margin:0 auto 10px;width:100%;height:auto}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-title{width:8.984375vh;height:2.05078125vh}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content{margin:10px auto;width:16.2109375vh;height:auto}body .landingOpen-container .page.page-3 .char-container .char-info .quickview{margin:10px auto}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-content{max-height:7.32421875vh}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-title{width:11.03515625vh;height:1.85546875vh}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame{width:17.08984375vh;height:9.5703125vh}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play{width:8.0078125vh;height:9.375vh}body .landingOpen-container .page.page-4{min-height:max-content;padding-top:2.9296875vh;padding-bottom:10.929688vh}body .landingOpen-container .page.page-4 .title-page-4{width:29.8828125vh;height:13.0859375vh;margin:0 auto 2.9296875vh}body .landingOpen-container .page.page-4 .slider-container{max-width:100%}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4{width:90%}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide{width:100%;background-size:100% 100%;max-height:64.84375vh;padding:1.882813vh 3.882813vh}body .landingOpen-container .page.page-4 .slider-container .swiper-page-4 .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden}body .landingOpen-container .page.page-4 .slider-container .swiper-button-prev,body .landingOpen-container .page.page-4 .slider-container .swiper-button-next{width:5.76171875vh;height:11.42578125vh}body .landingOpen-container .page.page-5{min-height:auto;height:47.8515625vh;padding-top:2.9296875vh}body .landingOpen-container .page.page-5 .title-page-5{width:35.64453125vh;height:12.890625vh;margin:0 auto 2.9296875vh}body .landingOpen-container .page.page-5 .group-btns-social .btn-social{background-size:28.283203vh 48.978516vh}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n+1){width:14.14160156vh;height:11.69775391vh}body .landingOpen-container .page.page-5 .group-btns-social .btn-social:nth-child(2n){width:14.14160156vh;height:12.79150391vh;margin:.07421875vh}body .popup .btn-close{width:8.49609375vh;height:7.958984375vh;top:-4.8828125vh;right:0}body .popup .title-popup{text-align:center;font-size:large;margin-top:.970178vh}body .popup .title-popup .large-word{font-size:larger}body .popup .popup-info{width:100%;height:43.84765625vh;padding-left:0;background-image:none;background-color:#eae9ec;background-size:cover;background-position:center center}body .popup .popup-info.popup-login .body-popup{padding:10px}body .popup .popup-info.popup-history .body-popup{padding:.9765625vh 4.8828125vh}body .popup .popup-info.popup-history .body-popup .tab-content{height:calc(100% - 5.6640625vh)}body .popup .popup-info.popup-rule .body-popup{padding:.9765625vh 4.8828125vh}body .popup .popup-info.popup-choice{background-image:none;display:none;width:100%;height:30.859375vh}body .popup .popup-info.popup-choice .body-popup{height:50%}body .popup .popup-info.popup-chose-server .body-popup{padding:0 9.765625vh}}@media screen and (orientation:landscape) and (max-width:1024px){body .header-pc{display:flex}body .logo-mobile,body .header-mobile{display:none}body .landingOpen-container .page .bg.bg-1{background-image:url(/Assets/Landing/LandingOpen/imgs/pc/Trang_1/BG.jpg)}body .landingOpen-container .page .bg.bg-1:before{display:none}body .landingOpen-container .page.page-2 .spin-container .spin-menu{justify-content:space-around}body .landingOpen-container .page.page-2 .spin-container .spin-frame #CanvasRotation{width:30.05208333vw;height:30.05208333vw}body .landingOpen-container .page.page-3 .char-container{width:75vw;max-height:41.66666667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps{position:relative;width:max-content;display:block;bottom:unset}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char{margin-bottom:1.041666667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:first-child,body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:last-child{margin-left:5.208333333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char:nth-child(2n){margin-left:1.5625vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon{width:5.729166667vw;height:5.729166667vw;background-size:17.5vw 32.76041667vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-icon:before{background-size:100% 217.7083333vw}body .landingOpen-container .page.page-3 .char-container .sect_taps .tab-char .tab-tag{display:block;width:11.77083333vw;height:5.729166667vw;background-position-x:-5.729166667vw;margin-left:-1.041666667vw}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content{width:31.25vw;height:41.66666667vw}body .landingOpen-container .page.page-3 .char-container .char-content .char-img-content img{width:100%;height:100%;object-fit:contain}body .landingOpen-container .page.page-3 .char-container .char-info{width:23.07291667vw;height:33.22916667vw}body .landingOpen-container .page.page-3 .char-container .char-info .title-char{margin:0 auto .520833333vw;width:16.40625vw;height:3.333333333vw}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-title{width:6.875vw;height:1.5625vw}body .landingOpen-container .page.page-3 .char-container .char-info .status .status-content{margin:.520833333vw auto;width:12.34375vw;height:10.3125vw}body .landingOpen-container .page.page-3 .char-container .char-info .quickview{margin:.520833333vw auto}body .landingOpen-container .page.page-3 .char-container .char-info .quickview .quickview-title{width:8.385416667vw;height:1.458333333vw}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame{width:13.02083333vw;height:7.291666667vw}body .landingOpen-container .page.page-3 .char-container .char-info .video-btns .video-frame .btn-play{width:6.09375vw;height:7.161458333vw}body .popup .btn-close{width:4.53125vw;height:4.244791667vw;top:-2.604166667vw;right:-2.604166667vw}body .popup .popup-info{width:150vh;height:80vh;padding-left:2.5625vw}body .popup .popup-info.popup-login .body-popup{padding:1.041666667vw 6.25vw}body .popup .popup-info.popup-history .body-popup{padding:.520833333vw 2.604166667vw}body .popup .popup-info.popup-history .body-popup .tab-content{height:calc(100% - 3.020833333vw)}body .popup .popup-info.popup-rule .body-popup{padding:.520833333vw 2.604166667vw}}