@charset "UTF-8";
.c-category{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;padding:0 0 40px 0;border-bottom:1px solid #e5e5e5}.c-category__title{top:calc(25px - .5em);display:block;width:auto;max-width:100%;margin:0 40px 0 0;font-size:16px;line-height:1;color:var(--titleColor);font-family:'NotoSansTC';flex:0 0 auto}.c-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%}.c-category__box__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;min-width:120px;max-width:100%;min-height:50px;margin:0 10px 10px 0;padding:0 15px;font-size:15px;line-height:1;color:var(--textColor);font-family:'NotoSansTC-M';text-align:center;border:1px solid #e5e5e5;flex:0 0 auto;transition:border-color .4s ease-in-out,background-color .4s ease-in-out}.c-category__box__item.active,.c-category__box__item:hover{border-color:#dcdce6;background:#dcdce6}@media screen and (max-width:991px){.c-category{padding:0 0 20px 0}}@media screen and (max-width:767px){.c-category{display:block}.c-category__title{top:0;width:100%;margin:0 0 15px 0}}@media screen and (max-width:575px){.c-category{padding:0 0 10px 0}.c-category__box__item{min-width:100px;min-height:40px;font-size:13px}}@supports (-webkit-touch-callout:none){}
.c-catalog{display:block;width:100%}.c-catalog__pic{display:block;width:100%}.c-catalog__pic__cover{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;transition:opacity .4s ease-in-out}.c-catalog__pic__cover::before{content:'';position:relative;display:block;width:45px;height:45px;background:url(/assets/images/common/icon_download.svg) center no-repeat #fff;background-size:36% auto;border-radius:50%;overflow:hidden}.c-catalog__pic__cover::after{content:'下載';position:relative;display:block;width:100%;margin:12px auto 0 auto;font-size:16px;line-height:1;color:#fff;text-align:center}.c-catalog:hover .c-catalog__pic__cover{opacity:1}.c-catalog__content{display:block;width:100%;margin:15px 0 0 0}.c-catalog__content__title{display:block;width:100%;font-size:18px;line-height:2;color:var(--titleColor);font-family:'NotoSansTC-M'}.c-catalog__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:10}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-catalog__content{margin:10px 0 0 0}.c-catalog__content__title{font-size:15px}}@media (any-hover:none){.c-catalog__pic__cover{display:none}}@supports (-webkit-touch-callout:none){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;width:100%;padding:40px 0 0 0;margin:0 auto;border-top:1px solid #e5e5e5}.c-page__num{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center}.c-page__num a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;font-size:16px;line-height:1;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC-M';border-radius:50%;overflow:hidden}.c-page__num a.hide{display:none}.c-page__num a:hover,.c-page__num a.active{color:#fff;background:var(--titleColor)}.c-page__prev,.c-page__next{margin:0 0 0 20px;font-size:16px;line-height:1;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC-M'}.c-page__prev{margin:0 20px 0 0}.c-page__prev::after,.c-page__next::before{position:relative;display:inline-block;vertical-align:middle;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-page__prev::after{content:'Prev';margin:0 0 0 25px}.c-page__next::before{content:'Next';margin:0 25px 0 0}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:10px;height:20px;background:url(/assets/images/common/icon_arrow_next_thin_black.svg) center no-repeat;background-size:contain}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev:hover::before{animation:pagePrevArrow 1.2s ease-in-out infinite}.c-page__next:hover::after{animation:fadeOutRight 1.2s ease-in-out infinite}.c-page__prev.disable,.c-page__next.disable{opacity:.5;pointer-events:none}.c-page__back{width:100%;max-width:180px}.c-page-detail{padding:35px 0 0 0}@media screen and (max-width:991px){.c-page-detail{padding:30px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:30px 0 0 0}.c-page__num a{width:35px;height:35px;font-size:15px}.c-page__prev,.c-page__next{font-size:15px}.c-page__prev::after,.c-page__next::before{display:none}.c-page__prev::after{margin:0 0 0 10px}.c-page__next::before{margin:0 10px 0 0}.c-page__back{max-width:none}.c-page-detail{flex-wrap:wrap;padding:30px 0 0 0}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:50px;margin:10px 0 0 0;background:#fff;border:1px solid #e5e5e5;order:2}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:block}.c-page-detail .c-page__prev::after{margin:0 0 0 25px}.c-page-detail .c-page__next::before{margin:0 25px 0 0}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:7.5px;height:15px}}@media (any-hover:none){.c-page__prev:hover::before,.c-page__next:hover::after{animation:none}}@supports (-webkit-touch-callout:none){}
.catalog{margin:120px auto 135px auto;overflow:visible}.catalog__category{margin:0 0 60px 0}.catalog__inner{left:-32.5px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 65px)}.catalog__inner__item{width:calc(25% - 65px);margin:0 32.5px 75px 32.5px}@media screen and (max-width:1200px){.catalog__inner__item{width:calc(33.33% - 65px)}}@media screen and (max-width:991px){.catalog{margin:85px auto 105px auto}.catalog__inner{left:-17.5px;width:calc(100% + 35px)}.catalog__inner__item{width:calc(50% - 35px);margin:0 17.5px 70px 17.5px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.catalog{margin:45px auto 85px auto}.catalog__category{margin:0 0 40px 0}.catalog__inner{left:0;width:100%}.catalog__inner__item{width:100%;margin:0 0 45px 0}}@supports (-webkit-touch-callout:none){}