@charset "UTF-8";section.banner{z-index:0;position:relative}section.banner[text-color=white] .top-content{color:#fff}section.banner[text-color=white] .bottom-content{color:#fff}section.banner[text-color=white] .inner:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#0000004d;content:""}section.banner[text-color=black] .top-content{color:#000}section.banner[text-color=black] .bottom-content{color:#000}section.banner[topText-align=left] .wrapper .top-content{align-self:flex-start;text-align:start}section.banner[topText-align=center] .wrapper .top-content{align-self:center;text-align:center}section.banner[topText-align=right] .wrapper .top-content{align-self:flex-end;text-align:end}section.banner[botText-align=left] .wrapper .bottom-content{align-self:flex-start;text-align:start}section.banner[botText-align=center] .wrapper .bottom-content{align-self:center;text-align:center}section.banner[botText-align=center] .wrapper .bottom-content .unitSubTitle{margin-right:-15px}section.banner[botText-align=right] .wrapper .bottom-content{align-self:flex-end;text-align:end}section.banner[botText-align=right] .wrapper .bottom-content .unitSubTitle{margin-right:-15px}section.banner .container{position:relative}section.banner .container.aost-show .bottom-content{transform:translateZ(0)}section.banner .container.aost-show .top-content{opacity:1;transform:translateZ(0)}section.banner .container .wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:50px 30px;padding:9.375vw 0 80px;color:#fff;min-height:46.87vw}@media only screen and (max-width: 1200px){section.banner .container .wrapper{min-height:65.4vw}}@media only screen and (max-width: 767px){section.banner .container .wrapper{min-height:134vw}}section.banner .container .inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}section.banner .container .inner img{width:100%;height:100%;object-fit:cover}section.banner .container .top-content{width:100%;max-width:730px;align-self:flex-end;margin:0 3.125vw;opacity:0;transition:transform .8s,opacity .8s .3s}section.banner .container .bottom-content{align-self:flex-start;max-width:675px;margin:0 7.03125vw;transform:translate3d(0,30px,0)}section.banner .container .bottom-content .unitSubTitle{margin-top:20px}@media only screen and (max-width: 1024px){section.banner .container .wrapper{padding:90px 0 50px}}@media only screen and (max-width: 767px){section.banner .container .wrapper .top-content{max-width:82.5%;margin:0 25px}section.banner .container .wrapper .bottom-content{margin:0 25px}section.banner .container .wrapper .bottom-content .unitSubTitle{margin-top:10px}}.wdd-form{max-width:1200px;width:100%;margin:0 auto;padding:0}.form-row{display:flex;align-items:center;margin:0 -15px}@media only screen and (max-width: 900px){.form-row{flex-direction:column;gap:15px 0}}.form-row:not(:first-child){margin-top:15px}.form-grid{width:100%;padding:0 15px}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#f52c2c}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-wrap:wrap}.form-btn-group .btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border:1px solid #000000;border-radius:10rem;transition:background-color .2s linear,color .2s linear;cursor:pointer;pointer-events:auto}.form-btn-group .btn:hover{background-color:#000;color:#fff}.form-btn-group .btn:not(:last-child){margin-right:15px}.form-group{position:relative;display:flex;align-items:flex-start;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);min-height:55px}@media only screen and (max-width: 900px){.form-group{flex-direction:column;align-items:flex-start}}.form-group.border-bold{border-bottom:2px solid #000}.form-group.border-bold.error{border-bottom:2px solid #F52C2C}.form-group.border-bold.error .subject{color:#f52c2c}.form-group.date .input-wrap{position:relative;padding:0 0 0 15px}@media only screen and (max-width: 900px){.form-group.date .input-wrap{margin-bottom:15px}}.form-group.date .i-box{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"*";position:absolute;top:4px;font-size:.75rem;left:4px;color:#f52c2c}@media only screen and (max-width: 900px){.form-group.required .subject:before{top:-4px;left:0}}.form-group.verification{align-items:center}@media only screen and (max-width: 900px){.form-group.verification{align-items:flex-start}}.form-group.verification .input-wrap{display:flex;align-items:center;height:auto;margin:7px 0}.form-group.verification .refresh-btn{align-items:center;align-self:center}.form-group.verification .refresh-btn img{width:60px;height:40px}.form-group.textarea{flex-direction:column;align-items:flex-start}.form-group.textarea .input-wrap{height:auto;padding:0 20px 10px 15px;margin-bottom:10px;margin-top:0}@media only screen and (max-width: 900px){.form-group.textarea .input-wrap{padding:10px}}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error{border-bottom:1px solid #F52C2C}.form-group.error .subject{color:#f52c2c}.form-group.error~.error-text{color:#f52c2c;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;padding:10px 0 10px 15px;font-size:1rem;line-height:1.8;font-weight:500;letter-spacing:1px;color:#000;margin-right:5px}@media only screen and (max-width: 900px){.form-group .subject{padding:0 0 0 10px}}.form-group .input-wrap{position:relative;width:100%;height:1.8rem;margin:10px 0;padding:0 20px 0 15px}@media only screen and (max-width: 900px){.form-group .input-wrap{padding:0 10px;margin-bottom:15px}}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;font-size:1rem;color:#000;background-color:transparent;font-weight:300;line-height:1.8;letter-spacing:1px}.form-group .input-wrap input::placeholder{color:#7d7d7d;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:#7d7d7d}.form-group .input-wrap input::-ms-input-placeholder{color:#7d7d7d}.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:170px;padding:0 10px 0 0;border:none;background-color:transparent;resize:none;font-size:1rem;font-weight:300;line-height:1.8;letter-spacing:1px;font-family:"Source Serif 4",Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}@media only screen and (max-width: 900px){.form-group .textarea-scrollbar{height:190px}}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#7d7d7d;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:#7d7d7d}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:#7d7d7d}.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:#f52c2ccc;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: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:10px 15px}@media only screen and (max-width: 900px){.form-group dropdown-el:not([multiple]) .select-wrapper{padding-bottom: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:transparent;color:#000}.form-group dropdown-el .dropdown{box-shadow:10px 10px 10px #0000001a;border-radius:unset;transform:translateZ(0)}.form-group dropdown-el .dropdown:after{border:none;border-radius:unset}.form-group dropdown-el .dropdown .dropdown-list>li{text-align:center;transition:color .3s}.form-group dropdown-el .dropdown:has(li:hover) li{color:#0006}.form-group dropdown-el .dropdown .dropdown-scroller{max-height:220px}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px}.form-group dropdown-el .select-display{position:relative;color:#7d7d7d;font-size:1rem;font-weight:300;line-height:1.8;letter-spacing:1px}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{position:relative;width:10px;height:10px;border:none}.form-group dropdown-el .dropdown-icon:after{content:"";font-family:icomoon!important;position:absolute;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem}.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:#f52c2c}.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:#7d7d7d;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:#7d7d7d;opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:#7d7d7d}.form-group .data-time-picker>input::-ms-input-placeholder{color:#7d7d7d}.air-datepicker{border:none!important;border-radius:0!important}.air-datepicker--pointer:after{display:none}section.main{padding:80px 0 150px}section.main .container{grid-column:3/-3;max-width:1200px;margin:0 auto;width:100%;box-shadow:30px 30px 20px #0000001a;position:relative}@media only screen and (max-width: 767px){section.main .container{grid-column:2/-2}}section.main .container.aost-show .title-wrap,section.main .container.aost-show .form-box{opacity:1}section.main .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-2;pointer-events:none;background-image:url(../../assets/img/other/backimg.jpg);background-repeat:repeat;background-size:contain}section.main .content-box{padding:clamp(3.125rem,4.16vw,5rem) clamp(1.5625rem,7.81vw,9.375rem) clamp(5rem,7.81vw,9.375rem)}section.main .content-box .title-wrap{text-align:center;opacity:0;transition:opacity 1s .5s}@media only screen and (max-width: 767px){section.main .content-box .title-wrap{text-align:left}}section.main .content-box .form-box{opacity:0;transition:opacity 1s 1s}section.main .content-box .form-box,section.main .content-box .gap{margin-top:clamp(3.125rem,4.16vw,5rem)}section.main .content-box .error-info{margin-top:35px;color:#f52c2c}section.main .content-box .form-btn-group{position:absolute;bottom:-36px;right:clamp(1.5625rem,7.81vw,9.375rem)}section.main .content-box .btn-group{position:relative}section.main .content-box .form-submit{width:clamp(6.25rem,6.25vw,7.5rem);height:clamp(6.25rem,6.25vw,7.5rem);display:flex;align-items:center;justify-content:center;color:#fff;background:#000;border-radius:50%;font-size:.875rem;font-weight:600;line-height:1.8;letter-spacing:1px;transition:transform .5s;box-shadow:30px 30px 20px #0000001a}@media only screen and (min-width: 1201px){section.main .content-box .form-submit:hover{transform:scale(1.1)}}@media only screen and (max-width: 1200px){section.main .content-box .form-submit:active{transform:scale(1.1)}}section.main .content-box .form-submit .txt{text-align:center}section.main .content-box .form-submit .txt span{display:inline-block;width:100%}