@charset "UTF-8";
.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(){}
.search{max-width:1450px;margin:30px auto 150px auto}.search__bar{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;min-height:60px;margin:0 0 70px 0;padding:0 15px 0 30px;background:var(--bgColor)}.search__bar.wow{animation-name:fadeInUp}.search__bar__input{flex:0 1 auto}.search__bar__input::placeholder{color:rgba(217,232,250,.5)}.search__bar__input:-webkit-autofill{box-shadow:0 0 0 1000px #0a394a inset;-webkit-text-fill-color:var(--textColor)}.search__bar__bt{width:60px;margin:0 0 0 20px;background:url(/assets/images/common/icon_magnifier_aqua.svg) center/ min(20px,60%) auto no-repeat;transition:opacity .4s ease-in-out;flex:0 0 auto}.search__bar__bt:hover{opacity:.7}.search__bar__bt.disable{opacity:.5;pointer-events:none}.search__title{display:block;width:100%;margin:0 0 70px 0;padding:0 0 0 40px;font-size:25px;line-height:1.2;color:var(--textColor);font-family:'Oswald','NotoSansTC';letter-spacing:.5px}.search__title::before{content:'';position:absolute;top:0;left:0;display:block;width:5px;height:100%;background:var(--mainColor)}.search__title.wow{animation-name:fadeInUp}.search__title__blue{display:inline;width:auto;max-width:100%;padding:0 .25em;font-size:inherit;line-height:inherit;color:var(--mainColor);font-family:inherit}.search__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}.search__box .c-product{width:calc(33.33% - 20px);margin:0 10px 70px 10px}.search .c-page{margin:70px auto 0 auto}@media screen and (max-width:991px){.search{margin:30px auto 115px auto}.search__title{padding:0 0 0 30px}.search__box{margin:0 0 -50px 0}.search__box .c-product{width:calc(50% - 20px);margin:0 10px 50px 10px}.search .c-page{margin:50px auto 0 auto}}@media screen and (max-width:767px){.search__box{left:0;width:100%;margin:0}.search__box .c-product{width:100%;margin:0 0 50px 0}.search__box .c-product:last-child{margin:0}}@media screen and (max-width:575px){.search{margin:20px auto 80px auto}.search__bar{min-height:45px;margin:0 0 40px 0;padding:0 5px 0 15px}.search__bar__bt{width:45px}.search__title{margin:0 0 40px 0;padding:0 0 0 20px;font-size:20px}.search__box .c-product{margin:0 0 40px 0}.search .c-page{margin:40px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}