@charset "UTF-8";
.c-aside{display:block;width:100%;z-index:10;flex:0 0 auto}.c-aside.wow{animation-name:fadeIn}.c-aside.open{z-index:1000}.c-aside__bg{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.7);transition:opacity .4s ease-in-out;opacity:0;pointer-events:none;visibility:hidden;z-index:10}.c-aside__menu{display:block;width:100%;transition:opacity .4s ease-in-out;z-index:10}.c-aside__menu__title{margin:0 0 30px 0;flex:0 0 auto}.c-aside__menu__box{display:block;width:100%;height:100%;background:var(--bgBorderColor);overscroll-behavior:none;touch-action:auto;overflow:hidden;flex:0 1 auto}.c-aside__menu__box::-webkit-scrollbar{width:4px;height:4px}.c-aside__menu__box::-webkit-scrollbar-thumb{background:var(--mainColor)}.c-menu__item{display:block;width:100%;margin:0 auto;background:linear-gradient(to left,rgba(158,175,195,.3) 0%,rgba(158,175,195,.3) 100%) center bottom/calc(100% - 40px) 1px no-repeat}.c-menu__item:last-child{background:none}.c-menu__item__link{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:calc(100% - 40px);margin:0 auto;min-height:60px;padding:10px 20px;font-size:16px;line-height:1.2;color:var(--textColor);font-family:'Oswald','NotoSansTC';letter-spacing:.5px;transition:opacity .4s ease-in-out}.c-menu__item__link:hover{opacity:.7}.c-menu__item.current .c-menu__item__link{color:var(--mainColor)}.c-menu__item__link.j-dropdown-bt::after{content:'';position:absolute;top:calc(50% - 6px);right:20px;display:block;width:12px;height:12px;background:linear-gradient(to bottom,#fff 0%,#fff 100%) center / 100% 2px no-repeat,linear-gradient(to bottom,#fff 0%,#fff 100%) center / 2px 100% no-repeat;flex:0 0 auto}.c-menu__item.active>.c-menu__item__link.j-dropdown-bt::after{background:linear-gradient(to bottom,#fff 0%,#fff 100%) center / 100% 2px no-repeat}.c-menu__item .c-menu{display:none}.c-menu__item>.c-menu{background:linear-gradient(to left,rgba(158,175,195,.3) 0%,rgba(158,175,195,.3) 100%) center top/calc(100% - 40px) 1px no-repeat rgba(24,138,164,.4)}.c-menu__item>.c-menu .c-menu__item__link{font-size:15px}.c-menu__item>.c-menu>.c-menu__item{width:calc(100% - 40px);padding:0;background:linear-gradient(to left,rgba(158,175,195,.3) 0%,rgba(158,175,195,.3) 100%) center top/100% 1px no-repeat}.c-menu__item>.c-menu>.c-menu__item:first-child{background:none}.c-menu__item>.c-menu>.c-menu__item>.c-menu__item__link{width:100%;min-height:50px;padding:10px calc(20px + 1.2em)}.c-menu__item>.c-menu .c-menu__item__link.j-dropdown-bt::after{content:'';position:absolute;top:calc(50% - 3px);right:40px;display:block;width:9px;height:6px;background:url(/assets/images/common/icon_arrow_bottom_white.svg) center/contain no-repeat;transform-origin:center}.c-menu__item>.c-menu .c-menu__item.active .c-menu__item__link.j-dropdown-bt::after{transform:scaleY(-1)}.c-menu__item>.c-menu>.c-menu__item>.c-menu__item__link.j-dropdown-bt{padding:10px calc(40px + 1.2em) 10px calc(20px + 1.2em)}.c-menu__item>.c-menu .c-menu{padding:15px 0;background:linear-gradient(to left,rgba(158,175,195,.3) 0%,rgba(158,175,195,.3) 100%) center top/100% 1px no-repeat}.c-menu__item>.c-menu .c-menu .c-menu__item{margin:0 0 15px 0;padding:0 calc(40px + 1.2em);background:none}.c-menu__item>.c-menu .c-menu .c-menu__item:last-child{margin:0}.c-menu__item>.c-menu .c-menu .c-menu__item__link{width:100%;min-height:0;padding:0 0 0 10px}.c-menu__item>.c-menu .c-menu .c-menu__item__link::before{content:'';position:absolute;top:calc(50% - 1.5px);left:0;display:block;width:3px;height:3px;background:var(--textColor);border-radius:50%;overflow:hidden}.c-aside__menu__close{top:32px;right:30px;display:none}.c-aside__menu[data-style="gear"] .c-menu__item__link{padding:10px 45px;background:url(/assets/images/common/icon_arrow_next_aqua.svg) center right 20px/4px auto no-repeat}.c-aside__menu[data-style="gear"] .c-menu__item__link::before{content:'';position:absolute;top:calc(50% - 8.5px);left:20px;display:block;width:17px;height:17px;background:url(/assets/images/common/icon_gear2_aqua.svg) center/contain no-repeat;opacity:.3}.c-aside__menu[data-style="gear"] .c-menu__item.current{background:var(--currentBg)}.c-aside__menu[data-style="gear"] .c-menu__item.current .c-menu__item__link{color:#091018}.c-aside__menu[data-style="gear"] .c-menu__item.current .c-menu__item__link::before{background-image:url(/assets/images/common/icon_gear2_blue.svg);filter:brightness(0) invert(1);opacity:1}.c-aside__filterBt{display:none}.c-aside__select{display:none;font-style:normal}@media screen and (max-width:991px){.c-aside__bg{display:block}.c-aside__menu{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;height:calc(100vh - 100px);max-height:700px;background:var(--bgColor);opacity:0;pointer-events:none;visibility:hidden;overflow:hidden}.c-aside__menu__title{width:calc(100% - 60px);margin:35px auto}.c-aside__menu__box{background:linear-gradient(to left,rgba(158,175,195,.3) 0%,rgba(158,175,195,.3) 100%) center top / calc(100% - 60px) 1px no-repeat;overflow-y:auto}.c-aside__menu__box:first-child{margin:90px auto 0 auto}.c-menu__item__link{width:calc(100% - 60px)}.c-menu__item,.c-menu__item>.c-menu{background-size:calc(100% - 60px) 1px}.c-menu__item>.c-menu>.c-menu__item{background-size:calc(100% - 20px) 1px}.c-aside__menu__close{display:block}.c-aside__filterBt{display:flex}#asideMenuCheck:checked~.c-aside__bg,#asideMenuCheck:checked~.c-aside__menu{opacity:1;pointer-events:all;visibility:visible}.c-aside__select{display:block}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-aside__menu__title{width:calc(100% - 40px);margin:25px auto}.c-aside__menu__box{background-size:calc(100% - 40px) 1px}.c-aside__menu__box:first-child{margin:70px auto 0 auto}.c-menu__item__link{width:calc(100% - 40px)}.c-menu__item,.c-menu__item>.c-menu{background-size:calc(100% - 40px) 1px}.c-menu__item>.c-menu>.c-menu__item{background-size:100% 1px}.c-aside__menu__close{top:22px;right:20px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){.c-aside__menu__box{scrollbar-width:thin;scrollbar-color:var(--mainColor) #ddd}}
.c-product{display:block;width:100%;flex:0 0 auto}.c-product.wow{animation-name:fadeInUp}.c-product__collect{position:absolute;top:min(18px,6%);left:min(18px,4%);display:block;width:32px;height:30px;background:url(/assets/images/common/icon_like.png) center/contain no-repeat;cursor:pointer;z-index:10}.c-product__collect[data-like="1"]{background-image:url(/assets/images/common/icon_like_active.png)}.c-product__pic{display:block;width:100%;overflow:hidden}.c-product__pic img{transform-origin:center;transition:transform .4s ease-in-out}.c-product:hover .c-product__pic img{transform:scale(1.1)}.c-product__pic__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0}.c-product__content{display:block;width:100%;margin:15px 0 0 0}.c-product__content__title{display:block;width:100%;font-size:17px;line-height:1.5;color:var(--textColor);font-family:inherit;letter-spacing:.5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-product__content__price{margin:20px 0 0 0}.c-product__tool{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;margin:25px 0 0 0;background:var(--buttonBg)}.c-product__tool__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:50%;min-height:50px;padding:10px;font-size:15px;line-height:1.2;color:#091018;font-family:inherit;letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 1 auto}.c-product__tool__item::before{position:relative;display:block;width:18px;height:18px;margin:0 15px 0 0;background:center/contain no-repeat;flex:0 0 auto}.c-product__tool__item:first-child:last-child{width:100%}.c-product__tool__item[data-icon="cart"]::before{content:'';background-image:url(/assets/images/common/icon_cart_white.svg)}.c-product__tool__item[data-icon="magnifier"]::before{content:'';background-image:url(/assets/images/common/icon_magnifier_white.svg)}.c-product__tool__item::after{content:'';position:absolute;top:calc(50% - 15px);right:-.5px;display:block;width:1px;height:30px;background:rgba(255,255,255,.5);pointer-events:none}.c-product__tool__item:last-child::after{display:none}.c-product__tool__item:hover{opacity:.7}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__collect{top:min(8px,3.4%);left:min(8px,2.3%);width:24px;height:22px}.c-product__content__price{margin:10px 0 0 0}.c-product__tool{margin:17px 0 0 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:50px 0 0 0;border-top:1px solid rgba(158,175,195,.3);overflow:visible}.c-page::after{content:'';position:absolute;top:-9.5px;left:0;display:block;width:457px;height:19px;max-width:30%;background:var(--lightBg);transform-origin:center;transform:scaleY(0);animation:var(--lightBgAnime);pointer-events: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:30px;height:30px;margin:0 10px;border-radius:50%;font-size:17px;line-height:1;color:var(--textColor);font-family:'Oswald','NotoSansTC';transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:var(--mainColor)}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;font-size:19px;line-height:1;color:var(--textColor);font-family:'Oswald','NotoSansTC';letter-spacing:.5px;font-style:italic;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:27px;height:50px;background:url(/assets/images/common/icon_arrow_next_thin_aqua.svg) center/contain no-repeat}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev::before{margin:0 30px 0 0}.c-page__next::after{margin:0 0 0 30px}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page-detail{flex-wrap:wrap;justify-content:space-between}.c-page-detail::after{display:none}.c-page-detail .c-page__next{order:10}.c-page__back{max-width:235px;margin:0 30px}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:40px 0 0 0}.c-page__count{width:100%}.c-page__count a{margin:0 5px;font-size:15px}.c-page__prev::before,.c-page__next::after{width:18px;height:40px}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{width:calc(50% - 5px);min-height:50px;font-size:16px;background:var(--buttonBg)}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:10px;height:17px;margin:0 20px 0 0;background:url(/assets/images/common/icon_arrow_next_aqua.svg) center / contain no-repeat}.c-page-detail .c-page__next{order:0}.c-page-detail .c-page__next::after{margin:0 0 0 20px}.c-page__back{max-width:100%;margin:10px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.list{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;margin:30px auto 150px auto}.list .c-aside{width:30%;max-width:400px;margin:0 50px 0 0}.list__main{display:block;width:100%;max-width:1350px}.list__main__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);margin:0 0 -70px 0}.list__main__title{margin:0 0 30px 0}.list__main__box .c-product{width:calc(33.33% - 20px);margin:0 10px 70px 10px}.list__main .c-page{margin:70px auto 0 auto}@media screen and (max-width:1500px){.list__main__box .c-product{width:calc(50% - 20px)}}@media screen and (max-width:991px){.list{display:block;margin:30px auto 115px auto}.list .c-aside{width:100%;max-width:none;margin:0 0 70px 0}.list__main{max-width:none}.list__main__box{margin:0 0 -50px 0}.list__main__title{margin:0 0 50px 0}.list__main__box .c-product{margin:0 10px 50px 10px}.list__main .c-page{margin:50px auto 0 auto}}@media screen and (max-width:767px){.list__main__box{left:0;width:100%;margin:0}.list__main__box .c-product{width:100%;margin:0 0 50px 0}.list__main__box .c-product:last-child{margin:0}}@media screen and (max-width:575px){.list{margin:20px auto 80px auto}.list .c-aside{margin:0 0 40px 0}.list__main__title{margin:0 0 40px 0}.list__main__box .c-product{margin:0 0 40px 0}.list__main .c-page{margin:40px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}