@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body,html{width:100%;height:100%;font-family:Noto Sans TC,sans-serif,Arial,Helvetica,微軟正黑體,Microsoft JhengHei,Apple LiGothic,蘋果儷中黑}body{flex-direction:column;line-height:normal;display:flex}[hidden]{display:none!important}.text-center{text-align:center}.text-bold{font-weight:700}.text-gray{color:#36425080}.d-inline-block{display:inline-block}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}header{align-items:center;width:100%;max-width:1054px;margin:25px auto;display:flex}header img{content:url(../images/head_logo_gov@3x.d507d180.png);max-width:178px;padding-top:7px}header .title{color:#364250;padding-left:10px;font-size:2rem;font-weight:700}main{flex:auto}.home_page{background-color:#f7e26d}.home_page .hint{text-align:center;color:#364250;padding:40px;font-size:1.5rem;font-weight:700}.home_page .announcement{color:#364250;background-color:#fff;border-radius:20px;align-items:center;max-width:1054px;margin:0 auto 16px;display:flex;position:relative;box-shadow:0 2px 40px #0003}.home_page .announcement .announcement_title{white-space:nowrap;padding:0 0 0 45px;font-size:1.2rem;font-weight:700}.home_page .announcement .splitter{border-left:.1em solid #d3d3d3;margin:0 35px;padding:20px 0;display:block}.home_page .announcement .announcement_content{flex-grow:1;padding:25px 45px 25px 0;position:relative}.home_page .announcement .close_x{content:url(../images/btn_circle_close_x.0c7a9466.svg);cursor:pointer;position:absolute;top:-8px;right:-8px}.home_page .login_method_list{flex-wrap:wrap;max-width:1086px;margin:0 auto;padding-bottom:30px;display:flex}.home_page .login_method{background-color:#fff;border-radius:20px;width:280px;margin:16px;padding:25px 25px 140px;position:relative;box-shadow:0 2px 40px #0003}.home_page .login_method .option_logo{text-align:center}.home_page .login_method.taipeipass .option_logo img{content:url(../images/img_taipeipass.5625e7eb.svg)}.home_page .login_method.twFido .option_logo img{content:url(../images/img_twFido.ca6d02f1.svg)}.home_page .login_method.moica .option_logo img{content:url(../images/img_moica.266b020a.svg)}.home_page .login_method.twId .option_logo img{content:url(../images/img_twId.100da37d.svg)}.home_page .login_method.nhiCard .option_logo img{content:url(../images/img_nhiCard.60195d40.svg)}.home_page .login_method.tpeEdu .option_logo img{content:url(../images/img_tpeEdu.7ec3502e.svg)}.home_page .login_method .option_title{text-align:center;color:#364250;padding:15px 0;font-size:1.2rem;font-weight:700}.home_page .login_method .option_info{color:#364250bf;background-image:url(../images/option_info.8d12c1c1.svg);background-position:3px 4px;background-repeat:no-repeat;padding-left:1.4em}.home_page .login_method .option_footer{flex-direction:column;align-items:center;width:calc(100% - 50px);display:flex;position:absolute;bottom:1.5rem}.home_page .login_method .option_footer .login_button{text-align:center;color:#fff;background-color:#364250;border-radius:8px;width:98%;height:50px;margin-top:20px;margin-bottom:20px;font-size:large;font-weight:lighter;line-height:50px;text-decoration:none}.home_page .login_method .option_footer .link a{color:#364250}.about_page,.error_page{background-color:#f7f7f7;flex-wrap:wrap;height:100%;padding:0 1em;font-size:1.3rem;display:flex}.about_page .info,.error_page .info{max-width:568px}.error_page .info .err_content{font-size:.8em}.about_page{justify-content:center;align-items:center}.about_page .info{margin:9vw}.about_page .info .title{background-image:url(../images/tpe.2bd75d21.svg);background-repeat:no-repeat;padding:0 0 20px 148px;font-size:2.7rem}.about_page .info .desc{padding-left:15px}.about_page img{max-width:50vw}.error_page{flex-direction:column;justify-content:center;align-items:center}.error_page .info .title{text-align:center;font-size:8rem}.error_page .desc{max-width:554px;margin:0 auto 4rem}.error_page img{max-width:65vw}footer{color:#364250;align-items:center;padding:30px 16px;position:relative}footer .logo img{content:url(../images/foot_logo_gov@3x.6c267e0b.png);max-width:166px}footer .splitter{border-left:.1em solid #d3d3d3;margin:0 35px;padding:50px 0;display:block}footer .info>div{background-repeat:no-repeat;margin-bottom:5px;padding-left:2em}footer .info .address{background-image:url(../images/ic_location.2929f1ef.svg)}footer .info .tel{background-image:url(../images/ic_phone.8d62a581.svg);background-size:26px}footer .info .tel_free{background-image:url(../images/ic_serve.a55c3faa.svg)}footer .info .email{background-image:url(../images/ic_mail.eff46063.svg)}footer .webapp{letter-spacing:.03em;font-size:.875rem;position:relative;bottom:-40px;right:160px}.pp_tent .text-bold{font-weight:700}.pp_tent .underline_gray{color:#364250bf;text-decoration:underline;display:inline-block}.pp_tent hr{margin:0}.pp_tent a{text-decoration:none;transition:all .2s;display:block}.pp_tent a.btn{text-align:center;color:#fff;background-color:#364250;border:1px solid #364250bf;border-radius:5px;width:9em;padding:.8rem 0;font-size:1rem;text-decoration:none}.pp_tent a.btn[disabled=true]{color:#364250;cursor:initial;pointer-events:none;background-color:#efefef}.pp_tent .warning_yellow{background-color:#f7e26d80;border-radius:8px;margin-bottom:24px;padding:1rem}.pp_tent input[type=checkbox]{vertical-align:middle;width:20px;height:20px}.pp_tent input[type=checkbox]:checked{accent-color:#364250}.pp_tent .pp_input{flex-direction:column;align-items:flex-start;margin-bottom:24px;display:flex}.pp_tent .pp_input.error:after{content:attr(data-content);color:#fc5e70;order:3}.pp_tent .pp_input label{order:1;margin-bottom:8px}.pp_tent .pp_input input,.pp_tent .pp_input select{border:1px solid #364250bf;border-radius:8px;order:2;height:46px;padding:0 1em;font-size:16px;line-height:3}input[required]+label:after,select[required]+label:after,.pp_input_row[required]+label:after{content:"*";color:red}.pp_tent .pp_input input{width:calc(100% - 2.1em)}.pp_tent .pp_input input::placeholder{color:#3642504d}.pp_tent .pp_input select{width:80%}.pp_tent .pp_input .pp_input_row input,.pp_tent .pp_input .pp_input_row select{order:initial}.pp_tent .pp_input .pp_input_row{flex-direction:row;order:2;align-items:center;width:99%;display:flex}.pp_tent .pp_input .pp_input_row a.btn{width:55%;margin-left:24px}.pp_tent .pp_input .date{order:2;justify-content:space-between;align-items:center;width:100%;display:flex}.pp_tent .pp_input .date select{width:28%}.qrcode_content{flex-direction:column;align-items:center;display:flex}.qrcode_content .tlt{margin-bottom:24px}.qrcode_content .qrcode{border:1px solid #3642504d;border-radius:16px;width:200px;margin:24px;padding:11px}.qrcode_content .qrcode img{text-align:center;width:200px;height:200px;display:block}.qrcode_content a.btn{background-color:#fff;width:240px;padding:.4em 1em;font-weight:lighter}.qrcode_content a.btn.reload_btn{color:#364250;background-image:url(../images/refresh.9a1de377.svg);background-position:12%;background-repeat:no-repeat}.qrcode_content a.btn.reload_btn[disabled=true]{color:#36425080;background-color:#fff}.qrcode_content a.btn.qr_btn{color:#9f862c}.pp_box.agreement .pp_tent .pp_top_tlt{color:#fff;background-color:#364250}.pp_box.agreement .pp_tent .pp_top_tlt .close_x{content:url(../images/x_white.ad5cb376.svg)}.pp_box.agreement .pp_tent .pp_content .content{border:1px solid #364250bf;border-radius:5px;max-height:12rem;padding:24px;line-height:1.5;overflow-y:auto}.pp_box.agreement .pp_tent .pp_content .content::-webkit-scrollbar{width:8px}.pp_box.agreement .pp_tent .pp_content .content::-webkit-scrollbar-thumb{background-color:#364250bf;background-clip:padding-box;border-radius:8px}.pp_box.agreement .pp_tent .pp_content .content::-webkit-scrollbar-track-piece{margin:.5em}.pp_box.agreement .pp_tent .pp_content .agree_check{align-items:center;margin:24px 0;display:flex}.pp_box.banner .pp_tent .pp_top_tlt{background-color:#f7e26d;background-position:bottom;background-repeat:no-repeat;height:11rem;padding-bottom:0}.pp_tent .pp_content .pp_content_tlt{text-align:center;font-size:1.5em;font-weight:500}.pp_tent .pp_content .steps{text-align:center;margin:1rem 0;position:relative}.pp_tent .pp_content .steps .line{justify-content:space-between;display:flex;position:relative}.pp_tent .pp_content .steps:before{content:"";border-top:1px solid #364250bf;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pp_tent .pp_content .steps .step{background-color:#fff;border:1px solid #9aa0a7;border-radius:100%;width:32px;height:32px;line-height:31px}.pp_tent .pp_content .steps .step.active{color:#fff;background-color:#364250}.pp_tent .pp_content .steps .step.finish{color:#fff;background-color:#9aa0a7}.pp_box.moica .pp_tent .pp_top_tlt{background-image:url(../images/img_moica.266b020a.svg)}.pp_box.fido .pp_tent .pp_top_tlt{background-image:url(../images/img_twFido.ca6d02f1.svg)}.pp_box.twId .pp_tent .pp_top_tlt{background-color:#f7e26d;background-image:url(../images/img_twId.100da37d.svg);background-position:bottom;background-repeat:no-repeat;height:11rem;padding-bottom:0}.pp_box.twId .pp_tent .pp_content .agree_check{align-items:center;margin:24px 0;display:flex}.pp_box.nhiCard .pp_tent .pp_top_tlt{background-color:#f7e26d;background-image:url(../images/img_nhiCard.60195d40.svg);background-position:bottom;background-repeat:no-repeat;height:11rem;padding-bottom:0}@media screen and (width<=1086px){header{max-width:692px}.home_page .announcement{max-width:692px;box-shadow:0 2px 10px #0003}.home_page .login_method_list{max-width:724px}.home_page .login_method{box-shadow:0 2px 10px #0003}.about_page .info{align-self:flex-end;margin:9vw 9vw 0}.about_page .info .title{text-align:left;background-size:14.5vw;padding-left:calc(14.5vw + 10px);font-size:4.5vw;display:inline-block}.about_page .info .desc{font-size:3.5vw}.error_page .info .title{font-size:20vw}.error_page .info .desc{max-width:60vw;margin-bottom:4vw;font-size:4vw}footer .webapp{letter-spacing:.03em;font-size:.875rem;position:relative;top:10px;bottom:0;right:0}}@media screen and (width<=920px){header{flex-direction:column;justify-content:center}header .title{text-align:initial;font-size:24px}header img{width:140px}footer{flex-direction:column}footer .logo{margin-bottom:24px}footer .splitter{display:none}}@media screen and (width<=724px){.home_page .announcement{flex-direction:column;max-width:330px;padding:25px 0}.home_page .announcement .announcement_title{padding:0 0 10px}.home_page .announcement .splitter{display:none}.home_page .announcement .announcement_content{text-align:center;padding:0 25px}.home_page .announcement .close_x{top:8px;right:8px}.home_page .login_method_list{max-width:362px}.about_page .info{text-align:center}.about_page .info .title{text-align:left;display:inline-block}.about_page .info .desc{text-align:left}}