@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){}
.esgList{margin:70px auto}.esgList__head{display:block;width:100%;margin:0 auto 85px auto}.esgList__head__main{display:block;width:100%;margin:0 0 60px 0}.esgList__head__main__list{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%}.esgList__head__main__list__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:calc(100% / 3);font-size:20px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";background:#363636;overflow:visible;flex:0 0 auto}.esgList__head__main__list__item::before{content:'';position:absolute;top:0;left:-.5px;display:block;width:1px;height:100%;background:#4a4a4a}.esgList__head__main__list__item:first-child:before{display:none}.esgList__head__main__list__item:hover,.esgList__head__main__list__item.active{color:#131313;background:#fff}.esgList__head__main__list__item__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;padding:35px 10px;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;overflow:hidden}.esgList__head__main__select{display:none;width:100%;padding:15px 60px 15px 20px;font-size:17px;color:#131313;font-family:"Poppins-M","NotoSansTC-M";background:url(/assets/images/common/icon_arrow_down.svg) calc(100% - 20px) center no-repeat #fff;background-size:20px auto}.esgList__head__sub{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.esgList__head__sub__title{top:calc(10px - .25em);display:block;width:auto;max-width:100%;font-size:16px;line-height:1.5;flex:0 0 auto}.esgList__head__sub__title::after{content:':';padding:0 10px}.esgList__head__sub__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;flex:0 1 auto}.esgList__head__sub__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}.esgList__head__sub__box__item:hover,.esgList__head__sub__box__item.active{color:#131313;background:#fff}.esgList__box__item{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:1250px;margin:0 auto 60px 0;background:rgba(255,255,255,.05);transition:box-shadow .4s ease-in-out;opacity:0;animation:fadeInLeft 1s .2s ease-in-out forwards}.esgList__box__item:nth-child(even){margin:0 0 60px auto;animation:fadeInRight 1s .2s ease-in-out forwards}.esgList__box__item:last-child{margin:0 auto 0 0}.esgList__box__item:nth-child(even):last-child{margin:0 0 0 auto}.esgList__box__item__pic{display:block;width:50%;max-width:575px;flex:0 0 auto}.esgList__box__item__pic img{object-fit:cover;object-position:center;height:100%}.esgList__box__item__content{position:static;width:100%;padding:80px 45px 60px 45px}.esgList__box__item__content__date{display:block;width:100%;margin:0 0 10px 0;font-size:14px;line-height:1;opacity:.3}.esgList__box__item__content__title{display:block;width:100%;margin:0 0 30px 0;font-size:20px;line-height:1.3;font-family:"Poppins-M","NotoSansTC-M"}.esgList__box__item__content__text{display:-webkit-box;width:100%;font-size:16px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.esgList__box__item__content__type{position:absolute;bottom:0;left:0;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;justify-items:flex-end;justify-content:flex-end;width:50%;max-height:calc(2em + 70px);max-width:575px;padding:20px 15px;overflow:hidden}.esgList__box__item__content__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}.esgList__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}.esgList__box__item__content__link{top:0;left:0;width:130px;margin:80px 0 0 auto}.c-page{max-width:615px;margin:80px auto 0 auto}@media screen and (max-width:991px){.esgList{margin:50px auto 20px auto}.esgList__head{margin:0 auto 50px auto}.esgList__head__main{margin:0 0 50px 0}.esgList__head__main__list__item{font-size:17px}.esgList__head__main__list__item__link{padding:26.5px 10px}.esgList__box__item,.esgList__box__item:nth-child(even){margin:0 0 40px 0}.esgList__box__item:last-child,.esgList__box__item:nth-child(even):last-child{margin:0}.esgList__box__item:hover{box-shadow:0 10px 30px rgba(255,255,255,.1)}.esgList__box__item__pic{max-width:none}.esgList__box__item__content{padding:45px 20px}.esgList__box__item__content__title{margin:0 0 20px 0;font-size:18px}.esgList__box__item__content__text{font-size:15px}.esgList__box__item__content__type{padding:10px 15px}.esgList__box__item__content__type__item{font-size:14px}.esgList__box__item__content__link{position:absolute;width:100%;height:100%;margin:0;opacity:0;z-index:10}.esgList__box__item__content__link::before,.esgList__box__item__content__link::after,.esgList__box__item__content__link .c-view__text{display:none}.c-page{max-width:none;margin:50px auto 0 auto}}@media screen and (max-width:767px){.esgList__head__main{margin:0;padding:0 0 15px 0;border-bottom:2px solid rgba(255,255,255,.2)}.esgList__head__main__list{display:none}.esgList__head__main__select{display:block}.esgList__head__sub{display:block;padding:0 20px;border-left:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}.esgList__head__sub__title{top:0;width:100%;padding:20px 30px 20px 0;cursor:pointer}.esgList__head__sub__title::after{content:'';position:absolute;top:calc(50% - 5px);right:0;display:block;width:20px;height:10px;background:url(/assets/images/common/icon_arrow_down_white.svg) right center no-repeat;background-size:contain}.esgList__head__sub__title.active::after{transform:scaleY(-1)}.esgList__head__sub__box{display:none;padding:0 0 15px 0}.esgList__box__item{display:block}.esgList__box__item__content__type{position:relative;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:none;max-height:calc(2em + 60px);margin:15px 0 0 0;padding:0}.esgList__box__item__content__type__item{margin:10px 10px 0 0}.esgList__box__item__pic{width:100%}}@media screen and (max-width:575px){main::before{bottom:-50px}.esgList{margin:35px auto 5px auto}.esgList__head{margin:0 auto 40px auto}.esgList__head__sub__title{padding:13px 30px 13px 0}.esgList__head__sub__box{padding:0 0 10px 0}.esgList__head__sub__box__item{margin:0 10px 10px 0;padding:6px 10px;font-size:13px}.esgList__box__item,.esgList__box__item:nth-child(even){margin:0 0 30px 0}.esgList__box__item__content{padding:20px 15px}.esgList__box__item__content__date{font-size:12px}.esgList__box__item__content__title{margin:0 0 10px 0;font-size:16px}.esgList__box__item__content__text{font-size:13px}.esgList__box__item__content__type{max-height:calc(2em + 25px);margin:10px 0 0 0}.esgList__box__item__content__type__item{margin:5px 5px 0 0;padding:5.5px 10px;font-size:13px}.c-page{margin:35px auto 0 auto}}@supports (-webkit-touch-callout:none){}