main{min-height:unset}.page-contact-center{width:100vw;height:100vh;position:fixed;top:0;background-color:white;z-index:9999}.page-contact-center .btn-back{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#C3C6C8;position:absolute;top:0;z-index:1;left:50%;margin-top:50px;margin-left:1%;color:#FFFFFF;transition:background-color .3s}.page-contact-center .btn-back:hover{background-color:#E4BF45}@media (max-width:1140px){.btn-back{left:0!important;margin-left:20px!important}}@media (max-width:980px){.btn-back{width:40px!important;height:40px!important;margin-top:20px!important;margin-left:20px!important}.btn-back svg{width:16px!important;height:16px!important}}.full-page{display:flex;height:100vh;overflow:hidden}.contact-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem;margin:0 auto;gap:2rem}.contact-container .contact-left{width:50%;position:fixed;left:0;top:0;height:100vh;overflow:hidden}.contact-container .contact-left .bg-img{width:100%;height:100vh;object-fit:cover}.contact-container .contact-left:before{content:"";background:linear-gradient(0deg,#000000,rgba(0,0,0,0));height:35vh;width:100%;position:absolute;bottom:0;opacity:.4}.contact-container .title{position:absolute;text-align:left;bottom:38px;margin-left:180px}.contact-container .logo{width:auto;padding:14px;border-radius:10px;background-color:#FFFFFF;box-shadow:0 4px 15px 0 #00000033;margin-bottom:10px}.contact-container .topic{font-size:var(--font-h1);line-height:var(--font-h1-lh);font-weight:700;color:#FFFFFF;filter:drop-shadow(0 0 15px rgba(0,0,0,.2))}.contact-container p{margin-top:10px;font-size:var(--font-h5);line-height:var(--font-h5-lh);color:#FFFFFF}.contact-form{margin-left:50vw;width:50%;max-height:100vh;justify-content:center;right:0;position:absolute;overflow-y:scroll;align-items:center;padding:50px 60px;box-sizing:border-box}.contact-form,.contact-form form{height:100%;display:flex;flex-direction:column}.contact-form form{max-width:600px;padding-bottom:60px}.contact-form form .form-topic{font-size:var(--font-h2);line-height:var(--font-h2-lh);font-weight:600;color:#E4BF45;margin-bottom:30px;text-align:center}.contact-form form .form-topic-stt{font-size:var(--font-h3);line-height:var(--font-h3-lh);text-align:center}.contact-form form .box-tt{margin-bottom:20px}.contact-form form .box-tt .form-topic{margin-bottom:10px}.contact-form form .gray-box{background:#F5F5F5;border-radius:10px;padding:20px;margin-bottom:20px}.contact-form form .gray-box .sub-text{font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:400;margin-bottom:10px;color:#84898C}.contact-form form .gray-box .position{font-size:var(--font-h2);line-height:var(--font-h2-lh);margin-bottom:20px;font-weight:600;color:#97504D}.contact-form form .time-box{display:flex;flex-wrap:wrap}.contact-form form .time-box .time-list{width:50%;padding:6px 0;margin-top:0!important}.contact-form form .file-upload{padding:1rem;border:2px dashed #ccc;text-align:center;color:#555}.contact-form form .privacy-policies{padding:20px;background-color:#AD5D5D;border-radius:10px;position:relative}.contact-form form .privacy-policies .box{padding-top:20px;position:relative;color:#FFFFFF;max-height:300px;overflow-y:auto;padding-right:10px}.contact-form form .privacy-policies .box::-webkit-scrollbar{width:6px;z-index:10}.contact-form form .privacy-policies .box::-webkit-scrollbar-thumb{background-color:#d19c9c;border-radius:10px}.contact-form form .privacy-policies .box::-webkit-scrollbar-thumb:hover{background-color:#e6b8b8}.contact-form form .privacy-policies .box::-webkit-scrollbar-track{background-color:transparent}.contact-form form .privacy-policies .box .privacy-title{font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:600;text-align:center;margin-bottom:10px}.contact-form form .privacy-policies .box ol,.contact-form form .privacy-policies .box ul{margin:10px 0;padding-left:20px}.contact-form form .privacy-policies .box ol li,.contact-form form .privacy-policies .box ul li{margin-bottom:10px}.contact-form form .privacy-policies .box ol li:last-child,.contact-form form .privacy-policies .box ul li:last-child{margin-bottom:0}.contact-form form .privacy-policies .box ol{list-style:decimal}.contact-form form .privacy-policies .box ol ul{list-style:disc}.contact-form form .privacy-policies .box ol ol{counter-reset:list}.contact-form form .privacy-policies .box ol ol>li{list-style:none;position:relative}.contact-form form .privacy-policies .box ol ol>li:before{counter-increment:list;content:"(" counter(list,decimal) ") ";position:absolute;left:-1.4em}.contact-form form .privacy-policies .box .link{text-decoration:underline}.contact-form form .privacy-policies .box .text{font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:400;text-align:left;margin-bottom:20px}.contact-form form .privacy-policies:after,.contact-form form .privacy-policies:before{content:"";position:absolute;left:0;right:0;height:30px;pointer-events:none;z-index:9}.contact-form form .privacy-policies:before{top:0;background:linear-gradient(180deg,#AD5D5D,rgba(184,91,91,0));border-top-left-radius:10px;border-top-right-radius:10px;margin-top:20px}.contact-form form .privacy-policies:after{bottom:0;background:linear-gradient(0deg,#AD5D5D,rgba(184,91,91,0));border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:20px}.contact-form form .custom-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:20px}.contact-form form .custom-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:20px;min-height:20px;margin:0;border:2px solid #000;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s}.contact-form form .custom-checkbox input[type=checkbox]:checked{background-color:#AD5D5D;border-color:#AD5D5D}.contact-form form .custom-checkbox input[type=checkbox]:checked:before{content:url(/images/tick.svg);filter:invert(1);color:#fff;font-size:14px}.contact-form form .custom-checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 4px #AD5D5D}.contact-form form .custom-checkbox.error input[type=checkbox]{box-shadow:0 0 4px #E30004;border:2px solid #e30004}.contact-form form .custom-checkbox .labal{font-family:Sarabun,sans-serif;font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:400;text-align:left}.contact-form form .custom-checkbox .labal .terms-link{text-decoration:underline;font-weight:600;color:#000;transition:.3s ease-in-out}.contact-form form .error-message{color:red;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.contact-form form .btn-submit{border-radius:50px;border:none;margin:40px auto auto;padding-bottom:50px}.contact-form form .btn-submit button{width:200px;height:40px;border:none;font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:500}.contact-form.fix{overflow:hidden}.contact-form .thanks{text-align:center}.contact-form .thanks .thanks-icon{margin-bottom:10px}.contact-form .thanks .thanks-title{font-size:var(--font-h1);line-height:var(--font-h1-lh);font-weight:700}.contact-form .thanks .thanks-detail{font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#84898C;margin-top:10px}.contact-form .thanks .btn{margin:40px auto auto}.contact-form .bg1{background-image:url(/images/layout/bg_t.png);background-size:contain;position:absolute;top:20px;left:2%;width:210px;height:225px}.contact-form .bg2{top:30%;right:10%}.contact-form .bg2,.contact-form .bg3{background-image:url(/images/layout/bg_t.png);background-size:contain;position:absolute;width:130px;height:140px;transform:rotate(-45deg)}.contact-form .bg3{bottom:80px;left:10%}.contact-form .bg4{background-image:url(/images/layout/logo-op.png);background-size:contain;position:absolute;bottom:-22%;right:-10%;width:428px;height:428px;transform:rotate(0deg)}@media (max-width:1140px){.full-page{flex-direction:column;overflow-y:scroll}.contact-container{flex-direction:column;padding:0;gap:0;margin:unset}.contact-container .contact-left{width:100%;position:relative;height:420px}.contact-container .contact-left .bg-img{height:420px}.contact-container .contact-left:before{height:200px}.contact-container .title{position:absolute;text-align:left;margin-left:20px;bottom:20px}.contact-container .contact-form{width:100%;margin-left:0;position:relative;overflow-y:visible;max-width:100%;padding:25px 20px 110px;max-height:unset;justify-content:flex-start;height:auto}.contact-container .contact-form form{padding-bottom:0;height:auto}.contact-container .contact-form form .form-topic{margin-bottom:20px}.contact-container .contact-form form .gray-box{margin-bottom:10px}.contact-container .contact-form form .custom-checkbox{margin-top:10px}.contact-container .contact-form form .btn-submit{margin:20px auto 0;padding-bottom:0}.contact-container .contact-form .error-message{color:red;font-size:12px}.contact-container .contact-form.fix{overflow-y:hidden!important}.contact-container .contact-form .privacy-policies .box{max-height:250px}.contact-container .contact-form .thanks .thanks-icon img{max-width:70px}.contact-container .contact-form .bg1{top:2%;left:2%;width:100px;height:120px}.contact-container .contact-form .bg1,.contact-container .contact-form .bg2{background-image:url(/images/layout/bg_t.png);background-size:contain;position:absolute}.contact-container .contact-form .bg2{top:30%;right:2%;width:70px;height:75px;transform:rotate(-45deg)}.contact-container .contact-form .bg3{display:none}.contact-container .contact-form .bg4{background-image:url(/images/layout/logo-op.png);background-size:contain;position:absolute;bottom:-110px;right:0;width:170px;height:170px;transform:rotate(0deg)}}