@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{margin-bottom:80px}.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/article.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 .tags ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}.s1 .content .tags ul li{margin:5px}.s1 .content .tags ul li a{display:inline-block;min-width:79px;min-height:29px;line-height:29px;border:1px solid #9bcecb;border-radius:3px;color:#9bcecb;text-align:center;letter-spacing:0.7px;-webkit-transition:0.4s ease;transition:0.4s ease}@media (max-width:575px){.s1 .content .tags ul li a{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s1 .content .tags ul li a{font-size:0.875rem}}@media (min-width:1440px){.s1 .content .tags ul li a{font-size:0.875rem}}@media (min-width:768px){.s1 .content .tags ul li:hover a{background-color:#9bcecb;color:white}}@media (max-width:767px){.s1{margin-bottom:50px}.s1 .title{padding-top:30px;margin-bottom:40px}.s1 .content .search input{width:100%}.s1 .content .search a{right:5%}.s1 .content .tags{overflow-x:scroll}.s1 .content .tags ul{margin-top:28px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.s1 .content .tags ul li{margin:0 10px 0 0}}@media (max-width:414px){.s2 .container{padding:0;position:relative}}.s3{padding-bottom:100px}.s3 .article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:55px}.s3 .left{width:73%}.s3 .left ul{z-index:1;position:relative;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.s3 .left ul li{position:relative;width:259.4px;margin:52px 0 75px}.s3 .left ul li:not(:nth-child(3n)){margin-right:4%}@media (min-width:768px){.s3 .left ul li:hover .imgwrap:before{opacity:1;visibility:visible}.s3 .left ul li:hover .f20{color:#9bcecb}}.s3 .left ul .d_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s3 .left ul .tag{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,calc(-100% - 16px));transform:translate(-50%,calc(-100% - 16px));max-width:98px;padding:8px 16px;color:white;background-color:#0086dd;border-radius:18px}.s3 .left ul .imgwrap{width:259.4px;height:227.3px;background:url(../image/index/a_img01.jpg) center/cover no-repeat;background-size:cover;border-radius:18px;margin-bottom:20px}.s3 .left 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}.s3 .left ul .time{text-align:center;color:#9bcecb;font-weight:700}@media (max-width:575px){.s3 .left ul .time{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s3 .left ul .time{font-size:1.09375rem}}@media (min-width:1440px){.s3 .left ul .time{font-size:1.09375rem}}.s3 .left 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}.s3 .right{width:24%}.s3 .right .tag{max-width:98px;padding:6px 16px;color:white;text-align:center;background-color:#db5a26;border-radius:18px;margin:0 auto 16px}@media (max-width:575px){.s3 .right .tag{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s3 .right .tag{font-size:1.25rem}}@media (min-width:1440px){.s3 .right .tag{font-size:1.25rem}}.s3 .right ul li{padding:30px 0}.s3 .right ul li:not(:last-child){border-bottom:1px solid #bfbfbf}.s3 .right ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s3 .right ul li .f20{width:12%;color:#db5a26}.s3 .right ul li .f16{width:88%;line-height:22px}@media (max-width:1200px){.s3 .left{width:60%}.s3 .left ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s3 .left ul li:not(:nth-child(3n)){margin-right:0%}.s3 .right{width:30%}}@media (max-width:1024px){.s3 .article{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:55px}.s3 .left{width:100%}.s3 .left ul{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.s3 .left ul li{width:293.5px;margin-bottom:40px}.s3 .left ul .imgwrap{width:293.5px;height:227.5px}.s3 .left ul .time{color:black;margin-bottom:10px}.s3 .right{width:100%;margin-top:50px}.s3 .right ul li{padding:20px 0}}@media (max-width:616px){.s3 .left{width:100%}.s3 .left ul{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:0}.s3 .left ul li:not(:first-child){display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;border-top:1px solid #bfbfbf;margin:0}.s3 .left ul li:not(:first-child) a{padding:30px 0}.s3 .left ul li:not(:first-child) .d_flex{margin-bottom:16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.s3 .left ul li:not(:first-child) .tag{position:relative;top:auto;left:auto;-webkit-transform:none;transform:none;font-size:0.875rem}.s3 .left ul li:not(:first-child) .time{text-align:left;margin:0 0 0 10px;font-size:0.875rem}.s3 .left ul li:not(:first-child) .f20{width:70%}.s3 .left ul li:not(:first-child) .imgwrap{position:absolute;width:86px;height:67px;border-radius:9px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}