@charset "UTF-8";
.c-product{display:block;width:100%;flex:0 0 auto}.c-product.wow{animation-name:fadeInUp}.c-product__pic,.c-product__pic__main{display:block;width:100%;overflow:hidden}.c-product__pic__main{display:block;width:100%;overflow:hidden}.c-product__pic__main::after{content:'';position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.3);transition:opacity .4s ease-in-out}.c-product__pic__main img{transform-origin:center;transition:transform .4s ease-in-out}.c-product__pic__logo{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;transition:opacity .4s ease-in-out}.c-product__pic__logo img{object-fit:contain;object-position:center;width:43%;height:50%}.c-product__collect{display:block;width:25px;cursor:pointer;flex:0 0 auto;z-index:20}.c-product .c-product__collect{position:absolute;top:20px;left:20px}.c-product__collect::before,.c-product__collect::after{content:'';position:relative;top:0;left:0;display:block;width:100%;padding:91.24% 0 0 0;background:center/contain no-repeat}.c-product__collect::before{background-image:url(/assets/images/common/collect_heart.png)}.c-product__collect::after{display:none;background-image:url(/assets/images/common/collect_heart_active.png)}.c-product__collect[data-like='1']::before{display:none}.c-product__collect[data-like='1']::after{display:block}.c-product__content{display:block;width:100%;margin:5px 0 0 0;letter-spacing:.05em}.c-product__content__title{display:block;width:100%;font-size:16px;line-height:1.5;color:var(--mainColor);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-product__content__mode{display:block;width:100%;font-size:12px;line-height:1.5;color:#9a9794;font-family:inherit}.c-product__content .c-tag{margin:5px 0 -5px 0}.c-product__content__price{display:block;width:100%;margin:10px 0 0 0;font-size:16px;color:var(--mainColor);line-height:1;font-family:inherit}.c-product__content__price+.c-product__content__price{margin:5px 0 0 0;font-size:12px;color:#9a9794;text-decoration:line-through}.c-product__content__price+.c-product__content__price::before{content:'('}.c-product__content__price+.c-product__content__price::after{content:')'}.c-product__link{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10}.c-product[data-style="brand"] .c-product__pic__main::after{display:block}.c-product[data-style="brand"] .c-product__content{margin:10px 0 0 0}.c-product[data-style="brand"] .c-product__content__title{text-overflow:clip;white-space:initial}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product .c-product__collect{top:10px;left:10px}}@media (any-hover:hover){.c-product:hover .c-product__pic__main::after{opacity:0}.c-product:hover .c-product__pic__main img{transform:scale(1.05)}.c-product:hover .c-product__pic__logo{opacity:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:70px 0 0 0;transition:opacity 1s .4s ease-in-out}.c-page::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:var(--borderColor);transform-origin:center;transform:scaleX(0);transition:transform .6s 1s ease-in-out}.c-page.wow.undefined,.c-page.wow.animated{opacity:1}.c-page.wow.undefined::before,.c-page.wow.animated::before{transform:none}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;min-width:40px;height:50px;margin:0 5px;font-size:18px;line-height:1;color:var(--mainColor);font-family:inherit;border:1px solid transparent;transition:border-color .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover{opacity:.7}.c-page__count a.active{border-color:#a6a39f}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 0 70px;font-size:18px;line-height:1;color:var(--mainColor);font-family:'Forum','NotoSansTC';transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 70px 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:40px;height:20px;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;opacity:.6}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page__back{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 50px 0 0;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__back::after{content:'';position:relative;display:block;width:75px;height:38px;margin:0 40px 0 0;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;opacity:.6;transform:scaleX(-1);flex:0 0 auto;order:-10}.c-page__back span{display:block;width:auto;max-width:100%;font-size:24px;line-height:1;color:var(--mainColor);font-family:'Montserrat-L','NotoSansTC-L';text-transform:uppercase;flex:0 0 auto}.c-page__back:hover{opacity:.7}.c-page__back:hover::after{animation:arrowMoveReverse 1.2s ease-in-out infinite}.c-page__box{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-end;justify-content:flex-end;width:100%;max-width:1095px;flex:0 1 auto;order:10}.c-page__box__item{display:block;width:calc(50% - 10px);margin:0 20px 0 0;padding:30px;border:1px solid #a6a39f;transition:opacity .4s ease-in-out}.c-page__box__item:last-child{margin:0}.c-page__box__item:hover{opacity:.7}.c-page__box__item__text{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 10px 0;font-size:13px;line-height:1;color:var(--mainColor);font-family:inherit;text-transform:uppercase}.c-page__box__item__text::before{content:'';position:relative;display:block;width:25px;height:13px;margin:0 15px 0 0;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;flex:0 0 auto}.c-page__box__item[data-style="prev"] .c-page__box__item__text::before{transform:scaleX(-1)}.c-page__box__item__text span{display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;flex:0 1 auto}.c-page__box__item__title{display:block;width:100%;font-size:19px;line-height:1.5;color:var(--mainColor);font-family:'Montserrat-L','NotoSansTC-L'}.c-page-detail{justify-content:space-between;padding:55px 0 0 0}@media screen and (max-width:991px){.c-page.noborder{padding:0}.c-page.noborder::before{display:none}.c-page-detail{flex-wrap:wrap;padding:50px 0 0 0}.c-page__back{margin:90px 0 0 0}.c-page__box{order:0}.c-page__box__item:first-child:last-child{width:100%;margin:0}}@media screen and (max-width:767px){.c-page__back{display:block;margin:60px auto 0 auto}.c-page__back::after{width:40px;height:20px;margin:20px auto 0 auto}.c-page__box{display:block}.c-page__box__item{width:100%;margin:0 0 10px 0;padding:22.5px 20px}.c-page__box__item__text{margin:0}}@media screen and (max-width:575px){.c-page{padding:40px 0 0 0}.c-page__count a{min-width:30px;height:40px;font-size:15px}.c-page__next{margin:0 0 0 30px}.c-page__prev{margin:0 30px 0 0}.c-page-detail{padding:30px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.brand{max-width:1450px;margin:0 auto 150px auto}.brand__box{left:-10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 20px)}.brand__box .c-product{display:block;width:calc(20% - 20px);margin:0 10px 50px 10px}@media screen and (max-width:1500px){.brand__box .c-product{width:calc(25% - 20px)}}@media screen and (max-width:1200px){.brand__box .c-product{width:calc(33.33% - 20px)}}@media screen and (max-width:991px){.brand__box{left:-5px;width:calc(100% + 10px)}.brand__box .c-product{width:calc(50% - 10px);margin:0 5px 40px 5px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.brand{margin:0 auto 70px auto}.brand__box{width:100%}.brand__box .c-product{width:100%}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
