@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&family=Poiret+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");section{padding:0 100px;margin-bottom:300px}.news-block{position:relative}.news-list{display:flex;-webkit-flex-flow:wrap;flex-flow:wrap}.news-items{position:relative;display:block}.news-items:hover .news-img{box-shadow:0 0 8px #333}.news-items:hover .news-hover{opacity:1}.news-items:hover .news-hover:before{height:100%}.news-items.show .news-img{opacity:1}.news-items.show .news-img:before{height:0}.news-img{position:relative;width:100%;margin-bottom:30px;box-shadow:0 0 5px #aaa;opacity:0;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-img:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-img img{width:100%}.news-img h5{position:absolute;bottom:0;left:50%;padding:5px 30px 4px;color:#fff;white-space:nowrap;font-weight:normal;letter-spacing:2px;text-shadow:0 0 3px #000;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.news-img span{display:block}.news-img span:nth-child(1){letter-spacing:3px}.news-img span:nth-child(2){padding-top:1px}.news-img span:nth-child(3){margin-top:10px}.news-info{position:relative}.news-info.show p{-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}.news-info p{position:relative;margin:20px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-info h3{color:#bb9b6e;font-weight:normal}.news-info .en{letter-spacing:0px}.news-hover{position:relative;padding:5px;opacity:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.news-hover:before{content:"";position:absolute;width:100%;height:0;top:0;left:0;background:#bb9b6e;opacity:.15;z-index:-1;-moz-transition:all .6s .3s;-o-transition:all .6s .3s;-webkit-transition:all .6s;-webkit-transition-delay:.3s;transition:all .6s .3s}.news-info p,.news-info h3{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.news-info.show h3,.news-info.show p{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 1601px){.news-items{width:28%}.news-items:nth-child(3n-1){margin:100px calc(16% / 2) 0}.news-items.show:nth-child(3n-1) .news-img:before{top:unset;bottom:0}}@media screen and (max-width: 1600px) and (min-width: 1101px){.news-items{width:40%;margin:auto}.news-items:nth-child(2n){margin:200px auto 0}.news-items.show:nth-child(2n) .news-img:before{top:unset;bottom:0}}@media screen and (max-width: 1100px){section{margin-bottom:200px}.news-items{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;margin:auto}.news-img{width:60%}.news-info{width:40%;margin:0 0 0 50px}.news-info p{-webkit-line-clamp:3}}@media screen and (max-width: 900px){section{padding:0 50px}}@media screen and (max-width: 720px){.news-items{-webkit-flex-flow:column;flex-flow:column;margin:0 0 60px}.news-img{width:100%}.news-img h5{padding:7px 30px 6px}.news-info{width:100%;margin:0}.news-info p{margin:15px 0}.news-info.show .news-hover{opacity:1;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.news-info.show .news-hover:before{height:100%;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}}@media screen and (max-width: 640px){section{padding:0 30px;margin-bottom:0px}}