@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:120px}.s1 .title{position:relative;text-align:center;padding-top:60px}.s1 .title .f28{font-weight:700;position:relative}.s1 .title .f28:after{content:"";width:68px;height:29px;display:block;background:url(../image/faq.png) center no-repeat;margin:5px auto 0}.s1 .content{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px}.s1 .content .left{width:18%;margin-top:25px}.s1 .content .left ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:26px;cursor:pointer;-webkit-transition:0.4s ease;transition:0.4s ease}.s1 .content .left ul li:before{content:"";width:10px;height:10px;background-color:#db5a26;border-radius:50%;display:block;margin-right:10px}@media (min-width:768px){.s1 .content .left ul li:hover{color:#db5a26}}.s1 .content .left select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:51px;border-radius:25.5px;font-size:1rem;padding:0 33px;background:url(../image/down-arrow.png) right 36px top 20px/30px no-repeat;background-color:rgba(229,229,229,0.3)}.s1 .content .left select:focus-visible{outline:none}.s1 .content .right{width:82%}.s1 .content .right ul li{padding:30px 0 30px 20px;cursor:pointer;border-bottom:1px solid #d2d2d2}.s1 .content .right ul li .f20{display:-webkit-box;display:-ms-flexbox;display:flex;background:url(../image/down-arrow.png) right 30px top 10px/30px no-repeat}.s1 .content .right ul li .f20 span:first-child{margin-right:10px;margin-top:2px}.s1 .content .right ul li .f20 span:nth-child(2){padding-right:70px}.s1 .content .right ul li .f18{display:none;line-height:36px;padding-left:30px;padding-right:100px;letter-spacing:0.025em}.s1 .content .right ul li.open{background-color:#f7f7f7}.s1 .content .right ul li.open .f20{margin-bottom:20px;color:#db5a26;background-image:url(../image/up-arrow-red.png)}.s1 .content .right ul li.open .f18{display:block}@media (min-width:768px){.s1 .content .right ul li:hover .f20{color:#db5a26;background-image:url(../image/down-arrow-red.png)}.s1 .content .right ul li:hover.open .f20{background-image:url(../image/up-arrow-red.png)}}@media (max-width:767px){.s1{margin-bottom:100px}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 .content{margin-top:0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.s1 .content .left{width:100%;margin-top:0;margin-bottom:35px}.s1 .content .right{width:100%}.s1 .content .right ul li{padding:25px 0 25px 20px}.s1 .content .right ul li .f18{padding-right:30px;padding-left:10px}.s1 .content .right ul li.open{padding:20px 0 20px 20px}}