@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900&display=swap);.Header[data-v-318a4d5f]{background-color:#007c7c;height:75px}.Header .common-center-wrap[data-v-318a4d5f]{display:flex}@media screen and (max-width:767px){.Header .common-center-wrap[data-v-318a4d5f]{padding:0}}.Header img[data-v-318a4d5f]{display:block}.Header .title[data-v-318a4d5f]{color:#fff;line-height:75px;margin-left:34px;font-weight:700;font-size:24px}@media screen and (max-width:767px){.Header .title[data-v-318a4d5f]{margin-left:16px;font-size:22px;line-height:75px;margin-top:4px}}.Header .ci-platform[data-v-318a4d5f]{background-color:red;color:#fff;height:100%;margin-left:20px;margin-top:auto;margin-bottom:auto}.logo-img[data-v-318a4d5f]{max-width:100%;max-height:50px;margin:12.5px 0 12.5px 25px}.Footer[data-v-bbe4e7a2]{height:406px;background-image:url(../img/footer-bg-l.1b44ebad.svg);background-position:50%;background-size:cover;background-repeat:no-repeat;padding-top:311px;position:relative;margin-top:-200px}@media screen and (max-width:1920px){.Footer[data-v-bbe4e7a2]{background-size:auto 100%}}@media screen and (max-width:767px){.Footer[data-v-bbe4e7a2]{height:271px;background-image:url(../img/footer-bg-m.f706d8fb.svg);padding-top:0;margin-top:45px}}@media screen and (max-width:1023px){.Footer .text-content[data-v-bbe4e7a2]{position:absolute;padding:5px 22px;bottom:0;left:0}}@media screen and (max-width:767px){.Footer .text-content[data-v-bbe4e7a2]{padding:15px 22px}}@media screen and (max-width:360px){.Footer .text-content[data-v-bbe4e7a2]{padding:10px 4px;font-size:12px}}.Footer img[data-v-bbe4e7a2]{width:100%}.Footer .flex-row[data-v-bbe4e7a2]{display:flex;flex-wrap:wrap;font-size:14px;line-height:26px;color:#fff}.Footer .green[data-v-bbe4e7a2]{color:#daefef}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;color:#424242;background-color:#fbfbfc}html *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family:Noto Sans TC,sans-serif}html body{margin:0}html img{display:block}html .page-wrap{min-height:calc(100vh - 296px);position:relative;z-index:1}html .common-center-wrap{max-width:1000px;margin:0 auto}@media screen and (max-width:1023px){html .common-center-wrap{padding:0 20px}}@media screen and (max-width:767px){html .common-center-wrap.sp{padding:0 4.53vw}}@media screen and (max-width:374px){html .common-center-wrap.sp{padding:0 2vw}}html .common-page-title{padding-top:30px;text-align:center;font-size:24px;font-weight:700;color:#007c7c;position:relative;padding-bottom:11px;line-height:43px}@media screen and (max-width:767px){html .common-page-title{font-size:24px}}html .common-page-title .border{position:absolute;width:140px;height:6px;background-color:#f49300;bottom:0;left:calc(50% - 70px)}html .common-info-flex{display:flex;margin-bottom:15px;padding:0 15px}html .common-info-flex .icon img{height:26px}html .common-info-flex .text{color:#ea2e31}html .common-info-flex .text,html .common-info-flex .text-black{line-height:22px;font-size:15px;margin-left:4px;margin-top:2px}html .common-form{padding:40px 10px 12px 10px}@media screen and (max-width:767px){html .common-form{padding:40px 0 0 0}}html .common-form .form-wrap{box-shadow:0 0 8px rgba(0,0,0,.1);border-radius:8px;padding:12px 5px 22px 5px;background-color:#fff}@media screen and (max-width:767px){html .common-form .form-wrap{padding:0 5px 22px 5px}}html .common-form .form-wrap .form-group{padding:22px 40px;border-bottom:1px solid #bfd1da;display:flex}html .common-form .form-wrap .form-group:last-of-type{border:none}@media screen and (max-width:767px){html .common-form .form-wrap .form-group{padding:15px 20px 22px 20px;flex-wrap:wrap}}html .common-form .form-wrap .form-group .label{min-width:180px;width:180px;color:#007c7c;line-height:24px;margin-right:25px;padding-top:10px}html .common-form .form-wrap .form-group .label.mt{margin-top:40px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .label.mt{margin-top:0;margin-bottom:12px}}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .content,html .common-form .form-wrap .form-group .label{width:100%}}html .common-form .form-wrap .form-group .input{height:45px;line-height:43px;border:1px solid #daefef;background-color:#daefef;width:162px;font-size:16px;font-weight:400;padding:0 12px;color:#007c7c}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .input{width:100%}}html .common-form .form-wrap .form-group input[type=date],html .common-form .form-wrap .form-group input[type=text]{height:45px;line-height:43px;border:1px solid #bfd1da;width:325px;font-size:16px;font-weight:400;padding:0 12px;outline:none;color:#424242;transition:all .1s cubic-bezier(.68,0,.265,1)}@media screen and (max-width:767px){html .common-form .form-wrap .form-group input[type=date],html .common-form .form-wrap .form-group input[type=text]{width:100%}}html .common-form .form-wrap .form-group input[type=date]:focus,html .common-form .form-wrap .form-group input[type=text]:focus{border-color:#4ea8a8}html .common-form .form-wrap .form-group input[type=date].w63,html .common-form .form-wrap .form-group input[type=text].w63{width:63px}html .common-form .form-wrap .form-group input[type=date].w192,html .common-form .form-wrap .form-group input[type=text].w192{width:192px}html .common-form .form-wrap .form-group input[type=date].w196,html .common-form .form-wrap .form-group input[type=text].w196{width:196px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group input[type=date].w196,html .common-form .form-wrap .form-group input[type=text].w196{width:100%}}html .common-form .form-wrap .form-group input[type=date].w241,html .common-form .form-wrap .form-group input[type=text].w241{width:241px}html .common-form .form-wrap .form-group input[type=date].w58,html .common-form .form-wrap .form-group input[type=text].w58{width:58px;margin-right:8px}html .common-form .form-wrap .form-group input[type=date].w58:last-of-type,html .common-form .form-wrap .form-group input[type=text].w58:last-of-type{margin-right:0;margin-left:8px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group input[type=date].sp,html .common-form .form-wrap .form-group input[type=text].sp{display:none}}html .common-form .form-wrap .form-group :-ms-input-placeholder{color:#93a8b2}html .common-form .form-wrap .form-group ::-moz-placeholder{color:#93a8b2}html .common-form .form-wrap .form-group ::placeholder{color:#93a8b2}html .common-form .form-wrap .form-group .note{color:#5b5b5b;font-size:14px;margin-top:6px}html .common-form .form-wrap .form-group .flex-select{display:flex;margin-bottom:12px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .flex-select{flex-wrap:wrap}}html .common-form .form-wrap .form-group .flex-select .select-label{width:92px;line-height:45px;background-color:#1d9da0;color:#fff;text-align:center}html .common-form .form-wrap .form-group .flex-select .select-wrap{position:relative;width:233px;height:45px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .flex-select .select-wrap{width:100%}}html .common-form .form-wrap .form-group .flex-select select{border:1px solid #bfd1da;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 40px 0 12px;font-size:16px;font-weight:400;outline:none;position:absolute;top:0;left:0;width:100%;height:45px;line-height:43px;z-index:2;background-color:transparent;background-image:url(../img/angle.b39e80c1.svg);background-position:right 17px center;background-repeat:no-repeat;background-size:12px auto;color:#424242;transition:all .1s cubic-bezier(.68,0,.265,1)}html .common-form .form-wrap .form-group .flex-select select:focus{border-color:#1d9da0}html .common-form .form-wrap .form-group .flex-select select:valid+.placeholder{display:none}html .common-form .form-wrap .form-group .flex-select select option:disabled{color:red}html .common-form .form-wrap .form-group .flex-select .placeholder{position:absolute;padding-left:12px;line-height:45px;left:0;top:0;color:#93a8b2}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .flex-inputs{display:flex}}html .common-form .form-wrap .form-group .flex-input{display:flex}@media screen and (max-width:1023px){html .common-form .form-wrap .form-group .flex-input{flex-wrap:wrap}}html .common-form .form-wrap .form-group .flex-input .data{height:45px;line-height:43px;text-align:center;border:1px solid #daefef;background-color:#daefef;color:#007c7c;width:145px;margin-right:12px}@media screen and (max-width:1023px){html .common-form .form-wrap .form-group .flex-input .data{margin-right:0;margin-bottom:12px}}html .common-form .form-wrap .form-group .suffix{line-height:45px;margin-left:5px}html .common-form .form-wrap .form-group .checks,html .common-form .form-wrap .form-group .radios{display:flex;flex-wrap:wrap;flex-basis:100%}html .common-form .form-wrap .form-group .content.check,html .common-form .form-wrap .form-group .content.radio{flex-basis:100%}html .common-form .form-wrap .form-group .radio-wrap{margin:10px 35px 10px 0;max-width:100%}html .common-form .form-wrap .form-group .radio-wrap:last-of-type{margin-right:0}html .common-form .form-wrap .form-group .radio-wrap label.radio{display:flex;cursor:pointer;flex-wrap:wrap}html .common-form .form-wrap .form-group .radio-wrap label.radio input{display:none}html .common-form .form-wrap .form-group .radio-wrap label.radio input:checked+.outer .inner{background-color:#4ea8a8}html .common-form .form-wrap .form-group .radio-wrap label.radio .outer{width:20px;min-width:20px;height:20px;margin-top:2px;border:1px solid #bfd1da;margin-right:5px;background-repeat:no-repeat;background-position:50%;transition:all .1s cubic-bezier(.68,0,.265,1);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}html .common-form .form-wrap .form-group .radio-wrap label.radio .inner{width:12px;height:12px;border-radius:50%;transition:all .1s cubic-bezier(.68,0,.265,1)}html .common-form .form-wrap .form-group .radio-wrap label.radio .text{line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html .common-form .form-wrap .form-group .radio-wrap label.radio input[type=text]{display:block;margin-left:5px;height:34px;line-height:32px;margin-top:-4px}@media screen and (max-width:767px){html .common-form .form-wrap .form-group .radio-wrap label.radio input[type=text]{margin-top:10px;width:auto}}html .common-form .form-wrap .form-group .check-wrap{margin:10px 35px 10px 0}html .common-form .form-wrap .form-group .check-wrap:last-of-type{margin-right:0}html .common-form .form-wrap .form-group .check-wrap label.checkbox{display:flex;cursor:pointer}html .common-form .form-wrap .form-group .check-wrap label.checkbox input{display:none}html .common-form .form-wrap .form-group .check-wrap label.checkbox input:checked+.outer{background-image:url(../img/check.72dc8a03.svg)}html .common-form .form-wrap .form-group .check-wrap label.checkbox .outer{width:20px;min-width:20px;height:20px;margin-top:2px;border:1px solid #bfd1da;margin-right:5px;background-repeat:no-repeat;background-position:50%;transition:all .1s cubic-bezier(.68,0,.265,1);background-color:#fff}html .common-form .form-wrap .form-group .check-wrap label.checkbox .text{line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html .common-buttons{display:flex;justify-content:center;margin-top:50px}@media screen and (max-width:767px){html .common-buttons{margin-top:30px}}html .common-buttons .common-button{margin:0 12.5px}html .common-button{width:288px;line-height:52px;text-align:center;font-size:18px;font-weight:700;color:#fff;border-radius:26px;background-color:#1d9da0;cursor:pointer;transition:all .1s cubic-bezier(.68,0,.265,1);display:flex;justify-content:center}html .common-button:hover{box-shadow:3px 4px 0 #057477}html .common-button.red{background-color:#ea2e31}html .common-button.red:hover{box-shadow:3px 4px 0 #ad2c2c}html .common-button.green4{background-color:#4ea8a8}html .common-button.disabled{cursor:default}html .common-button.disabled:hover{box-shadow:none}html .common-button.grey{background-color:#93a8b2}html .common-button.grey:hover{box-shadow:none}html .common-button.default{cursor:default}@media screen and (max-width:767px){html .common-button{line-height:45px;margin:0 7px;max-width:140px}}html .common-button .icon{padding-top:9.5px;margin-right:12px}@media screen and (max-width:767px){html .common-button .icon{padding-top:6px}}html .common-button .icon img{height:33px;display:block}@media screen and (max-width:1023px){html .common-l{display:none}}html .common-m{display:none}@media screen and (max-width:1023px){html .common-m{display:block}}html span.l{display:inline}@media screen and (max-width:767px){html span.l{display:none}}html span.br{display:none}@media screen and (max-width:767px){html span.br{display:inline}}html .mx-datepicker{width:100%}html .mx-datepicker *{font-family:Noto Sans TC,sans-serif}html .mx-datepicker .mx-icon-calendar{color:#4ea8a8}html .mx-datepicker input{border-radius:0}html .mx-datepicker :-ms-input-placeholder{color:#93a8b2}html .mx-datepicker ::-moz-placeholder{color:#93a8b2}html .mx-datepicker ::placeholder{color:#93a8b2}html .mx-calendar{border:1px solid #4ea8a8}html .mx-calendar .mx-calendar-header-label,html .mx-calendar .mx-calendar-header-label *,html .mx-calendar i,html .mx-calendar thead tr th{color:#4ea8a8}html .mx-calendar td.today{color:#4ea8a8;font-weight:700;background-color:#daefef}html .mx-calendar td.cell.active{background-color:#4ea8a8}html input::-ms-clear,html select::-ms-expand{display:none}html .isIE .select-wrap .placeholder{display:none}.captcha-img[data-v-8b7fb9a2]{height:52px}.Login .common-center-wrap[data-v-8b7fb9a2]{max-width:900px}@media screen and (max-width:767px){.Login .common-page-title[data-v-8b7fb9a2]{font-size:19px}}.Login .form[data-v-8b7fb9a2]{padding:40px 50px;border:3px solid #93a8b2;border-radius:20px;display:flex;margin-top:30px}@media screen and (max-width:1023px){.Login .form[data-v-8b7fb9a2]{padding:30px}}@media screen and (max-width:767px){.Login .form[data-v-8b7fb9a2]{padding:30px 30px 40px 30px;display:block}}.Login .form .left[data-v-8b7fb9a2],.Login .form .right[data-v-8b7fb9a2]{width:365px}@media screen and (max-width:767px){.Login .form .left[data-v-8b7fb9a2],.Login .form .right[data-v-8b7fb9a2]{width:100%}}.Login .form .left[data-v-8b7fb9a2]{margin-right:70px}@media screen and (max-width:1023px){.Login .form .left[data-v-8b7fb9a2]{margin-right:40px}}.Login .form .left .input-wrap input[data-v-8b7fb9a2]{width:100%;height:52px;line-height:50px;border-radius:5px;background-color:#e4e4e4;border:none;padding:0 15px;font-size:18px;color:#424242;outline:none}.Login .form .left[data-v-8b7fb9a2] :-ms-input-placeholder{color:#93a8b2}.Login .form .left[data-v-8b7fb9a2] ::-moz-placeholder{color:#93a8b2}.Login .form .left[data-v-8b7fb9a2] ::placeholder{color:#93a8b2}.Login .form .left .captcha-wrap[data-v-8b7fb9a2]{display:flex}.Login .form .left .captcha-wrap .input-wrap[data-v-8b7fb9a2]{width:232px}.Login .form .left .captcha-wrap .control[data-v-8b7fb9a2]{margin-left:0;padding-top:0}.Login .form .left .captcha-wrap .control .img img[data-v-8b7fb9a2]{height:100%;cursor:pointer;border-radius:5px}.Login .form .left .captcha-wrap .control .change-captcha-image[data-v-8b7fb9a2]{text-decoration:underline;font-size:16px;text-align:center;color:#007c7c;cursor:pointer}.Login .form .mb[data-v-8b7fb9a2]{margin-bottom:20px}@media screen and (max-width:767px){.Login .form .right[data-v-8b7fb9a2]{margin-top:24px}}.Login .form .right .common-button[data-v-8b7fb9a2]{width:100%;max-width:100%}.Login .form .right .input-wrap input[data-v-8b7fb9a2]{width:100%;height:52px;line-height:50px;border-radius:5px;background-color:#e4e4e4;border:none;padding:0 15px;font-size:18px;color:#424242;outline:none}.Login .form .right[data-v-8b7fb9a2] :-ms-input-placeholder{color:#93a8b2}.Login .form .right[data-v-8b7fb9a2] ::-moz-placeholder{color:#93a8b2}.Login .form .right[data-v-8b7fb9a2] ::placeholder{color:#93a8b2}.Login .tabs-wrap[data-v-8b7fb9a2]{margin-top:45px;justify-content:center;margin-bottom:11px;display:none}@media screen and (max-width:767px){.Login .tabs-wrap[data-v-8b7fb9a2]{display:flex}}.Login .tabs-wrap .tabs[data-v-8b7fb9a2]{background-color:#e4e4e4;display:flex;border-radius:19px}.Login .tabs-wrap .tabs .tab[data-v-8b7fb9a2]{line-height:38px;width:140px;text-align:center;font-size:18px;color:#93a8b2;border-radius:19px;cursor:pointer}.Login .tabs-wrap .tabs .tab.active[data-v-8b7fb9a2]{color:#fff;background-color:#1d9da0}.Login .types[data-v-8b7fb9a2]{display:flex;justify-content:center;margin-top:20px}.Login .types .item[data-v-8b7fb9a2]{width:426px;min-height:200px;position:relative;display:flex;flex-direction:column}.Login .types .item[data-v-8b7fb9a2]:first-of-type{margin-right:48px}@media screen and (max-width:1023px){.Login .types .item[data-v-8b7fb9a2]:first-of-type{margin:0 40px}}@media screen and (max-width:767px){.Login .types .item[data-v-8b7fb9a2]{height:auto;display:none}.Login .types .item.active[data-v-8b7fb9a2]{display:flex;flex-direction:row}}.Login .types .item .heading[data-v-8b7fb9a2]{width:140px;height:38px;line-height:36px;text-align:center;border:1px solid #4ea8a8;color:#007c7c;font-weight:500;font-size:22px}@media screen and (max-width:767px){.Login .types .item .heading[data-v-8b7fb9a2]{display:none}}.Login .types .item .explain[data-v-8b7fb9a2]{font-size:16px;color:#5b5b5b;padding-left:12px;overflow-y:auto}.Login .types .item .explain span[data-v-8b7fb9a2]{font-weight:500}@media screen and (max-width:767px){.Login .types .item .explain[data-v-8b7fb9a2]{font-size:16px;display:flex;flex-direction:column;justify-content:center}}.Login .types .item img[data-v-8b7fb9a2]{position:absolute;top:50;left:49px}@media screen and (max-width:767px){.Login .types .item img[data-v-8b7fb9a2]{position:static;width:41.07vw}}.ha-title[data-v-8b7fb9a2]{font-size:32px;padding-top:0}.ha-content[data-v-8b7fb9a2]{border:0;font-size:18px}.ha-buttons[data-v-8b7fb9a2]{margin-top:12px}