@charset "UTF-8";section.main .content-footer .apply-text,section.main .content-header .desc,.process-text-box .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:.5px}.sub-navbar{position:fixed;top:0;right:0;z-index:3;padding:50px 0;display:flex;flex-direction:column;justify-content:space-between;gap:50px;width:80px;width:calc(var(--side-space) + var(--1fr));height:100vh;background:#fff;transition:box-shadow .5s}.sub-navbar .space,.sub-navbar .button-group{height:120px}.sub-navbar .menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.sub-navbar .menu-button-box{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .menu-button-box .menu-text{max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .menu-button-box:hover .menu-text,.sub-navbar .menu-button-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .menu-button-box:hover .menu-button,.sub-navbar .menu-button-box.active .menu-button{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .menu-button-box:hover .menu-button .icon,.sub-navbar .menu-button-box.active .menu-button .icon{transform:rotate(0)}.sub-navbar .menu-button-box:hover .menu-button .icon span,.sub-navbar .menu-button-box.active .menu-button .icon span{background:#fff}.sub-navbar .menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:45px;height:45px;transition:border-color .5s ease,background .5s ease}.sub-navbar .menu-button .icon{display:flex;flex-direction:column;gap:5px;transform:rotate(-30deg);transition:transform .5s ease}.sub-navbar .menu-button .icon span{display:block;background:#181818;width:20px;height:3px;transition:background .5s ease}.sub-navbar .search-box,.sub-navbar .member-box,.sub-navbar .language-box{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .search-box .icon-box,.sub-navbar .member-box .icon-box,.sub-navbar .language-box .icon-box{width:20px;height:20px;font-size:1.25rem}.sub-navbar .search-box .menu-text,.sub-navbar .member-box .menu-text,.sub-navbar .language-box .menu-text{max-height:0;opacity:0;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .search-box:hover .menu-text,.sub-navbar .search-box.active .menu-text,.sub-navbar .member-box:hover .menu-text,.sub-navbar .member-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .language-box{position:relative;width:100%}.sub-navbar .language-box .icon-box{transition:color .5s}.sub-navbar .button-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.sub-navbar[scroll-top=true] .tip-text{opacity:0;z-index:-1;pointer-events:none}.sub-navbar[scroll-top=true] .top-button{opacity:1;pointer-events:initial}.sub-navbar .tip-text{position:absolute;bottom:0;color:#18181880;transform:rotate(90deg) translate(-30%);cursor:pointer;transition:opacity .5s ease}.sub-navbar .top-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:40px;height:40px;cursor:pointer;opacity:0;pointer-events:none;transition:background .5s ease,border-color .5s ease,opacity .5s ease}.sub-navbar .top-button .icon-box{font-size:1.25rem;color:#00000080;transition:color .5s ease}.sub-navbar .top-button:hover{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .top-button:hover .icon-box{color:#fff}@media only screen and (max-width: 1200px){.sub-navbar{display:none}}input{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;background:transparent;width:100%;font-size:1rem;font-weight:400;line-height:1.3;letter-spacing:.5px;-webkit-appearance:none}textarea{display:block;width:100%;height:auto;min-height:100%;padding:0;border:none;font-family:Outfit,Noto Sans TC,Noto Sans SC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1rem;font-weight:400;line-height:1.3;letter-spacing:.5px;background-color:transparent;resize:none;overflow:hidden}.form-block{display:flex;flex-direction:column;gap:10px}.form-block-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.form-block-title .title-en{font-size:1.5rem;font-weight:600;line-height:1.5;letter-spacing:.5px}.form-block-title .title-zh{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:1px}.form-wrapper{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px}@media only screen and (max-width: 575px){.form-row{flex-direction:column}}.form-grid{flex:1;display:flex;flex-direction:column;gap:8px}.form-grid:has(.refresh-btn){flex-direction:row;align-items:center;gap:20px}.input-tip{padding:0 20px;font-size:.75rem;font-weight:500;line-height:1.6;letter-spacing:.5px;color:#0058a3}@media only screen and (max-width: 1024px){.input-tip{padding:0}}.form-group{padding:20px 0 13px;border-bottom:1px solid rgba(0,0,0,.2);display:flex;align-items:center;gap:20px;width:100%}.form-group.required .subject:after{order:2;color:#e45768;content:"*"}.form-group.error{border-color:#e45768}.form-group.error .subject:before{order:3;font-size:.75rem;font-weight:500;line-height:1;letter-spacing:.5px;color:#e45768;content:attr(error-text)}.form-group.error input,.form-group.error textarea{color:#e45768}.form-group.password.show .toggle-password .icon-opened-eye{opacity:1;visibility:visible}.form-group.password.show .toggle-password .icon-closed-eye{opacity:0;visibility:hidden}.form-group:has(input:focus),.form-group:has(textarea:focus){border-bottom:2px solid #0F4C8E}.form-group .group-wrapper{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:end;height:48px}.form-group .group-wrapper:has(textarea){height:auto}.form-group .toggle-password{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.25rem;overflow:hidden;cursor:pointer}.form-group .toggle-password .icon-opened-eye,.form-group .toggle-password .icon-closed-eye{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:opacity .3s,visibility .3s}.form-group .toggle-password .icon-opened-eye{opacity:0;visibility:hidden}.form-group .toggle-password .icon-closed-eye{opacity:1;visibility:visible}.form-group .subject{position:absolute;top:15px;left:20px;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;line-height:1.1;letter-spacing:.5px;white-space:nowrap;transition:top .5s,font-size .5s}.form-group .subject:has(~.input-wrap input:focus),.form-group .subject:has(~.input-wrap input:not(:placeholder-shown)),.form-group .subject:has(~.input-wrap textarea:focus),.form-group .subject:has(~.input-wrap textarea:not(:placeholder-shown)){top:0;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.5px}@media only screen and (max-width: 1024px){.form-group .subject{left:0}}@media only screen and (max-width: 900px){.form-group{padding:20px 0 13px}}.input-wrap{padding:0 20px}.input-wrap .os-scrollbar{--os-handle-perpendicular-size: 2px;--os-handle-perpendicular-size-hover: 2px}.input-wrap:has(textarea){margin-top:27px;position:relative;height:150px;overflow:hidden}.input-wrap:has(textarea):after{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#f2fafd,#f2fafd00);width:100%;height:37px;transition:opacity .5s;content:""}.input-wrap:has(textarea).is-bottom:after{opacity:0}@media only screen and (max-width: 1024px){.input-wrap{padding:0}}.refresh-btn{flex:0 0 auto;display:flex;align-items:center;gap:15px}.refresh-btn img{width:120px}.refresh-btn .icon-refresh{font-size:.9375rem;color:#0003;transition:color .5s}.refresh-btn:hover .icon-refresh{color:#181818}@media only screen and (max-width: 575px){.refresh-btn img{width:80px}}.main-container{position:relative}.main-container .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.main-container .bg img{width:100%;height:100%;object-fit:cover}.main-container .panel-content{padding:80px var(--side-space);display:flex;height:100dvh}.main-container .content-scroll{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%}.main-container .content-wrapper{margin:auto;padding:60px 0;display:flex;box-shadow:5px 5px 20px #0000001a;background:#ffffffb3;width:100%;max-width:720px}.main-container .content-wrapper .scroll-box{padding:0 80px;display:flex;flex-direction:column;gap:40px;width:100%}@media only screen and (max-width: 1024px){.main-container .panel-content{padding:85px var(--side-space) 45px}}@media only screen and (max-width: 900px){.main-container .content-wrapper{padding:50px 0}.main-container .content-wrapper .scroll-box{padding:0 var(--side-space)}}.panel-info{display:flex;flex-direction:column;align-items:center;gap:30px}.panel-info .process-text-box{padding-top:0}.process-text-box{padding-top:20px;display:flex;flex-direction:column;gap:20px;text-align:center;width:100%}.process-text-box .title-box{display:flex;flex-direction:column;align-items:center;gap:20px}.process-text-box .title{font-size:3.75rem;font-weight:500;line-height:1.1}.process-text-box .subtitle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.process-text-box .tips-wrapper{padding:0 20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.process-text-box .tips{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px}.process-text-box .resend-group{padding:5px 0;border-bottom:1px solid rgba(0,0,0,.2);display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.process-text-box .resend-group.disabled .resend{opacity:.2;cursor:not-allowed}.process-text-box .resend-group.disabled .resend .icon-box{display:none}.process-text-box .resend-group.disabled .countdown{display:block}.process-text-box .resend-group .resend{display:flex;align-items:center;gap:10px;opacity:1;cursor:pointer;pointer-events:auto}.process-text-box .resend-group .resend .icon-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.9375rem}.process-text-box .resend-group .countdown{display:none}@media only screen and (max-width: 1024px){.process-text-box{padding-top:0}.process-text-box .title{font-size:2.375rem}.process-text-box .tips{gap:5px}.process-text-box .tips-wrapper{gap:15px}}.verification-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px}.verification-wrapper.error .digit{color:#f24822}.verification-wrapper.error .error-text{display:flex}.verification-wrapper .input-wrapper{position:relative}.verification-wrapper .otp-input{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;opacity:0}.verification-wrapper .otp-display{display:flex;gap:15px;width:100%;height:100%}.verification-wrapper .digit{display:flex;align-items:center;justify-content:center;width:40px;font-size:3.75rem;font-weight:500;line-height:1;color:#0003}.verification-wrapper .digit.active{color:#0058a3}.verification-wrapper .info-wrapper{display:flex;align-items:center;gap:20px}.verification-wrapper .error-text{display:none;align-items:center;gap:10px;font-size:.75rem;font-weight:500;line-height:1;letter-spacing:.5px;color:#e45768}.verification-wrapper .remaining-time{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.verification-wrapper .remaining-time .countdown{line-height:1;color:#00a9cc}@media only screen and (max-width: 1024px){.verification-wrapper .otp-display{gap:10px}.verification-wrapper .digit{width:35px;font-size:3.125rem}}.step-icon-box{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:75px;height:75px}.step-icon-box picture{width:100%;height:100%}.step-icon-box img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1024px){.step-icon-box{width:60px;height:60px}}.tab-panel{position:relative}.tab-panel .button-group{align-self:center;display:flex;align-items:center;justify-content:center;gap:20px}@media only screen and (max-width: 900px){.tab-panel .button-group{flex-direction:column-reverse;gap:15px}}.more-button{min-width:180px}.more-button span{font-size:.875rem}.back-button{position:fixed;top:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;width:45px;height:45px;background:#0f4c8e;cursor:pointer}.back-button:before,.back-button:after{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#fff;content:""}.back-button:after{width:15px;height:2px}.back-button:before{width:2px;height:15px}@media only screen and (max-width: 1024px){.back-button{top:10px;right:10px;width:30px;height:30px}.back-button:after{width:12px}.back-button:before{height:12px}}.step{position:fixed;top:0;left:0;width:100%}.step-progressbar{display:flex;gap:5px}.step-progressbar .progressbar-item{position:relative;flex:1 1 auto;background:#ffffff80;height:5px}.step-progressbar .progressbar-item.active:after{width:100%}.step-progressbar .progressbar-item:after{position:absolute;top:0;left:0;width:0;height:100%;background:#00a9cc;transition:width .5s;content:""}.steps-wrapper .step-item{padding:15px 30px;display:flex;align-items:center;gap:10px;width:calc((100% - 10px) / 3);font-size:.875rem;font-weight:400;line-height:1.5;lhs:.5px}.steps-wrapper .step-index{font-weight:700;color:#00a9cc}@media only screen and (max-width: 900px){.steps-wrapper .step-item{padding:15px 30px 15px 20px;width:100%}}[t4-id=step2] .steps-wrapper .step-item{transform:translate(100%)}@media only screen and (max-width: 1024px){[t4-id=step2] .steps-wrapper .step-item{transform:translate(0)}}[t4-id=step3] .steps-wrapper .step-item{transform:translate(200%)}@media only screen and (max-width: 1024px){[t4-id=step3] .steps-wrapper .step-item{transform:translate(0)}}section.main .container{grid-column:1/-3;display:grid;grid-template-columns:subgrid;min-height:1080px}section.main .img-box{grid-column:1/25}section.main .img-box img{width:100%;height:100%;object-fit:cover}section.main .content-box{padding:80px calc(var(--1fr) * 3);grid-column:25/-1;display:flex;flex-direction:column;justify-content:center;gap:50px;background:linear-gradient(0deg,#e0e0e033 0% 100%),#fff}section.main .content-header{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}section.main .content-header .title-box{display:flex;flex-direction:column;align-items:center;gap:10px}section.main .content-header .title{font-size:3.75rem;font-weight:600;line-height:1.1}section.main .content-header .subtitle{font-size:1.5rem;font-weight:600;line-height:1.5;letter-spacing:.5px}section.main .content-main{display:flex;flex-direction:column;align-items:center;gap:40px}section.main .content-main .actions-group{display:flex;flex-direction:column;align-items:center;gap:25px;width:100%}section.main .content-main .button-group{display:flex;gap:20px}section.main .content-main .more-button{min-width:180px}section.main .content-main .more-button span{font-size:.875rem}section.main .content-main .forget{display:flex;align-items:center;gap:8px;color:#0058a3}section.main .content-main .forget .forget-text{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}section.main .content-main .forget .icon-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.125rem}section.main .content-footer{padding:20px 0;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}section.main .content-footer .stop-tips{display:flex;align-items:center;gap:8px}section.main .content-footer .stop-tips .icon-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.125rem}section.main .content-footer .stop-tips .stop-text{font-size:1rem;font-weight:500;line-height:1.8;letter-spacing:.5px}section.main .content-footer .apply-text{word-break:break-word}section.main .content-footer .apply-text a{margin:0 5px;padding-bottom:1px;position:relative;display:inline-block;vertical-align:middle;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px;color:#0f4c8e}section.main .content-footer .apply-text a:after{position:absolute;bottom:-.5px;left:0;display:block;background:#0f4c8e;width:100%;height:1px;content:""}@media only screen and (max-width: 1200px){section.main .container{grid-column:1/-1}}@media only screen and (max-width: 1024px){section.main .img-box{grid-column:1/14}section.main .content-box{padding:80px var(--1fr);grid-column:14/-1}section.main .content-header .title{font-size:2.375rem}}@media only screen and (max-width: 900px){section.main .img-box{grid-column:1/-1;height:300px}section.main .content-box{padding:50px var(--side-space) 80px;grid-column:1/-1;gap:40px}}@media only screen and (max-width: 575px){section.main .content-main .button-group{flex-direction:column-reverse;gap:15px}}.member-form{padding:40px 50px 60px;background:#fff;width:100%;box-shadow:5px 5px 20px #0000001a}@media only screen and (max-width: 900px){.member-form{padding:20px 20px 30px}}
