@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:60px}.s1 .title{position:relative;text-align:center;margin-bottom:70px;padding-top:60px}.s1 .title .f28{font-weight:700}.s1 .title .f28:after{content:"";width:165px;height:29px;display:block;background:url(../image/test.png) center no-repeat;margin:5px auto 0}.s1 ul{background-color:#fbfaf9;padding:20px 30px 0}.s1 ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.s1 ul li:not(:last-child){border-bottom:1px solid #d2d2d2}.s1 ul .question{width:88%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding-right:10px}.s1 ul .question span{margin-right:14px}.s1 ul .tf{width:12%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.s1 ul .tf input{display:none}.s1 ul .tf input:not(:checked)~label{background:url(../image/test/check.png) center/contain no-repeat}.s1 ul .tf input:checked~label{background:url(../image/test/check_hover.png) center/contain no-repeat;color:white}@media (min-width:768px){.s1 ul .tf input:hover+label{color:white;background:url(../image/test/check_hover.png) center/contain no-repeat}}.s1 ul .tf label{cursor:pointer;display:block;width:50px;height:50px;line-height:50px;text-align:center;-webkit-transition:0.4s ease;transition:0.4s ease}@media (max-width:575px){.s1 ul .tf label{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s1 ul .tf label{font-size:1.125rem}}@media (min-width:1440px){.s1 ul .tf label{font-size:1.125rem}}.s1 .btnwrap{width:100%;text-align:center;margin-top:60px}.s1 .btnwrap .btn:first-child{margin-right:20px}@media (max-width:1024px){.s1 ul .tf label{width:40px;height:40px;line-height:40px}}@media (max-width:991px){.s1 ul .question{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.s1 ul .tf{min-width:88px}}@media (max-width:767px){.s1{margin-bottom:60px}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 ul{background-color:#fbfaf9;padding:0 15px}.s1 ul li{padding:15px 0}}