@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");.news{padding-top:80px;width:87.5%;margin:auto;box-sizing:border-box}.news-menu{display:flex;margin-bottom:20px}.news-menu-item{margin-right:20px;position:relative;cursor:pointer}.news-menu-item .crop{padding:5px 0}.news-menu-item:before{content:"";position:absolute;bottom:0;width:0;height:1px;background:#838f98;-moz-transition:width 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:width 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:width 600ms cubic-bezier(.215, .61, .355, 1);transition:width 600ms cubic-bezier(.215, .61, .355, 1)}.news-menu-item.active:before{width:100%}.news-menu-item:hover{color:#838f98}.news-menu-item:hover:before{width:100%}.news-list{width:100%;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.news-img{overflow:hidden}.news-img img{filter:saturate(.5);-moz-transition:-moz-transform 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.215, .61, .355, 1);transition:transform 600ms cubic-bezier(.215, .61, .355, 1)}.news-item{display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:5%}.news-item.comingsoon .news-date{opacity:0}.news-item:hover img{filter:saturate(1);transform:scale(1.085)}.news-item:hover .crop-text:before{opacity:1;transform:translate3d(0, -130%, 0)}.news-item:hover .crop-text-inner{opacity:0;transform:translate3d(0, -130%, 0)}.news-item:hover .crop-arrow{-moz-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;-webkit-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards}.news-name{font-size:.875rem}.news-info{flex-grow:1;padding:10px 0 30px;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (min-width: 981px){.news-item{width:21.25%;margin-right:5%}.news-item:nth-of-type(4n){margin-right:0}}@media screen and (max-width: 980px){.news-list{-webkit-justify-content:space-between;justify-content:space-between}.news-item{width:30%;margin-right:5%}.news-item:nth-of-type(3n){margin-right:0}#news-comingsoon{display:none}}@media screen and (max-width: 640px){.news-item{width:47.5%}.news-item:nth-of-type(3n){margin-right:5%}.news-item:nth-of-type(even){margin-right:0}.news-name{font-size:.8rem}}@media screen and (max-width: 420px){.news-item{width:100%;margin-right:0}}