main{min-height:unset}.page-contact-center{z-index:9999;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0}.page-contact-center .btn-back{z-index:1;color:#fff;background-color:#c3c6c8;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:50px;margin-left:1%;transition:background-color .3s;display:flex;position:absolute;top:0;left:50%}.page-contact-center .btn-back:hover{background-color:#e4bf45}@media (max-width:1140px){.btn-back{margin-left:20px!important;left:0!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{height:100vh;display:flex;overflow:hidden}.contact-container{flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin:0 auto;padding:2rem;display:flex}.contact-container .contact-left{width:50%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.contact-container .contact-left .bg-img{object-fit:cover;width:100%;height:100vh}.contact-container .contact-left:before{content:"";opacity:.4;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:35vh;position:absolute;bottom:0}.contact-container .title{text-align:left;margin-left:180px;position:absolute;bottom:38px}.contact-container .logo{background-color:#fff;border-radius:10px;width:auto;margin-bottom:10px;padding:14px;box-shadow:0 4px 15px #0003}.contact-container .topic{font-size:var(--font-h1);line-height:var(--font-h1-lh);color:#fff;filter:drop-shadow(0 0 15px #0003);font-weight:700}.contact-container p{font-size:var(--font-h5);line-height:var(--font-h5-lh);color:#fff;margin-top:10px}.contact-form{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;max-height:100vh;margin-left:50vw;padding:50px 60px;display:flex;position:absolute;right:0;overflow-y:scroll}.contact-form form{flex-direction:column;max-width:600px;height:100%;padding-bottom:60px;display:flex}.contact-form form .form-topic{font-size:var(--font-h2);line-height:var(--font-h2-lh);color:#e4bf45;text-align:center;margin-bottom:30px;font-weight:600}.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;margin-bottom:20px;padding:20px}.contact-form form .gray-box .sub-text{font-size:var(--font-h4);line-height:var(--font-h4-lh);color:#84898c;margin-bottom:10px;font-weight:400}.contact-form form .gray-box .position{font-size:var(--font-h2);line-height:var(--font-h2-lh);color:#97504d;margin-bottom:20px;font-weight:600}.contact-form form .time-box{flex-wrap:wrap;display:flex}.contact-form form .time-box .time-list{width:50%;padding:6px 0;margin-top:0!important}.contact-form form .file-upload{text-align:center;color:#555;border:2px dashed #ccc;padding:1rem}.contact-form form .privacy-policies{background-color:#ad5d5d;border-radius:10px;padding:20px;position:relative}.contact-form form .privacy-policies .box{color:#fff;max-height:300px;padding-top:20px;padding-right:10px;position:relative;overflow-y:auto}.contact-form form .privacy-policies .box::-webkit-scrollbar{z-index:10;width:6px}.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:#0000}.contact-form form .privacy-policies .box .privacy-title{font-size:var(--font-h4);line-height:var(--font-h4-lh);text-align:center;margin-bottom:10px;font-weight:600}.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:outside}.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);text-align:left;margin-bottom:20px;font-weight:400}.contact-form form .privacy-policies:before,.contact-form form .privacy-policies:after{content:"";pointer-events:none;z-index:9;height:30px;position:absolute;left:0;right:0}.contact-form form .privacy-policies:before{background:linear-gradient(#ad5d5d,#b85b5b00);border-top-left-radius:10px;border-top-right-radius:10px;margin-top:20px;top:0}.contact-form form .privacy-policies:after{background:linear-gradient(#b85b5b00,#ad5d5d);border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:20px;bottom:0}.contact-form form .custom-checkbox{align-items:flex-start;gap:10px;margin-top:20px;display:flex}.contact-form form .custom-checkbox input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #000;border-radius:4px;justify-content:center;align-items:center;min-width:20px;min-height:20px;margin:0;transition:background-color .3s,border-color .3s;display:flex}.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();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]{border:2px solid #e30004;box-shadow:0 0 4px #e30004}.contact-form form .custom-checkbox .labal{font-family:Sarabun,sans-serif;font-size:var(--font-h4);line-height:var(--font-h4-lh);text-align:left;font-weight:400}.contact-form form .custom-checkbox .labal .terms-link{color:#000;font-weight:600;text-decoration:underline;transition:all .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:none;border-radius:50px;margin:40px auto auto;padding-bottom:50px}.contact-form form .btn-submit button{width:200px;height:40px;font-size:var(--font-h4);line-height:var(--font-h4-lh);border:none;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;width:210px;height:225px;position:absolute;top:20px;left:2%}.contact-form .bg2{background-image:url(/images/layout/bg_t.png);background-size:contain;width:130px;height:140px;position:absolute;top:30%;right:10%;transform:rotate(-45deg)}.contact-form .bg3{background-image:url(/images/layout/bg_t.png);background-size:contain;width:130px;height:140px;position:absolute;bottom:80px;left:10%;transform:rotate(-45deg)}.contact-form .bg4{background-image:url(/images/layout/logo-op.png);background-size:contain;width:428px;height:428px;position:absolute;bottom:-22%;right:-10%;transform:rotate(0)}@media (max-width:1140px){.full-page{flex-direction:column;overflow-y:scroll}.contact-container{margin:unset;flex-direction:column;gap:0;padding:0}.contact-container .contact-left{width:100%;height:420px;position:relative}.contact-container .contact-left .bg-img{height:420px}.contact-container .contact-left:before{height:200px}.contact-container .title{text-align:left;margin-left:20px;position:absolute;bottom:20px}.contact-container .contact-form{width:100%;max-width:100%;max-height:unset;justify-content:flex-start;height:auto;margin-left:0;padding:25px 20px 110px;position:relative;overflow-y:visible}.contact-container .contact-form form{height:auto;padding-bottom:0}.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{background-image:url(/images/layout/bg_t.png);background-size:contain;width:100px;height:120px;position:absolute;top:2%;left:2%}.contact-container .contact-form .bg2{background-image:url(/images/layout/bg_t.png);background-size:contain;width:70px;height:75px;position:absolute;top:30%;right:2%;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;width:170px;height:170px;position:absolute;bottom:-110px;right:0;transform:rotate(0)}}