@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#0f0479;height:98%}.App,body{width:100%}body{background:#0f0479;height:100%}main{background-color:#0a0349;border-radius:10px;height:98%;width:100%}.bodyRegister{top:300}.bodyRegister,.body_nav{text-align:center;width:100%}.body_nav{background-color:#000;position:fixed;top:0;z-index:9999}nav a,nav a:active,nav a:focus,nav a:hover,nav a:visited{text-decoration:none}nav ul{border-top:1px solid #eb1717;clear:both;list-style:none;margin:0 -1em;padding:0;z-index:999}nav ul li{border-bottom:20px solid #f81b1b;text-align:center}nav ul li a{fill:#fde08d;box-shadow:0 6px 15px#f81b1b;color:#fc0;display:block;font-size:1.6vw;padding:.75em}nav ul li a :hover{color:#fde08d}.nav ul::-webkit-scrollbar{height:10px;width:5px}.nav ul::-webkit-scrollbar-thumb{background:#88c56c;border-radius:10px}.nav ul::-webkit-scrollbar-thumb:hover{background:#357237}nav.sticky{animation:show-header .5s ease;position:fixed;top:0;width:100%}nav ul{border:none;clear:none;display:inline-block!important;float:right;margin:0 5em 0 0;padding:25px 0}nav ul li{border:none;display:inline-block;float:left;font-size:3em;margin-right:1.5em}nav ul li:last-of-type{margin-right:0}nav ul li a{padding:0}.splash h1{font-size:6em}.splash .lead,.splash h1{font-family:Sarabun,sans-serif}.splash .lead{font-size:3em}.features .col-3{float:left;margin:2em 5% 0 0;padding:0 1em;width:30%}.features .col-3:last-of-type{margin-right:0}.page{width:100%}.page .container{align-items:start;display:grid;width:100%}.bodyRegister{align-items:flex-end;display:flex;flex-direction:column;gap:20px;padding-right:20px;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999}.bodyRegister img{height:10vw;max-width:100%;width:10vw}.bodyRegister img:first-of-type{margin-top:0}.bodyRegister img:hover{transform:scale(1.05)}.floatingDiv:hover:after{border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.do-container{margin:31.5% auto auto;position:relative;width:82%}.do-container,.do-container-query{background:#000;container-type:inline-size}.do-container-query{background:#0f0479;margin:2.5% auto auto;width:100%}.card-wrap{display:grid;grid-template-columns:repeat(1,1fr);position:relative;z-index:2}.card-img{width:100%}.card-wrap-Logopng{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:-10%;position:absolute;position:relative;width:100%;z-index:100}.card-img-Logopng{object-fit:contain;width:calc(20% - 20px)}.do-container-button{align-items:center;container-type:inline-size;display:flex;height:auto;justify-content:flex-end;margin:1% auto auto -5.5%;position:relative;top:0;width:100%;z-index:9999}.card_button{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);height:100%;margin-bottom:-1%;overflow:hidden;width:26%}.card_button img{display:block;height:100%;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card_button img:hover{animation:glow 2s linear infinite;cursor:pointer;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);transform:scale(1.01)}.card-wrap-logo{display:flex;height:auto;justify-content:center;margin-top:-3.2%;position:absolute;width:100%}.card-img-logo{height:90%;object-fit:contain;width:90%}.bodyJackport{align-items:center;container-type:inline-size;display:flex;justify-content:center;left:0;margin:1% auto auto -3%;position:absolute;right:0;top:0;width:100%;z-index:9999}.cardJackport{grid-gap:5px;box-sizing:border-box;display:grid;gap:5px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);height:80%;overflow:hidden;width:70%}.cardJackport img{display:block;height:100%;object-fit:cover;width:100%}.bodyRunNumber{align-items:center;container-type:inline-size;display:flex;height:auto;justify-content:center;margin:1% auto auto;position:absolute;width:100%;z-index:9999}.bodyRunNumber p{-webkit-text-fill-color:#0000;animation:blink .5s infinite;background-color:#ce5d5d;background:linear-gradient(45deg,gold,#fc0,gold);-webkit-background-clip:text;color:#0000;font-family:Great Vibes,cursive;font-size:4vw;margin:0;padding-left:22vw;text-align:right;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold,0 0 40px #ff8c00,0 0 70px #ff8c00,0 0 80px #ff8c00;width:60%}.bodystep3{container-type:inline-size;margin:10% auto auto}.cardstep3{grid-gap:5px;box-sizing:border-box;display:grid;gap:5px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);height:100%;overflow:hidden;width:100%}.cardstep3 img{display:block;height:100%;object-fit:cover;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.cardstep3 img:hover{animation:shake .5s ease-in-out;cursor:pointer;opacity:.8}.bodycasino{container-type:inline-size;margin:auto}.cardcasino{grid-gap:5px;align-items:center;box-sizing:border-box;display:grid;display:flex;flex-direction:column;gap:5px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);height:100%;overflow:hidden;width:100%}.cardcasino img{display:block;height:90%;object-fit:cover;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:20%}.cardcasino:hover{animation:none;box-shadow:0 4px 8px #0000004d;cursor:pointer;transform:scale(1.1)}.cardcasino:active{animation:float 1s ease-in-out}.bodyDetailcasino{align-items:center;background-color:#0a0349;border-radius:20px;container-type:inline-size;display:flex;height:auto;justify-content:center;margin:2% auto auto;width:90%}.cardDetailcasino{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);margin:2%;overflow:hidden;width:100%}.cardDetailcasino img{animation:pulse2 1.5s infinite;aspect-ratio:1;height:98%;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.bodysports{container-type:inline-size;margin:2% auto auto}.cardsports{grid-gap:5px;align-items:center;box-sizing:border-box;display:grid;display:flex;flex-direction:column;gap:5px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);height:100%;overflow:hidden;width:100%}.cardsports img{display:block;height:90%;object-fit:cover;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:20%}.cardsports:hover{animation:none;box-shadow:0 4px 8px #0000004d;cursor:pointer;transform:scale(1.1)}.cardsports:active{animation:float 1s ease-in-out}.bodyDetailsports{align-items:center;background-color:#0a0349;border-radius:20px;container-type:inline-size;display:flex;height:auto;justify-content:center;margin:2% auto auto;width:90%}.cardDetailsports{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:42% 58%;height:auto;margin:2%;overflow:hidden;width:100%}.bodyDetailsportsbox1{align-items:center;display:flex;flex-direction:column;height:100%;margin:2%;width:100%}.bodyDetailsportsbox1 img{height:25vw;width:25vw}.bodyDetailsportsbox2{margin:2%;width:93%}.bodyDetailsportsbox2 p{color:#fff;flex:1 1;font-size:1.2vw;line-height:1.5;overflow:auto;padding:20px;text-indent:1.5em}.bodygame{container-type:inline-size;margin:2% auto auto}.cardgame{grid-gap:5px;align-items:center;box-sizing:border-box;display:grid;display:flex;flex-direction:column;gap:5px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);height:100%;overflow:hidden;width:100%}.cardgame img{display:block;height:90%;object-fit:cover;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:20%}.cardgame:hover{animation:none;box-shadow:0 4px 8px #0000004d;cursor:pointer;transform:scale(1.1)}.cardgame:active{animation:float 1s ease-in-out}.bodygameDetail{align-items:center;background-color:#0a0349;border-radius:20px;container-type:inline-size;display:flex;height:auto;justify-content:center;margin:2% auto auto;width:90%}.cardgameDetail{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(2,1fr);margin:2%;overflow:hidden;width:100%}.cardgameDetail img{animation:pulse2 1.5s infinite;aspect-ratio:1;height:98%;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.cardgameDetail img:hover{animation:none;box-shadow:0 4px 8px #0000004d;cursor:pointer;transform:scale(1.1)}.bodyguarantee{background-color:#0a0349;border-radius:20px;container-type:inline-size;height:auto;margin:2% auto auto;width:86%}.bodyguarantee,.cardguarantee{align-items:center;display:flex;justify-content:center}.cardguarantee{box-sizing:border-box;margin:2%;overflow:hidden;width:98%}.cardguarantee img{aspect-ratio:1;height:35vw;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100vw}.cardguarantee img:hover{animation:bounce 3s ease-in-out;cursor:pointer}.bodyTestgame{align-items:center;background-color:#0a0349;border-radius:20px;container-type:inline-size;display:flex;height:auto;justify-content:center;margin:2% auto 5%;width:90%}.cardTestgame{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);height:auto;margin:2%;overflow:hidden;width:100%}.cardTestgame img{aspect-ratio:1;height:98%;text-align:center;transform-style:preserve-3d;transition:transform 1s ease-in-out;width:100%}.cardTestgame img:hover{cursor:pointer;transform:rotateY(1turn)}.bodyGamegroup{background-color:#0a0349;container-type:inline-size;display:flex;height:auto;margin:1% auto auto;width:92%}.cardGamegroup{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);margin:2%;overflow:hidden;width:100%}.cardGamegroup img{flex:0 1 auto;width:calc(99% - 10px)}.popupPromotion{align-items:center;animation:fadeIn .5s ease-out;cursor:pointer;display:flex;flex-direction:row;height:96vh;justify-content:center;position:fixed;top:100;width:30%;z-index:1000000}.bodypopupPromotion{align-items:center;container-type:inline-size;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:10%;right:0;width:98%;z-index:1000001}.bodypopupImagePromotion,.bodypopupPromotion{overflow:hidden;position:fixed;text-align:center}.bodypopupImagePromotion{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);left:50%;margin:2%;top:50%;transform:translate(-20%,-50%);width:80%;z-index:9999}.bodypopupImagePromotion img{height:100%;height:40vw;max-width:100%;position:relative;width:80%;width:30vw}.bodypopupPromotion a{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:5%;justify-content:center;left:50%;position:static;top:50%;transform:translate(130%,-500%);width:20%;z-index:99999999999}.bodypopupPromotion_background1,.bodypopupPromotion_background2,.bodypopupPromotion_background3{animation:pulse2 1.5s infinite;background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;flex:1 1;margin:10px 0;position:relative;width:100%}.bodypopupPromotion_background1{background-image:url(/static/media/addFriend.05439d5525e1d236cdbc.jpg)}.bodypopupPromotion_background2{background-image:url(/static/media/newmember.44ca20e7836ab189c71b.jpg)}.bodypopupPromotion_background3{background-image:url(/static/media/birthday.544db4fba69712eea00b.jpg)}.bodypopupPromotion_background1 a,.bodypopupPromotion_background2 a,.bodypopupPromotion_background3 a{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:2%;justify-content:flex-end;margin-left:70.5%;position:static;width:20%}.animated-button1{background:linear-gradient(-30deg,#3d0b0b 50%,#2b0808 0);box-shadow:0 20px 50px #00000080;color:#f7d4d4;display:inline-block;font-size:1.2vw;letter-spacing:2.5px;overflow:hidden;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;top:0;transform:translate(0)}.animated-button1:before{background-color:#ad8585;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.animated-button1:hover:before{opacity:.2}.animated-button1 span{position:absolute}.animated-button1 span:first-child{animation:animateTop 2s linear infinite;background:linear-gradient(270deg,#2b080800,#d92626);height:2px;left:0;top:0;width:100%}@keyframes animateTop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.animated-button1 span:nth-child(2){animation:animateRight 2s linear -1s infinite;background:linear-gradient(0deg,#2b080800,#d92626);height:100%;right:0;top:0;width:2px}@keyframes animateRight{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.animated-button1 span:nth-child(3){animation:animateBottom 2s linear infinite;background:linear-gradient(90deg,#2b080800,#d92626);bottom:0;height:2px;left:0;width:100%}@keyframes animateBottom{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animated-button1 span:nth-child(4){animation:animateLeft 2s linear -1s infinite;background:linear-gradient(180deg,#2b080800,#d92626);height:100%;left:0;top:0;width:2px}.popup-content{animation:scaleIn .5s ease-out,bounce 1s,pulse 2s infinite;background:radial-gradient(circle,#ffd700cc,#f709);border-radius:20px;box-shadow:0 0 30px #000c,0 0 50px #ffd70080;overflow:hidden;padding:30px;position:relative;text-align:center}.popup-content h2{animation:blink .5s infinite;background:linear-gradient(45deg,gold,#fc0,gold);-webkit-background-clip:text;color:#0000;filter:drop-shadow(0 0 10px #fffdef);font-size:2.5rem;text-align:center}.popup-content p{color:#fff;font-size:1.8rem;margin:0 0 20px}.popup-content button{background:#fff;border:none;border-radius:10px;color:#f77f00;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:background .3s,color .3s}.popup-content button:hover{background:#f77f00;color:#fff}@media (min-width:1px) and (max-width:426px){.do-container-query{background:#000;background:#0f0479;container-type:inline-size;margin:2.5% auto auto;width:100%}.bodyRegister img{height:15vw;max-width:100%;width:15vw}.bodypopupImagePromotion{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);margin:8% 2% 2%;overflow:hidden;width:90%}.bodypopupPromotion a{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:2%;justify-content:center;margin-left:70.5%;margin-top:-20%;position:static;width:20%}.bodypopupImagePromotion img{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;flex:1 1;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:80%}.bodyDetailsports{align-items:center;background-color:#0a0349;border-radius:20px;container-type:inline-size;display:flex;height:26vw;justify-content:center;margin:2% auto auto;width:90%}.bodyDetailsportsbox1{align-items:center;display:flex;flex-direction:column;height:100%;margin:2%;width:100%}.bodyDetailsportsbox1 img{margin-top:6vw}.cardgameDetail{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);margin:2%;overflow:hidden;width:100%}}@media (min-width:426px) and (max-width:768px){.do-container-query{background:#000;background:#0f0479;container-type:inline-size;margin:2.5% auto auto;width:100%}.bodyRegister img{height:15vw;max-width:100%;width:15vw}.bodypopupImagePromotion{grid-gap:3vw;box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);margin:2%;overflow:hidden;width:80%}.bodypopupImagePromotion img{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;flex:1 1;height:100%;height:60vw;max-width:100%;position:relative;width:80%;width:50vw}.bodypopupPromotion a{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:5%;justify-content:center;margin-left:70.5%;margin-top:-10%;position:static;width:20%}.cardgameDetail{grid-gap:3vw;grid-template-rows:repeat(3,1fr)}.cardTestgame,.cardgameDetail{box-sizing:border-box;display:grid;gap:3vw;grid-template-columns:repeat(6,1fr);margin:2%;overflow:hidden;width:100%}.cardTestgame{grid-gap:3vw;grid-template-rows:repeat(2,1fr);height:auto}}@keyframes animateLeft{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-30px)}50%{transform:translateY(0)}75%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse2{0%{box-shadow:0 0 0 #ffd70000;transform:scale(1)}50%{box-shadow:0 0 20px #ffd700cc;box-shadow:0 0 0 #ffd70000;transform:scale(1.05)}to{box-shadow:0 0 0 #ffd70000;transform:scale(1)}}@keyframes shakeRight{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(0)}75%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}*{box-sizing:border-box}body{font-family:Segoe UI,sans-serif;margin:0}.nav{background-color:#ec1f1f;height:50px;position:fixed;right:0;top:0;width:100%;z-index:9999}.nav>.nav-header{display:inline}.nav>.nav-header>.nav-title{color:#fff;display:inline-block;font-size:20px;padding:10px}.nav>.nav-btn{display:none}.nav>.nav-links{display:inline;float:right;font-size:20px}.nav>.nav-links>a{background-color:#ec1f1f;color:#fde08d;display:inline-block;font-size:20px;padding:13px 10px;text-decoration:none;transition:background-color .3s ease}.nav>.nav-links>a:hover{background-color:#0000004d}.nav>#nav-check{display:none}.icon{color:#fde08d}.nav-btn>label:hover .icon{color:#ffd667}@media (max-width:600px){.nav>.nav-btn{display:inline-block;position:absolute;right:0;top:0}.nav>.nav-btn>label{display:inline-block;height:50px;padding:13px;width:50px}.nav #nav-check:checked~.nav-btn>label,.nav>.nav-btn>label:hover{background-color:#0000004d}.nav>.nav-links{background-color:#0000004d;height:50%;left:0;overflow-y:hidden;position:absolute;top:50px;transition:all .3s ease-in;z-index:9999999}.nav>.nav-links,.nav>.nav-links>a{display:block;width:100%}.nav>#nav-check:not(:checked)~.nav-links{height:0}.nav>#nav-check:checked~.nav-links{height:calc(100vh - 50px);overflow-y:auto}}
/*# sourceMappingURL=main.46127330.css.map*/