@charset "UTF-8";
.c-product{width:100%}.c-product.wow{animation-name:fadeInUp}.c-product__pic{display:block;width:100%;margin:0 0 25px 0;border-radius:40px;box-shadow:var(--shadow);transition:box-shadow .4s ease-in-out}.c-product__link:hover~.c-product__pic{box-shadow:var(--shadowHover)}.c-product__title{display:block;width:100%;margin:0 0 10px 0;font-size:17px;line-height:1.5;color:var(--mainColor);font-family:'NotoSansTC-B';transition:opacity .4s ease-in-out}.c-product__link:hover~.c-product__title{opacity:.6}.c-product__text{display:block;width:100%;font-size:15px;line-height:1.5;color:var(--mainColor);font-family:'NotoSansTC';transition:opacity .4s ease-in-out}.c-product__link:hover~.c-product__text{opacity:.6}.c-product__price,.c-product__tool__price{display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;font-size:18px;line-height:1;color:var(--mainColor);font-family:'Poppins','NotoSansTC';transition:opacity .4s ease-in-out;flex:0 1 auto}.c-product__price::before,.c-product__tool__price::before{content:'NT$'}.c-product__link:hover~.c-product__price{opacity:.6}.c-product__price__text{display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;flex:0 0 auto}.c-product__price__text~.c-product__price__text{margin:0 0 2px 10px;font-size:12px;text-decoration:line-through;opacity:.7}.c-product__price__text~.c-product__price__text::before{content:'(原價'}.c-product__price__text~.c-product__price__text::after{content:')'}.c-product__collect{position:absolute;top:max(20px,8%);left:max(20px,8%);width:23px;height:23px;background:url(/assets/images/common/icon_heart_lightgray.svg) center no-repeat;background-size:contain;overflow:hidden;cursor:pointer;border:none;transition:background-image .4s ease-in-out;z-index:50}.c-product__collect.active{background-image:url(/assets/images/common/icon_heart_gray.svg)}.c-product__tool{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:25px 0 0 0}.c-product__tool__bt{max-width:150px;margin:0 0 0 10px;flex:0 0 auto}.c-product__tool__price__text{margin:0 10px 0 0}.c-product__tool__price__text~.c-product__tool__price__text{margin:5px 0 2px 0;font-size:12px;text-decoration:line-through;opacity:.7}.c-product__tool__price__text~.c-product__tool__price__text::before{content:'(原價'}.c-product__tool__price__text~.c-product__tool__price__text::after{content:')'}.c-product__link{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:40}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__pic{margin:0 0 20px 0}.c-product__tool{display:block;margin:20px 0 0 0}.c-product__tool__price{font-size:16px}.c-product__tool__bt{max-width:none;margin:20px 0 0 0}}@supports (-webkit-touch-callout:none){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:0 auto}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border-radius:50%;font-size:16px;color:var(--mainColor);line-height:1;font-family:'Poppins','NotoSansTC';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:var(--mainColor);background:#d4dade}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;margin:0 0 0 100px;font-size:14px;line-height:1;color:#7e8991;font-family:'Poppins-B','NotoSansTC-B';transition:opacity .4s ease-in-out}.c-page__prev{margin:0 100px 0 0}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:13px;height:25px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_thin_grayBlue.svg) center no-repeat;background-size:contain}.c-page__prev::before{margin:0 20px 0 0;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:.2;pointer-events:none}.c-page__back{max-width:200px}@media screen and (max-width:991px){.c-page-detail{justify-content:space-between}.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:767px){}@media screen and (max-width:575px){.c-page{justify-content:space-between}.c-page__prev,.c-page__next{font-size:0}.c-page__prev{margin:0 20px 0 0}.c-page__next{margin:0 0 0 20px}}@supports (-webkit-touch-callout:none){}
.product{max-width:1720px;margin:130px auto 130px auto}.product__box{left:-17.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% + 35px);margin:0 0 20px 0}.product__box__item{width:calc(25% - 35px);margin:0 17.5px 110px 17.5px}@media screen and (max-width:1300px){.product__box__item{width:calc(33.33% - 35px)}}@media screen and (max-width:991px){.product{margin:60px auto 70px auto}.product__box{left:-15px;width:calc(100% + 30px);margin:0 0 40px 0}.product__box__item{width:calc(50% - 30px);margin:0 15px 35px 15px}}@media screen and (max-width:575px){.product{margin:40px auto 75px auto}.product__box{left:0;width:100%;margin:0 auto}.product__box__item{width:100%;margin:0 auto 30px auto}}@supports (-webkit-touch-callout:none){}