@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:40px}.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/search-w.png) center no-repeat;margin:5px auto 0}.s1 .content{text-align:center}.s1 .content .search{position:relative}.s1 .content .search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:rgba(229,229,229,0.3);width:46%;height:51px;border-radius:25.5px;padding:0 20px}@media (max-width:575px){.s1 .content .search input{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s1 .content .search input{font-size:1.09375rem}}@media (min-width:1440px){.s1 .content .search input{font-size:1.09375rem}}.s1 .content .search input::-webkit-input-placeholder{color:#b3b3b3}.s1 .content .search input::-moz-placeholder{color:#b3b3b3}.s1 .content .search input:-ms-input-placeholder{color:#b3b3b3}.s1 .content .search input::-ms-input-placeholder{color:#b3b3b3}.s1 .content .search input::placeholder{color:#b3b3b3}@media (max-width:575px){.s1 .content .search input::-webkit-input-placeholder{font-size:1rem}.s1 .content .search input::-moz-placeholder{font-size:1rem}.s1 .content .search input:-ms-input-placeholder{font-size:1rem}.s1 .content .search input::-ms-input-placeholder{font-size:1rem}.s1 .content .search input::placeholder{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s1 .content .search input::-webkit-input-placeholder{font-size:1.09375rem}.s1 .content .search input::-moz-placeholder{font-size:1.09375rem}.s1 .content .search input:-ms-input-placeholder{font-size:1.09375rem}.s1 .content .search input::-ms-input-placeholder{font-size:1.09375rem}.s1 .content .search input::placeholder{font-size:1.09375rem}}@media (min-width:1440px){.s1 .content .search input::-webkit-input-placeholder{font-size:1.09375rem}.s1 .content .search input::-moz-placeholder{font-size:1.09375rem}.s1 .content .search input:-ms-input-placeholder{font-size:1.09375rem}.s1 .content .search input::-ms-input-placeholder{font-size:1.09375rem}.s1 .content .search input::placeholder{font-size:1.09375rem}}.s1 .content .search a{width:33px;height:37px;display:block;position:absolute;top:50%;right:29%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../image/article/search.png) 96%/33px no-repeat}.s1 .content .search.clear a{width:18px;height:18px;background:url(../image/delete-b.png) 96%/18px no-repeat}@media (max-width:767px){.s1{margin-bottom:30px}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 .content .search input{width:100%}.s1 .content .search a{right:5%}}.s2{padding-bottom:100px}.s2 .noresult{display:none;text-align:center}.s2 .noresult.show{display:block}.s2 .result{display:none}.s2 .result.show{display:block}.s2 .result .f18{text-align:center}.s2 .result .f18 i{color:#0086dd}.s2 .result ul{margin-top:85px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.s2 .result ul li{width:22%;margin-bottom:50px}@media (min-width:768px){.s2 .result ul li:hover .imgwrap:before{opacity:1;visibility:visible}.s2 .result ul li:hover .f20{color:#9bcecb}}.s2 .result ul .tag{max-width:98px;padding:8px 16px;color:white;background-color:#0086dd;border-radius:18px;margin:0 auto 16px}.s2 .result ul .imgwrap{width:100%;height:0px;padding-bottom:83%;background:url(../image/index/a_img01.jpg) center no-repeat;background-size:cover;border-radius:18px;margin-bottom:20px}.s2 .result ul .imgwrap:before{content:"";width:100%;height:0px;padding-bottom:83%;background-color:rgba(255,255,255,0.3);display:block;opacity:0;visibility:hidden;-webkit-transition:0.4s ease;transition:0.4s ease}.s2 .result ul .time{text-align:center;color:#9bcecb;font-weight:700}.s2 .result 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:767px){.s2{padding-bottom:50px}.s2 .noresult{padding-bottom:100px}.s2 .f28{margin-bottom:47px}.s2 .result ul{-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;margin-top:53px}.s2 .result ul li{width:293.5px;margin-bottom:40px}.s2 .result ul .imgwrap{width:293.5px;height:227.5px;margin:0 auto 20px;padding-bottom:0}.s2 .result ul .time{font-size:1rem;color:black;margin-bottom:10px}}