@charset "UTF-8";
.c-news{display:block;width:100%;flex:0 0 auto}.c-news__pic{display:block;width:100%;overflow:hidden}.c-news__pic:not([data-style="nocover"])::after{content:'Read More';position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;font-size:15px;line-height:1;color:#fff;font-family:'Questrial','NotoSansTC';background:rgba(0,0,0,.8);opacity:0;transition:opacity .4s ease-in-out}.c-news:hover .c-news__pic::after{opacity:1}.c-news__content{display:block;width:100%;margin:20px 0 0 0}.c-news__content__date{display:block;width:100%;font-size:13px;line-height:1.5;color:var(--mainColor);font-family:'Questrial','NotoSansTC';opacity:.5}.c-news__content__title{display:block;width:100%;font-size:18px;line-height:1.6;color:var(--mainColor);font-family:'Questrial','NotoSansTC'}.c-news__content__text{width:100%;font-size:15px;line-height:1.5;color:var(--textColor);font-family:'NotoSansTC-L';display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-news__content__text[data-style="nohide"]{display:block}.c-news__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0}@media screen and (max-width:991px){.c-news__content{margin:10px 0 0 0}.c-news__content__title{font-size:16px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-news__content__text{font-size:14px}}@media (any-hover:none){.c-news__pic::after{display:none}}@supports (-webkit-touch-callout:none){}
.magazine{margin:65px auto 125px auto}.magazine__box{left:-15px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px);margin:0 0 -65px 0}.magazine__box__item{width:calc(33.33% - 30px);margin:0 15px 65px 15px}.magazine__box__item.wow{animation-name:fadeInUp}@media screen and (max-width:991px){.magazine{margin:70px auto}.magazine__box{margin:0 0 -30px 0}.magazine__box__item{width:calc(50% - 30px);margin:0 15px 30px 15px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.magazine{margin:50px auto}.magazine__box{left:0;width:100%;margin:0 0 -50px 0}.magazine__box__item{width:100%;margin:0 0 50px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}