@charset "UTF-8";
.c-page{width:100%;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;margin:35px auto 0 auto}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:50px;height:50px;margin:0 15px;border-radius:50%;font-size:16px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a:hover,.c-page__count a.active{color:#000;background:#fff}.c-page__prev,.c-page__next{margin:0 15px 0 40px;flex:0 0 auto}.c-page__prev{margin:0 40px 0 15px}.c-page__prev::after,.c-page__next::before{position:relative;display:block}.c-page__prev::after{content:'Prev'}.c-page__next::before{content:'Next'}.c-page__back{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:175px;padding:40px 5px;font-size:16px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";border-radius:50px;border:2px solid rgba(255,255,255,.2)}.c-page-detail .c-page__prev{margin:0 20px 0 0}.c-page-detail .c-page__next{margin:0 0 0 20px}@media screen and (max-width:991px){.c-page{margin:25px auto 0 auto}.c-page__prev,.c-page__next{margin:0}}@media screen and (max-width:767px){.c-page__count a{display:none}.c-page__count a.active{display:flex;color:#fff;background:none}.c-page__prev,.c-page__next{width:70px;height:70px}.c-page__back{padding:25px 5px}}@media screen and (max-width:575px){.c-page{margin:20px auto 0 auto}.c-page__prev,.c-page__next{width:50px;height:50px}.c-page__back{width:120px;padding:20px 5px;font-size:13px}}@supports (-webkit-touch-callout:none){}
body,main{overflow:visible}main::before{bottom:-40px}.trendsList{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;margin:130px auto 40px auto;overflow:visible}.trendsList__category{position:sticky;top:100px;display:block;width:30%;max-width:405px;margin:0 30px 0 0;flex:0 0 auto}.trendsList__category__title{display:block;width:100%;margin:0 0 35px 0;font-size:60px;line-height:1;font-family:"NotoSansTC-T";letter-spacing:5px}.trendsList__category__title::after{content:'';position:absolute;top:calc(50% - 5px);right:0;display:none;width:20px;height:10px;background:url(/zh-tw/assets/images/common/icon_arrow_down_white.svg) right center no-repeat;background-size:contain}.trendsList__category__title.active::after{transform:scaleY(-1)}.trendsList__category__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.trendsList__category__box__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;margin:0 25px 15px 0;padding:10px 15px;font-size:16px;line-height:1;background:#363636;border-radius:17.5px;overflow:hidden}.trendsList__category__box__item:hover,.trendsList__category__box__item.active{color:#131313;background:#fff}.trendsList__body{display:block;width:100%;flex:0 1 auto}.trendsList__body__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%}.trendsList__body__box__item{display:block;width:calc(50% - 15px);max-width:575px;margin:0 0 80px 0}.trendsList__body__box__item__pic{display:block;width:100%}.trendsList__body__box__item__pic__type{position:absolute;right:20px;bottom:20px;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;justify-items:flex-end;justify-content:flex-end;width:calc(100% - 40px);max-height:calc(2em + 50px);overflow:hidden}.trendsList__body__box__item__pic__type__item{display:block;width:auto;max-width:100%;margin:10px 0 0 10px;padding:10px 15px;font-size:16px;line-height:1;color:#131313;font-family:"Poppins-M","NotoSansTC-M";text-transform:uppercase;background:#fff;border-radius:17.5px;text-align:center;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.trendsList__body__box__item__pic__type__item__text{display:-webkit-box;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.trendsList__body__box__item__content{display:block;width:100%;margin:20px 0 0 0}.trendsList__body__box__item__content__date{display:block;width:100%;margin:0 0 10px 0;font-size:14px;line-height:1;opacity:.3}.trendsList__body__box__item__content__title{display:block;width:100%;font-size:20px;line-height:1.3;font-family:"NotoSansTC-T";letter-spacing:3px}.trendsList__body__box__item__content__type{position:relative;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;display:none;width:100%;margin:15px 0 0 0;padding:0}.trendsList__body__box__item__content__type__item{display:block;width:auto;max-width:100%;margin:10px 10px 0 0;padding:10px 15px;font-size:16px;line-height:1;color:#131313;font-family:"Poppins-M","NotoSansTC-M";text-transform:uppercase;background:#fff;border-radius:17.5px;text-align:center;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.trendsList__body__box__item__content__type__item__text{display:-webkit-box;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.trendsList__body__box__item__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:10}.c-page{max-width:620px;margin:20px auto 0 auto}@media screen and (max-width:1300px){body,main{overflow:hidden}.c-anchor{top:-130px}.trendsList{display:block}.trendsList__category{position:relative;top:0;width:100%;max-width:none;margin:0 auto 30px auto}}@media screen and (max-width:991px){.trendsList{margin:65px auto 20px auto}.trendsList__category__title{margin:0 0 25px 0;font-size:38px}.trendsList__body__box__item{width:100%;max-width:none;margin:0 0 60px 0}.c-page{max-width:none;margin:0 auto}}@media screen and (max-width:767px){.c-anchor{top:-100px}.trendsList__category{padding:0 20px;border:2px solid rgba(255,255,255,.2)}.trendsList__category__title{margin:0;padding:20px 30px 20px 0;font-size:16px;cursor:pointer}.trendsList__category__title::after{display:block}.trendsList__category__box{display:none;padding:0 0 15px 0}.trendsList__body__box__item__pic__type{display:none}.trendsList__body__box__item__content__type{display:flex}.trendsList__body__box__item__content__type__item{font-size:14px}.c-page{margin:0 auto;padding:20px 0 0 0;border-top:2px solid rgba(255,255,255,.2)}}@media screen and (max-width:575px){.c-anchor{top:-80px}.trendsList{margin:30px auto 5px auto}.trendsList__category{margin:0 auto 40px auto}.trendsList__category__title{padding:17px 30px 17px 0}.trendsList__category__box{padding:0 0 10px 0}.trendsList__category__box__item{margin:0 10px 10px 0;padding:6px 10px;font-size:13px}.trendsList__body__box__item{margin:0 0 35px 0}.trendsList__body__box__item__content__type__item{margin:5px 5px 0 0;padding:5.5px 10px;font-size:13px}}@supports (-webkit-touch-callout:none){}