@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:52px}.s1 .title{position:relative;text-align:center;margin-bottom:52px;padding-top:60px}.s1 .title .f28{font-weight:700}.s1 .title .f28:after{content:"";width:165px;height:29px;display:block;background:url(../image/course.png) center/contain no-repeat;margin:5px auto 0}.s1 .editor_Content{text-align:center}@media (max-width:767px){.s1{margin-bottom:50px}.s1 .title{padding-top:30px;margin-bottom:40px}}.s2{margin-bottom:50px}.s2 .category{color:#6c7fab;font-weight:700;background-color:rgba(108,127,171,0.2);border-radius:27px;padding:10px 0;text-align:center;margin-bottom:25px}.s2 .editor_Content{margin-bottom:30px}.s2 ul{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.s2 ul li{width:32%;margin-bottom:75px}.s2 ul li:not(:nth-child(3n)){margin-right:2%}@media (min-width:768px){.s2 ul li:hover .imgwrap:before{opacity:1;visibility:visible}.s2 ul li:hover .f20{color:#6c7fab}}.s2 ul .imgwrap{width:100%;height:0;padding-bottom:70%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:18px;margin-bottom:20px;position:relative}.s2 ul .imgwrap:before{content:"";width:100%;height:100%;background-color:rgba(255,255,255,0.3);display:block;opacity:0;visibility:hidden;-webkit-transition:0.4s ease;transition:0.4s ease;position:absolute;left:0;top:0}.s2 ul .f20{overflow:hidden;display:-webkit-box;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;-webkit-transition:0.4s ease;transition:0.4s ease}@media (max-width:1200px){.s2 ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s2 ul li:not(:nth-child(3n)){margin-right:0%}}@media (max-width:991px){.s2 ul li{width:48%;margin-bottom:40px}}@media (max-width:767px){.s2 ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s2 ul li{width:85%}}