@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root{--transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;--opacity: 1;--visibility: visible}
html{height:100%;margin:0;padding:0}
body{font-family:"Inter",sans-serif;font-weight:400;font-style:normal;overflow-x:hidden;position:relative;display:flex;flex-direction:column;min-height:100vh;height:auto}
.content{background-image:url(../assets/bg-mbc10bc2b2482da6f25b49.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;height:100%;position:relative;padding:2rem 0}
.mb-0{margin-bottom:0}
.z-index-1{z-index:1 !important}
.pointer-events-none{pointer-events:none}
.backdrop-blur{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px) brightness(0.5);backdrop-filter:blur(5px) brightness(0.5);opacity:0;visibility:hidden;transition:var(--transition)}
.open{z-index:5;opacity:1;visibility:visible}
.hide{z-index:1 !important;opacity:0 !important;visibility:hidden !important}
.shake{animation:shake .6s ease-in-out infinite}
.winning-text-color{background:linear-gradient(180deg, #fbec95 33.17%, #c39224 44.71%, #c39224 49.52%, #fbec95 65.87%) !important;background-clip:text !important;-webkit-background-clip:text !important;filter:drop-shadow(-1px 0px 0px #fdf125) drop-shadow(1px 0px 0px #fdf125) drop-shadow(0px -1px 0px #fdf125) drop-shadow(0px 1px 0px #fdf125) !important}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
@keyframes spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}
@keyframes shake{0%{transform:translate(0, 0) rotate(0)}25%{transform:translate(-10px, -10px) rotate(-10deg)}50%{transform:translate(10px, 10px) rotate(10deg)}75%{transform:translate(-10px, 10px) rotate(-10deg)}100%{transform:translate(0, 0) rotate(0)}}
header figure.logo{width:50vw}
header figure.voucher-mb{width:40px;margin-bottom:.5rem}
header p{text-align:center;color:#fff;font-weight:900;font-size:8vw;background:linear-gradient(180deg, #7bf11c 0%, #fff 82.69%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);position:relative;z-index:6}
header p span{display:block;background:linear-gradient(180deg, #fbec95 33.17%, #c39224 44.71%, #c39224 49.52%, #fbec95 65.87%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fdf125}
.nohu{background-image:url(../assets/bg16ad0aea53da165eef08b.png);background-position:center;background-size:contain;background-repeat:no-repeat;position:relative;padding:0rem 0 0rem;width:100%;margin:-1rem auto 0;z-index:2;display:block}
.nohu .slider-wrapper{width:185px;margin:auto;position:relative}
.nohu .slider-wrapper .hu-slider{position:relative;z-index:2;padding-top:1rem}
.nohu .slider-wrapper .hu-slider .slick-slide img{width:50%;margin-bottom:.2rem}
.nohu .slider-wrapper .slick-next,.nohu .slider-wrapper .slick-prev{background-color:rgba(0,0,0,0);border:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}
@media(max-width: 768px){.nohu .slider-wrapper .slick-next,.nohu .slider-wrapper .slick-prev{width:25px;height:25px}}
.nohu .slider-wrapper .slick-next{right:1.7rem}
.nohu .slider-wrapper .slick-prev{left:1.7rem}
.nohu .slider-wrapper p{font-weight:900;text-align:center;font-size:.6rem;margin:auto auto .2rem;padding:0 2rem;color:#fff;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);width:-moz-max-content;width:max-content}
.nohu .slider-wrapper p:not(.nohu .slider-wrapper p:first-of-type){color:#fff;font-size:.6em;margin:auto auto .2rem}
.nohu .slider-wrapper p span{font-weight:400}
.nohu .greenlight{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:70%}
.nohu .voucher{position:absolute;width:100px}
.nohu .voucher1{top:85%;left:0%;width:40px}
.nohu .voucher2{bottom:-15%;right:-5%;display:none}
.cta{border:none;background-color:rgba(0,0,0,0);margin:1rem auto;display:flex;position:relative;width:70%;z-index:2;animation:zoom 2s infinite;cursor:pointer;transition:var(--transition)}
.regFrm{z-index:9;width:82%}
.regFrm .form-group{position:relative;width:100%;margin-bottom:1rem}
.regFrm .form-group .input-form{border-radius:24px;background:#fff}
.regFrm .form-group input{background-color:#fff;border-radius:24px;color:#000;text-align:center;padding:.5rem;font-size:.8rem;border:0}
.regFrm .form-group input:focus{box-shadow:none}
.regFrm .form-group input::-moz-placeholder{color:#000;font-weight:400}
.regFrm .form-group input::placeholder{color:#000;font-weight:400}
.regFrm .form-group figure{width:15px;margin-bottom:0;position:absolute;top:50%}
.regFrm .form-group .u-p{transform:translate(-50%, -50%);left:8%}
.regFrm .form-group .eye{transform:translate(-50%, -50%);right:3%}
.regFrm .btn{border:0;padding:0;width:80%;margin:0rem auto 0;animation:zoom 2s infinite}
#form{position:relative;display:none}
#form .bg-form{background-image:url(../assets/bg-form-register8579aecec08ac851dec7.png);background-position:center;background-size:100% 85%;background-repeat:no-repeat;padding:4.5rem 0rem 0rem;position:relative;z-index:20;margin-top:-1rem}
#form .bg-form .closeBtn{background-color:rgba(0,0,0,0);border:none;opacity:1;position:absolute;top:5%;right:-3%;z-index:30;width:2.5rem;padding:0}
.social{position:fixed;right:1.5rem;top:50%;z-index:10;transform:translate(0, -50%)}
.social figure{margin-bottom:1.5rem}
.social figure img{width:50px}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-1.2rem}
hr{background:#4f4518;background:radial-gradient(circle, rgb(79, 69, 24) 0%, rgba(45, 35, 13, 0.6685267857) 100%);border:none;opacity:.5;height:1.5px;margin:-0.35rem auto 1.35rem;width:300px}
.hr2{margin:1.35rem auto}
.promotion{display:flex;align-items:center;justify-content:center;flex-direction:column}
.promotion figure{width:75%}
.minigame{background-image:url(../assets/bg-minigamebc4a25df0e45b3d343e9.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;position:relative;z-index:6;width:100%;margin:auto;display:none;justify-content:center;align-items:flex-start;padding:1rem .8rem}
.minigame__opt{background-image:url(../assets/bg-opt9629d8f19dce5318dfe3.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;padding:1rem;margin:auto auto .5rem;position:relative}
.minigame__opt p{text-align:center;font-size:1.5rem;margin:auto;letter-spacing:.075rem;font-weight:950;background:linear-gradient(180deg, #bbd5f2 33.17%, #d0e2f7 49.52%, #e4eefc 65.87%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(-0.5px 0px 0px #cec2a5) drop-shadow(0.5px 0px 0px #cec2a5) drop-shadow(0px -0.5px 0px #cec2a5) drop-shadow(0px 0.5px 0px #cec2a5);position:relative;z-index:1}
.minigame__opt p.opt1{background:linear-gradient(180deg, #fbec95 33.17%, #c39224 44.71%, #c39224 49.52%, #fbec95 65.87%) !important;background-clip:text !important;-webkit-background-clip:text !important;filter:drop-shadow(-0.5px 0px 0px #fdf125) drop-shadow(0.5px 0px 0px #fdf125) drop-shadow(0px -0.5px 0px #fdf125) drop-shadow(0px 0.5px 0px #fdf125) !important}
.minigame__opt .light{position:absolute;top:50%;left:50%;z-index:0;width:150%;animation:spin 2s linear infinite;display:none}
.minigame__left,.minigame__right{flex:1;display:flex;flex-direction:column}
.minigame__get-reward img{width:200px}
.minigame .dice{position:relative;flex:1}
.minigame .dice figure{margin:auto}
.minigame .dice figure.dice-init{position:relative;width:80%}
.minigame .dice figure.dice-tai,.minigame .dice figure.dice-xiu{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;display:none}
.minigame .dice .greenlight{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:0;width:150%}
.minigame__btn{box-shadow:none;margin:auto;border:none;background:rgba(0,0,0,0);padding:.2rem .5rem;position:relative;z-index:1;animation:zoom .5s ease-in-out infinite;width:90%}
.minigame__closeBtn{position:absolute;top:-11%;right:-6%;width:3rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;z-index:6}
footer{padding:2rem 0;position:relative;z-index:9}
footer h6{color:#faeeb6}
footer p{line-height:115%}
footer .line{position:relative}
footer .line::before{content:"";position:absolute;right:0px;top:0;height:100%;width:1px;background:#fff;background:radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}
@media screen and (max-width: 1199.98px){#form{position:static}#form .container{padding-right:0;padding-left:0}#form .km{width:100%}.social{top:10px;left:0;right:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1rem;position:absolute;transform:none}}
@media screen and (min-width: 344px){body{height:100%}}
@media screen and (min-width: 375px){body{height:auto}#form .bg-form{padding:5rem 0rem 0rem}.minigame__opt p{font-size:2rem}.minigame__btn{font-size:.6rem}}
@media screen and (min-width: 390px){body{height:100%}.nohu .slider-wrapper .hu-slider .slick-slide img{width:55%}}
@media screen and (min-width: 412px){#form .bg-form{padding-top:6rem}.minigame__opt{padding:1.5rem}.regFrm .form-group input{padding:.7rem}}
@media screen and (min-width: 540px){body{height:auto}.minigame__opt{padding:2rem}.minigame__btn{font-size:.8rem}.minigame__closeBtn{top:-7%;right:-3%;width:3.5rem}.nohu .slider-wrapper .hu-slider{padding-top:3rem}.nohu .slider-wrapper .hu-slider .slick-slide img{width:85%}.nohu .slider-wrapper .slick-next,.nohu .slider-wrapper .slick-prev{width:30px;height:30px}.nohu .slider-wrapper .slick-next{right:-0.5rem}.nohu .slider-wrapper .slick-prev{left:-0.5rem}.nohu .slider-wrapper p{font-size:1rem;padding:0 1rem}.nohu .slider-wrapper p:not(.nohu .slider-wrapper p:first-of-type){font-size:1rem}#form .bg-form{background-size:100% 85%;width:80%}#form .bg-form .closeBtn{top:5%;right:-3%;width:3rem}.regFrm{width:75%}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:1.4rem}}
@media screen and (min-width: 568px){header figure .logo{width:240px}header figure .voucher-mb{width:80px}header p{font-size:7vw}header p span{display:inline}.nohu .voucher1{top:100%;left:3%;width:60px}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 576px){header figure.logo{width:240px}header figure.voucher-mb{width:80px}header p{font-size:7vw}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 667px){header p{font-size:6vw}}
@media screen and (min-width: 720px){header p{font-size:5.5vw}}
@media screen and (min-width: 768px){header figure.logo{width:270px}header figure.voucher-mb{width:90px}header p{font-size:6.5vw}#form .bg-form{width:70%;padding-top:6.5rem}.nohu{margin:0 auto;background-position:top center}.nohu .slider-wrapper .hu-slider .slick-slide img{width:100%;margin-bottom:.4rem}.nohu .slider-wrapper .slick-prev{left:-1.5rem}.nohu .slider-wrapper .slick-next{right:-1.5rem}.nohu .slider-wrapper p{padding:0 1rem}.minigame{padding:1.5rem 1rem}.minigame__opt{margin:auto auto 1rem}.minigame__opt p{font-size:4rem}.minigame__btn{font-size:1rem;border-radius:10px}.regFrm .form-group{width:100%;margin-left:auto;margin-right:auto}.btn-close{top:20px;right:-10px;width:3rem;height:3rem}}
@media screen and (min-width: 896px){header p{font-size:6vw}}
@media screen and (min-width: 1024px){header p{font-size:7vw}.nohu .slider-wrapper{width:290px}.nohu .slider-wrapper .hu-slider{padding-top:3.5rem}.nohu .slider-wrapper .slick-prev{left:-1rem}.minigame{padding:2rem}.minigame__opt{padding:3rem}.minigame__btn{font-size:1.3rem}.minigame__closeBtn{top:-5%;right:-2%;width:4rem}#form .bg-form{width:60%;padding-top:7rem}#form .bg-form .closeBtn{top:5%;right:-4%;width:4rem}.regFrm{width:70%}.regFrm .form-group input{padding:1rem}.regFrm .form-group figure{width:20px}}
@media screen and (min-width: 1200px){body{height:100%}header figure.logo{width:14vw}header p{font-size:4vw}header p span{display:inline-block}.content{background-image:url(../assets/bg9b22d838ff36ad53d97b.png)}.nohu{width:83%;padding:4rem 0 4rem}.nohu .slider-wrapper{width:200px}.nohu .slider-wrapper .hu-slider{padding-top:0}.nohu .slider-wrapper .hu-slider .slick-slide img{width:100%}.nohu .slider-wrapper .slick-next{right:-2rem}.nohu .slider-wrapper .slick-prev{left:-2rem}.nohu .slider-wrapper p{font-size:1rem;margin-bottom:.5rem}.nohu .slider-wrapper p:not(.nohu .slider-wrapper p:first-of-type){color:#fff;font-size:1rem}.nohu .voucher{width:100px}.nohu .voucher1{top:-15%;left:-15%}.nohu .voucher2{bottom:-25%;right:-3%;display:block}.greenlight{width:40%}.minigame{width:83%;padding:1.6rem 4rem 2.5rem;gap:3rem}.minigame__opt{padding:2rem;margin-bottom:1rem}.minigame__opt p{font-size:5rem;margin-bottom:0}.minigame__opt .light{width:150%}.minigame .dice figure.dice-init{width:100%}.minigame .dice .greenlight{width:210%}.minigame__closeBtn{width:auto;top:-6%;right:-3%}.cta{width:27%;margin-top:-2rem}#form .bg-form{padding:7.5rem 0rem 0rem;background-size:100% 83%;width:45%;margin-top:-2rem}.regFrm{width:77%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group figure{width:25px}.regFrm .form-group input{padding:.8rem;font-size:1rem}.regFrm .form-group .eye{width:25px}.promotion{flex-direction:row}.promotion figure{width:200px}.line{margin:2rem auto}}
@media screen and (min-width: 1200px)and (max-height: 580px){header figure{width:50%}#form .bg-form{width:30vw}#form .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p{font-size:1vw;margin-bottom:1rem}.regFrm .form-group{margin-bottom:1.2rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 1366px){.nohu{width:75%;padding:2rem 0 3rem}.minigame{width:75%}.minigame__btn{font-size:1.2rem}.cta{width:24%;margin-top:-1.7rem}}
@media screen and (min-width: 1440px){.nohu{padding:3rem 0 3rem;width:72%}.nohu .slider-wrapper{width:230px}#form .bg-form{width:45%}.cta{width:23%;margin-top:-2rem}.minigame{width:72%;padding:1.5rem 4rem 3rem}.minigame__opt{padding:3rem}.minigame__btn{font-size:1.4rem}}
@media screen and (min-width: 1600px){.nohu{width:76%}.nohu .slider-wrapper{width:250px}.cta{width:24%}.minigame{width:76%;padding:2rem 4rem 3.5rem}}
@media screen and (min-width: 1700px){.nohu{padding:2rem 0 4rem}}
@media screen and (min-width: 1920px){.nohu{width:81%}.nohu .slider-wrapper{width:300px}.cta{width:27%}.minigame{width:81%;padding:3rem 4rem 4rem}.minigame__btn{width:76%}.promotion figure{width:260px}.regFrm .form-group input{padding:.9rem}}
@media screen and (min-width: 2056px){.nohu{width:87%}.nohu .slider-wrapper{width:330px}.cta{width:27%}.minigame{width:87%}.minigame__opt p{font-size:6rem}.minigame__btn{font-size:1.6rem}.regFrm .form-group .input-form{border-radius:40px}.regFrm .form-group input{padding:1rem;border-radius:40px}}
@media screen and (min-width: 2336px){header figure.logo{width:13.5vw}header p{font-size:3.5vw}.nohu{width:92%}.nohu .slider-wrapper{width:350px}.nohu .slider-wrapper p{font-size:1.5rem}.nohu .slider-wrapper p:not(.nohu .slider-wrapper p:first-of-type){font-size:1.25rem}.cta{width:30%;margin-top:-2.5rem}.minigame{width:92%}.minigame__opt p{font-size:7rem}#form .bg-form{padding:8.5rem 0rem 0rem;width:50%}#form .bg-form .closeBtn{top:5%;right:-3%;width:70px}.regFrm .form-group figure{width:30px}.regFrm .form-group input{font-size:1.2rem}.promotion figure{width:300px}}
@media screen and (min-width: 2560px){header figure.logo{width:13.2vw}header p{font-size:3.2vw}.nohu{width:95%}.nohu .slider-wrapper{width:360px}.cta{width:31%}.minigame{width:95%}.minigame__btn{font-size:2rem}}
@media screen and (min-width: 2992px){.nohu{width:100%;background-size:cover}.nohu .slider-wrapper{width:400px}.minigame{width:100%}.minigame__opt p{font-size:8rem}#form .bg-form{width:70%;padding-top:13rem}#form .bg-form .closeBtn{top:6%;right:-2%;width:90px}.regFrm .form-group{margin-bottom:2.7rem}.regFrm .form-group input{font-size:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .eye{width:35px}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}}
@media screen and (min-width: 3456px){.container{max-width:1800px}.nohu{padding:6rem 0 6rem;background-size:cover}.nohu .slider-wrapper{width:500px}.nohu .slider-wrapper p{font-size:2rem}.nohu .slider-wrapper p:not(.nohu .slider-wrapper p:first-of-type){font-size:1.5rem}.nohu .voucher{width:160px}.nohu .voucher1{top:-15%;left:-15%}.nohu .voucher2{bottom:-25%;right:-4%}.cta{width:33%;margin-top:-3rem}.minigame{padding:3rem 6rem 5.5rem}.minigame__opt p{font-size:12rem;margin-bottom:2rem}.minigame__btn{font-size:3rem}.minigame__closeBtn{width:160px}#form .bg-form{width:50%}#form .bg-form .closeBtn{right:-5%;width:110px}#form .social figure{margin-bottom:2.5rem}.regFrm .form-group input{font-size:2.3rem}.regFrm .form-group .eye{width:40px}.regFrm .btn{margin:2rem auto 0}.promotion figure{width:420px}}
@media screen and (min-width: 3840px){#form .regFrm .form-group{margin-bottom:2.5rem}#form .regFrm .form-group:last-of-type{margin-bottom:2rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}}
.modal-content,.modal-header,.modal-body,.modal-footer{border:none;text-align:center;padding:0;position:relative}
.modal-content{background:rgba(0,0,0,0);position:relative;display:block;width:auto}
.modal-header figure{width:12rem}
.modal-footer{flex-direction:column;justify-content:center}
.modal-footer p{font-weight:900}
.modal-backdrop.show{--bs-backdrop-opacity: 0.8}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}