.unit-banner[text-color=white]{color:var(--white)}.unit-banner[text-color=white] .banner-bg .sticky-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-10)}.unit-banner[text-color=black]{color:var(--black)}.unit-banner .banner-container{position:relative;width:100%;aspect-ratio:1920/750;display:flex;flex-direction:column;justify-content:flex-end;padding:0 30px 50px;transition:.3s}.unit-banner .banner-container.page .unit-title{padding:105px 0}@media only screen and (max-width: 1200px){.unit-banner .banner-container{aspect-ratio:1024/670;padding:50px 30px}}@media only screen and (max-width: 767px){.unit-banner .banner-container{padding:50px 20px}}@media only screen and (max-width: 575px){.unit-banner .banner-container{min-height:500px;aspect-ratio:unset}.unit-banner .banner-container.page{padding:74px 20px 50px}.unit-banner .banner-container.page .unit-title{margin:auto 0 0;flex:1}}.unit-banner .banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden}.unit-banner .banner-bg .sticky-img{position:sticky;width:100%;height:100%;top:0;z-index:-1;transform:scale(1.25);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out .1s}.unit-banner .banner-bg .sticky-img img{width:100.015%;height:100.015%;object-fit:cover}.unit-banner .back-btn{position:absolute;top:50px;left:30px}@media only screen and (max-width: 767px){.unit-banner .back-btn{top:30px;left:20px}}.unit-banner .unit-title{width:50%;padding:75px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;opacity:0;transform:scale(.75);transition:.6s ease .3s}.unit-banner .unit-title .f-unit-title{font-size:2.5rem;font-weight:500;line-height:1.5;letter-spacing:5px}.unit-banner .unit-title .f-unit-subtitle{font-family:Sarabun;font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:2px;margin-top:10px}.unit-banner .unit-title.aost-show{opacity:1;transform:scale(1);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}@media only screen and (max-width: 1200px){.unit-banner .unit-title{margin:auto;padding:70px 0}.unit-banner .unit-title .f-unit-title{font-size:2.375rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1.125rem}}@media only screen and (max-width: 1024px){.unit-banner .unit-title{width:100%;margin:auto 0}}@media only screen and (max-width: 767px){.unit-banner .unit-title .f-unit-title{font-size:2.25rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1rem}}@media only screen and (max-width: 575px){.unit-banner .unit-title{margin:auto 0 30px}}.unit-banner .content{width:620px;margin-left:auto;position:relative;text-align:right;align-self:flex-end}.unit-banner .content.aost-show{transition:opacity .5s ease-out .4s}@media only screen and (min-width: 1921px){.unit-banner .content{width:33.334%}}@media only screen and (max-width: 1200px){.unit-banner .content{width:80%}}@media only screen and (max-width: 575px){.unit-banner .content{width:100%;align-self:flex-start;text-align:left}}.unit-banner .banner-container.aost-show .banner-bg .sticky-img{opacity:1;transform:scale(1)}.wdd-form{width:100%;margin:0 auto}.form-row{display:flex;align-items:stretch;gap:30px}.form-row:not(:first-child){margin-top:30px}@media only screen and (max-width: 992px){.form-row{flex-wrap:wrap}}.form-grid{width:100%;display:grid}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:var(--red)}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap;margin-top:80px;pointer-events:none}.form-btn-group .btn{pointer-events:auto;margin:0 0 0 auto}.form-group{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.form-group.required .subject{position:relative;display:flex;padding-left:0;gap:2.27px}.form-group.required .subject:before{content:"*";display:block;color:red;margin-top:-10px;font-size:14px}.form-group.required .subject:after{content:attr(error-text);display:none;margin-left:auto;font-size:.875rem;font-weight:400;line-height:180%;letter-spacing:1px;color:var(--red);word-break:keep-all}.form-group.verification .input-wrap{display:flex;align-items:center;gap:0 27px}.form-group.verification .refresh-btn{display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{width:75px;height:36px;object-fit:contain}.form-group.verification .refresh-btn i{font-size:.9375rem;margin-left:12.5px;color:var(--black-20);transition:.3s}@media only screen and (min-width: 1201px){.form-group.verification .refresh-btn:hover i{color:var(--black)}}@media only screen and (max-width: 1200px){.form-group.verification .refresh-btn:active i{color:var(--black)}}.form-group.textarea .input-wrap{height:auto}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.error .subject{color:var(--red)}.form-group.error .subject:after{display:block}.form-group.error .input-wrap,.form-group.error dropdown-el{border-bottom:1px solid var(--red)}.form-group.error~.error-text{color:var(--red);margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{padding-left:10px}.form-group .input-wrap{position:relative;width:100%;min-height:calc(1.8rem + 20px);padding:0 10px 20px;border-bottom:1px solid var(--black-20)}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;color:#000;background-color:transparent;font-family:Sarabun,Noto Sans TC;font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px}.form-group .input-wrap input::placeholder{font-family:Sarabun,Noto Sans TC;font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px;color:var(--grey);opacity:1}.form-group .input-wrap input:-ms-input-placeholder{font-family:Sarabun,Noto Sans TC;font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px;color:var(--grey)}.form-group .input-wrap input::-ms-input-placeholder{font-family:Sarabun,Noto Sans TC;font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px;color:var(--grey)}.form-group .input-wrap input.error .validation-icon,.form-group .input-wrap input.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .input-wrap input.error .validation-icon:hover:before,.form-group .input-wrap input.error .validation-icon :active:before,.form-group .input-wrap input.error+.validation-icon:hover:before,.form-group .input-wrap input.error+.validation-icon :active:before{opacity:1}.form-group .input-wrap input.success .validation-icon,.form-group .input-wrap input.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .textarea-scrollbar{display:block;width:100%;height:190px;padding:0;border:none;background-color:transparent;resize:none;font-family:Sarabun,Noto Sans TC;font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px}.form-group .textarea-scrollbar.os-textarea::placeholder{color:var(--grey);opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:var(--grey)}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:var(--grey)}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#c2c2c266}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#91919166}.form-group .textarea-scrollbar.error .validation-icon,.form-group .textarea-scrollbar.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .textarea-scrollbar.error .validation-icon:hover:before,.form-group .textarea-scrollbar.error .validation-icon :active:before,.form-group .textarea-scrollbar.error+.validation-icon:hover:before,.form-group .textarea-scrollbar.error+.validation-icon :active:before{opacity:1}.form-group .textarea-scrollbar.success .validation-icon,.form-group .textarea-scrollbar.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .validation-icon{display:none;position:absolute;top:50%;right:0;width:20px;height:20px;transform:translate3d(0,-50%,0);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .validation-icon:before{content:attr(error-text);position:absolute;top:-5px;right:0;padding:5px;border-radius:4px;background-color:rgba(var(--red),.8);color:#fff;font-size:.875rem;white-space:nowrap;transform:translate3d(0,-100%,0);opacity:0;transition:opacity .3s;pointer-events:none}.form-group dropdown-el{border-bottom:1px solid rgba(0,0,0,.2)}.form-group dropdown-el:not([d4-value=""]) .select-display{color:#000}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el[multiple] .select-wrapper{padding:4px 15px}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:0 0 20px 10px}.form-group dropdown-el[d4-status=open] .select-wrapper .icon-dropdown{transform:rotateX(180deg)}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:49px}.form-group dropdown-el .select-wrapper .icon-dropdown{font-size:14px;transition:transform .3s linear}.form-group dropdown-el .select-display{position:relative;color:var(--black);font-size:1rem;font-weight:500;line-height:180%;letter-spacing:1px}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown .dropdown-list{font-size:1rem;font-weight:400;line-height:180%;letter-spacing:1px}.form-group dropdown-el .dropdown-icon{border-color:#000 transparent transparent transparent}.form-group dropdown-el.error .validation-icon,.form-group dropdown-el.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group dropdown-el.error .validation-icon:hover:before,.form-group dropdown-el.error .validation-icon :active:before,.form-group dropdown-el.error+.validation-icon:hover:before,.form-group dropdown-el.error+.validation-icon :active:before{opacity:1}.form-group dropdown-el.success .validation-icon,.form-group dropdown-el.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check{width:100%;display:flex;flex-wrap:wrap}.form-group .form-check.error .validation-icon,.form-group .form-check.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .form-check.error .validation-icon:hover:before,.form-group .form-check.error .validation-icon :active:before,.form-group .form-check.error+.validation-icon:hover:before,.form-group .form-check.error+.validation-icon :active:before{opacity:1}.form-group .form-check.success .validation-icon,.form-group .form-check.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check .option-item{display:flex;align-items:center;padding:10px 0;margin-right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap{position:relative;width:20px;height:20px;border:1px solid #000000;margin-right:8px}.form-group .form-check .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);background-color:red;opacity:0;pointer-events:none;transition:opacity .4s linear}.form-group .form-check .option-item .text{font-size:1rem;color:#000;line-height:1.8}.form-group .file-wrap{position:relative;width:100%;margin-left:15px;cursor:pointer}.form-group .file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:var(--red)}.form-group .file-wrap>input.error+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .file-wrap>input.success+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{font-size:1rem;color:var(--grey);line-height:1.8rem;padding-right:20px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .file-wrap .fake-file-upload .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group .file-wrap .fake-file-upload .upload-icon{width:30px;height:30px;background-image:url(../../assets/img/upload.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.form-group .data-time-picker{position:relative;width:100%;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.8rem;border:none;margin:10px 0;padding:0 15px;font-size:1rem;color:#000}.form-group .data-time-picker>input::placeholder{color:var(--grey);opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:var(--grey)}.form-group .data-time-picker>input::-ms-input-placeholder{color:var(--grey)}section.contact{padding-top:100px}@media only screen and (max-width: 1200px){section.contact{padding-top:0}}.contact-block{grid-column:5/-5}.contact-block .title{display:flex;flex-wrap:wrap;gap:10px}.contact-block .title .en{font-family:Sarabun}.contact-block .title+p{color:var(--grey)}@media only screen and (max-width: 1440px){.contact-block{grid-column:4/-4}}@media only screen and (max-width: 1200px){.contact-block{grid-column:3/-3;padding-right:0}}@media only screen and (max-width: 767px){.contact-block{grid-column:2/-2}}.form{margin-bottom:100px}.form .title{margin-bottom:15px}.form .wdd-form{padding-top:50px;margin-top:30px;border-top:2px solid var(--black)}@media only screen and (max-width: 1200px){.form{margin-bottom:80px}}.info .title{margin-bottom:30px}.info .info-block{padding-top:80px;border-top:2px solid var(--black)}@media only screen and (max-width: 900px){.info .info-block{padding-top:50px}}.info .info-box{display:flex;gap:30px var(--frSpace);padding-bottom:80px;border-bottom:1px solid var(--black-20)}.info .info-box:not(:last-child){margin-bottom:80px}@media only screen and (max-width: 900px){.info .info-box{flex-direction:column;padding-bottom:50px}.info .info-box:not(:last-child){margin-bottom:50px}}.info .info-title{width:26.8817%;flex-shrink:0;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width: 1200px){.info .info-title{width:35.8817%}}@media only screen and (max-width: 900px){.info .info-title{width:100%}}.info .inner{display:flex;flex-wrap:wrap;gap:20px 0}.info .inner .f-paragraph-5{display:flex;gap:0 15px}.info .inner .icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;align-self:flex-start;color:var(--black);flex-shrink:0;margin-top:5px}.info .inner .icon [class^=icon-]{display:flex;justify-content:center;align-items:center;font-size:16px}.info .inner .content{color:var(--grey);display:inline-flex;flex-wrap:wrap;gap:5px 0}.info .inner .content a{display:flex;flex-wrap:wrap}.info .inner .content a .txt{transition:.3s}@media only screen and (min-width: 1201px){.info .inner .content a:hover .txt{color:var(--red)}}@media only screen and (max-width: 1200px){.info .inner .content a:active .txt{color:var(--red)}}.info .inner .content .black{color:var(--black);margin-right:5px}.info .inner .content .dot{display:inline-block;width:5px;height:5px;background:var(--red);margin:12px 15px 0}.info .inner .add{width:100%}.info .inner .add .icon{color:var(--red)}.info .inner .add .icon [class^=icon-]{font-size:18px}.info .inner .mail{width:calc(50% - 15px);padding-right:0;align-self:flex-start;margin-right:30px}.info .inner .mail .black{margin-right:15px}.info .inner .mail .txt{word-break:break-all}.info .inner .tel{width:calc(50% - 15px);align-self:flex-start}.info .inner .tel.f-paragraph-5{gap:10px 15px}.info .inner .tel .name{margin-top:7px}@media only screen and (max-width: 1200px){.info .inner{gap:15px}}@media only screen and (max-width: 992px){.info .inner .mail,.info .inner .tel{width:100%;padding-right:0}}