:root{--baseSpace:40px;--1fr:calc(100vw / 30);--W280-R40:clamp(2.5rem, -10.7353rem + 23.5294vw, 17.5rem);--W240-R60:clamp(3.75rem, -6.17647rem + 17.6471vw, 15rem);--W250-R125:clamp(7.8125rem, .919118rem + 12.2549vw, 15.625rem);--W200-R100:clamp(6.25rem, .735294rem + 9.80392vw, 12.5rem);--W180-R90:clamp(5.625rem, .661765rem + 8.82353vw, 11.25rem);--W180-R80:clamp(5rem, -.514706rem + 9.80392vw, 11.25rem);--W180-R60:clamp(3.75rem, -2.86765rem + 11.7647vw, 11.25rem);--W150-R75:clamp(4.6875rem, .551471rem + 7.35294vw, 9.375rem);--W150-R60:clamp(3.75rem, -1.21324rem + 8.82353vw, 9.375rem);--W120-R60:clamp(3.75rem, .441176rem + 5.88235vw, 7.5rem);--W120-R40:clamp(2.5rem, -1.91176rem + 7.84314vw, 7.5rem);--W100-R50:clamp(3.125rem, .367647rem + 4.90196vw, 6.25rem);--W80-R60:clamp(3.75rem, 2.64706rem + 1.96078vw, 5rem);--W80-R40:clamp(2.5rem, .294118rem + 3.92157vw, 5rem);--W60-R40:clamp(2.5rem, 1.39706rem + 1.96078vw, 3.75rem);--W40-R30:clamp(1.875rem, 1.32353rem + .980392vw, 2.5rem)}@media only screen and (width<=1200px){:root{--1fr:calc(100vw / 20)}}@media only screen and (width<=767px){:root{--baseSpace:20px;--1fr:calc(100vw / 15)}}.l-grid{grid-template-columns:repeat(30,1fr);display:grid}@media only screen and (width<=1200px){.l-grid{grid-template-columns:repeat(20,1fr)}}@media only screen and (width<=767px){.l-grid{grid-template-columns:repeat(15,1fr)}}.wdd-form{width:100%;margin:0 auto;padding:0}.form-row:not(:first-child){margin-top:var(--W40-R30)}.form-grid{width:100%}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333%}.form-grid.error .form-group{border-bottom:1px solid #c90410}.error-detail .error-text{color:#c90410}.form-btn-group{pointer-events:none;flex-wrap:wrap;justify-content:center;margin-top:30px;display:flex}.form-btn-group .btn{cursor:pointer;pointer-events:auto;border:1px solid #000;border-radius:10rem;justify-content:center;align-items:center;width:120px;height:40px;transition:background-color .2s linear,color .2s linear;display:flex}.form-btn-group .btn:hover{color:#fff;background-color:#000}.form-btn-group .btn:not(:last-child){margin-right:15px}.form-group{border-bottom:1px solid #0003;flex-direction:column;gap:20px 0;padding:0 20px 20px;display:flex;position:relative}.form-group.required .subject{display:inline-flex;position:relative}.form-group.required .subject:after{content:"*";display:block}.form-group.verification .input-wrap{align-items:center;gap:0 20px;display:flex}.form-group.verification .input-wrap input{text-overflow:ellipsis;width:calc(100% - 138px)}.form-group.verification .refresh-btn{flex-shrink:0;align-self:center;align-items:center;display:flex}.form-group.verification .refresh-btn img{width:70px;height:36px}.form-group.verification .refresh-btn i{cursor:pointer;color:#0003;margin-inline:24px 4px;font-size:1.25rem;transition:color .3s}@media only screen and (width>=1201px){.form-group.verification .refresh-btn i:hover{color:#000}}@media only screen and (width<=1200px){.form-group.verification .refresh-btn i:active{color:#000}}.form-group.textarea .input-wrap{height:auto;padding:0}.form-group.textarea textarea{letter-spacing:1px;scrollbar-width:thin;scrollbar-color:#000 transparent;overscroll-behavior:contain;font-size:1rem;font-weight:400;line-height:1.6}.form-group.textarea textarea::placeholder{color:#00000080;letter-spacing:1px;font-size:1rem;font-weight:400;line-height:1.6}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group .disabled{opacity:.5;pointer-events:none}.form-group .subject{letter-spacing:2px;flex-shrink:0;font-size:.875rem;font-weight:600;line-height:1.2}.form-group .input-wrap{width:100%;height:1.6rem;position:relative}.form-group .input-wrap input{letter-spacing:1px;color:#000;background-color:#0000;border:none;width:100%;height:100%;padding:0;font-size:1rem;font-weight:400;line-height:1.6}.form-group .input-wrap input::placeholder{color:#00000080;letter-spacing:1px;opacity:1;font-size:1rem;font-weight:400;line-height:1.6}.form-group .input-wrap input:-ms-placeholder-shown{color:#00000080}.form-group .input-wrap input::-moz-placeholder{color:#00000080}.form-group .input-wrap input.error .validation-icon,.form-group .input-wrap input.error+.validation-icon{background-image:url(../../assets/img/error.svg);display:block}.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{background-image:url(../../assets/img/success.svg);display:block}.form-group .textarea-scrollbar{resize:none;background-color:#0000;border:none;width:100%;height:120px;padding:0;font-size:1rem;line-height:1.6;display:block}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#00000080;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-placeholder-shown{color:#00000080}.form-group .textarea-scrollbar.os-textarea::-moz-placeholder{color:#00000080}.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{background-image:url(../../assets/img/error.svg);display:block}.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{background-image:url(../../assets/img/success.svg);display:block}.form-group .validation-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.form-group .validation-icon:before{content:attr(error-text);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background-color:#c90410cc;border-radius:4px;padding:5px;font-size:.875rem;transition:opacity .3s;position:absolute;top:-5px;right:0;transform:translateY(-100%)}.form-group dropdown-el[d4-status=open] .icon-angle-bottom{transform:scaleY(-1)}.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,.form-group dropdown-el:not([multiple]) .select-display{padding:0}.form-group dropdown-el .dropdown{border-radius:5px;transform:translateY(10px)}.form-group dropdown-el .dropdown .dropdown-scroller{max-height:220px}.form-group dropdown-el .dropdown .os-scrollbar-vertical{--os-size:7px;--os-padding-axis:10px;--os-padding-perpendicular:2px;--os-handle-interactive-area-offset:0px;--os-handle-border-radius:5px;--os-handle-bg:#000;--os-track-bg:#0003;--os-track-border-radius:0px}.form-group dropdown-el .dropdown [data-overlayscrollbars-viewport]{overscroll-behavior-y:contain}.form-group dropdown-el .dropdown:after{border-radius:5px}.form-group dropdown-el .dropdown .dropdown-list>li{padding:10px 15px}.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer).active,.form-group dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer):hover{background-color:#0003}.form-group dropdown-el .dropdown .dropdown-list>li:not(:first-child){border:none;position:relative}.form-group dropdown-el .dropdown .dropdown-list>li:not(:first-child):after{content:"";z-index:1;background-color:#0003;width:100%;height:1px;position:absolute;top:-1px;left:0}.form-group dropdown-el .select-wrapper{min-height:unset;background-color:#0000;flex-direction:row-reverse}.form-group dropdown-el .select-display{color:#000;letter-spacing:1px;font-size:1rem;font-weight:400;line-height:1.6;position:relative}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{border-color:#000 #0000 #0000}.form-group dropdown-el .icon-angle-bottom{justify-content:center;align-items:center;width:15px;height:15px;margin-right:10px;font-size:.53125rem;transition:all .3s;display:flex}.form-group dropdown-el.error .validation-icon,.form-group dropdown-el.error+.validation-icon{background-image:url(../../assets/img/error.svg);display:block}.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{background-image:url(../../assets/img/success.svg);display:block}.form-group .form-check{flex-wrap:wrap;width:100%;display:flex}.form-group .form-check.error .validation-icon,.form-group .form-check.error+.validation-icon{background-image:url(../../assets/img/error.svg);display:block}.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{background-image:url(../../assets/img/success.svg);display:block}.form-group .form-check .option-item{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;margin-right:15px;padding:10px 0;display:flex}.form-group .form-check .option-item .checkbox-wrap{border:1px solid #000;width:20px;height:20px;margin-right:8px;position:relative}.form-group .form-check .option-item .checkbox-wrap>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{opacity:0;pointer-events:none;background-color:red;width:calc(100% - 4px);height:calc(100% - 4px);transition:opacity .4s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-group .form-check .option-item .text{color:#000;font-size:1rem;line-height:1.6}.form-group .file-wrap{cursor:pointer;width:100%;margin-left:15px;position:relative}.form-group .file-wrap>input{opacity:0;width:100%;height:24px;margin:10px 0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:#c90410}.form-group .file-wrap>input.error+.fake-file-upload .validation-icon{background-image:url(../../assets/img/error.svg);display:block}.form-group .file-wrap>input.success+.fake-file-upload .validation-icon{background-image:url(../../assets/img/success.svg);display:block}.form-group .file-wrap .fake-file-upload{align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{color:#00000080;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;padding-right:20px;font-size:1rem;line-height:1.6rem;overflow:hidden}.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{background-image:url(../../assets/img/upload.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:30px}.form-group .file-wrap .fake-file-upload input[type=file]{opacity:0;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute}.form-group .data-time-picker{align-self:center;width:100%;position:relative}.form-group .data-time-picker>input{color:#000;border:none;width:100%;height:1.6rem;margin:10px 0;padding:0 15px;font-size:1rem}.form-group .data-time-picker>input::placeholder{color:#00000080;opacity:1}.form-group .data-time-picker>input:-ms-placeholder-shown{color:#00000080}.form-group .data-time-picker>input::-moz-placeholder{color:#00000080}.main-wrapper{padding-top:var(--navHeight)}.contact{width:100%;max-width:1920px;margin-inline:auto}.contact-container{width:100%;max-width:1280px;padding-block:var(--W150-R75);grid-column:5/-7;justify-content:space-between;margin-inline:auto;display:flex}@media only screen and (width<=1200px){.contact-container{grid-column:3/-3}}@media only screen and (width<=900px){.contact-container{flex-direction:column}.contact-container:lang(zh-Hant-TW){align-items:center}.contact-container:lang(en){padding-inline:calc(var(--1fr) * 1);align-items:flex-start}}@media only screen and (width<=767px){.contact-container{grid-column:2/-2}.contact-container:lang(en){padding-inline:0}}.contact-banner-wrap{gap:20px 0;display:flex}.contact-banner-wrap:lang(zh-Hant-TW){flex-direction:row-reverse;justify-content:end;width:192px}.contact-banner-wrap:lang(en){max-width:512px;width:calc(var(--1fr) * 8);flex-direction:column}@media only screen and (width<=1200px){.contact-banner-wrap:lang(en){width:300px}}@media only screen and (width<=900px){.contact-banner-wrap:lang(zh-Hant-TW),.contact-banner-wrap:lang(en){width:fit-content;max-width:100%}}.contact-banner-title{display:grid}.contact-banner-title:lang(zh-Hant-TW) .t-mode{margin-left:min(64px, var(--1fr) * 1)}.contact-banner-desc{display:grid}.contact-banner-desc:lang(zh-Hant-TW){padding-top:var(--W60-R40)}.contact-form-wrap{width:min(640px, var(--1fr) * 10);padding-top:var(--W200-R100)}@media only screen and (width<=1200px){.contact-form-wrap{width:54.1667%}}@media only screen and (width<=900px){.contact-form-wrap{width:calc(100% - var(--1fr) * 2)}}@media only screen and (width<=767px){.contact-form-wrap{width:100%}}.contact-form-grid:has(.form-grid.error) .form-grid.error .error-detail{margin-top:10px;display:flex}.contact-form-grid .error-detail{justify-content:end;align-items:center;display:none}.contact-form-grid .error-detail img{object-fit:contain;width:18px;height:18px;margin-right:13px}.contact-form-grid .telnumber{align-items:center;gap:0 20px;width:100%;display:flex}.contact-form-grid .telnumber dropdown-el{flex-shrink:0;width:auto}.contact-form-grid .telnumber dropdown-el .dropdown{width:106px}.contact-form-grid .telnumber dropdown-el .dropdown[d4-status=close]{pointer-events:none}.contact-form-grid .telnumber dropdown-el .dropdown .filter-bar{background-color:#0000;align-items:center;padding:0 20px;display:flex}.contact-form-grid .telnumber dropdown-el .dropdown .filter-bar .icon-search{margin-left:20px;font-size:.9375rem}.contact-form-grid .telnumber dropdown-el .dropdown .filter-bar .filter-input{background-color:#0000;border:none;padding:0}.contact-form-btns{width:100%;height:20px;margin-top:var(--W40-R30);position:relative}.contact-form-btns .button-more-dot{position:absolute;top:0}.contact-form-btns .button-more-dot:lang(zh-Hant-TW){left:calc(100% - 75px)}.contact-form-btns .button-more-dot:lang(en){left:calc(100% - 50px)}
