*{font-family:ChakraPetch;box-sizing:border-box}p{margin:0}body{background:#000;background-repeat:no-repeat;background-attachment:fixed;background-position:top center;background-size:contain;background-color:#000000;background-size:100%}a:hover{text-decoration:none;color:#fff}
.container{width:100%;margin-left:auto;margin-right:auto}
.adv{justify-content:center;display:flex;flex-wrap:wrap}img{vertical-align:middle;border-style:none}div .banner a img #logo2{width:28%;margin-top:35px}.title{display:flex;justify-content:center}
.title-text{color:#fff;font-size:2.5rem}
.slot{display:block}.slot 
.slot-sidebar{padding-right:10px;padding-left:0;background-color:#000;float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}
.btn-provider:hover{background-color:#f79236}
.slot-sidebar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;padding-left:0;list-style:none}
.slot-sidebar-nav>li{border-bottom:1px solid #0092b1;width:100%;position:relative;display:block;border-bottom:none;padding:3px;border-radius:6px;background:linear-gradient(to bottom,#f3f3f3 0%,#d1cece 46%,#707070 100%)}
.slot-sidebar-nav>li>a{color:#fff;font-size:13px;padding:7px 10px;display:block;background-color:#041012}.btn-provider{text-align:center;display:block}.enter{display:none}.btn-provider span{position:unset}
.active{background-color:#0092b1}.slot .content{float:none;width:100%;padding:0;flex:0 0 100%;max-width:100%;background-color:#0f151b;border-radius:10px;border:2px solid #afafaf}.wrapper{width:100%;padding:0;white-space:nowrap;overflow:hidden;position:relative;z-index:0}.card{float:left;width:20%;background:0 0;border:none;text-align:center;position:relative}.card-content{margin:5px;color:#fff;font-size:12px;border:none;overflow:hidden;position:relative}
.percent{height:27px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;position:relative;z-index:1;border-radius:18px;width:90%;margin:0 auto}
.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:14px;font-weight:700;transform:translateY(14px);color:#000}
.percent-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;z-index:10}
.yellow{background-color:#ffc107}
.green{background-color:#238df7}
.red{background-color:#dc3545}
.hover-btn{position:absolute;opacity:0;background-color:rgba(0,0,0,.9);transition:all .1s ease-in-out;z-index:10;width:100%;height:87%}
.maintenance{position:absolute;background-color:rgba(0,0,0,.5);z-index:10;width:100%;height:100%;color:#fff;text-align:center;margin:-6px}
.maintenance p{position:relative;top:40%;font-size:13px}
.play-btn{font-size:15px;text-decoration:none;color:#fff;text-align:center;align-items:center;margin-top:42%;padding:8px;display:block;margin-left:30px;margin-right:30px;margin:42% 30px;background:linear-gradient(to bottom,#f79236 0%,#dc7f11 88%);color:#000;border-radius:18px;transition:all .3s ease}
.play-btn:hover{background:linear-gradient(to top,#d9ae04 0%,#f7c602 88%)}
.img-zoom{transition:all .45s ease-in-out}
.ygg-img{border:5px solid #2f2f2f}
.hover-btn:hover{opacity:100%}
.hover-btn:hover~
.img-zoom{position:relative}
.short{display:none}
.next-btn{background:linear-gradient(to bottom,#242424 0%,#515151 46%,#242424 100%);width:15%}
.mySlides{display:none}
.next-btn{background-color:#292a2b;border:none;color:#fff}@media(min-width:576px){.container{max-width:540px}
.logo2 img{width:0%;margin-top:24px}}@media(min-width:768px){.container{max-width:720px}
.logo2 img{width:40%;margin-top:24px}}@media(min-width:992px){.container{max-width:960px}
.logo2 img{width:40%;margin-top:24px}}@media(min-width:1200px){.container{max-width:1140px}
.logo2 img{width:40%;margin-top:24px}}@media(max-width:992px){
.logo2 img{width:40%!important;margin-top:24px!important}.link-container a{padding:5px 20px!important;font-size:12px!important}.slot-sidebar-nav{flex-wrap:nowrap}.slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}.content{float:none!important;width:100%!important;flex:none!important;max-width:100%!important}.card{width:33.3%!important}.hover-btn{display:none}.hover-btn:hover~.img-zoom{transform:scale(1);position:relative}.btn-provider{text-align:center;display:block}.enter{display:block}.btn-provider span{position:unset}.btn-provider i{margin:0}.slot-sidebar-nav li{border-bottom:none}.slot-sidebar-nav li a p{font-size:13px}.img-zoom{height:auto}.slot-sidebar-nav li a img{height:37.5px!important;width:68%!important}.maintenance p{font-size:5px}.footer__qr{display:none}}.appaddm{white-space:nowrap;overflow:hidden;min-width:60px;max-width:170px;text-align:center;text-overflow:ellipsis}.topnav{overflow:hidden;background-color:#2e3842;margin-top:15px;border-radius:5px}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;display:block}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#f79236;color:#fff}.topnav .icon{display:none}@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.topnav.responsive{position:relative}
.topnav.responsive .icon{position:absolute;right:0;top:0}
.topnav.responsive a{float:none;display:block;text-align:left;font-size:15px}}.back-to-top{position:fixed;bottom:25px;right:25px;display:none;background:#0f151b;color:#fff}.footer__qr{position:fixed;left:0;bottom:0;z-index:20}
.footer__qr img{transition:all .6s ease;transform:scale(1.5) translateX(13px) translateY(-20px)}
.footer__qr img:hover{transform:scale(2) translateX(20px) translateY(-26px)}
.register-button{background-image:linear-gradient(to bottom,#4b61ea 0%,#4b61ea 9%,#4b61ea 22%,#4b61ea 30%,#4b61ea 35%,#4b61ea 74%,#4b61ea 100%)!important;background-color:initial}
.login-button{background:linear-gradient(to bottom,#f58111 0%,#f79236 25%,#f79236 35%,#f792361 80%,#f79236 95%,#f79236 100%)!important;background-color:initial}