@font-face{font-family:"play";src:url("../font/play.woff2") format("woff2")}@font-face{font-family:"play-bold";src:url("../font/play-bold.woff2") format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:"play",Arial,sans-serif}html{scroll-behavior:smooth;font-size:17px}@media only screen and (max-width: 1024px){html{font-size:16px}}@media only screen and (max-width: 500px){html{font-size:15px}}body{background-color:#2c0724;color:#fff}body::after{content:"";z-index:-100;width:100%;height:100vh;position:fixed;top:0;left:0;background-image:url("../img/body_pc_bg.webp");background-repeat:no-repeat;background-size:cover;background-position:50%;opacity:.6}img{display:block;width:100%}.f-center{display:flex;justify-content:center;align-items:center}a{text-decoration:none;color:#fff}.common-link{font-size:1.2rem;color:#fff}p,span{font-size:1.2rem;line-height:36px;text-align:left}h1,h2{font-family:"play-bold",Arial,sans-serif;color:#059651}h3,h4{font-family:"play-bold",Arial,sans-serif;color:#18a964}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.2rem}.layout-padding{max-width:1600px;margin:auto;padding:3% 10%}@media only screen and (max-width: 1024px){.layout-padding{padding:3% 6%}}@media only screen and (max-width: 500px){.layout-padding{padding:3% 4%}}.swiper{width:100%;padding-bottom:30px !important}.swiper .swiper-button-prev,.swiper .swiper-button-next{color:#fff;top:45%}@media only screen and (max-width: 1024px){.swiper .swiper-button-prev::after,.swiper .swiper-button-next::after{font-size:28px}}.swiper .swiper-pagination{bottom:-30px}.swiper .swiper-pagination .swiper-pagination-bullet{background:#fff}.common-btn{color:#505050;padding:12px 35px;font-weight:800;border-radius:12px;background:linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);box-shadow:-3.828px -3.828px 6px 0px rgba(255,200,39,.4),3px 5px 8px 0px rgba(255,82,1,.2)}@media only screen and (max-width: 500px){.common-btn{padding:10px 24px}}.navbar{background:#0a0a0a;width:100%;height:80px;padding:0 10%;border-bottom:1px solid #6c6c6c;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 1024px){.navbar{height:70px;padding:0 6%}}.navbar .logo-img{display:flex;align-items:center}.navbar .logo-img img{width:160px}@media only screen and (max-width: 1024px){.navbar .logo-img img{width:140px}}@media only screen and (max-width: 500px){.navbar .logo-img img{width:120px}}.navbar .menu-toggle{display:none;justify-self:end}.navbar .menu-toggle:hover{cursor:pointer}.navbar .menu-toggle .bar{width:25px;height:3px;background:#fff;margin:5px auto;transition:all .3s ease-in-out}.navbar .menu-toggle.is-active{display:none}.navbar .navbox{z-index:999}@media only screen and (max-width: 800px){.navbar .navbox{background:rgba(38,46,69,.99)}}.navbar .navbox .nav-logo,.navbar .navbox .close-btn{display:none}.navbar .navbox .nav{display:flex;justify-content:space-between;gap:28px}@media only screen and (max-width: 800px){.navbar .navbox .nav{padding:0 10%;flex-direction:column;gap:40px}}.navbar .navbox .nav .nav-pages{display:flex;justify-content:space-between;align-items:center;transition:color .3s ease-out}.navbar .navbox .nav .nav-pages:hover{color:#3498db}@media only screen and (max-width: 800px){.navbar .navbox .nav .nav-pages{font-size:1.8rem;padding:2%;border-bottom:1px solid #fff}}.navbar .navbox .nav .nav-pages img{display:none;width:24px;height:24px}@media only screen and (max-width: 800px){.navbar .navbox .nav .nav-pages img{display:block}}.navbar .navbox .nav .join-btns{display:flex;justify-content:space-between}.navbar .navbox .nav .join-btns .head-button{font-size:1rem;height:40px;border-radius:6px;margin:auto;display:flex;justify-content:center;align-items:center}.navbar .navbox .nav .join-btns .head-login{width:90px;background-color:#9a7519}@media only screen and (max-width: 800px){.navbar .navbox .nav .join-btns .head-login{width:49%}}.navbar .navbox .nav .join-btns .head-join{width:120px;margin-left:10px;background-color:#ffc107}@media only screen and (max-width: 800px){.navbar .navbox .nav .join-btns .head-join{width:49%}}@media only screen and (max-width: 800px){.navbar .navbox{position:fixed;top:0;right:0;transform:translateX(100%);transition:transform .3s ease-in-out;background:rgba(38,46,69,.95);box-shadow:rgba(77,149,228,.3) 0px 0px 10px 10px inset;width:100%;height:100vh;text-align:center;padding-top:120px;display:flex;flex-direction:column}.navbar .navbox .nav-logo{display:block;width:160px;padding:0;position:absolute;top:40px;left:50%;transform:translateX(-50%)}.navbar .navbox .close-btn{display:block;padding:0;position:absolute;top:40px;right:40px}.navbar .navbox .close-btn span{color:#fff;font-size:3.5rem;line-height:1;cursor:pointer}.navbar .menu-toggle,.navbar .menu-toggle .bar{display:block}.navbar .mobile-nav{transform:translateX(0)}}#up{display:none;background-color:#dbb96d;width:50px;height:50px;font-weight:bolder;border-radius:50%;position:fixed;right:2%;bottom:2%;justify-content:center;align-items:center;box-shadow:.5px 1px 5px 5px rgba(0,0,0,.5);transition:.3s ease-out;cursor:pointer;opacity:.7}#up:hover{opacity:1}@media only screen and (max-width: 1024px){#up{width:45px;height:45px}}#up p{font-size:1.5rem;font-weight:bolder;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#luckywheel{z-index:300;position:fixed;left:0;bottom:18%;text-align:center}@media only screen and (max-width: 500px){#luckywheel{bottom:8%}}#luckywheel img{width:140px;animation:game 1.5s ease-out infinite}@keyframes game{0%{filter:drop-shadow(0px 0px 2px #fff)}50%{filter:drop-shadow(0px 0px 6px #fff)}100%{filter:drop-shadow(0px 0px 2px #fff)}}@media only screen and (max-width: 1024px){#luckywheel img{width:120px}}@media only screen and (max-width: 500px){#luckywheel img{width:80px}}#luckywheel span{font-family:"play-bold";color:#ff9c19;font-size:1rem;line-height:1.5rem}@media only screen and (max-width: 500px){#luckywheel span{font-size:.8rem}}footer{background-color:#1c1c1e;display:flex;flex-wrap:wrap;padding:2.5% 10%}@media only screen and (max-width: 1024px){footer{padding:2% 6% 0}}@media only screen and (max-width: 500px){footer{padding:2% 4% 0}}footer .ft-logo{max-width:220px}footer .ft-title{font-size:1.2rem !important}footer .ft-logoarea{width:100%;margin-bottom:15px}footer .ft-logoarea img{max-width:220px}@media only screen and (max-width: 500px){footer .ft-logoarea img{max-width:180px}}footer .ft-logoarea p{font-size:.8rem;line-height:24px;margin:10px 0}footer .ft-sportsbook p,footer .ft-rated p{font-size:.8rem;line-height:24px;margin:15px 0}footer .ft-rated{display:flex;justify-content:center;align-items:center;gap:10px}footer .ft-payment,footer .ft-license,footer .ft-sportsbook,footer .ft-rated{width:100%;text-align:center;border-top:1px solid #fff;padding:1.5% 0}footer .ft-license-img{max-width:150px}footer .ft-payment-img{max-width:800px}footer .ft-rated-img{width:32px}footer .ft-copyright{width:100%;font-size:.9rem;border-top:1px solid #fff;text-align:center;padding:1% 0 0}.publish-text{color:#979797;font-size:.8rem;line-height:1.5rem}.promo-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.info-box{background-color:#2b2b2b;width:32%;min-height:380px;border-radius:12px;display:flex;justify-content:space-between;flex-direction:column}@media only screen and (max-width: 1024px){.info-box{width:48%;min-height:350px}}@media only screen and (max-width: 500px){.info-box{width:100%;min-height:300px}}.info-box .info-media{border-bottom:2px solid #ffc107}.info-box .info-media img{border-radius:12px 12px 0 0}.info-box .info-text{padding:3% 5% 0}.info-box .info-text .promo-date{color:#ffc107}.info-box .info-text .promo-title{color:#fff;padding-top:20px}@media only screen and (max-width: 500px){.info-box .info-text .promo-title{padding-top:10px}}.info-box .btn-box{height:80px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 500px){.info-box .btn-box{height:60px}}#turnover{text-align:center}#turnover .step-box{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width: 1024px){#turnover .step-box{gap:15px}}#turnover .step-box img{width:24%;border-radius:4px}@media only screen and (max-width: 1024px){#turnover .step-box img{width:48%}}@media only screen and (max-width: 500px){#turnover .step-box img{width:100%}}