.device-mobile .toast.download-info{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;padding:4px 20px calc(1px + env(safe-area-inset-bottom));background:#fffffff0 !important;border:0;border-top:1px solid rgba(0,0,0,0.06);box-shadow:0 -6px 24px rgba(0,0,0,0.08);border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:2147483640;transform:none}.device-mobile .toast.download-info .close{position:absolute;right:2px;top:2px;width:24px;height:24px;border-radius:50%;background:#333;box-shadow:0 4px 4px rgba(0,0,0,0.2);place-items:center;opacity:1;color:#fff}.device-mobile .toast.download-info .app-box{grid-template-columns:repeat(3, 1fr)}.device-mobile .toast.download-info .app-box .app-group.BRAND{width:auto}.device-mobile .toast.download-info .app-box .app-group.BRAND .downloadAPP{max-width:80%;margin:0 auto}.device-mobile .toast.download-info .app-box{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10%;align-items:end;padding:0;width:100%;max-width:900px;margin:0 auto}.device-mobile .toast.download-info .app-box .app-group .tit{display:none}.device-mobile .toast.download-info.num-2 .app-box{grid-template-columns:repeat(2, minmax(0, auto));justify-content:center;justify-items:center;gap:15%}.device-mobile .toast.download-info.num-2 .app-box .app-group{width:auto}.device-mobile .toast.download-info.num-2 .app-box .app-group .tit{display:none}.device-mobile .toast.download-info.num-1 .app-box{grid-template-columns:minmax(0, auto);justify-content:center;justify-items:center}.device-mobile .toast.download-info.num-1 .app-box .app-group{width:auto}.device-mobile .toast.download-info.num-1 .app-box .app-group .tit{display:none}.device-mobile .toast.download-info .app-group{text-align:center;padding:0}.device-mobile .toast.download-info .app-group .downloadAPP{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:#222;text-align:center;box-shadow:none;transition:transform .16s ease;padding-bottom:2px}.device-mobile .toast.download-info .app-group .downloadAPP::after{display:none}.device-mobile .toast.download-info .app-group .downloadAPP img{width:46px;height:46px;border-radius:12px;display:block;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.device-mobile .toast.download-info .app-group .downloadAPP .txt{display:block;font-size:clamp(9px, 1.6vw, 11px);line-height:1.2;color:#222;white-space:nowrap;letter-spacing:0}.device-mobile .toast.download-info .app-group .downloadAPP .tit{display:none}.device-mobile .toast.download-info .app-group .downloadAPP:active{transform:scale(0.985)}@media (hover: hover){.device-mobile .toast.download-info .app-group .downloadAPP:hover{filter:brightness(0.98)}}.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before{content:'';position:absolute;left:calc(50% - 23px);transform:translateX(-50%);bottom:18px;width:16px;height:16px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.device-mobile .toast.download-info .app-group.PWA .downloadAPP img{outline:1px solid #FFD400;outline-offset:2px}.device-mobile .toast.download-info .app-group.PWA .downloadAPP .txt{white-space:nowrap}.device-mobile .toast.download-info .app-group.PWA .downloadAPP .tit{display:none}.device-mobile .toast.download-info .app-group.VPN1111 .downloadAPP img{width:46px;height:46px;border-radius:12px}.device-mobile .toast.download-info .app-group.VPN1111 .txt{white-space:nowrap}.device-mobile .toast.download-info .app-group.VPN1111 .tit{display:none}@media (min-width: 950px){.device-mobile .toast.download-info .app-group.BRAND.PWA .downloadAPP::before,.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before{content:'';position:absolute;left:calc(50% - 23px);transform:translateX(-50%);bottom:18px !important;width:16px !important;height:16px !important;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.2);transform:translateZ(0)}}body{background:#000}body::-webkit-scrollbar-track{background:#000}.page-header{height:50px;background:#3c3121;z-index:10;width:100%;position:absolute;top:0}.page-header .header-logo{text-align:center}.page-header .header-logo img{width:auto;max-height:50px}.form-login{margin:10px 0;padding:0 10px}.form-login ul{display:flex;flex-wrap:wrap;gap:5px}.form-login ul>li{width:100%;font-size:16px;height:36px;position:relative;background:rgba(0,0,0,0.8);display:flex;cursor:pointer;align-items:center;border-radius:1px}.form-login ul>li .select{font-size:16px;width:100%}.form-login ul>li .select-styled{line-height:24px;padding:8px 15px}.form-login ul>li .select-styled::after{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);content:"";width:0;height:0;border-style:solid;border-color:#000000 transparent transparent transparent;border-width:1.33333vw 1.33333vw 0 1.33333vw}.form-login ul>li:first-child{min-width:130px;background:linear-gradient(-180deg, #E9E3BA 0%, #BAA970 100%)}.form-login ul>li:first-child select{width:100%;height:100%;border:none;background:none;padding:0 5.33333vw 0 2.13333vw;background:none;font-size:4vw;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-login ul>li input{width:100%;font-size:16px;height:36px;padding:8px 15px;cursor:pointer;border:1px solid #756b54;color:#000}.form-login ul>li input[type="button"]{border:1px solid #756b54;color:#000;background:linear-gradient(0deg, #F39101 0%, #FFC300 100%)}.form-login ul>li input[type="text"],.form-login ul>li input[type="password"]{border:1px solid #756b54;background:#000;color:#FFDBA0}.form-login ul>li input[type="text"]::placeholder,.form-login ul>li input[type="password"]::placeholder{color:#a29b8e}.form-login ul>li.remember{cursor:pointer;display:flex;justify-content:flex-end;color:#FFDBA0;padding-right:10px;background:transparent}.form-login ul>li.remember .checkbox-input{display:none}.form-login ul>li.remember .checkbox{font-size:14px;display:flex;justify-content:center;gap:5px;align-items:center}.form-login ul>li.remember .checkbox::before{content:'';display:block;border:1px solid #756b54;background:#000;width:15px;height:15px;border-radius:3px}.form-login ul>li.remember .checkbox-input:checked+.checkbox::before{content:'\2713';color:#d8a411;display:flex;justify-content:center;align-items:center}.form-login ul>li.txt-error{display:flex;background:#FF4242;color:#fff;height:auto;line-height:20px;text-align:left;justify-content:center;align-items:flex-start;font-size:13px;gap:5px;padding:0 8px}.form-login ul>li.txt-error p{margin:0;display:inline-block}.form-login ul>li.txt-error i{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.form-login ul .select-options{display:none;position:absolute;top:100%;left:0;right:0;z-index:999;margin:4px 0 0;gap:0;list-style:none;width:100%;border-radius:6px;background:linear-gradient(180deg, #f7f3df 0%, #e0d2a8 100%);box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden;animation:dropdownFade 0.25s ease-out}.form-login ul .select-options li{width:100%;padding:12px 14px;font-size:14px;font-weight:500;color:#4a3d1a;cursor:pointer;transition:all 0.2s ease;background:transparent;border-bottom:1px solid rgba(186,169,112,0.3)}.form-login ul .select-options li:last-child{border-bottom:none}.form-login ul .select-options li:hover{background:rgba(186,169,112,0.25);color:#2d2612}footer .page-wrapper{font-size:12.8px;color:#F3E5B9;text-align:center;margin-bottom:20px}footer .page-wrapper .policy-area-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px}footer .page-wrapper .policy-area-menu .txt-link{padding:0 4px;color:#F3E5B9;font-size:12.8px;margin:0;padding:0;margin-right:0}footer .page-wrapper .policy-area-menu .txt-link::after{display:none}footer .page-wrapper .policy-area-menu .txt-link:not(:last-child){border-right:1px solid #F3E5B9;padding-right:8px}.page-contact .qr_code,.page-contact .banner_qr{display:none}.page-contact .second_kv{position:relative}.page-contact .second_kv .contact_us{position:absolute;top:-50px;left:10px;border-radius:2px;border:1px #364554 solid;margin-right:1.33333vw;background:linear-gradient(-180deg, #a6bac9 0%, #27384b 100%);display:inline-flex;justify-content:center;align-items:center;gap:5px;width:auto;height:auto;padding:4px 10px}.page-contact .second_kv .contact_us a{color:#fff;line-height:26px;font-size:13px}.page-contact .second_kv .contact_us img{display:none}.page-contact .second_kv .contact_us::before{display:inline-block;content:"";width:20.8px;height:15.6px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 14"><path d="M16.6 0H2.4C1.1 0 0 1 0 2.3v9.3C0 13 1.1 14 2.4 14h14.2c1.3 0 2.4-1 2.4-2.3V2.3C19 1 17.9 0 16.6 0zm-3.9 6.2l5-4.2c0 .1.1.2.1.3v9.5l-5.1-5.6zm3.9-5h.2L9.5 7.4 2.2 1.2H16.6zM1.2 11.9V2.3c0-.1 0-.2.1-.3l5 4.2-5.1 5.7zm1.2.9c-.1 0-.2 0-.3-.1L7.2 7l1.9 1.6c.1.1.2.1.4.1s.3 0 .4-.1L11.8 7l5.1 5.8c-.1 0-.2.1-.3.1H2.4z" fill="%23fff"/></svg>');background-size:100% 100%}.banner_zone{display:flex;gap:3px}.banner_zone li{width:33%}.banner_zone li img{width:100%}.input-password-btn{z-index:1}.icon-eye-open,.icon-eye-close{position:absolute;right:10px;top:calc(50% - 15px);outline:none;background:none;background-image:url(https://img.mpsimg.com/theme/images/login/eye-opened.svg);background-repeat:no-repeat;background-position:center center;background-size:18px;display:inline-block;width:30px;height:30px;border:none;cursor:pointer;filter:invert(75%) sepia(87%) saturate(816%) hue-rotate(359deg) brightness(103%) contrast(103%)}.icon-eye-close{background-image:url(https://img.mpsimg.com/theme/images/login/eye-closed.svg);background-size:18px}.warning_text{color:#F3E5B9}.warning_text .txt-link{color:#F3E5B9}.swiper-bg{position:relative;height:200px;padding-top:50px}.swiper-bg .swiper-pagination{position:absolute;border-radius:20px 20px 0 0;width:auto;bottom:0;left:50%;transform:translateX(-50%);padding:0 20px;background:rgba(0,0,0,0.75);display:flex;justify-content:center;align-items:center;height:30px}.swiper-bg .swiper-pagination .swiper-pagination-bullet{height:8px;width:8px;margin:2px 8px;background:#e1be83;border-radius:100px;display:inline-block;opacity:1}.swiper-bg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-bg .swiper-pagination .swiper-pagination-bullet:hover{transform:scale(1.4);transition:all .4s;background-color:white;box-shadow:0px 2px 8px #525252}.swiper-bg .second_kv{display:none}.swiper-bg .swiper-slide{cursor:pointer}.swiper-bg .swiper-slide img{width:100%;height:auto;object-fit:cover;object-position:center center}.device-PC .swiper-bg{height:398px}.device-PC .page-header{position:relative;height:85px;padding:0 15px 5px 15px}.device-PC .page-header .header-logo{text-align:left}.device-PC .page-header .header-logo img{max-height:80px}.device-PC .page-content{margin:0px auto;width:1200px;padding:15px;background:linear-gradient(-180deg, rgba(107,107,107,0.34) 0%, rgba(0,0,0,0.48) 41%)}.device-PC .swiper-bg{padding-top:0;border-radius:8px}.device-PC .form-login{position:absolute;top:0;z-index:10;right:0}.device-PC .form-login ul{display:inline-flex}.device-PC .form-login ul>li{height:40px;width:150px}.device-PC .form-login ul>li.txt-error{position:absolute;left:321px;height:auto;top:45px;vertical-align:middle;text-align:left;align-items:flex-start;line-height:normal;width:auto;max-width:230px;padding:4px 8px}.device-PC .form-login ul>li .select-styled{line-height:40px}.device-PC .form-login ul>li .select-styled::after{top:16px;transform:none;border-width:8px 8px 8px}.device-PC .form-login ul>li input{height:40px}.device-PC .form-login ul>li.remember{position:absolute;top:45px;left:140px;height:20px;z-index:10}.device-PC .form-login ul>li.remember label{cursor:pointer}.device-PC footer .page-wrapper{font-size:16px}.device-PC footer .page-wrapper .policy-area-menu{text-align:center;gap:0}.device-PC footer .page-wrapper .policy-area-menu .txt-link{font-size:16px}.device-PC .page-contact{position:absolute;top:calc( 50px + 80px);right:calc((100vw - 1200px + 38px) / 2);z-index:10}.device-PC .page-contact .second_kv{padding:0;margin:0}.device-PC .page-contact .second_kv .contact_us{width:260px;height:140px;overflow:hidden;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:2px 10px 10px 0px rgba(0,0,0,0.48);position:relative;top:auto;right:auto;margin:0;padding:0}.device-PC .page-contact .second_kv .contact_us::before{display:none}.device-PC .page-contact .second_kv .contact_us a span{display:none}.device-PC .page-contact .second_kv .contact_us img{display:block;width:100%;height:auto;object-fit:cover}.device-PC .banner_zone{gap:10px}footer{padding-bottom:15px}.modal-box.modal-contant_con .modal-main{max-width:740px;padding:20px}.modal-box.modal-contant_con .modal-main .modal-top{font-size:25px}.toast.download-info{background:url(../../../theme/images/src-common/VPN1111/downloadInfo-bg.webp) no-repeat right center;background-size:cover;left:50%;transform:translateX(-50%)}.device-PC .toast.download-info{top:auto;bottom:5%;left:2%;transform:none;border-radius:20px;background:url(../../../theme/images/src-common/VPN1111/downloadInfo-bg.webp) no-repeat right center !important;background-size:cover}.toast.download-info.num-3 .app-box .app-group.BRAND{width:auto}.modal-box.modal-contant_con .modal-main{min-height:auto;padding:16px;border-radius:0;background:linear-gradient(-180deg, #333 0%, #131313 68%);border:0;box-shadow:0 5px 8px rgba(0,0,0,0.7);color:#d2caa0}.modal-box.modal-contant_con .modal-main .modal-top{padding:0;font-size:20px}.modal-box.modal-contant_con .modal-main .modal-top .close{top:5px;right:-10px}.modal-box.modal-contant_con .modal-main .modal-layout{text-align:left}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.swiper-bg{height:275px}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.swiper-bg{height:398px}.page-header{position:relative;height:85px;padding:0 15px 5px 15px}.page-header .header-logo{text-align:left}.page-header .header-logo img{max-height:80px}.page-content{margin:0px auto;width:1200px;padding:15px;background:linear-gradient(-180deg, rgba(107,107,107,0.34) 0%, rgba(0,0,0,0.48) 41%)}.swiper-bg{padding-top:0;border-radius:8px}.form-login{position:absolute;top:0;z-index:10;right:0}.form-login ul{display:inline-flex}.form-login ul>li{height:40px;width:150px}.form-login ul>li.txt-error{position:absolute;left:321px;height:auto;top:45px;vertical-align:middle;text-align:left;align-items:flex-start;line-height:normal;width:auto;max-width:230px;padding:4px 8px}.form-login ul>li .select-styled{line-height:40px}.form-login ul>li .select-styled::after{top:16px;transform:none;border-width:8px 8px 8px}.form-login ul>li input{height:40px}.form-login ul>li.remember{position:absolute;top:45px;left:140px;height:20px;z-index:10}.form-login ul>li.remember label{cursor:pointer}footer .page-wrapper{font-size:16px}footer .page-wrapper .policy-area-menu{text-align:center;gap:0}footer .page-wrapper .policy-area-menu .txt-link{font-size:16px}.page-contact{position:absolute;top:calc( 50px + 80px);right:calc((100vw - 1200px + 38px) / 2);z-index:10}.page-contact .second_kv{padding:0;margin:0}.page-contact .second_kv .contact_us{width:260px;height:140px;overflow:hidden;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:2px 10px 10px 0px rgba(0,0,0,0.48);position:relative;top:auto;right:auto;margin:0;padding:0}.page-contact .second_kv .contact_us::before{display:none}.page-contact .second_kv .contact_us a span{display:none}.page-contact .second_kv .contact_us img{display:block;width:100%;height:auto;object-fit:cover}.banner_zone{gap:10px}.swiper-bg{height:280px}.page-content{width:700px}.page-content .page-contact{position:absolute;top:calc( 50px + 80px);right:calc((100vw - 700px + 40px) / 2)}}.NX .page-header,.VSPORTS .page-header,.SANOOK .page-header{background:linear-gradient(-180deg, #000 0%, #4B0000 68%)}@keyframes dropdownFade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}