@charset "UTF-8";
.c-aside{display:block;width:100%;flex:0 0 auto;overflow:hidden}.c-aside__list{display:block;width:100%;background:#f7f7f7}.c-aside__list__item{display:block;width:100%;border-bottom:1px solid #dedede}.c-aside__list__item:last-child{border:none}.c-aside__list__item__link{display:block;width:100%;font-size:18px;line-height:1;color:var(--textColor);padding:20px 60px 20px 30px;transition:opacity .4s ease-in-out}.c-aside__list__item.j-dropdown .c-aside__list__item__link::after{content:'';position:absolute;top:calc(50% - 4px);right:30px;display:block;width:15px;height:8px;background:url(/assets/images/common/icon_arrow_bottom_thin.svg) center no-repeat;background-size:contain}.c-aside__list__item.active .c-aside__list__item__link::after{transform:scaleY(-1)}.c-aside__list__item__link:hover{opacity:.5}.c-aside__list__item__list{display:none;width:100%;background:var(--textColor)}.c-aside__list__item__list__item{display:block;width:100%;border-bottom:1px solid #5b5a5a;transition:opacity .4s ease-in-out}.c-aside__list__item__list__item__link{display:block;width:100%;font-size:15px;line-height:1;color:#fff;padding:20px 40px}.c-aside__list__item__list__item:hover{opacity:.7}.c-aside__list__item__list__item:last-child{border:none}.c-aside__select{display:none;margin:0 auto 10px auto}.c-aside__select.disable{color:rgba(20,19,19,.4);background-image:url(/assets/images/common/icon_arrow_bottom_thin_gray.svg);pointer-events:none}.c-aside__select:last-child{margin:0 auto}@media screen and (max-width:991px){.c-aside{margin:0 auto 60px auto}.c-aside__list{display:none}.c-aside__select{display:block}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-aside{margin:0 auto 20px auto}}@supports (-webkit-touch-callout:none){}
.c-product{display:block;width:100%;animation-name:fadeInUp}.c-product__pic{display:block;width:100%;border:1px solid #e6e6e6;background:#fff}.c-product__pic__tag{position:absolute;top:0;left:0;display:none;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;height:100%;padding:20px}.c-product__pic__tag__item{display:none;width:auto;max-width:100%;min-width:120px;margin:0 5px 5px 0;padding:16px 5px;font-size:17px;line-height:1;color:#fff;font-family:'Montserrat-M','NotoSansTC-M';text-align:center;background:var(--gradient) top left no-repeat;background-size:200% 200%;border-radius:25px;overflow:hidden}.c-product__pic__cover{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.65);opacity:0;transition:opacity .4s ease-in-out}.c-product__pic__cover::before{content:'More';position:relative;display:block;width:auto;max-width:100%;font-size:20px;line-height:1;color:#fff;font-family:'Montserrat','NotoSansTC-M';flex:0 0 auto}.c-product__pic__cover::after{content:'';position:relative;display:block;width:30px;height:30px;margin:0 0 0 15px;border-radius:50%;background:url(/assets/images/common/icon_arrow_next_long_black.svg) center no-repeat #fff;background-size:40% auto;flex:0 0 auto}.c-product:hover .c-product__pic__cover{opacity:1}.c-product__pic__cover__line{position:absolute;display:block;width:40px;height:40px}.c-product__pic__cover__line:nth-child(1){top:20px;left:20px;border-top:1px solid #fff;border-left:1px solid #fff}.c-product__pic__cover__line:nth-child(2){top:20px;right:20px;border-top:1px solid #fff;border-right:1px solid #fff}.c-product__pic__cover__line:nth-child(3){bottom:20px;left:20px;border-bottom:1px solid #fff;border-left:1px solid #fff}.c-product__pic__cover__line:nth-child(4){bottom:20px;right:20px;border-bottom:1px solid #fff;border-right:1px solid #fff}.c-product__content{display:block;width:100%;margin:15px 0 0 0}.c-product__content__title{display:block;width:100%;font-size:20px;line-height:1.5;color:var(--textColor)}.c-product__content__sub{display:block;width:100%;margin:0 0 2.5px 0;font-size:18px;line-height:1;color:#969696;font-family:'Montserrat','NotoSansTC'}.c-product__content__date{display:block;width:100%;font-size:15px;line-height:1;color:var(--subColor);font-family:'Montserrat','NotoSansTC'}.c-product__content__text{display:block;width:100%;font-size:15px;line-height:1.5;color:#828181;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-product__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.c-product[data-hot="1"] .c-product__pic__tag,.c-product.hot .c-product__pic__tag{display:flex}.c-product[data-hot="1"] .c-product__pic__tag__item[data-tag="hot"],.c-product.hot .c-product__pic__tag__item[data-tag="hot"]{display:block}.c-product[data-unsell="1"],.c-product.disable{order:100}.c-product[data-unsell="1"] .c-product__pic__tag,.c-product.disable .c-product__pic__tag{display:none}.c-product[data-unsell="1"] .c-product__pic__cover,.c-product.disable .c-product__pic__cover{opacity:1}.c-product[data-unsell="1"] .c-product__pic__cover::before,.c-product.disable .c-product__pic__cover::before{content:'停售'}.c-product[data-unsell="1"] .c-product__pic__cover::after,.c-product.disable .c-product__pic__cover::after{display:none}.c-product[data-unsell="1"] .c-product__pic__cover__line,.c-product.disable .c-product__pic__cover__line{opacity:0;transition:opacity .4s ease-in-out}.c-product[data-unsell="1"]:hover .c-product__pic__cover__line,.c-product.disable:hover .c-product__pic__cover__line{opacity:1}@media screen and (max-width:991px){.c-product__content{margin:10px 0 0 0}.c-product__content__title{font-size:18px}.c-product__content__sub{margin:0 0 2.5px 0;font-size:15px}.c-product__content__date{font-size:14px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__pic__tag{padding:10px}.c-product__pic__tag__item{min-width:70px;padding:8px 5px;font-size:14px;border-radius:15px}.c-product__pic__cover::before{font-size:15px}.c-product__pic__cover::after{width:25px;height:25px}.c-product__pic__cover__line{width:20px;height:20px}.c-product__pic__cover__line:nth-child(1){top:10px;left:10px}.c-product__pic__cover__line:nth-child(2){top:10px;right:10px}.c-product__pic__cover__line:nth-child(3){bottom:10px;left:10px}.c-product__pic__cover__line:nth-child(4){bottom:10px;right:10px}.c-product__content__title{font-size:16px}.c-product__content__date{margin:0 0 2.5px 0}.c-product__content__text{margin:2.5px 0 0 0;font-size:14px}}@media (any-hover:none){.c-product:hover .c-product__pic__cover{opacity:0}}@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:60px 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:50px;height:50px;margin:0 5px;font-size:15px;line-height:1;color:var(--textColor);font-family:'Montserrat-B';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(--gradient) top left no-repeat;background-size:200% 200%}.c-page__prev,.c-page__next{margin:0 0 0 20px;font-size:15px;line-height:1;color:var(--textColor);font-family:'Montserrat-B';transition:opacity .4s ease-in-out}.c-page__prev{margin:0 20px 0 0}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::after,.c-page__next::before{position:relative;display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-page__prev::after{content:'Prev';margin:0 0 0 20px}.c-page__next::before{content:'Next';margin:0 20px 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:.4;pointer-events:none}.c-page__back{width:100%;max-width:180px}.c-page-detail{padding:40px 0 0 0}@media screen and (max-width:991px){.c-page{padding:35px 0 0 0}.c-page-detail{padding:40px 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:40px;height:40px;font-size:14px}.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:100px;padding:13px 5px;font-size:15px}.c-page-detail{padding:40px 0 0 0}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:inline-block}}@supports (-webkit-touch-callout:none){}
.knowledge{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;max-width:1560px;margin:75px auto 130px auto}.knowledge__aside{width:30%;max-width:320px;margin:0 50px 70px 0;flex:0 0 auto}.knowledge__inner{display:block;width:100%;max-width:1150px;flex:0 1 auto}.knowledge__inner__title{margin:0 0 30px 0}.knowledge__inner__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.knowledge__inner__box__item{width:calc((100% - 120px) / 3);margin:0 60px 60px 0;animation-name:fadeInUp}.knowledge__inner__box__item:nth-child(3n){margin:0 0 60px 0}@media screen and (max-width:1500px){.knowledge__inner__box__item{width:calc((100% - 60px) / 3);margin:0 30px 60px 0}}@media screen and (max-width:1300px){.knowledge__inner__box{justify-content:space-between}.knowledge__inner__box__item{width:calc((50% - 15px));margin:0 0 60px 0}}@media screen and (max-width:991px){.knowledge{display:block;margin:60px auto 120px auto}.knowledge__aside{width:100%;max-width:none;margin:0 0 70px 0}.knowledge__inner{max-width:none}.knowledge__inner__title{margin:0 0 35px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.knowledge{margin:45px auto 125px auto}.knowledge__aside{margin:0 0 35px 0}.knowledge__inner__title{margin:0 0 25px 0}.knowledge__inner__box__item{width:100%;margin:0 0 40px 0}.knowledge__inner__box__item:nth-child(3n){margin:0 0 40px 0}}@supports (-webkit-touch-callout:none){}
