@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:55px}.s1 .title{position:relative;text-align:center;padding-top:60px}.s1 .title .f28{font-weight:700}.s1 .title .f28:after{content:"";width:176px;height:29px;display:block;background:url(../image/company.png) center no-repeat;margin:5px auto 0}@media (max-width:767px){.s1{margin-bottom:50px}.s1 .title{padding-top:30px;margin-bottom:40px}}.s2 .content{padding:0 50px}.s2 .content .supplement{text-align:center;margin-bottom:62px;line-height:32px}@media (max-width:575px){.s2 .content .supplement{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s2 .content .supplement{font-size:1.125rem}}@media (min-width:1440px){.s2 .content .supplement{font-size:1.125rem}}.s2 .content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.s2 .content ul li{width:23%;position:relative;margin-bottom:90px}.s2 .content ul li:not(:nth-child(4n)){margin-right:2.6%}.s2 .content ul li.teacher{background-color:#fdf6e7;-webkit-transition:0.4s ease;transition:0.4s ease}.s2 .content ul li.teacher .tag{background-color:#f4c32a;-webkit-transition:0.4s ease;transition:0.4s ease}.s2 .content ul li.the-to-be{background-color:#fcf2ee;-webkit-transition:0.4s ease;transition:0.4s ease}.s2 .content ul li.the-to-be .tag{background-color:#db5a26;-webkit-transition:0.4s ease;transition:0.4s ease}@media (min-width:768px){.s2 .content ul li:hover.teacher{background:rgba(244,195,42,0.65)}.s2 .content ul li:hover.the-to-be{background:rgba(219,90,38,0.65)}.s2 .content ul li:hover .tag{background-color:black;color:white}}.s2 .content .imgwrap{width:100%;height:0;padding-bottom:100%;background-position:center;background-size:cover}.s2 .content .txt{padding:15px 20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s2 .content .txt .tag{position:absolute;padding:5px 21px;border-radius:15px;top:-50px;left:20px;white-space:nowrap}.s2 .content .txt .f16:not(:first-child){line-height:1.5}.s2 .content .txt .f20{position:relative}.s2 .content .txt .rating{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s2 .content .txt .rating .star{margin-top:5px;display:block;width:19px;height:18px;background:url(../image/star.png) center/contain no-repeat}.s2 .content .btnwrap{width:100%;text-align:center;margin-bottom:50px}@media (max-width:991px){.s2 .content ul li{width:32%}.s2 .content ul li:not(:nth-child(4n)){margin-right:0%}.s2 .content ul li:not(:nth-child(3n)){margin-right:2%}}@media (max-width:767px){.s2{padding:0px 0 50px}.s2 .content{margin-top:47px;padding:0}.s2 .content .supplement{margin-bottom:30px}.s2 .content ul li{margin:10px 0;width:100%}.s2 .content ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:20px}.s2 .content ul li .imgwrap{width:41%;padding-bottom:41%}.s2 .content .txt{width:59%;padding:0 0 0 20px;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-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;position:relative}.s2 .content .txt .tag{position:relative;top:0;left:0;margin-bottom:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.s2 .content .txt .rating{position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:100px;bottom:0}.s2 .content .txt .rating .star{width:15px;height:14px;margin-top:0px;margin-right:5px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.s2 .content .btnwrap{margin:30px 0}}.s3{padding-bottom:100px}