@font-face{font-family:"Noto Sans Thai";src:url("/assets/fonts/Noto_Sans_Thai/NotoSansThai.ttf") format("truetype");font-weight:normal;font-style:normal}body{margin:0}body .border-box{display:flex;position:absolute;top:0;right:0;width:100%}body .border-box-width-50{width:50%}body .border-box .border-bg{display:block;width:20%;height:5px}body .external-link{font-weight:400;font-size:16px;color:black;text-decoration:underline}body .border-box .border-bg:first-child{background:#ee7b22}body .border-box .border-bg:nth-child(2){background:#5dbeeb}body .border-box .border-bg:nth-child(3){background:#e9719e}body .border-box .border-bg:nth-child(4){background:#53b45f}body .border-box .border-bg:nth-child(5){background:#ffb700}body .body{background-color:#ffffff;font-family:"Noto Sans Thai",sans-serif;margin:0;height:100vh}body .body.-first-page{display:block}body .body .main{padding:0px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;gap:30px}body .body .main.-first-page{justify-content:flex-start}body .body .main .section-body{padding-top:32px;display:flex;flex-direction:column;gap:30px}body .body .main .section-body.-first-page{gap:16px;margin-bottom:100px}body .body .main .section-body .section-top{display:flex;flex-direction:column;align-items:center;gap:30px}body .body .main .section-body .section-top>img{height:80px}body .body .main .section-body .section-top .section-header{width:100%;display:flex;gap:10px;flex-direction:column}body .body .main .section-body .section-top .section-header .first-page{width:100%;display:flex;gap:16px;flex-direction:column}body .body .main .section-body .section-top .section-header .header-text{display:flex;flex-direction:column;text-align:center;color:#000000}body .body .main .section-body .section-top .section-header .header-text h1{margin:0;font-size:32px;font-weight:400}body .body .main .section-body .section-top .section-header .header-text h2{margin:0;font-size:22px;line-height:1.3em;font-weight:400}body .body .main .section-body .section-top .section-header .header-text h2 span{color:#1752ec}body .body .main .section-body .section-top .section-header .header-text h3{display:none}body .body .main .section-body .section-top .section-header .progress-section{display:flex;flex-direction:column;gap:10px}body .body .main .section-body .section-top .section-header .progress-section .progress-text{font-weight:400;font-size:14px;text-align:center}body .body .main .section-body .section-top .section-header .progress-section .progress-container{width:100%;height:10px;background-color:#d9d9d9;border-radius:5px;overflow:hidden}body .body .main .section-body .section-top .section-header .progress-section .progress-bar{width:0%;height:100%;background-color:#1752ec;border-radius:3px;transition:width 0.3s ease}body .body .main .section-body .section-content{display:flex;flex-direction:column;justify-content:center;width:100%}body .body .main .section-body .section-content .accept-content{display:flex;flex-direction:column;gap:16px}body .body .main .section-body .section-content .accept-content .wrap-container{width:100%;display:flex;flex-direction:row}body .body .main .section-body .section-content .accept-content .wrap-container .container{width:50%;display:flex;align-items:center;gap:8px}body .body .main .section-body .section-content .accept-content .wrap-container .container .roundRadio{margin:0;width:25px;height:25px;accent-color:#1752ec}body .body .main .section-body .section-content .accept-content .wrap-container .roundCheckbox{display:none}body .body .main .section-body .section-content .accept-content .wrap-container .custom-checkbox{position:relative;padding-left:36px;cursor:pointer;user-select:none;line-height:24px;display:inline-flex;align-items:center;color:black;text-decoration:none}body .body .main .section-body .section-content .accept-content .wrap-container .check-icon{position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #cccccc;border-radius:6px;background-color:#ffffff;color:#ffffff;display:flex;justify-content:center;align-items:center;font-size:16px}body .body .main .section-body .section-content .accept-content .wrap-container .roundCheckbox:checked+.custom-checkbox .check-icon{display:flex;opacity:1;color:#ffffff;background-color:#007bff}body .body .main .section-body .section-content .accept-content .errortext{margin-top:-5px;margin-left:5px;font-size:14px;color:#ff3333}body .body .main .section-body .section-content .accept-content .text{font-weight:400;font-size:16px}body .body .main .section-body .section-content .accept-content .linkpolicy{font-weight:400;font-size:16px;color:black;text-decoration:underline}body .body .main .section-body .section-content .input-body{display:flex;flex-direction:column;gap:16px}body .body .main .section-body .section-content .headtext{font-family:"Noto Sans Thai",sans-serif;font-weight:500;font-size:24px;color:#000000}body .body .main .section-body .section-content .questionhead .headtext{font-family:"Noto Sans Thai",sans-serif;font-weight:500;font-size:24px;color:#000000}body .body .main .section-body .section-content .questionhead .subtext{font-family:"Noto Sans Thai",sans-serif;font-weight:500;font-size:16px;color:#666666}body .body .main .section-body .section-content .questionbody{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}body .body .main .section-body .section-content .questionbody .wrap-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}body .body .main .section-body .section-content .questionbody .wrap-container .container{display:flex;align-items:flex-start;gap:8px}body .body .main .section-body .section-content .questionbody .wrap-container .container .label{font-weight:400}body .body .main .section-body .section-content .questionbody .wrap-container .container .roundRadio{margin:0;width:25px;height:25px;accent-color:#1752ec}body .body .main .section-body .section-content .section-input{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;width:100%;position:relative}body .body .main .section-body .section-content .section-input.-other{display:none}body .body .main .section-body .section-content .section-input .suggestion-box{max-height:150px;overflow-y:auto;position:absolute;background:white;width:99%;z-index:100;top:80px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}body .body .main .section-body .section-content .section-input .suggestion-box.-amphoe{top:120px}body .body .main .section-body .section-content .section-input .suggestion-item{padding:7px 10px;border:1px solid #f5f5f5;cursor:pointer}body .body .main .section-body .section-content .section-input .suggestion-item:hover{background-color:#f0f0f0}body .body .main .section-body .section-content .section-input .otp-section{display:flex;flex-direction:column;gap:10px}body .body .main .section-body .section-content .section-input #otp-container{display:flex;justify-content:center;gap:8px}body .body .main .section-body .section-content .section-input .otp-input{width:15%;height:50px;text-align:center;font-size:20px;border:1px solid #ccc;border-radius:6px}body .body .main .section-body .section-content .section-input .otp-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 2px #007bff}body .body .main .section-body .section-content .section-input.-offonline{gap:16px}body .body .main .section-body .section-content .section-input.-offonline label{cursor:pointer}body .body .main .section-body .section-content .section-input .text-section{display:flex;flex-direction:column;gap:0px}body .body .main .section-body .section-content .section-input .text{font-weight:500;font-size:16px}body .body .main .section-body .section-content .section-input .errortext{margin-top:-5px;margin-left:5px;font-size:14px;color:#ff3333}body .body .main .section-body .section-content .section-input .highlight{font-weight:700}body .body .main .section-body .section-content .section-input .sub-text{font-weight:400;font-size:12px;color:#666}body .body .main .section-body .section-content .section-input .input-field{font-family:"Noto Sans Thai";padding:16px;border-radius:8px;background-color:#f5f5f5!important;border:0px;color:#000000;font-weight:500;font-size:16px}body .body .main .section-body .section-content .section-input .input-field:focus{border-color:blue}body .body .main .section-body .section-content .section-input .input-field:focus-visible{outline:0px}body .body .main .section-body .section-content .section-input .input-field::placeholder{font-family:"Noto Sans Thai",sans-serif;color:#cccccc;font-weight:500;font-size:16px}body .body .main .section-body .section-content .section-input .input-field.-dropdown{cursor:pointer;display:flex;justify-content:space-between;align-items:center}body .body .main .section-body .section-content .section-input .input-field.-dropdown i{color:#939393}body .body .main .section-body .section-content .section-input .input-field .state{color:#cccccc}body .body .main .section-body .section-content .section-input .input-field .state.-selected{color:#000000}body .body .main .section-body .section-content .again-OTP{font-family:"Noto Sans Thai",sans-serif;background-color:white;border:0px;margin-top:30px;font-size:16px;text-align:center;text-decoration:underline;color:#3bb143}body .body .main .section-body .section-content .success-content{display:flex;width:100%;flex-direction:column;align-items:center;gap:30px;justify-content:center}body .body .main .section-body .section-content .success-content .success-body{display:flex;flex-direction:column;align-items:center;gap:10px;align-self:stretch}body .body .main .section-body .section-content .success-content .highlight-text{background:#f5f5f5;padding:10px;border-radius:10px}body .body .main .section-body .section-content .success-content .success-icon{display:flex;color:white;font-size:26px;width:60px;height:60px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:30px;background:linear-gradient(0deg,#3bb143 0%,#3bb143 100%),rgba(0,0,0,0)}body .body .main .section-body .section-content .success-content .success-text{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:32px;font-style:normal;font-weight:400;line-height:normal}body .body .main .section-body .section-content .success-content .success-subtext{color:#333;text-align:center;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-align:center}body .body .main .section-body .section-content .success-content .success-subheadtext{display:none}body .body .main .section-body .section-content .success-content .success-button{display:flex;cursor:pointer;width:280px;height:41px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:1px solid #ccc;background:#fff;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}body .body .main .section-body .section-first-text{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1 0 0}body .body .main .section-body .section-first-text .sub-text{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:600}body .body .main .section-body .section-first-text .box-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}body .body .main .section-body .section-first-text .box-content .box{display:flex;height:40px;padding:0 16px;align-items:center;gap:5px;align-self:stretch;border-radius:8px;background:#f5f5f5}body .body .main .section-body .section-first-text .box-content .box p{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:600}body .body .main .section-body .section-first-text .box-content .content{margin:0px;display:flex;padding-left:32px;align-items:flex-start;gap:10px;align-self:stretch;flex-direction:column}body .body .main .section-body .section-first-text .box-content .content li{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal}body .body .main .section-body .section-first-text .box-content .content li a{text-decoration:underline;color:#000}body .body .main .section-body .section-first-text .contact a{text-decoration:underline}body .body .main .section-button{padding-bottom:32px}body .body .main .section-button.-first-page{background-color:white;position:fixed;bottom:0px;left:0px;padding-top:30px;width:100%}body .body .main .section-button .body-button{display:flex;align-items:flex-start;gap:16px;align-self:stretch}body .body .main .section-button .body-button button{cursor:pointer;padding:5px 16px;border-radius:8px;border:0px;color:#ffffff;font-family:Noto Sans Thai;font-weight:500;font-size:16px;line-height:24px;height:40px}body .body .main .section-button .body-button button.first-page{margin:0px 16px}body .body .main .section-button .body-button button.stepup{background-color:#1752ec;flex:1 0 0}body .body .main .section-button .body-button button.stepdown{color:#000000;border:1px solid #cccccc;background-color:#ffffff;width:120px}body .body .main .modal{display:none;position:fixed;z-index:1000;width:100%;height:100%;left:0;top:0;overflow:auto;background:rgba(0,0,0,0.8);transition:0.3s;justify-content:center;align-items:center}body .body .main .modal-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body .body .main .modal-box .modal-content{background-color:#fff;padding:20px;border-radius:16px;width:100%;max-width:540px;margin:0px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;animation:slideDown 0.3s ease-out}body .body .main .modal-box .modal-content .text-modal{display:flex;height:100px;justify-content:center;align-items:center;gap:10px;align-self:stretch}body .body .main .modal-box .modal-content .text-modal h2{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:18px;font-weight:400}body .body .main .close{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;justify-content:center;align-items:center}body .body .main .close i{font-size:20px;color:#939393}body .body .main .close:hover{color:#000}body .body .main .modal-btn{display:flex;height:40px;width:180px;padding:5px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-family:"Noto Sans Thai";color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:500}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}body .desktop-first{display:none}@media (min-width:1025px){body .body{background-color:#e9f5fa;display:flex;justify-content:center;height:100%;min-height:100vh}body .body.-first-page{display:none}body .body .main{margin:40px;background-color:white;justify-content:flex-start;min-height:0;min-width:900px;border-radius:32px;box-shadow:0 0 32px 0 rgba(66,92,199,0.05);display:flex;padding:40px 64px;flex-direction:column;align-items:center;gap:30px;flex-shrink:0}body .body .main .section-body{max-width:430px;width:100%}body .body .main .section-body .section-top{gap:0px}body .body .main .section-body .section-top .section-header{gap:30px}body .body .main .section-body .section-top .section-header .header-text h1{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:60px;font-style:normal;font-weight:400;line-height:normal}body .body .main .section-body .section-top .section-header .header-text h1.-otp{font-size:40px;margin-top:40px}body .body .main .section-body .section-top .section-header .header-text h3{display:block;margin:-10px 0px 0px 0px;color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:22px;font-style:normal;font-weight:400;line-height:normal}body .body .main .section-body .section-content .input-body{gap:20px}body .body .main .section-body .section-content .success-content .success-body{gap:30px}body .body .main .section-body .section-content .success-content .success-text{font-size:60px}body .body .main .section-body .section-content .success-content .success-subheadtext{display:block;color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin-top:-10px}body .body .main .section-body .section-content .success-content .success-icon{width:120px;height:120px;border-radius:240px}body .body .main .section-body .section-content .success-content .success-icon i{font-size:60px}body .body .main .section-button{width:100%;max-width:430px}body .body .main .section-button .body-button button{height:50px}body .desktop-first{background-color:#ffffff;display:flex;flex-direction:row;height:100%;min-height:100vh}body .desktop-first .image-content{width:50%;box-sizing:border-box;background-color:#efeee9;padding:32px;background:#efeee9}body .desktop-first .image-content .bg-banner{width:100%;display:block}body .desktop-first .bg-img{position:relative;top:0;left:0;aspect-ratio:1/1;width:auto;height:auto;z-index:1}body .desktop-first .text-content{flex:1;display:flex;padding:40px 64px;flex-direction:column;align-items:center;justify-content:center;gap:30px;align-self:stretch}body .desktop-first .body-text{display:flex;flex-direction:column;align-items:center;gap:16px;align-self:stretch}body .desktop-first .body-text img{height:110px}body .desktop-first .head-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}body .desktop-first .head-section h1{color:#000;text-align:center;font-family:"Noto Sans Thai";font-size:60px;font-weight:400;margin:0px}body .desktop-first .head-section p{color:#000;margin:0px;margin-top:-10px;text-align:center;font-family:"Noto Sans Thai";font-size:22px;font-weight:400}body .desktop-first .body-section{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch}body .desktop-first .body-section .sub-text{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:600}body .desktop-first .body-section .box-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}body .desktop-first .body-section .box-content .box{display:flex;height:40px;padding:0 16px;align-items:center;gap:5px;align-self:stretch;border-radius:8px;background:#f5f5f5}body .desktop-first .body-section .box-content .box p{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-weight:600}body .desktop-first .body-section .box-content .content{margin:0px;display:flex;padding-left:32px;align-items:flex-start;gap:10px;align-self:stretch;flex-direction:column}body .desktop-first .body-section .box-content .content li{margin:0px;color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal}body .desktop-first .body-section .box-content .content li a{text-decoration:underline;color:#000}body .desktop-first .body-section .contact{color:#000;font-family:"Noto Sans Thai";font-size:16px;font-style:normal;font-weight:400;line-height:normal}body .desktop-first .body-section .contact a{text-decoration:underline;color:#000}body .desktop-first .section-button .body-button{display:flex;align-items:flex-start;gap:16px;align-self:stretch}body .desktop-first .section-button .body-button button{cursor:pointer;padding:5px 16px;border-radius:8px;border:0px;color:#ffffff;font-family:Noto Sans Thai;font-weight:500;font-size:16px;line-height:24px;height:40px}body .desktop-first .section-button .body-button button.stepup{width:280px;background-color:#1752ec;flex:1 0 0}}