@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Playpen+Sans+Thai:wght@100..800&family=Playpen+Sans:wght@100..800&display=swap";@font-face{font-family:Mitr Webfont;src:url(/assets/mitr-regular-CABcdUQr.woff2) format("woff2"),url(/assets/mitr-regular-tdRu6JsL.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mitr Webfont;src:url(/assets/mitr-medium-DD1QFDqw.woff) format("woff2"),url(/assets/mitr-medium-DD1QFDqw.woff) format("woff");font-weight:700;font-style:normal}:root{--color-text: #000;--color-heading: #FFF624;--color-background: #C082D2;--color-primary: #224DD0;--color-primary-dark: #0F0E54;--color-secondary: #FFF624;--color-gray: #D9D9D9;--font-family: "Mitr Webfont", sans-serif;--vh: 1vh}*,*:before,*:after{box-sizing:border-box;margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}body{padding:0;margin:0;color:var(--color-text);background:var(--color-background) url(/assets/background-B-B5PD61.jpg) no-repeat center center;background-size:cover;line-height:1.6;font-family:var(--font-family);font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;min-height:100svh}.mitr{font-family:Mitr Webfont,"sans-serif"}.playpen{font-family:Playpen Sans Thai,Playpen Sans,cursive;font-optical-sizing:auto;font-weight:400;font-style:normal}.notosans{font-family:Noto Sans Thai,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}button{font-family:var(--font-family)}.input-wrapper{padding:0}.input-wrapper label{color:var(--color-secondary);font-weight:700;font-size:24px;padding:0 0 10px;display:inline-block;text-shadow:2px 2px 2px rgba(0,0,0,.25)}input[type=text],input[type=password],input[type=number],input[type=color],input[type=email],input[type=url],input[type=date],input[type=time],textarea,select{display:block;width:100%;line-height:1.6em;padding:10px;font-size:1rem;border-radius:16px;color:var(--color-text);transition:all .4s;border:none;outline:2px solid #fff}input[type=text]:hover,input[type=password]:hover,input[type=number]:hover,input[type=color]:hover,input[type=email]:hover,input[type=url]:hover,input[type=date]:hover,input[type=time]:hover,textarea:hover,select:hover{border-color:var(--color-secondary)}input[type=text]:focus,input[type=text]:focus-visible,input[type=text]:active,input[type=password]:focus,input[type=password]:focus-visible,input[type=password]:active,input[type=number]:focus,input[type=number]:focus-visible,input[type=number]:active,input[type=color]:focus,input[type=color]:focus-visible,input[type=color]:active,input[type=email]:focus,input[type=email]:focus-visible,input[type=email]:active,input[type=url]:focus,input[type=url]:focus-visible,input[type=url]:active,input[type=date]:focus,input[type=date]:focus-visible,input[type=date]:active,input[type=time]:focus,input[type=time]:focus-visible,input[type=time]:active,textarea:focus,textarea:focus-visible,textarea:active,select:focus,select:focus-visible,select:active{outline:2px solid var(--color-secondary)}input[type=text].invalid,input[type=password].invalid,input[type=number].invalid,input[type=color].invalid,input[type=email].invalid,input[type=url].invalid,input[type=date].invalid,input[type=time].invalid,textarea.invalid,select.invalid{border:1px solid var(--color-alert)}input[type=text]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=color]:disabled,input[type=email]:disabled,input[type=url]:disabled,input[type=date]:disabled,input[type=time]:disabled,textarea:disabled,select:disabled{background:var(--color-background)}input[type=text]:disabled:focus,input[type=text]:disabled:focus-visible,input[type=text]:disabled:active,input[type=password]:disabled:focus,input[type=password]:disabled:focus-visible,input[type=password]:disabled:active,input[type=number]:disabled:focus,input[type=number]:disabled:focus-visible,input[type=number]:disabled:active,input[type=color]:disabled:focus,input[type=color]:disabled:focus-visible,input[type=color]:disabled:active,input[type=email]:disabled:focus,input[type=email]:disabled:focus-visible,input[type=email]:disabled:active,input[type=url]:disabled:focus,input[type=url]:disabled:focus-visible,input[type=url]:disabled:active,input[type=date]:disabled:focus,input[type=date]:disabled:focus-visible,input[type=date]:disabled:active,input[type=time]:disabled:focus,input[type=time]:disabled:focus-visible,input[type=time]:disabled:active,textarea:disabled:focus,textarea:disabled:focus-visible,textarea:disabled:active,select:disabled:focus,select:disabled:focus-visible,select:disabled:active{outline:none}input[type=text]:disabled:hover,input[type=password]:disabled:hover,input[type=number]:disabled:hover,input[type=color]:disabled:hover,input[type=email]:disabled:hover,input[type=url]:disabled:hover,input[type=date]:disabled:hover,input[type=time]:disabled:hover,textarea:disabled:hover,select:disabled:hover{border-color:var(--color-border)}input[type=text][readonly],input[type=password][readonly],input[type=number][readonly],input[type=color][readonly],input[type=email][readonly],input[type=url][readonly],input[type=date][readonly],input[type=time][readonly],textarea[readonly],select[readonly]{background:var(--color-background)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.button{cursor:pointer;position:relative;outline:none;border:none;font-size:20px;padding:11px 30px;font-weight:700;color:var(--color-secondary);background:#224dd0;box-shadow:4px 4px 4px #00000040;border-radius:50px;overflow:hidden;transition:all .4s;text-decoration:none}.button.icon{padding-right:70px}.button img,.button svg{position:absolute;height:30px;right:20px;top:10px}.button:hover{color:var(--color-primary-dark);background:var(--color-secondary)}.ripple-button{text-decoration:none;cursor:pointer;position:relative;outline:none;border:none;font-size:24px;padding:10px 40px;font-weight:700;color:var(--color-secondary);background:radial-gradient(43.39% 43.39% at 50% 50%,#224dd0,#215ded 78.37%,#3e6dff);box-shadow:4px 4px 4px #00000040;border-radius:50px;overflow:hidden;transition:all .4s}.ripple-button:hover{color:var(--color-primary-dark);background:var(--color-secondary)}#app{position:relative;margin:0 auto;padding:0;font-weight:400}.switch-locale{position:absolute;top:55px;right:0;z-index:10;display:flex;flex-direction:column;background:var(--color-primary) url("data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%200L8%2010L0%200L16%200Z'%20fill='%23fff'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px top 20px;border-radius:8px;padding:0;line-height:0;cursor:pointer;transition:all .3s}.switch-locale:hover{background-color:var(--color-secondary)}.switch-locale>div{padding:7px 35px 7px 10px}.switch-locale.closed{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%200L8%2010L0%200L16%200Z'%20fill='%23fff'%20/%3e%3c/svg%3e")}.switch-locale.closed:hover{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%200L8%2010L0%200L16%200Z'%20fill='%230F0E54'/%3e%3c/svg%3e")}.switch-locale.closed>div{display:none}.switch-locale.closed>div.active{display:block}.switch-locale.opened{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.90735e-06%2010L8%206.99382e-07L16%2010L1.90735e-06%2010Z'%20fill='%23fff'/%3e%3c/svg%3e")}.switch-locale.opened:hover{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.90735e-06%2010L8%206.99382e-07L16%2010L1.90735e-06%2010Z'%20fill='%230F0E54'/%3e%3c/svg%3e")}.loading-wrapper[data-v-da7a87cb]{position:fixed;inset:0;background:var(--color-background) url(/assets/background-B-B5PD61.jpg) no-repeat center center;background-size:cover;display:none;justify-content:center;align-items:center;z-index:2}.loading-wrapper.show[data-v-da7a87cb]{display:flex}.loading-wrapper h2[data-v-da7a87cb]{color:var(--color-secondary);text-align:center}.loading[data-v-da7a87cb]{height:48px;width:320px;max-width:90%;background:#d9d9d9;border-radius:16px;overflow:hidden}.loading span[data-v-da7a87cb]{display:block;height:100%;width:0%;background:linear-gradient(90deg,#11276a,#224dd0);transition:all .5s}.loading.showing span[data-v-da7a87cb]{width:80%}.loading.done span[data-v-da7a87cb]{width:100%!important}.pd-overlay[data-v-1f0de4ad]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.pd-backdrop[data-v-1f0de4ad]{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center}.pd-modal[data-v-1f0de4ad]{background:#fff;width:min(1000px,92%);max-height:80vh;border-radius:8px;box-shadow:0 8px 24px #02061766;overflow:hidden;display:flex;flex-direction:column}.pd-header[data-v-1f0de4ad]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.pd-title[data-v-1f0de4ad]{margin:0;font-size:1.05rem;font-weight:600}.pd-close[data-v-1f0de4ad]{background:transparent;border:none;font-size:1.1rem;cursor:pointer}.pd-body[data-v-1f0de4ad]{padding:16px;overflow:auto;flex:1 1 auto;font-size:.95rem;line-height:1.5}.pd-footer[data-v-1f0de4ad]{padding:12px 16px;border-top:1px solid #eee;text-align:right}.pd-btn[data-v-1f0de4ad]{padding:8px 14px;border-radius:6px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer}.fade-enter-active[data-v-1f0de4ad],.fade-leave-active[data-v-1f0de4ad]{transition:opacity .16s ease}.fade-enter-from[data-v-1f0de4ad],.fade-leave-to[data-v-1f0de4ad]{opacity:0}.welcome-screen[data-v-dfe5c294]{text-align:center;margin:0;display:flex;justify-content:center;min-height:100vh;min-height:100svh;flex-direction:column;justify-content:space-between;overflow-x:hidden;overflow-y:auto}.welcome-screen .main-logo-wrapper[data-v-dfe5c294]{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.welcome-screen .main-logo[data-v-dfe5c294]{width:90%;max-width:530px;margin:0 auto;padding:0 0 20px}.welcome-screen .main-logo img[data-v-dfe5c294]{max-width:100%}.welcome-screen .logo-bottom[data-v-dfe5c294]{text-align:center;background:#fff;line-height:0;font-size:0;margin:0}.welcome-screen .logo-bottom img[data-v-dfe5c294]{width:100%;max-width:420px}.welcome-screen .accept-policy[data-v-dfe5c294]{padding:10px 0;margin:0 auto;max-width:200px;line-height:1em;opacity:.7}.welcome-screen .accept-policy small[data-v-dfe5c294]{font-size:11px;line-height:1em}.welcome-screen .accept-policy span[data-v-dfe5c294]{text-decoration:underline;cursor:pointer}