@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;500&display=swap");body{font-family:'Kanit', sans-serif;color:#555;font-weight:300}p{margin-bottom:0}.logo{max-width:130px;height:auto}a{color:#555}a:hover{text-decoration:none;filter:brightness(120%);color:#f21e1e}button{border:none}button:hover{filter:brightness(120%)}.txt-head{font-size:1.5rem;font-weight:400}.txt-red{color:#f21e1e}.navbar-expand-lg{border-bottom:solid 4px #c31919;position:fixed;top:0;width:100%;z-index:1}.nav-item .navbar-expand-lg .navbar-nav.active{color:#c31919}.navbar-expand-lg .navbar-nav .nav-link{color:#555;padding-left:1rem;padding-right:1rem}.navbar-expand-lg .navbar-nav .nav-link:hover{color:#c31919}.navbar-expand-lg .dropdown-item{font-weight:300}.navbar-expand-lg .dropdown-item:focus,.navbar-expand-lg .dropdown-item:hover{color:#fff;background-color:#c31919}.navbar-expand-lg .box-login ul{list-style:none;margin-block-end:0}.navbar-expand-lg .box-login ul li{margin-right:0.25rem;display:inline}.navbar-expand-lg .box-login ul li a{display:inline;color:#555}.navbar-expand-lg .box-login ul li a:hover{color:#c31919}.navbar-expand-lg .avatar{background-color:red;display:inline-block;border-radius:50%;width:34px;height:34px;text-align:center;font-size:20px}.navbar-expand-lg .avatar .nav-link{padding:0}.navbar-expand-lg .avatar a{vertical-align:middle;color:#fff !important}.navbar-expand-lg .alert-gnjoy{vertical-align:middle;font-size:22px}.navbar-expand-lg .alert-gnjoy .bage-gnjoy{position:relative;left:-13px;vertical-align:top;background-color:#c31919;border-radius:50%;font-weight:300;font-size:0.6rem;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:200px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;padding:15px;left:-70px}.dropdown-content ul{padding:0;display:grid;text-align:left}.dropdown-content ul li{line-height:2rem}.dropdown-content ul a:hover{background:none}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.box-card{border-top:solid 4px #c31919;padding:20px}footer{background-color:#484848;padding:20px;color:#ababab}footer ul{list-style:none;padding-inline-start:0;margin-block-end:0}footer ul li{display:inline-block;margin:6px}.sec-head{margin-top:64px}.sec-head .bg-msg{background:#aa0004;background:linear-gradient(0deg, #aa0004 0%, #c91003 100%);color:#fff;font-size:14px}.sec-content{background:url(../img/bg-home.jpg) top center no-repeat;background-size:100% auto;padding-top:4rem}.sec-member{background:url(../img/bg-register-flip.jpg) bottom center no-repeat;background-size:cover;padding:8rem 0 4rem}@media (min-width: 576px) and (max-width: 766px){.sec-member{padding:6rem 0 4rem}}@media (max-width: 575px){.sec-member{padding:6rem 0 4rem}}.sec-member .box-register{box-shadow:0 0 5px 0px #dadada;padding:30px}@media (min-width: 576px) and (max-width: 766px){.sec-member .box-register{padding:30px 0}}@media (max-width: 575px){.sec-member .box-register{padding:30px 0}}.box-menu-member{border-right:solid 1px #e5e5e5}@media (min-width: 576px) and (max-width: 766px){.box-menu-member{border-right:none}}@media (max-width: 575px){.box-menu-member{border-right:none}}.box-menu-member .menu-member{margin-top:20px;justify-content:center}.box-menu-member .menu-member ul{list-style-type:none;margin-block-start:0;padding-inline-start:0;line-height:2.25rem}.box-select-topup{font-size:12px;margin-bottom:15px}.box-select-topup a{color:#555}.box-select-topup a img,.box-select-topup a p{transition:transform .4s}.box-select-topup a:hover{color:#f21e1e}.box-select-topup a:hover img{-ms-transform:scale(1.15);-webkit-transform:scale(1.15);transform:scale(1.15)}.box-select-topup a:hover p{font-weight:bolder}.btn-next{background-color:#f21e1e;padding:5px 30px;border-radius:30px;color:#fff}.btn-next:hover{color:#fff}.btn-back{background-color:#dadada;padding:5px 30px;border-radius:30px;color:#fff}.btn-back:hover{background-color:#9b9b9b;color:#fff}.btn-pass{background-color:#ffcb2d;padding:5px 20px;border-radius:30px;color:#fff;font-size:12px;text-align:center}.btn-pass:hover{color:#fff}.btn-pass-2nd{background-color:#0093a6;padding:5px 20px;border-radius:30px;color:#fff;font-size:12px;text-align:center}.btn-pass-2nd:hover{color:#fff}.box-confirm{line-height:2}.box-confirm p{text-align:right}.card-id{margin-bottom:20px}.card-id .icon-id{font-size:5.5rem}.card-new-id{min-height:281px;background-color:#ececec;color:darkgrey}.card-new-id .icon-new-id{margin:auto;transition:transform .4s}.card-new-id:hover{filter:brightness(105%)}.card-new-id:hover .icon-new-id{margin:auto;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.box-news .txt-title{font-size:16px;font-weight:400;max-height:50px;overflow:hidden}.box-news a{color:#555}.box-news:hover{filter:brightness(105%)}.box-news:hover a{color:#c31919}.btn-game{background-color:#03aeef;padding:5px 20px;border-radius:30px;color:#fff;font-size:12px;text-align:center}.breadcrumb-gnjoy{background-color:transparent;font-size:14px;padding:0}.card-header-gnjoy{background-color:transparent}.card-header-gnjoy .h5{margin-bottom:0}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:transparent;color:#c31919;border-radius:0;border-bottom:solid 3px #c31919}.social ul{list-style:none;padding-inline-start:0;margin-block-end:0}.social ul li{display:inline-block;margin:6px}.social a{color:#555555}.box-side{color:#ffffff}.box-side .box-facebook{background:#4767aa}.box-side .box-youtube{background:#ed1c24}.box-support{position:relative;z-index:1}.box-support .btn-support{position:fixed;background:#2196f3;padding:4px 20px;right:20px;bottom:100px;border-radius:50px}.btn{z-index:0 !important}.btn-support>a{color:#fff}button{border:none}.fancybox-slide{height:auto !important}.fancybox-content{max-height:750px;padding:15px 20px}.box-pdpa{position:relative;width:100%;font-size:14px}.box-pdpa .pdpa{position:fixed;padding:22px;z-index:0;bottom:0;background-color:rgba(0,0,0,0.8);width:100%;text-align:center;color:#fff}@media (min-width: 576px) and (max-width: 766px){.box-pdpa .pdpa{padding:18px 10px}.box-pdpa .pdpa p{margin-bottom:10px}}@media (max-width: 575px){.box-pdpa .pdpa{padding:18px 10px}.box-pdpa .pdpa p{margin-bottom:10px}}.box-pdpa a{color:#2196f3}.box-policy{padding:30px 40px;font-size:14px;word-wrap:break-word}.box-policy ol{padding-inline-start:0}.box-policy ol li{list-style-position:inside}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4CAF50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}.blink-one{animation:blinker-one 0.8s linear infinite;color:red;font-weight:400}@keyframes blinker-one{0%{filter:brightness(1.8);color:#ffa000}}.tooltip{position:relative;display:inline;opacity:1;z-index:1;width:100%}.tooltip .tooltiptext{visibility:hidden;width:auto;color:#fff;text-align:center;border-radius:6px;padding:10px 12px;position:absolute;z-index:9;top:20px;background-color:#000}.tooltip:hover .tooltiptext{visibility:visible;z-index:9}.swal2-title{font-size:24px !important;font-weight:400 !important}.swal2-html-container{font-size:28px !important;margin:10px !important}form{height:auto;padding-top:0}from{height:auto;padding-top:0}.grid-wrapper-cc .radio-card .card-content-wrapper img{display:block;width:auto;height:60px;max-width:100%;object-fit:contain;margin:0 auto}.radio-card input[type="radio"]{display:none}.radio-card .card-content-wrapper img{border:2px solid transparent;border-radius:10px;transition:all 0.25s ease;padding:4px}.radio-card input[type="radio"]:checked+.card-content-wrapper img{border-color:#ff2b2b;box-shadow:0 0 12px rgba(255,43,43,0.25);transform:scale(1.05)}.p-cfp{top:0px;right:40px;text-align:right}.sec-select--amont .radio-card input[type="radio"]{display:none}.sec-select--amont .radio-card .card-content-wrapper{border:1px solid #dcdcdc;border-radius:14px;padding:14px 18px;width:85px;background:#fff;transition:all 0.25s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.sec-select--amont .card-content{text-align:center;line-height:1.2}.sec-select--amont .card-content h5{font-size:12px;font-weight:600;margin-bottom:4px !important;color:#444}.sec-select--amont .card-content small{display:block;font-size:11px;color:#999;margin:3px 0}.sec-select--amont .card-content h4{font-size:14px;font-weight:500;margin-bottom:0 !important;color:#111}.sec-select--amont .grid-wrapper{gap:12px}.sec-select--amont .radio-card:hover .card-content-wrapper{border-color:#c8c8c8;transform:translateY(-2px)}.sec-select--amont .radio-card input[type="radio"]:checked+.card-content-wrapper{border:2px solid #ff2b2b;box-shadow:0 0 12px rgba(255,43,43,0.12);transform:translateY(-2px)}.img-chanel{width:120px}.from-gnjoy::placeholder{font-weight:200}.from-gnjoy{font-weight:200}.from-gnjoy option{font-weight:200}small{font-weight:300}.new-id label{margin-bottom:0}from{height:auto;padding-top:0}.fancybox-content{min-width:400px}.btn-login{text-align:center;font-weight:300;padding:5px 20px;border:none;border-radius:30px;cursor:pointer}.btn-login-gnjoy{color:#fff !important;background:#aa0004;background:linear-gradient(0deg, #aa0004 0%, #c91003 100%)}.btn-login-fb{color:#fff !important;background:#4267b2}.btn-login-gg{background:white;color:#444;border:thin solid #888}.btn-cancel{color:#676767;background:#e2e2e2}.vh-100{min-height:70vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.loading{width:160px;height:160px;border-radius:150px;border:15px solid #ffd9d9;border-top-color:red;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-top:-80px;margin-left:-80px;animation:loading 1.2s linear infinite;-webkit-animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.txt-loading{position:absolute;top:49%}.list-chanel{list-style:none;display:inline-flex;padding-inline-start:0}.list-chanel li{padding:0 15px}
/*# sourceMappingURL=style_v21051021.css.map */