@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");.news-img p{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main{margin:100vh 0 0;padding:200px 0;background:#fff}.news-list{position:relative}.news-list li{position:relative;width:40%;padding:100px 0}.news-list li:nth-child(odd){margin:0 40% 0 20%}.news-list li:nth-child(even){margin:0 20% 0 40%}.news-item{position:relative;display:block;width:100%}.news-img{position:relative;width:100%}.news-img img{width:100%}.news-img:before{content:"";position:absolute;width:100%;height:100%;background:#fff;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-img p{position:absolute;width:100%;height:calc(100% + 10px);top:10px;right:10px}.news-img span{position:absolute;width:100%;height:100%;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.news-img span:nth-child(1){-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);transform:scale(1, 0);-moz-transform-origin:0 bottom;-ms-transform-origin:0 bottom;-webkit-transform-origin:0 bottom;transform-origin:0 bottom;border-right:solid 1px #aaa}.news-img span:nth-child(2){-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transform-origin:right 50%;-ms-transform-origin:right 50%;-webkit-transform-origin:right 50%;transform-origin:right 50%;border-top:solid 1px #aaa}.news-img span:nth-child(3){-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);transform:scale(1, 0);-moz-transform-origin:0 top;-ms-transform-origin:0 top;-webkit-transform-origin:0 top;transform-origin:0 top;border-left:solid 1px #aaa}.news-img span:nth-child(4){-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transform-origin:left 50%;-ms-transform-origin:left 50%;-webkit-transform-origin:left 50%;transform-origin:left 50%;border-bottom:solid 1px #aaa}.news-info{position:relative;padding:10px;background:#fff}.news-info h5{position:relative;font-size:1em;font-weight:normal}.news-info h4{position:relative;padding:10px 0}.news-info span{padding:5px}.news-view{position:relative;width:calc(100% - 100px);margin:0 0 0 -10px;padding:3px 10px;color:#888;text-align:end;border:solid 1px #eee}.news-item h4,.news-item h5,.news-view{opacity:0;-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.news-item.show .news-info h4,.news-item.show .news-info h5,.news-view.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.news-item.show .news-img:before{width:0}.news-item.show .news-img span:nth-child(1){-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.news-item.show .news-img span:nth-child(2){-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}.news-item.show .news-img span:nth-child(3){-moz-transition-delay:.8s;-o-transition-delay:.8s;-webkit-transition-delay:.8s;transition-delay:.8s}.news-item.show .news-img span:nth-child(4){-moz-transition-delay:1.1s;-o-transition-delay:1.1s;-webkit-transition-delay:1.1s;transition-delay:1.1s}.news-item.show .news-img span:nth-child(1),.news-item.show .news-img span:nth-child(2),.news-item.show .news-img span:nth-child(3),.news-item.show .news-img span:nth-child(4){-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}.news-item.show .news-info h4{-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}.news-item.show .news-info h5{-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;transition-delay:1s}@media screen and (max-width: 1200px){.main{padding:50px 0}.news-list ul{position:relative;width:60%;margin:auto}.news-list li{width:100%;padding:50px 0}.news-list li:nth-child(odd),.news-list li:nth-child(even){margin:0}}@media screen and (min-width: 901px){.news-item:hover .news-view{width:calc(100% - 10px);background:#eee;opacity:1}}@media screen and (max-width: 900px){.news-list ul{width:80%}.news-view{width:calc(100% - 10px);background:#eee}}@media screen and (max-width: 640px){.news-list ul{width:calc(100% - 40px)}.news-list li{padding:20px 0}.news-img p{width:unset;height:unset;bottom:10px;left:10px}.news-info{padding:5px 0 0}.news-info h4{padding:10px 5px}.news-view{width:calc(100% - 20px);margin:0}}