@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:77px}.s1 .title{position:relative;text-align:center;padding-top:60px}.s1 .title .f28{font-weight:700;position:relative}.s1 .title .f28:after{content:"";width:113px;height:36px;display:block;background:url(../image/login.png) center no-repeat;margin:5px auto 0}.s1 .content{text-align:center;margin-top:50px}.s1 .content .f18 span{color:#db5a26}@media (max-width:767px){.s1{margin-bottom:0}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 .content .f20{margin-top:0;margin-bottom:30px}.s1 .content ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px}.s1 .content ul li{margin-bottom:20px;width:100%}.s1 .content ul li:first-child,.s1 .content ul li:last-child{width:100%}.s1 .content ul li .iconwrap{margin-bottom:10px}}.s2{padding-bottom:150px}.s2 .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s2 .cards .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s2 .cards .card .imgwrap{width:246px;margin-bottom:30px}.s2 .cards .card .f16{height:1em;margin-bottom:25px}.s2 .cards .card .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s2 .cards .card .links .line{width:230px;height:60px;display:block;background:url(../image/login/line.png) center/contain no-repeat;margin-bottom:25px}@media (max-width:991px){.s2 .cards .card .imgwrap{width:150px}.s2 .cards .card .links .line{width:137px;height:36px}}@media (max-width:767px){.s2{padding-top:60px;padding-bottom:50px}.s2 .cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s2 .cards .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px}.s2 .cards .card .left{margin-right:10px;width:30%}.s2 .cards .card .imgwrap{width:100px;margin:0 auto 10px}.s2 .cards .card .f18{text-align:center}.s2 .cards .card .f16{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;margin-bottom:0;color:#db5a26}.s2 .cards .card .links{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s2 .cards .card .links .line{width:100%;height:60px;margin-bottom:10px}}body.modal-open{overflow-y:hidden}#modalBg{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}.modal{position:fixed;width:61.5%;height:78vh;top:50%;left:50%;min-height:700px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:130px 40px 40px;background-color:#f3f3f3;position:relative}.modal .closebtn{cursor:pointer;width:96px;height:96px;display:inline-block;vertical-align:middle;position:absolute;top:0;right:0;-webkit-transition:0.4s ease;transition:0.4s ease}.modal .closebtn .close{display:inline-block;width:42px;height:2px;position:absolute;top:50%;left:50%;margin:-1px 0 0 -21px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;background:#212121;-webkit-transition:0.4s ease;transition:0.4s ease}.modal .closebtn .close:after{content:"";height:42px;width:2px;margin:-21px 0 0 -1px;background:#212121;left:50%;top:50%;position:absolute;-webkit-transition:0.4s ease;transition:0.4s ease}.modal .modal-content{width:100%;overflow:hidden;text-align:center}.modal .modal-content .f18 i{color:#db5a26}.modal .imgwrap{margin:40px 0 45px}.modal .btnwrap{margin-top:95px;width:100%;text-align:center;margin-bottom:10px}.modal .input-group{text-align:center}.modal .input-group input{display:none}.modal .input-group input:not(:checked)~label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.modal .input-group input:checked~label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.modal .input-group .form-check-label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:black;font-size:1rem;letter-spacing:0.05em}.modal .input-group .form-check-label:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:17px;height:17px;background:#e5e5e5}.modal .input-group .form-check-label:after{content:"";width:12px;height:12px;background:url(../image/check-mark.png) 100% no-repeat;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.modal .input-group .form-check-label a{color:#db5a26;text-decoration:underline;text-underline-offset:8px}@media (max-width:991px){.modal{width:90%;min-height:550px;padding:80px 15px}.modal .closebtn{width:56px;height:56px}.modal .closebtn .close{width:26px;margin:-1px 0 0 -13px}.modal .closebtn .close:after{height:26px;margin:-13px 0 0 -1px}.modal .imgwrap{width:50%;margin:30px auto}.modal .btnwrap{margin-top:30px}}