@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");@import url("https://fonts.googleapis.com/css2?family=Tangerine&display=swap");@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap");@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");.news-type{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.top-slogan-text:nth-child(1){top:50%;left:50%}.top-images li:nth-child(1){background-position:50% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.top-images li:nth-child(1).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.block{width:90%;margin:200px auto}.news-block{position:relative}.news-block:before{content:"";position:absolute;width:100%;height:0;top:39px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;pointer-events:none;z-index:1}.news-type{padding:100px;background:#e7e7e7}.news-type-in{position:relative;cursor:pointer}.news-type-in:before{content:"";position:absolute;width:100%;height:100%;background:#ccc;opacity:0;z-index:1}.news-type-in.active:before{opacity:.5}.news-type-line{position:relative;width:1px;height:20px;margin:0 30px;background:#aaa}.news-type h3{padding:3px 20px 2px;font-size:1em;font-weight:normal}.news-type span{color:#888;font-size:.875em}.news-list{position:relative;margin:-15px 50px 15px}.news-list:before{content:"";position:absolute;width:100%;height:1px;left:0;bottom:0;background:#ccc}.news-list ul{position:relative;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-flow:wrap;flex-flow:wrap}.news-list ul:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#eee;z-index:1}.news-list li{display:block;width:50%;padding:40px 0;border-bottom:solid 1px #ccc}.news-list li.unactive{display:none}.news-list li:hover .news-item:before{opacity:1;-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}.news-list li:hover .news-img{width:calc(100% + 60px);margin:0 -30px}.news-list li:hover .news-img-in{-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.news-item{position:relative;display:block;padding:0 30px;border-left:solid 1px #ccc}.news-item:before{content:"";position:absolute;width:100%;height:100%;margin:0 -30px;box-shadow:0 2px 10px #aaa;z-index:1;opacity:0;-moz-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-webkit-transform:scale(.9, .9);transform:scale(.9, .9);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-img{position:relative;width:100%;height:24vw;overflow:hidden;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-img img{object-fit:cover;width:100%;height:100%}.news-img:after{content:"";position:absolute;width:100%;height:100%;background:#eee;z-index:1;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}.news-img-in{width:100%;height:100%;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-info{position:relative;padding:45px 40px;margin:0 -30px;z-index:1}.news-info h3{position:relative;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:10px 0;color:#333;font-size:1.1em;font-weight:normal;overflow:hidden;opacity:0;-moz-transition:all .6s .4s;-o-transition:all .6s .4s;-webkit-transition:all .6s;-webkit-transition-delay:.4s;transition:all .6s .4s}.news-info h3.show{opacity:1}.news-info p{position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875em;letter-spacing:2px;overflow:hidden}.news-info p:nth-child(1){width:fit-content}.news-info p:nth-child(1):before{content:"";position:absolute;width:100%;height:100%;right:0;background:#eee;-moz-transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;transition:all 0s}.news-info p:nth-child(1).show:before{width:0;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.news-info p:nth-child(3){opacity:0;-moz-transition:all .6s .4s;-o-transition:all .6s .4s;-webkit-transition:all .6s;-webkit-transition-delay:.4s;transition:all .6s .4s}.news-info p:nth-child(3).show{opacity:1}.news-link{position:relative;height:12vw;overflow:hidden}.news-link-photo{position:absolute;display:flex;width:100%;height:100%;-webkit-filter:grayscale(.5) brightness(.5);filter:grayscale(.5) brightness(.5)}.news-link-photo .img{width:33.33%;height:100%;background:url("../images/about/1.jpg") 0 0/cover no-repeat fixed}.news-link-in{position:absolute;top:0;left:0;height:12vw;line-height:12vw;font-size:2.5em;background:url("../images/about/1.jpg") 0 0/cover no-repeat fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.news-item,.news-img{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-block:before{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-block.show:before,.news-item.show,.news-img.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.news-block.show:before{height:calc(100% - 40px)}.news-img.show:after{height:0}@media screen and (max-width: 1200px){.block{margin:150px auto}.news-img{height:32vw}}@media screen and (max-width: 1000px){.block{margin:80px auto}.news-block:before{border-bottom:solid 1px #eee}}@media screen and (max-width: 900px){.news-list li{width:100%}.news-img{height:42vw}.news-info h3{display:block;-webkit-line-clamp:unset;overflow:visible}}@media screen and (max-width: 640px){.top-images li:nth-child(1){background-position:5% 50%}.top-images li:nth-child(1).show-img{background-position:5% 50%}.news-block:before{border-left:unset;border-right:unset}.news-list{margin:0}.news-list:before{background:transparent}.news-list ul:before{display:none}.news-list li{width:100%;padding:15px 0;border-bottom:unset}.news-img{width:calc(100% + 60px);margin:0 -30px;height:300px}.news-img-in{-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.news-info{padding:20px 30px}.news-info p:nth-child(3){padding:10px 0 0;border-top:solid 1px #ccc}.news-item{border-left:solid 1px transparent}.news-item:before{opacity:1;-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@media screen and (max-width: 480px){.news-info p{-webkit-line-clamp:3}}