@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;400;600&display=swap);.App{min-height:100vh;height:100%;background-color:#333;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}a{text-decoration:none}.App-logo{height:40vmin;pointer-events:none}.cursor-pointer{cursor:pointer}.member-signin-app{background:#b92b27;background:linear-gradient(180deg,#a9449f,#3c164f)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.font-mute{color:#fff}.font-mute,.updated-date{font-size:.7rem;font-style:italic}.updated-date{color:#00a18e}.head-title{color:#fff;padding:20px 15px;text-align:left}.latest-transactions{font-size:.8rem}.hr-gold{background:linear-gradient(90deg,transparent,orange,#ff0,transparent);height:1px}.hr-green{background:linear-gradient(90deg,rgba(40,167,69,0),#28a745,rgba(40,167,69,0));height:1px}.pLink{padding-left:0;padding-right:0}.content-body{color:#fff}.content-body .content-row .content-body-box{padding-top:30px;position:relative}.content-body .content-row .content-body-box .profile-box{color:#fff}.content-body .content-row .content-body-box .profile-box .profile-picture{width:50px;border-radius:20px;border:2px solid #fff}.content-body .content-row .content-body-box .profile-box .customer-username{font-weight:300;text-transform:uppercase;font-size:.7rem;padding-top:5px}.content-body .content-row .content-body-box .profile-box .balance-title{color:#a4b5d5;font-size:1rem;font-weight:600}.content-body .content-row .content-body-box .profile-box .font-credits{font-size:1.8rem;font-weight:600;margin-bottom:0}.content-body .content-row .content-body-box .block-balance{padding:15px 15px 25px;border-radius:10px;text-align:center;background:#2bac4b;background:linear-gradient(0deg,#2bac4b,#00a18e);border:1px solid hsla(0,0%,100%,.6);color:#fff}.content-body .content-row .content-body-box .block-balance .balance-title{color:#a4b5d5;font-size:1rem;font-weight:600}.content-body .content-row .content-body-box .block-balance .font-credits{font-size:1.8rem;font-weight:600}.content-body .content-row .content-body-box .block-balance .balance-icon{background:#ffd59f;background:linear-gradient(0deg,#ffd59f,#fa6523);position:absolute;left:50%;margin-left:-20px;bottom:-23px;font-size:.7rem;color:#fff;padding:10px;border-radius:20px}.content-body .content-row .content-body-box .block-balance span{color:#000;text-shadow:none;display:block;font-size:.6rem}.content-body .content-row .content-body-box .feature-link-box{margin-top:10px}.content-body .content-row .content-body-box .feature-link-box .feature-link{display:inline-block;text-align:center;margin-right:10px}.content-body .content-row .content-body-box .feature-link-box .feature-link .block-link{background-color:#fff;display:inline-block;padding:8px 10px;border-radius:15px;color:#6497b1;text-decoration:none}.content-body .content-row .content-body-box .feature-link-box .feature-link .block-link .feature-icon{background:#ffd59f;background:linear-gradient(180deg,#ffd59f,#fa6523);color:#fff;padding:10px;border-radius:25px;display:inline-block;font-size:.4rem;margin-bottom:15px}.content-body .content-row .content-body-box .feature-link-box .feature-link .block-link span{display:block;line-height:normal;font-size:12px}.content-body .content-row .content-body-box .feature-link-box .feature-link .block-title{display:block;color:#a4b5d5;font-size:.7rem;padding-top:5px}.content-body .content-row .content-body-box .enter-2-play{background:#2bac4b;background:linear-gradient(270deg,#2bac4b,#00a18e);display:inline-block;width:60%;border:none;padding:10px 0;border-radius:25px;font-weight:600}.content-body .content-row .content-body-box .menu-footer-container{background-color:#00adaa;bottom:0;left:0;z-index:9999}.content-body .content-row .content-body-box .menu-footer-container .footer-icon{padding-top:10px;padding-bottom:10px}.content-body .content-row .content-body-box .menu-footer-container .btn-credit{position:absolute;top:-50px;margin-left:-15px;border-radius:45px;background-color:#0ff;overflow:hidden}.content-body .content-row .content-body-box .menu-footer-container .btn-credit img{width:90px}.content-body .content-row .content-login-box{background:#b92b27;background:linear-gradient(45deg,#a9449f,#3c164f)}.content-body .content-row .content-login-box .login-box{padding:15px 10px;border:1px solid #aaa;border-radius:10px;background-color:hsla(0,0%,100%,.1)}.content-body .content-row .content-header-box{background:#b92b27;background:linear-gradient(180deg,#a9449f,#3c164f)}.content-body .content-row .content-main-body-box{background:#b92b27;background:linear-gradient(0deg,#a9449f,#3c164f)}.content-body .content-row .member-body .recent-body{padding:10px}.content-body .content-row .member-body .recent-body .recent-title{font-size:1.2rem;font-weight:600}.content-body .content-row .body-radius{margin-top:-15px;background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;padding-top:15px;color:#005b96}.content-body .content-row .body-radius .recent-body{padding:10px}.content-body .content-row .body-radius .recent-body .recent-title{font-size:1.2rem;font-weight:600}.content-body .content-row .carousel-indicators{position:absolute;right:0;bottom:auto!important;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15px;margin-bottom:0!important;margin-left:15px;list-style:none;text-align:center}.content-body .content-row .carousel-indicators [data-bs-target]{width:55px;height:55px;box-sizing:initial;flex:0 1 auto;padding:0;margin-right:3px;margin-left:3px;text-indent:0;cursor:pointer;background-color:initial!important;background-clip:unset!important;border:0;transition:opacity .6s ease}.content-body .content-row .carousel-indicators .active{color:#cfc09f}.content-body .content-row .carousel-indicators .active .indicator-icons{background-color:#000}.content-body .content-row .carousel-indicators .indicator-icons{font-size:1.6rem;padding:5px 15px;border-radius:10px;display:inline-block;background:#666;background-clip:padding-box;border:2px solid transparent;position:relative;box-sizing:border-box}.content-body .content-row .carousel-indicators .indicator-icons svg{max-width:20px}.content-body .content-row .carousel-indicators .indicator-icons i{font-size:20px}.content-body .content-row .carousel-indicators .indicator-icons:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(180deg,#cfc09f 22%,#634f2c 24%,#cfc09f 26%,#cfc09f 27%,#ffecb3 40%,#3a2c0f 78%)}.content-body .content-row .carousel-indicators .text-title{font-size:1rem;padding-top:2px;display:block;color:#cfc09f;position:relative}.content-body .content-row .carousel-indicators .text-title:after{background:none;content:attr(data-heading);left:0;top:0;z-index:-1;position:absolute;text-shadow:-1px 0 1px #c6bb9f,0 1px 1px #c6bb9f,5px 5px 10px rgba(0,0,0,.4),-5px -5px 10px rgba(0,0,0,.4)}.content-body .content-row .carousel-inner{top:70px}.content-body .content-row .menu-footer{position:fixed;left:0;bottom:0;width:100%;z-index:999;font-size:12px;font-weight:700}.content-body .content-row .menu-footer .footer-row{margin-left:-1.5rem;margin-right:-1.5rem}.content-body .content-row .menu-footer .footer-row .menu-footer-container{background-color:#6497b1}.content-body .content-row .menu-footer .footer-row .menu-footer-container .footer-icon{padding-top:10px;padding-bottom:10px}.content-body .content-row .menu-footer .footer-row .menu-footer-container .btn-credit{position:absolute;top:-30px;margin-left:-15px;border-radius:45px;background-color:#03396c;background:#03396c;background:linear-gradient(352deg,#03396c,#3e90de);overflow:hidden}.content-body .content-row .menu-footer .footer-row .menu-footer-container .btn-credit img{width:90px}.height-100-vh{min-height:100vh}.height-50-vh{min-height:50vh}.height-60-vh{min-height:60vh}.height-70-vh{min-height:70vh}.height-80-vh{min-height:80vh}.height-90-vh{min-height:90vh}.b1{color:green}.mr0{padding-right:0}.noti input{background-color:#4a4a4a;color:#fff}.icon-link img{border:1px solid orange;border-radius:50%;vertical-align:middle}.icon-link span{color:#fff;display:block;line-height:120%}.disableStyle{pointer-events:none;opacity:.5;background:#ccc}.sp-th{margin-top:3px}.sp-en{font-size:10px}.border-gradient{border:1px solid transparent;border-image:linear-gradient(90deg,orange,#ff0);border-image-slice:1}.menu-footer p{margin-bottom:0}.circle-menu{color:#000;background-color:gold;border-radius:50%;padding:10px}.loading-page{text-align:center;width:100%;position:absolute;top:45%;left:0}.loading-gradient{width:60%;display:block;height:3px;border-radius:5px;background-size:300% 100%;position:absolute;top:40%;left:20%;background-image:linear-gradient(90deg,#f17c58,#e94584,#24aadb,#27dbb1,#ffdc18,#ff3706);animation:bg-gradient-loading 5s linear infinite;animation-direction:alternate}@keyframes bg-gradient-loading{0%{background-position:0}to{background-position:400%}}.page-regist{margin-top:-50px;padding:15px}.page-cont{text-align:center;min-height:100vh;height:100%;background-color:#000;font-size:20px;background-repeat:no-repeat;background-size:cover;opacity:.9;color:#fff}.btn-gold{background:linear-gradient(90deg,transparent,orange,#ff0,transparent)}.img-credit-free{width:100%}.border-left{border-left:2px solid #fff}.header-bank{background:#363637;background:linear-gradient(135deg,#363637,#000);padding:15px 0}.content-bank{background-color:#fff;color:#000;padding:5px 0}.bank-value{margin-left:-30px}.bank-img{margin-top:5px;border-radius:20px;box-shadow:1px 1px 10px 1px #000}.bank-text p{font-size:20px;margin-top:0}.contact-link{background:#363637;background:linear-gradient(318deg,#363637,#000);color:#fff;border-radius:15px;border:1px solid #000;box-shadow:3px 3px 5px #aaa}.text-account{font-size:35px;margin-left:-10px}.text-account,.text-account-no{font-weight:700;border:0;width:100%}.text-account-no{font-size:20px}@media only screen and (max-width:600px){.menu-footer-container{background-color:#00adaa}.menu-footer-container .footer-icon{padding-top:0;padding-bottom:0}.img-credit-free{width:100%}.bank-text p{font-size:15px;margin-top:0;margin-bottom:0}.latest-transactions{font-size:1rem!important}}.text-gold{background:linear-gradient(180deg,#cfc09f 22%,#634f2c 24%,#cfc09f 26%,#cfc09f 27%,#ffecb3 40%,#3a2c0f 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;position:relative;margin:0;font-weight:400}.text-gold:after{background:none;content:attr(data-heading);left:0;top:0;z-index:-1;position:absolute;text-shadow:-1px 0 1px #c6bb9f,0 1px 1px #c6bb9f,5px 5px 10px rgba(0,0,0,.4),-5px -5px 10px rgba(0,0,0,.4)}.text-small{font-size:70%}.reward-header-card{background-color:rgba(12,81,146,.5)}.reward-card{background-color:rgba(146,152,159,.25);box-shadow:0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04)}.icon-rewards{background:linear-gradient(324deg,#f46b45 65%,#eea849);padding:15px 20px;border-radius:48px;font-size:2rem}.bg-yellow-soft{background-color:#f0cf89!important}.bg-yellow{background-color:#f4bc41!important}.modal-app{margin-top:20px}.modal-app .modal-body{background-color:#333;color:#fff;text-align:center}.register-result-box{padding:5px 7px;background:#333;border-radius:5px;border:1px solid #aaa}.register-result-box input{background:transparent;color:#fff;border:none;outline:none}.register-result-copy-box{text-align:center;line-height:.8}.register-result-copy-box .caption-text{font-size:.5rem}.toast{--bs-toast-border-width:0!important}.toast-body,.toast-header{color:#fff}.toast-header-success{background-color:#408140}.toast-body-success{background-color:#5cb85c!important}.toast-header-error{background-color:#983a37}.toast-body-error{background-color:#d9534f!important}body{margin:0;font-family:"Noto Sans Thai",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}