body{font-family:Noto Sans Thai,sans-serif;background-color:#000;font-weight:300;font-style:normal;color:#fff;overflow-x:hidden}.text-yellow{color:#f1c40f}.container{position:relative;z-index:200}.blank-page{background:url(/images/bg-main.webp?v=1.0) 50% no-repeat;background-attachment:fixed;background-size:100%;min-height:100vh;padding:100px 0;font-size:12pt}.blank-page .text-detail{font-size:.85em;margin-bottom:.4em;line-height:1.4em;color:#ccc}.text-en{font-family:Bellefair,sans-serif!important}.text-spacing{letter-spacing:.4em}.op-0{opacity:0!important}a{transition:.3s;color:#fff;text-decoration:none}a:hover{filter:brightness(1.1)}a.disabled{pointer-events:none;filter:grayscale(1);opacity:.6}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);opacity:.8;border:none;filter:grayscale(.9);cursor:not-allowed!important}.nav-link{color:#cacaca;font-weight:300;transition:.2s}.nav-link:focus,.nav-link:hover{color:#236fc3}.nav-link.disabled,.nav-link:disabled{color:#848484!important;pointer-events:none}h1,h2,h3,h4,h5,h6,p{margin:0}.nav-link-menur{color:#fff}.nav-link-menur:hover{color:#f5af00}.offcanvas{background-color:rgba(0,0,0,.95)}.offcanvas-backdrop.show{opacity:0}.fss-1{font-size:.9em!important}.fss-2{font-size:.8em!important}.fss-3{font-size:.7em!important}.fss-4{font-size:.6em!important}.fs-title{font-size:28px!important;line-height:36px!important}.fs-title,.span-fs-title{text-shadow:0 0 #00000040}.span-fs-title{font-size:22px!important;margin-top:-6px;display:block}.modal{background:#000000bc}@media (max-width:1024px){.fs-title{font-size:24px!important;line-height:30px!important}.fs-title,.span-fs-title{text-shadow:0 0 #00000040}.span-fs-title{font-size:20px!important;margin-top:-6px;display:block}}@media (max-width:768px){.fs-title{font-size:20px!important;line-height:26px!important}.fs-title,.span-fs-title{text-shadow:0 0 #00000040}.span-fs-title{font-size:15px!important;margin-top:-4px;display:block}}@media (max-width:450px){.fs-title{font-size:16px!important;line-height:20px!important}.fs-title,.span-fs-title{text-shadow:0 0 #00000040}.span-fs-title{font-size:12px!important;margin-top:-4px;display:block}}.icons-16{width:16px;height:16px}.icons-20{width:20px;height:20px}.icons-24{width:24px;height:24px}.icons-28{width:28px;height:28px}.icons-36{width:36px;height:36px}.icons-48{width:48px;height:48px}hr{opacity:1}.border-gold{border-color:#d4b16c}.text-gold{color:#d4b16c}.fixed-box{position:absolute;right:0;width:140px;top:4%;z-index:1001}.bg-none{background:none;border:none}.popup-modal{background:#000000a5;z-index:2000}.popup-modal .modal-dialog{max-width:1000px}.popup-modal .btn-close{background:#000;width:2em;height:2em;padding:.4em;border-radius:50%;position:relative;z-index:10000;box-shadow:none}.popup-modal .modal-body{margin-top:-4em}.popup-modal .modal-header{padding-right:2em}.popup-modal .carousel-indicators{bottom:-40px}.navbar{background:#000;background:linear-gradient(180deg,#000,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 90%,transparent);color:#fff;font-size:1em;position:fixed;width:100%;z-index:1000;text-transform:uppercase}.navbar.navbar-expand-lg{flex-wrap:nowrap}.navbar-brand{background:url(/images/main-logo.webp?v=1.0)50% no-repeat;background-size:100%;width:150px;height:58px}.navbar .language .btn{background-color:transparent;border:none;outline:none}.navbar .dropdown-menu.show{min-width:90px;text-align:center;color:#fff;padding:3px 0;border:none;background:#00000071}.navbar .dropdown-menu.show .dropdown-item,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fff}.navbar .dropdown-menu.show .dropdown-item:hover{background:#093e7aab}.btn-switch-server{z-index:1001;right:65px;left:auto;width:auto}.btn-switch-server img{width:72px}.dropdown.dropdown-language{z-index:1001}.dropdown-language img{width:16px;margin-right:4px;vertical-align:-3px}.dropdown-language .dropdown-toggle{display:block;background-color:#182940;border:none;border-radius:4px;outline:none;color:#fff;font-size:14px;text-transform:uppercase;padding:2px 4px 0;margin-right:10px;min-width:48px}.dropdown-language .dropdown-menu span{color:#fff;font-size:13px}footer{background:#000;font-size:.8em;font-weight:300;padding-top:50px;padding-bottom:120px!important}footer .btn-discord{background:url(/images/icon-discord.webp?v=1.0)50% no-repeat;background-size:100%;width:34px;height:34px}footer .btn-facebook{background:url(/images/icon-facebook.webp?v=1.0)50% no-repeat;background-size:100%;width:34px;height:34px}footer .btn-line{background:url(/images/icon-line.webp?v=1.0)50% no-repeat;background-size:100%;width:34px;height:34px}footer .btn-facebookg{background:url(/images/icon-fbg.webp?v=1.0)50% no-repeat;background-size:100%;width:34px;height:34px}footer .btn-whatapp{background:url(/images/icon-whatapp.webp?v=1.0)50% no-repeat;background-size:100%;width:34px;height:34px}footer .btn-youtube{background:url(/images/icon-youtube.png)50% no-repeat;background-size:100%;width:34px;height:34px}footer .logo-footer{background:url(/images/logo-footer.webp?v=1.0)50% no-repeat;background-size:100%;width:260px;height:50px;margin:auto}.menu-bar{bottom:-5px;width:100%;max-width:700px;z-index:1200;pointer-events:none}.menu-bar:before{background:#000;background:linear-gradient(0deg,#000,transparent);position:absolute;bottom:0;left:0;width:100%;height:80px;content:" ";z-index:-1}.menu-bar a,.menu-bar button{margin:0;pointer-events:fill!important;background-color:transparent;border:none;z-index:1}.menu-bar a.disabled img,.menu-bar button.disabled img{opacity:.8;filter:grayscale(1)}.navbar-nav .dropdown-menu{position:absolute}.navbar .language .dropdown-menu{width:auto;min-width:50px;left:auto;right:10px;background-color:#182940;padding:0;text-align:left}.navbar .language .dropdown-menu li:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1)}.menu-bar .dropdown-menu{background:#0c3665;border-radius:10px 10px 0 0;transform:translate3d(-2px,-50px,0)!important;z-index:0;padding-bottom:3.5em}.navbar .language .dropdown-item{display:block;width:100%;padding:5px;clear:both;font-weight:400;color:#fff;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.navbar .language .dropdown-item:focus,.navbar .language .dropdown-item:hover{color:#f5af00;background-color:transparent}.menu-bar .dropdown-item{color:#fff!important;position:relative;text-align:center;font-size:.9em;padding:12px 0}.menu-bar .dropdown-item:hover{background:#093d7a}.dropdown-item:after{content:"";position:absolute;background:url(/images/menu-bar-before.webp?v=1.6)50% no-repeat;width:100%;height:1px;left:0;bottom:0}.navbar .language .dropdown-toggle:after,li:last-of-type .dropdown-item:after{display:none}.box-fixed-menu{width:100px;position:absolute;right:5px;bottom:100px}@keyframes brightness{0%{filter:brightness(1.1);-webkit-filter:brightness(1)}50%{filter:brightness(1.4);-webkit-filter:brightness(1.3)}to{filter:brightness(1.1);-webkit-filter:brightness(1)}}.btn-fixed-line{width:110px;margin-bottom:10px!important}.btn-fixed-line,.btn-fixed-support{display:block;margin-right:5px!important;animation-name:brightness;animation-duration:3s;animation-iteration-count:infinite}.btn-fixed-support{margin-bottom:-20px!important}.box-title{background:url(/assets/images/bg-title.webp?v=1.0)top no-repeat;background-size:100px;margin-top:-1px;padding-top:30px;position:relative;z-index:200}.owl-carousel .owl-nav button.owl-prev{background:url(//assets/images/btn-arrow-1.webp?v=1.0)50% no-repeat!important;background-size:100%!important;left:1%}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{width:30px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:500}.owl-carousel .owl-nav button.owl-next{background:url(//assets/images/btn-arrow-2.webp?v=1.0)50% no-repeat!important;background-size:100%!important;right:-7%}.owl-theme .owl-dots .owl-dot span{border-radius:0!important;transform:rotate(45deg)}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#ece5b0!important}.owl-theme .owl-dots .owl-dot span{background:#616161!important}.support-modal .modal-content{background:url(/images/bg-support-modal.webp) 50%/contain no-repeat!important;padding-bottom:0;height:360px}.download-modal .modal-content{background:url(/images/bg-download-modal.webp?v=1.1) 50%/100% no-repeat!important;padding-bottom:0;height:450px}.download-modal .modal-content .modal-body,.support-modal .modal-content .modal-body{display:flex;justify-content:center;align-items:center;flex-direction:column!important}.download-modal .modal-hl{width:70%}.download-modal .modal-hl,.support-modal .modal-hl{margin:0 auto;display:block}.download-modal .btn-dl{width:60%;max-width:250px;height:auto;margin-bottom:10px}.download-modal .modal-header .btn-close{background:url(/assets/images/btn-close.webp?v=2.6) 0 0/100%!important;width:25px;height:25px;box-shadow:none}@media (min-width:450px){.menu-bar .dropdown-menu{transform:translate3d(0,-10%,0)!important;padding-bottom:3.5em}}@media (min-width:550px){.menu-bar .dropdown-menu{transform:translate3d(0,-22%,0)!important;padding-bottom:3em;font-size:1.2em}.menu-bar .dropdown-menu .dropdown-item{padding:.5em 0}}@media (min-width:768px){.dropdown-language img{width:18px}.fixed-box{width:200px}.box-title p{font-size:13pt}footer{padding-bottom:100px!important}.owl-carousel .owl-nav button.owl-prev{left:10px;width:40px;height:40px}.owl-carousel .owl-nav button.owl-next{right:-5%;width:40px;height:40px}.popup-modal .modal-body{margin-top:-5em}.popup-modal .modal-header{padding-right:7em}.dropdown-language .dropdown-toggle{font-size:16px;margin-right:5px;padding:2px 8px 0}.navbar .language .dropdown-menu{min-width:120px;right:0}.navbar .language .dropdown-item{padding:6px}.dropdown-language .dropdown-menu span{font-size:14px}.navbar .language .dropdown-menu li:hover{width:auto;left:auto;right:-30px;background-color:rgba(0,0,0,.5);padding:0;text-align:left}.box-fixed-menu{width:130px;right:5px;bottom:130px}}@media (min-width:992px){.navbar{background:#000;background:linear-gradient(180deg,#000,rgba(0,0,0,.9) 40%,rgba(0,0,0,.5) 70%,transparent)}.w-lg-100{width:100%}.w-lg-75{width:75%}.w-lg-50{width:50%}.box-title p{font-size:13pt}.blank-page{padding:150px 0;font-size:12pt}.blank-page .text-detail{font-size:1.1em;margin-bottom:.4em;line-height:1.4em;color:#ccc}.navbar-brand{width:200px;margin-bottom:-40px;margin-top:-20px;margin-right:0}.navbar{padding:15px 0}.language{position:absolute;top:18px;right:0}.navbar .language .dropdown-menu{margin-right:0}.nav-link-menur:hover{color:#f5af00}.navbar .language .btn{width:40px;height:40px}.navbar .language .btn i{font-size:18px}footer{padding-top:30px;padding-bottom:30px!important}.menu-bar{max-width:1920px}.menu-bar:before{display:none}.btn-switch-server{left:0;right:auto}.btn-switch-server img{width:120px}.btn-fixed-line{margin-bottom:10px!important}.btn-fixed-line,.btn-fixed-support{width:160px;display:block;margin-right:18px!important}.btn-fixed-support{margin-bottom:40px!important}.owl-carousel .owl-nav button.owl-prev{left:-1%}.owl-carousel .owl-nav button.owl-next{right:-7%}.menu-bar .dropdown-item{padding:0}.box-fixed-menu{width:160px;right:10px;bottom:30px}}@media (min-width:1200px){.navbar-brand{width:250px;margin-bottom:-50px;margin-top:-5px;height:100px}.language{right:20px}.navbar .language .dropdown-menu{right:-30px}.btn-switch-server{left:5%}.owl-carousel .owl-nav button.owl-prev{left:-20px}.owl-carousel .owl-nav button.owl-next{right:-60px}.navbar-expand-lg .navbar-nav .nav-link{margin:0 10px;font-size:13px;min-width:70px}}@media (min-width:1400px){.navbar-expand-lg .navbar-nav .nav-link{font-size:16px}}.btn-modal-register{background-color:transparent;border:none;outline:none;filter:brightness(1);transition:all .3s ease-out}.btn-modal-register:focus,.btn-modal-register:hover{background-color:transparent;filter:brightness(1.2);transition:all .3s ease-out}.btn-recheckid{background-color:rgba(0,0,0,.2);color:#fff;border:2px solid #15266300}.btn-recheckid:focus,.btn-recheckid:hover{background-color:rgba(0,0,0,.2);background:linear-gradient(0deg,transparent,#010036);color:#fff;border:2px solid #0080ff;box-shadow:0 0 10px #0046ff}.btn-recheckid-text{color:#a4a4a4}.btn-recheckid:focus .btn-recheckid-text,.btn-recheckid:hover .btn-recheckid-text{color:#fff}#modal-register-check .modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background:#141414;box-shadow:inset 0 0 20px rgba(0,0,0,.4);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0;box-shadow:none;background-color:#001b44;background-size:100%;border-radius:15px;border:none}#modal-register-check .modal-content .modal-header{padding-top:40px;border:0;font-size:72px;font-weight:600;background:-webkit-linear-gradient(180deg,#fff,#cfb670);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:200;text-transform:uppercase;border-bottom-color:#2b313a;color:#fff;text-align:center;display:block;position:relative;padding-bottom:0}#modal-register-check .modal-body{padding-top:15px;padding-bottom:40px}#modal-register-check .modal-lg,#modal-register-check .modal-xl{min-height:600px}#modal-register-check .btn_obt-pre-register img{width:250px}#modal-register-check .modal-backdrop.show{opacity:.8}#popupModal .modal-content{width:90%;max-width:620px;margin:auto}#popupModal .carousel-item img{border-radius:15px;overflow:hidden}#popupModal .modal-header{padding-right:0!important}#popupModal .btn-close{position:absolute;top:0;right:0}@media (min-width:768px){.modal-content .modal-header{padding-top:80px}.support-modal .modal-content .modal-header{padding-top:16px}.modal-body{padding-bottom:60px}}#modal-download .modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background:#141414;box-shadow:inset 0 0 20px rgba(0,0,0,.4);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0;box-shadow:none;background-color:#001b44;background-size:100%;border-radius:15px;border:none}#modal-download .modal-content .modal-header{padding-top:36px;border:0;font-size:72px;font-weight:600;background:-webkit-linear-gradient(180deg,#fff,#cfb670);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:200;text-transform:uppercase;border-bottom-color:#2b313a;color:#fff;text-align:center;display:block;position:relative;padding-bottom:0}#modal-download .modal-body{padding-top:15px;padding-bottom:40px}#modal-download .modal-lg,#modal-download .modal-xl{min-height:600px}#modal-download .btn_obt-pre-register img{width:250px}#modal-download .modal-backdrop.show{opacity:.8}@media (min-width:768px){.modal-content .modal-header{padding-top:60px}.modal-body{padding-bottom:60px}}.modal-main-system{max-width:800px;margin-right:auto;margin-left:auto}#modal-system .modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background:#141414;box-shadow:inset 0 0 20px rgba(0,0,0,.4);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0;box-shadow:none;background-color:#001b4400;background-size:100%;border-radius:15px;border:none}#modal-system .modal-content .modal-header{padding-top:40px;border:0;font-size:72px;font-weight:600;background:-webkit-linear-gradient(180deg,#fff,#cfb670);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:200;text-transform:uppercase;border-bottom-color:#2b313a;color:#fff;text-align:center;display:block;position:relative;padding-bottom:0}#modal-system .modal-body{padding:25px}#modal-system .modal-lg,#modal-system .modal-xl{min-height:600px}#modal-system .btn_obt-pre-register img{width:250px}#modal-system .modal-backdrop.show{opacity:.8}.main-vdo-system{width:100%;height:424px}.section-faq-download{padding:10px 0 60px;background-image:url(/images/bg-down.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;overflow:hidden;scroll-behavior:smooth}.faq-border{border:1px solid #011b5a!important}.accordion-button:focus,.accordion-button:focus-visible{border-bottom:none!important;box-shadow:none!important;outline:none!important;background-color:transparent!important;color:inherit}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:#123da3!important;box-shadow:inset 0 -2px 0 #123da3!important}.accordion-button{background-color:#123da348!important}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath stroke='white' stroke-width='2' d='M2 6l6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}.accordion-item.faq{max-width:1000px!important;width:100vw!important}.accordion-item.faq .accordion-body{font-size:.8em}.hr-faq{background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);height:1px;border:none}@media (max-width:768px){.modal-main-system{max-width:650px;margin-right:auto;margin-left:auto}.main-vdo-system{width:100%;height:335px}.accordion-body,.accordion-button{padding-left:2rem;padding-right:2rem}.accordion-button{font-size:.9rem}}@media (max-width:440px){.modal-main-system{max-width:340px;margin-right:auto;margin-left:auto}.main-vdo-system{width:100%;height:170px}#modal-system .modal-body{padding:10px}#modal-system button.btn-close{background:url(/images/btn-close.webp) no-repeat 50%;background-size:contain;width:15px!important;height:15px!important;position:absolute;color:#828795!important;top:15px}#modal-system.modal{background-color:#000000c7!important}}.shrink{animation:shrinkGrow 1s ease-in-out infinite alternate}@keyframes shrinkGrow{0%{transform:scale(1);filter:drop-shadow(0 0 6px #fff352)}to{transform:scale(.9);filter:drop-shadow(0 0 2px #fffaaf)}}.download-modal .modal-content{background:url(/images/bg-download-modal2.webp?v=1.1)50% no-repeat!important;background-size:cover!important}.obt-btn_menumain{max-width:250px}.obt_subhead1{font-size:1.4rem}.obt_subhead2{font-size:1.1rem}.bg-topup{background-color:#d6a239;color:#fff!important;border-radius:.25rem}.bg-topup.disabled,.bg-topup:disabled{color:#848484!important;background-color:#5e5e5e;pointer-events:none}.dropdown-item:after{background:url(/images/menu-bar-before.webp?v=1.0)top no-repeat;background-size:60%}.nav-link:focus-visible{box-shadow:none!important}.btn-hl{font-size:1.5rem!important;color:#d4b16c!important}.btn-hl:hover{opacity:1}.btn-hl.active,.btn-hl:hover{color:#fff!important}.icon-btn-hl,.linelight{opacity:0}.active .icon-btn-hl,.active .linelight{opacity:1}.s-hl-bottom{width:100%;height:100px;background:#000;background:linear-gradient(0deg,#000 40%,transparent)}.carousel-indicators_obt [data-bs-target]{width:10px;height:10px;margin:0 5px;transform:rotate(45deg)}.carousel-indicators_obt .active{background-color:#489fff}.icon-slide-hl{background-color:#000!important;width:40px;height:40px;border-radius:100%}.menu-bar{max-width:100%}.navm_menu-bg{background:url(/images/s-hl/obt_s-hl.webp?v=4.68)repeat top;min-width:20px}.s-hl{background:url(/images/s-hl/obt_s-hl.webp?v=4.68)no-repeat top;min-height:500px;background-size:100%}.s-main{background:url(/images/obt_s-main-bg.webp?v=4.68)no-repeat top;background-size:100%;position:relative}.s-main:after{position:absolute;width:100%;height:60%;bottom:0;left:0;content:"";background:#000;background:linear-gradient(0deg,#000 40%,transparent);z-index:1;pointer-events:none}.s-main .container-box{padding-top:38%;padding-bottom:30px}.s-main .detail-area{font-size:.8em;width:95%;max-width:500px;margin:auto;position:relative}.bg2 .signature{position:absolute;width:150px;right:0;top:-90px}.s-main .btn-dl{display:inline-block;height:40px;width:auto}.s-main .btn-dl img{height:100%}.s1-titlepreregister{width:200px}.btnBullet-popupModal{height:10px!important;width:10px!important;transform:rotate(45deg)!important;margin-left:.4rem!important;margin-right:.4rem!important}.btn-play{position:relative;width:100px;height:100px;border-radius:50%;background-color:transparent;border:none;outline:none;transition:all .3s}.btn-play:before{border-radius:50%;content:""}.btn-play img{transition:all .3s;width:100%}.btn-play:hover,.btn-play:hover img{transition:all .3s;transform:scale(1.1);filter:brightness(120%)}#videoModal .modal-content{background-color:transparent;border:none}#videoModal .modal-header{border-bottom:none}#videoModal .btn-close{background:#000;width:2em;height:2em;padding:.4em;border-radius:50%;position:relative;z-index:10000;box-shadow:none}.modal-backdrop.show{z-index:0}@media (min-width:576px){.obt-btn_menumain{max-width:none}.s-main .detail-area{font-size:1em}.signature{width:170px;right:-70px;top:-120px}.s-main .detail-area .fs-6{font-size:1.1em!important}.s-main .btn-dl{height:40px}}@media (min-width:768px){.s1-titlepreregister{width:350px}.obt-btn_menumain{max-width:250px}.obt_subhead1{font-size:1.9rem}.obt_subhead2{font-size:1.3rem}.menu-bar .dropdown-menu{transform:translate3d(0,-50%,0)!important}.carousel-indicators_obt [data-bs-target]{width:12px;height:12px;margin:0 7px}.s-main .container-box{padding-top:30%;padding-bottom:20px}.s-main .btn-dl{height:40px}.s-main .detail-area{font-size:1em;width:95%;max-width:600px;margin:auto}}@media (min-width:992px){.mt-space-lg{margin-top:150px}.obt_subhead1{font-size:1.9rem}.obt_subhead2{font-size:1.3rem;display:block}.bgpcolor{height:100px;background:#000;background:linear-gradient(0deg,#000 70%,transparent)}.cutsection{min-height:100px}.btn-hl{font-size:1.9rem!important}.carousel-indicators_obt [data-bs-target]{width:auto;height:auto;min-width:100px;margin:0;transform:none;text-indent:0;border:none;background-color:transparent;color:#fff}.icon-slide-hl{width:50px;height:50px}.s-hl{background:url(/images/s-hl/obt_s-hl-lg.webp?v=4.68)no-repeat top;background-size:1200px;margin-top:-1px}.s-main,.s-main.bg2{background:url(/images/obt_s-main-bg-lg.webp?v=4.68)top no-repeat;background-size:1200px;position:relative}.s-main .container-box{padding-top:0;padding-bottom:0;display:flex;justify-content:center;flex-direction:column!important}.s-main:after{height:0}.detail-area{margin:1px auto!important}}@media (min-width:1200px){.s-main{background:url(/images/obt_s-main-bg-lg.webp?v=4.68)top no-repeat;background-size:1200px;position:relative}.mt-space-lg{margin-top:170px}.obt-btn_menumain{max-width:370px}.obt_subhead1{font-size:2.5rem}.obt_subhead2{font-size:1.8rem;display:inline}.bgpcolor{height:150px;background:#000;background:linear-gradient(0deg,#000 70%,transparent)}.cutsection{min-height:150px}.btn-hl{font-size:2rem}.fs-xl-5{font-size:1.9rem!important}.s-event,.s-hl,.s-main,.s-main.bg2{background-size:1400px}.s-main,.s-main.bg2{height:980px}.s-main .detail-area{max-width:100%;font-size:1em}}@media (min-width:1400px){.mt-space-lg{margin-top:243px}.obt_subhead1{font-size:2.9rem}.obt_subhead2{font-size:2rem;margin-top:-20px}.carousel-inner-obt{width:670px;box-shadow:0 10px 50px rgba(0,0,0,.9)}.s-hl{background-size:1600px;min-height:1153px}.s-main,.s-main.bg2{background-size:1600px;height:930px}.s-main .container-box{width:60%}.s-main .detail-area{max-width:100%;font-size:1.2em}.s-main .detail-area .fs-4{max-width:100%;font-size:1.4em!important}.s-main .box-btn{width:100%;margin:.8em auto 0!important}.s-main .btn-dl{height:55px;margin:.5em .1em}}@media (min-width:1600px){.s-hl,.s-main,.s-main.bg2{background-size:1920px}.s-main,.s-main.bg2{height:986px}.s-main .container-box{width:60%}}@media (min-width:1920px){.s-hl,.s-main{margin:0 auto}.s-main{position:relative}}.s-preregister a:hover{filter:brightness(1.1)}.s-preregister .box-detail{margin:0 auto}.s-preregister .number-count span{font-size:2em;line-height:1.2em;font-family:Cinzel,serif!important;font-weight:700;margin:0 .1em;line-height:1;display:inline-block;text-shadow:1px 1px 0 #af7c31,0 0 2px #e9cd69,0 0 2px #e9cd69,0 0 7px #e9cd69,0 0 7px #e9cd69,0 0 14px #e9cd69}.s-preregister .text-top{width:95%;max-width:380px;margin:auto;font-weight:100}.s-preregister hr{width:75px}.step-rewards .progress{height:2px;position:relative;width:270px;max-width:800px;margin:auto;background:#616161}.step-rewards .progress-bar{background:#0061ff}.step-item-box{width:300px;margin:auto auto 30px;z-index:2}.step-item,.step-item-box{display:flex;align-items:center;justify-content:center;position:relative}.step-item{background:url(/images/s-preregis/step-item-bg1.webp) 50% no-repeat;background-size:100%;width:70px;height:77px;filter:grayscale(.1);padding:6px}.step-point{background:url(/images/s-preregis/step-point.webp) 50% no-repeat;background-size:100%;width:17px;height:17px;position:absolute;bottom:-45px;z-index:1}.step-item .number{position:absolute;bottom:-18px;font-size:.8em}.step-item.exclusive-items .number{bottom:-18px}.step-item.active{background:url(/images/s-preregis/step-item-bg2.webp) 50% no-repeat;background-size:100%;width:80px;height:88px;filter:grayscale(0)}.step-item.active .step-point{width:30px;height:30px;bottom:-52px}.step-item.complete{background:url(/images/s-preregis/step-item-bg3.webp) 50% no-repeat;filter:grayscale(.2)}.step-item.complete:before{z-index:1;background-size:100%}.step-item.complete:after,.step-item.complete:before{content:"";position:absolute;width:100%;height:100%;filter:grayscale(0)}.step-item.complete:after{z-index:2;background:url(/images/s-preregis/icon-complete.webp) 50% no-repeat;background-size:45px}.step-item.complete .step-point{background:url(/images/s-preregis/step-point-complete.webp) 50% no-repeat;background-size:100%}.step-item.active .step-point{background:url(/images/s-preregis/step-point-active.webp) 50% no-repeat;background-size:100%;width:22px;height:22px;bottom:-42px}.step-item.active .number{position:absolute;bottom:-18px;font-size:.8em}.step-item.complete{background:url(/images/s-preregis/step-item-bg2.webp) 50% no-repeat;background-size:100%;filter:grayscale(0)}.step-item.exclusive-items{background:none;filter:grayscale(.4)}.step-item.exclusive-items.active,.step-item.exclusive-items.complete{background:none;filter:grayscale(0)}.s-preregister .text-detail{text-shadow:0 0 10px #000;display:block;padding:5px 0}.btn-modal-register{margin-top:30px}.btn-owl-system{margin-top:0!important}@media (min-width:360px) and (max-width:767px){.step-item-box{width:360px}.step-rewards .progress{width:315px}}@media (min-width:768px){.s-preregister .text-top{width:600px;max-width:none;font-size:1.4em}.s-preregister .number-count span{font-size:3.5em}.step-item-box{width:665px;margin:auto auto 40px;justify-content:space-evenly}.step-item.active .step-point{bottom:-52px}.step-item{width:125px;height:137px}.step-item.active{width:147px;height:161px}.step-rewards .progress{width:555px}.step-item.completed .step-point,.step-point{width:17px;height:17px;bottom:-61px}.step-item .number{position:absolute;bottom:-35px;font-size:13pt}.step-item.exclusive-items .number{bottom:-40px}.step-item.active .number{position:absolute;bottom:-30px;font-size:13pt}.step-item.exclusive-items.active img{margin-top:-15px}}@media (min-width:992px){.fixed-box{left:80px;width:150px;top:0}.step-rewards{display:flex;align-items:center;justify-content:center}.s-preregister .box-container{padding-top:0}.s-preregister .number-count span{font-size:4em}.s-preregister .text-top{font-size:1.1em}.s-preregister .text-detail{text-shadow:0 0 10px #000;display:block;padding:5px 0}.step-item.active .step-point{bottom:-52px}.step-item.active .number{bottom:-24px}}@media (min-width:1200px){.step-item.complete .step-point{background:url(/images/s-preregis/step-point-complete.webp) 50% no-repeat;background-size:100%;bottom:-61px}.step-item.exclusive-items.active .number{bottom:-23px}.step-item.active .step-point{width:22px;height:22px;bottom:-52px}.s-event-th{margin-top:-53px}.fixed-box{left:80px;width:180px;top:0}.s-preregister{font-size:20pt;overflow:hidden;margin-bottom:110px}.s-preregister .text-top{width:800px;font-size:.9em}.s-preregister .box-detail{font-size:.7em}.s-preregister .number-count span{font-size:2.9em}.s-preregister .text-detail{font-size:.5em!important}.s-preregister hr{width:124px}}@media (min-width:1400px){.btn-modal-register{margin-top:10px}.s-commu{padding:200px 0 60px!important}}@media (min-width:1600px){.step-item.exclusive-items.active .number{bottom:-15px}.step-item.active .step-point{width:22px;height:22px;bottom:-42px}.s-event-th{margin-top:2px}.fixed-box{left:80px;width:230px;top:0}.s-preregister .text-top{width:870px;font-size:1.3em}.s-preregister .box-container{padding-top:30px}.s-preregister .box-detail{font-size:.85em}.step-item-box{width:670px;margin-bottom:31px}.step-item{width:125px;height:120px}.step-item.active{width:147px;height:161px}.step-rewards .progress{width:560px}.step-item.completed .step-point,.step-point{width:17px;height:17px;bottom:-61px}.s-commu{padding:80px 0!important}}@media (min-width:1920px){.s-event-th{margin-top:0}.s-preregister{position:relative}}.s-presale{background:url(/images/s-presale-bg.webp?v=2.45)top no-repeat;background-size:100%;overflow:hidden;position:relative;padding:6% 0 15%}.s-presale .container{background:url(/images/s-presale-img.webp?v=2.48)top no-repeat;background-size:110%;padding-top:220px}.s-presale .detail-box{padding:.8em .8em 1.5em;border-radius:0 0 15px 15px;text-align:center;text-transform:uppercase;font-size:.7em;line-height:1.4em;display:flex;flex-direction:column!important;justify-content:center;min-height:270px}.s-presale .box-title{margin-top:-50px}.s-presale .detail-box .fs-3{font-size:1.8em!important}.s-presale .detail-box .item{width:100%;margin-top:0}.s-presale .detail-box .btn{display:block;width:100%}.detail-box.box-left .btn,.detail-box.box-right .btn{padding:0}.detail-box.box-left{background:#d0a85c;background:linear-gradient(0deg,rgba(208,168,92,.7),rgba(208,168,92,.4) 44%,rgba(208,168,92,.15) 90%,rgba(208,168,92,0))}.detail-box.box-right{background:#00225d;background:linear-gradient(0deg,rgba(0,34,93,.7),rgba(0,34,93,.4) 44%,rgba(0,34,93,.15) 90%,rgba(0,34,93,0))}@media (min-width:575px){.s-presale .detail-box{font-size:1em}}@media (min-width:768px){.s-presale .detail-box{min-height:470px}}@media (min-width:992px){.s-presale{background:url(/images/s-presale-bg-lg.webp?v=2.48) 50% no-repeat;background-size:1600px;padding:4% 0}.s-presale .detail-box{padding:0 1em;height:400px}.detail-box p{font-size:.9em}.detail-box .btn{max-width:250px;margin:0 auto}.s-presale .detail-box .fs-3{font-size:2em!important}.detail-box.box-right .btn img{width:85%}.detail-box.box-left{background:#d0a85c;background:linear-gradient(90deg,rgba(162,123,51,.6),rgba(208,168,92,.3) 44%,rgba(208,168,92,.15) 70%,rgba(208,168,92,0) 85%);border-radius:20px 0 0 20px}.detail-box.box-right{background:#00225d;background:linear-gradient(270deg,rgba(0,34,93,.4),rgba(0,34,93,.3) 44%,rgba(0,34,93,.1) 90%,rgba(0,34,93,0));border-radius:0 20px 20px 0}.s-presale .container{background:url(/images/s-presale-img-lg.webp?v=2.48)50% no-repeat;background-size:70%;padding-bottom:100px;padding-top:130px}.event-area{height:400px}}@media (min-width:1200px){.s-presale .container{background-size:73%;padding-bottom:80px}.event-area{height:400px}.detail-box.box-left{padding-right:5em;border-radius:35px 0 0 35px}.detail-box.box-right{padding-left:5em;border-radius:0 35px 35px 0}.s-presale .box-title{margin-top:-20px}.s-presale .container{background-size:786px;padding-bottom:134px}.detail-box p{font-size:1em}.detail-box .btn{max-width:300px}}@media (min-width:1400px){.detail-box.box-left{padding-right:40%}.detail-box.box-right{padding-left:40%}}@media (min-width:1920px){.s-presale{width:1920px;margin:0 auto}}.s-news{background:url(/images/s-news/s-news-bg.webp?v=2.45)bottom no-repeat;background-size:cover;overflow-x:hidden;position:relative;padding:3% 0 6%}.s-news:before{height:40%;top:0;background:#000;background:linear-gradient(180deg,#000 40%,transparent);z-index:1}.s-news:after,.s-news:before{position:absolute;width:100%;left:0;content:"";pointer-events:none}.s-news:after{background:url(/images/s-news/s-nesw-before-bg.webp?v=2.48)bottom no-repeat;background-size:cover;height:30%;bottom:0;z-index:120;display:none}.s-news .nav-pills{border-bottom:1px solid #61616185}.s-news .nav-link{background:none;border-bottom:6px solid transparent;transition:.3s;border-radius:0;text-align:center;margin:auto auto -4px;color:#fff!important}.s-news .nav-link.disabled{color:#848484!important;pointer-events:none}.s-news .nav-pills .nav-link.active,.s-news .nav-pills .show>.nav-link{background:none;border-bottom:4px solid #d4b16c}.s-news .news-comming,.s-news .news-container{min-height:550px}.s-news .box-banner{padding:27px 30px 0 21px;position:relative;z-index:100}.s-news .box-banner:before{position:absolute;background:url(/images/s-news-frame-banner.webp?v=2.48)top no-repeat;background-size:100%;content:" ";width:100%;height:100%;top:0;left:0;z-index:100;pointer-events:none}.news-list{border-bottom:1px solid #61616185;padding-bottom:.5em;padding-top:.7em;display:block;transition:.3s}.news-list:hover{scale:1.04;background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 23%,hsla(0,0%,100%,.1) 79%,hsla(0,0%,100%,0))}.news-list .title{font-weight:500;font-size:1.1em;-webkit-line-clamp:1;line-clamp:1}.news-list .tagline,.news-list .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.news-list .tagline{font-size:.75em;font-weight:200;-webkit-line-clamp:2;line-clamp:2}.news-list .tag{font-size:.75em;padding:.1em .5em;border-radius:4px}.tag.date{background:#2b2b2b;display:inline-block;font-size:.75em}.tag-promo{background:#714f0b;display:none}.tag-event{background:#422954;display:none}.tag-update{background:#1d4959;display:none}.tag-on-promo{background:#714f0b;display:inline-block}.tag-on-event{background:#422954;display:inline-block}.tag-on-update{background:#1d4959;display:inline-block}.tag-on-other{background:#2b2b2b}.news-list.event .tag-event,.news-list.promo .tag-promo,.news-list.update .tag-update,.tag-on-other{display:inline-block}@media (min-width:992px){.s-news{background:url(/images/s-news/s-news-bg-lg.webp?v=2.45)50% no-repeat;background-size:1920px;overflow-x:hidden;position:relative}.s-news:before{position:absolute;width:100%;height:30%;top:0;left:0;content:"";background:#000;background:linear-gradient(180deg,#000,transparent);z-index:1;pointer-events:none}.news-list .tagline{-webkit-line-clamp:1;line-clamp:1}.s-news .news-comming,.s-news .news-container{min-height:490px}.s-news .container{z-index:100}.s-news{padding:5% 0}.s-news .owl-carousel .owl-nav button.owl-next,.s-news .owl-carousel .owl-nav button.owl-prev{top:45%!important}.s-news:after{display:block;height:50%}}@media (min-width:1200px){.s-news{padding:3% 0 5%}.news-list .title{font-size:1.2em}.news-list .tagline{font-size:.85em}.s-news .box-banner{width:500px}}@media (min-width:1400px){.s-news{padding:1.8rem 0 7%}.s-news .box-banner{width:600px;padding:32px 38px 0 28px}}@media (min-width:1920px){.s-news{width:1920px;margin:0 auto}.s-news:after{width:1920px;left:0}}.s-commu{padding-top:20px}.s-commu .box-title{padding-top:10px}.tab-commu{background:url(/images/tab-commu.webp?v=2.48) 50% no-repeat;background-size:100%;background-color:transparent!important;width:160px;height:38px;margin:2px;transform:3s;text-transform:uppercase;font-weight:500}.tab-commu:hover{color:#fff!important;filter:brightness(1.2)}.tab-commu.active{background:url(/images/tab-commu-active.webp?v=2.48) 50% no-repeat;background-size:100%;background-color:transparent!important}.s-commu .tab-pane{min-height:230px}@media (min-width:768px){.s-commu{padding:0}.tab-content{position:relative}}@media (min-width:992px){.s-commu{background-color:#000;position:relative;padding:240px 0 60px!important}.s-commu .tab-content:before{position:absolute;bottom:-90px;left:-240px;width:450px;height:450px;content:"";z-index:0;background:url(/images/s-commu-ct.webp?v=2.48) top no-repeat;background-size:100%}}@media (min-width:1200px){.s-commu .tab-content:before{bottom:-100px;left:-280px;width:550px;height:550px}}@media (min-width:1400px){.tab-commu{width:185px;height:42px;margin:3px}.s-commu .tab-content:before{bottom:-100px;left:-340px;width:600px;height:600px}}.s-event{background-size:500px;margin-top:-1px;position:relative}.btn-event{background:url(/images/s-event/btn-event.webp?v=2.48)50% no-repeat;background-size:100%;width:184px;height:30px;display:block;color:#000;padding:7px 0;font-weight:400;margin:6px auto}.btn-event.disabled{background:url(/images/s-event/btn-event-disabled.webp?v=2.48) bottom no-repeat;background-size:100%;filter:brightness(.6);color:#fff;pointer-events:none}.download-box{width:70%;margin:5px auto auto}#event-carousel{width:90%;margin:auto}#event-carousel .item{padding-bottom:30px}@media (min-width:768px){.s-event{background-size:600px;padding-top:50px}.step-item.complete:after{background-size:90px}.download-box{width:300px}}@media (min-width:992px){.s-event{background:url(/images/s-hl/obt_s-hl-lg2.jpg?v=2.48) top no-repeat;background-size:1200px;margin-top:-1px;font-size:20pt}.s-event .box-banner{display:flex;width:920px;margin:auto}.s-event .item-banner,.s-event .item-coming{width:230px;transition:.5s;filter:brightness(70%);position:relative}.s-event .item-banner>img,.s-event .item-coming>img{width:100%;height:300px;min-width:0;object-fit:cover;cursor:pointer}.s-event .item-banner:hover{width:680px;height:300px;filter:brightness(100%)}.s-event .item-coming:hover{width:230px;transition:.5s;filter:brightness(70%);position:relative}.s-event .box-banner .detail-banner{opacity:0;position:absolute;bottom:-90px;transition:.5s;width:100%;text-align:center;font-size:12pt}.s-event .item-banner:hover .detail-banner{display:block;bottom:0;opacity:1}.s-event .item-coming:hover .detail-banner{display:block;bottom:0;opacity:0}.s-event .item-banner .title-banner{font-size:12pt;text-align:center;bottom:40px;transition:.1s;text-transform:uppercase}.s-event .item-coming .title-banner{font-size:13pt;text-align:center;bottom:40px;transition:.1s;text-transform:uppercase}.s-event .item-banner:hover .title-banner{font-size:13pt;text-align:center;bottom:20px;opacity:0}.s-event .item-coming:hover .title-banner{font-size:13pt;text-align:center;bottom:40px;opacity:1}.btn-event{padding:4px 0;margin:6px auto}}@media (min-width:1200px){.s-event{background-color:#000;background-size:1400px;margin-top:-1px;font-size:20pt;padding-top:0}.s-event .box-banner{width:1100px}.s-event .item-banner,.s-event .item-coming{width:275px}.s-event .item-banner>img,.s-event .item-coming>img{height:320px;min-width:0;object-fit:cover;cursor:pointer}.s-event .item-banner:hover{width:650px;height:300px}.s-event .item-coming:hover{width:275px}.btn-event{padding:10px 0;margin:6px auto;width:205px;height:45px;font-size:14pt}}@media (min-width:1400px){.s-event{background-color:#000;background-size:1600px}.s-event .box-banner{width:1300px}.s-event .item-banner,.s-event .item-coming{width:325px}.s-event .item-banner .fss-2,.s-event .item-coming .fss-2{font-size:.9em!important}.s-event .item-banner>img,.s-event .item-coming>img{height:350px;min-width:0;object-fit:cover;cursor:pointer}.s-event .item-banner:hover{width:670px;height:350px}.s-event .item-coming:hover{width:325px}}@media (min-width:1600px){.s-hl{margin-bottom:-300px}.s-event{background-color:transparent;background-size:1920px}}.s-class{background:url(/images/s-class/s-class-bg.webp?v=2.48) bottom no-repeat;background-size:100%;margin-top:-1px;position:relative;padding-top:100px}.s-class:before{background:#000;background:linear-gradient(0deg,transparent,#000);position:absolute;content:" ";top:0;right:0;width:100%;height:60px;z-index:0}.bg-sec-name{display:flex;align-items:center;justify-content:center}.tabs-block .tab-class{display:flex;flex-wrap:wrap;justify-content:center;position:relative;z-index:100}.tabs-block{max-width:600px;position:relative;margin:auto}.tabs-block .tab-class li{text-align:center;list-style:none}.tabs-block .tab-class li button{transition:.4s}.tabs-block .tab-class li button.is-active{scale:1.3;background-size:100%;filter:brightness(1.1)}.tabs-block .panel{display:none;text-align:center;font-size:10pt;font-weight:200;transition:3s;padding-bottom:16px;min-height:400px;transition:1s;opacity:0}.tabs-block .panel.is-active{display:flex;flex-direction:column;align-items:end;opacity:1}.tabs-block .panel img{display:none;transition:1s}.buttonPrev{background:url(/images/s-class/btn-arrow-1.webp?v=2.48)top no-repeat;background-size:100%;left:10px}.buttonNext,.buttonPrev{position:absolute;top:100px;width:40px;height:40px}.buttonNext{background:url(/images/s-class/btn-arrow-2.webp?v=2.48)top no-repeat;background-size:100%;right:10px}.buttonPrev.disabled{opacity:.3!important}.tab-class .btn{width:75px;height:75px;background-size:100%;margin:-10px -5px;padding:0;filter:brightness(.8)}.btn-character-1{background:url(/images/s-class/bt_character_mobile_01.webp?v=2.48)top no-repeat}.btn-character-2{background:url(/images/s-class/bt_character_mobile_02.webp?v=2.48)top no-repeat}.btn-character-3{background:url(/images/s-class/bt_character_mobile_03.webp?v=2.48)top no-repeat}.btn-character-4{background:url(/images/s-class/bt_character_mobile_04.webp?v=2.48)top no-repeat}.btn-character-5{background:url(/images/s-class/bt_character_mobile_05.webp?v=2.48)top no-repeat}.btn-character-6{background:url(/images/s-class/bt_character_mobile_06.webp?v=2.48)top no-repeat}.btn-character-7{background:url(/images/s-class/bt_character_mobile_07.webp?v=2.48)top no-repeat}.btn-character-8{background:url(/images/s-class/bt_character_mobile_08.webp?v=2.48)top no-repeat}.btn-character-9{background:url(/images/s-class/bt_character_mobile_09.webp?v=2.48)top no-repeat}.btn-character-1.is-active{background:url(/images/s-class/bt_character_mobile_active_01.webp?v=2.48)top no-repeat}.btn-character-2.is-active{background:url(/images/s-class/bt_character_mobile_active_02.webp?v=2.48)top no-repeat}.btn-character-3.is-active{background:url(/images/s-class/bt_character_mobile_active_03.webp?v=2.48)top no-repeat}.btn-character-4.is-active{background:url(/images/s-class/bt_character_mobile_active_04.webp?v=2.48)top no-repeat}.btn-character-5.is-active{background:url(/images/s-class/bt_character_mobile_active_05.webp?v=2.48)top no-repeat}.btn-character-6.is-active{background:url(/images/s-class/bt_character_mobile_active_06.webp?v=2.48)top no-repeat}.btn-character-7.is-active{background:url(/images/s-class/bt_character_mobile_active_07.webp?v=2.48)top no-repeat}.btn-character-8.is-active{background:url(/images/s-class/bt_character_mobile_active_08.webp?v=2.48)top no-repeat}.btn-character-9.is-active{background:url(/images/s-class/bt_character_mobile_active_09.webp?v=2.48)top no-repeat}.character-1{background:url(/images/s-class/bg-character-01.webp?v=2.48)top no-repeat;background-size:420px}.character-2{background:url(/images/s-class/bg-character-02.webp?v=2.48)top no-repeat;background-size:420px}.character-3{background:url(/images/s-class/bg-character-03.webp?v=2.48)top no-repeat;background-size:420px}.character-4{background:url(/images/s-class/bg-character-04.webp?v=2.48)top no-repeat;background-size:420px}.character-5{background:url(/images/s-class/bg-character-05.webp?v=2.48)top no-repeat;background-size:420px}.character-6{background:url(/images/s-class/bg-character-06.webp?v=2.48)top no-repeat;background-size:420px}.character-7{background:url(/images/s-class/bg-character-07.webp?v=2.48)top no-repeat;background-size:420px}.character-8{background:url(/images/s-class/bg-character-08.webp?v=2.48)top no-repeat;background-size:420px}.character-9{background:url(/images/s-class/bg-character-09.webp?v=2.48)top no-repeat;background-size:420px}.text-head-crt-main{padding-top:100px;padding-left:345px;margin-bottom:-101px;z-index:99;position:relative}.text-head-crt-main h2{color:#d4b16c;font-size:14pt!important;letter-spacing:.4em}@media (min-width:1600px){.text-head-crt-main{padding-left:421px;margin-bottom:-136px}}@media (max-width:1399px){.text-head-crt-main{padding-left:365px;margin-bottom:-118px}.text-head-crt-main,.text-head-crt-main h2{font-size:11pt!important}}@media (max-width:992px){.text-head-crt-main{padding-top:0;padding-left:0;margin-bottom:25px}.text-head-crt-main h2{color:#fff;font-size:28.58px!important;letter-spacing:0}}@media (max-width:500px){.text-head-crt-main{letter-spacing:0;padding-left:0;margin-bottom:25px}.text-head-crt-main h2{color:#fff;font-size:24.908px!important}}@media (min-width:992px){.s-class{background:url(/images/s-class/s-class-bg-xl.webp?v=2.48) bottom no-repeat;background-size:1700px}.tabs-block{max-width:900px;position:relative}.s-class .container{width:100%!important;max-width:none!important;position:relative}.panel-wrapper{height:auto}.tab-class{position:absolute!important;bottom:50px;width:100%;justify-content:end!important}.tabs-block .panel{padding-bottom:0!important;min-height:auto}.tabs-block .panel.is-active{display:flex;flex-direction:row;align-items:center}.tabs-block .tab-class li button{width:100px;height:200px;background-size:100%;margin:0 -8px;padding:0}.tabs-block .tab-class li button.is-active{scale:1;margin-top:-40px}.tabs-block .panel img{width:450px;margin-left:-66px;display:block}.tabs-block .panel .box-detail{background:url(/images/s-class/bg-panel.webp?v=2.48) top no-repeat;background-size:100%;font-size:12pt;width:800px;margin-left:-20px!important;margin-top:80px!important;height:550px;padding-top:50px}.character-1,.character-2,.character-3,.character-4,.character-5,.character-6,.character-7,.character-8,.character-9{background:none}.btn-character-1{background:url(/images/s-class/bt_character_01.webp?v=2.48)top no-repeat}.btn-character-2{background:url(/images/s-class/bt_character_02.webp?v=2.48)top no-repeat}.btn-character-3{background:url(/images/s-class/bt_character_03.webp?v=2.48)top no-repeat}.btn-character-4{background:url(/images/s-class/bt_character_04.webp?v=2.48)top no-repeat}.btn-character-5{background:url(/images/s-class/bt_character_05.webp?v=2.48)top no-repeat}.btn-character-6{background:url(/images/s-class/bt_character_06.webp?v=2.48)top no-repeat}.btn-character-7{background:url(/images/s-class/bt_character_07.webp?v=2.48)top no-repeat}.btn-character-8{background:url(/images/s-class/bt_character_08.webp?v=2.48)top no-repeat}.btn-character-9{background:url(/images/s-class/bt_character_09.webp?v=2.48)top no-repeat}.btn-character-1.is-active{background:url(/images/s-class/bt_character_active_01.webp?v=2.48)top no-repeat}.btn-character-2.is-active{background:url(/images/s-class/bt_character_active_02.webp?v=2.48)top no-repeat}.btn-character-3.is-active{background:url(/images/s-class/bt_character_active_03.webp?v=2.48)top no-repeat}.btn-character-4.is-active{background:url(/images/s-class/bt_character_active_04.webp?v=2.48)top no-repeat}.btn-character-5.is-active{background:url(/images/s-class/bt_character_active_05.webp?v=2.48)top no-repeat}.btn-character-6.is-active{background:url(/images/s-class/bt_character_active_06.webp?v=2.48)top no-repeat}.btn-character-7.is-active{background:url(/images/s-class/bt_character_active_07.webp?v=2.48)top no-repeat}.btn-character-8.is-active{background:url(/images/s-class/bt_character_active_08.webp?v=2.48)top no-repeat}.btn-character-9.is-active{background:url(/images/s-class/bt_character_active_09.webp?v=2.48)top no-repeat}}@media (min-width:1400px){.s-class{background:url(/images/s-class/s-class-bg-xl.webp?v=2.48) bottom no-repeat;background-size:1920px}.tabs-block{max-width:1200px;position:relative}.tabs-block .panel img{width:616px;margin-left:-150px}.tabs-block .tab-class li button{width:137px;height:276px;margin:0 -11px}.tab-class{bottom:80px}.s-class .box-detail{font-size:13pt!important;margin-right:100px;padding-top:75px!important}.tabs-block .box-title .fss-1{font-size:14pt!important}.tabs-block .box-title h3{font-size:35pt!important}}@media (min-width:1600px){.s-class,.tabs-block{height:800px}.tabs-block{max-width:1500px;position:relative}.tabs-block .panel img{width:780px;margin-left:-100px;margin-right:-100px}.tab-class{bottom:90px}.s-class .box-detail{padding-top:75px!important}.tabs-block .tab-class li button{width:149px;height:290px;margin:0 -11px}}@media (min-width:992px){.s-class .warp-bg-sec-name{z-index:999;position:absolute;top:16%;right:-18%;width:100%}}@media (min-width:1200px){.s-class .warp-bg-sec-name{z-index:999;position:absolute;top:80px;right:-15%;width:100%}}@media (min-width:1400px){.s-class .warp-bg-sec-name{z-index:999;position:absolute;top:16%;right:-12%;width:100%}}@media (min-width:1600px){.s-class .warp-bg-sec-name{z-index:999;position:absolute;top:16%;right:-11%;width:100%}}@media (max-width:991px){.s-class .warp-bg-sec-name{z-index:999;position:relative;width:100%}.tabs-block .panel .box-detail{margin-left:auto;margin-right:auto}}.system-banner-vdo{padding:30px}.system-banner-vdomain{width:100%!important;height:500px!important}@media (max-width:1199px){.system-banner-vdomain{width:100%!important;height:450px!important}}@media (max-width:1024px){.system-banner-vdo{padding:10px 15px}.system-banner-vdomain{width:100%!important;height:333px!important}}@media (max-width:769px){.system-banner-vdo{padding:0 15px}.system-banner-vdomain{width:100%!important;height:357px!important}}@media (max-width:440px){.system-banner-vdomain{width:100%!important;height:205px!important}}.s-system{background:url(/images/s-system/s-system-bg.webp?v=2.48) top no-repeat;background-size:100%;margin-top:-1px;min-height:100px;overflow:hidden}.system-container{position:relative;z-index:100}.s-system .btn-top{background:url(/images/s-system/btn-top.webp?v=2.48) top no-repeat;width:259px;height:81px;background-size:100%;padding-left:93px;padding-top:3px}.s-system .btn-bottom{background:url(/images/s-system/btn-bottom.webp?v=2.48) top no-repeat;width:259px;height:30px;background-size:100%}.s-system .box-title{background-size:80px}.s-system .box-title .fs-1{font-size:29pt!important}.s-system .box-btn{left:-80px;position:absolute;z-index:450}.s-system .box-btn .button{width:259px;height:45px;background-size:100%;display:block}.btn-system-vdo,.btn-system-vdo.active,.btn-system-vdo:focus{background:url(/images/s-system/btn-system-vdo.webp?v=2.48) top no-repeat;width:259px;height:81px!important}.btn-system-war{background:url(/images/s-system/btn-system-war.webp?v=2.48) top no-repeat}.btn-system-war.active,.btn-system-war:focus{background:url(/images/s-system/btn-system-war-active.webp?v=2.48) top no-repeat}.btn-system-costume{display:block;background:url(/images/s-system/btn-system-costume.webp?v=2.48)top no-repeat}.btn-system-costume.active,.btn-system-costume:focus{background:url(/images/s-system/btn-system-costume-active.webp?v=2.48) top no-repeat}.btn-system-pet{display:block;background:url(/images/s-system/btn-system-pet.webp?v=2.48)top no-repeat}.btn-system-pet.active,.btn-system-pet:focus{background:url(/images/s-system/btn-system-pet-active.webp?v=2.48) top no-repeat}.btn-system-craft{display:block;background:url(/images/s-system/btn-system-craft.webp?v=2.48)top no-repeat}.btn-system-craft.active,.btn-system-craft:focus{background:url(/images/s-system/btn-system-craft-active.webp?v=2.48) top no-repeat}.btn-system-dungeon{display:block;background:url(/images/s-system/btn-system-dungeon.webp?v=2.48)top no-repeat}.btn-system-dungeon.active,.btn-system-dungeon:focus{background:url(/images/s-system/btn-system-dungeon-active.webp?v=2.48) top no-repeat}.btn-system-rune{background:url(/images/s-system/btn-system-rune.webp?v=2.48)top no-repeat;width:259px!important;height:45px!important}.btn-system-rune.active,.btn-system-rune:focus{background:url(/images/s-system/btn-system-rune-active.webp?v=2.48) top no-repeat}.s-system .owl-carousel .item{position:relative;padding-bottom:100px}.s-system .owl-carousel .detail{position:absolute;bottom:0;width:100%;text-align:center}.s-system .detail .fs-3{letter-spacing:.2em}@media (min-width:992px){.s-system{background:url(/images/s-system/s-system-bg-xl.webp?v=2.48) top no-repeat;background-size:1700px;padding:20px 0 0}.system-container{display:flex}.s-system .owl-carousel .item{width:650px;margin:auto;padding-bottom:40px}.s-system .owl-carousel .detail{padding:0 100px}.main-ct{position:absolute;right:-80px;width:450px;z-index:500}}@media (min-width:1200px){.s-system{background:url(/images/s-system/s-system-bg-xl.webp?v=2.48) top no-repeat;background-size:1920px}.system-container{width:1200px;margin:auto}.s-system .box-btn{left:-100px;bottom:80px}.s-system .owl-carousel .item{width:880px}.main-ct{right:-80px;width:600px;top:0}.s-system .owl-carousel .detail{width:700px;left:60px}.detail{font-size:15pt}.detail .fs-3{font-size:30pt!important}.detail .fss-4{font-size:15pt!important}}@media (min-width:1600px){.system-container{width:1400px;margin:auto;padding-bottom:15px}.s-system .owl-carousel .item{width:950px}.main-ct{right:-100px;width:650px;top:24px}.s-system .box-btn{left:-50px;bottom:80px}.s-system .owl-carousel .detail{width:800px;left:80px}.detail{font-size:15pt}.detail .fs-3{font-size:30pt!important}.detail .fss-4{font-size:15pt!important}}@media (min-width:1921px){.s-class .container{width:1920px!important}}