@charset "UTF-8";
.c-asideBt{display:none;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;padding:25px 30px;font-size:16px;line-height:1;color:#fff;font-family:'NotoSansTC-M';border:1px solid #e5e5e5;background:var(--mainColor);background-size:auto;cursor:pointer}.c-asideBt span{display:block;width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;text-align:left;flex:0 1 auto}.c-asideBt::after{content:'';position:relative;display:block;width:23px;height:14px;margin:0 0 0 15px;background:url(/assets/images/common/icon_tool_black.svg) center no-repeat;background-size:contain;filter:brightness(0) invert(1);flex:0 0 auto}.c-aside{display:block;width:100%;max-width:100%;box-shadow:6px 6px 18px rgba(0,0,0,.06);flex:0 0 auto}.c-aside__bg{position:absolute;display:none;width:100vw;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none}.c-aside__head{display:none;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;padding:25px 20px;background:#fff;flex:0 0 auto}.c-aside__head__title{display:block;width:100%;font-size:18px;line-height:1;color:var(--titleColor);font-family:'NotoSansTC-M';flex:0 1 auto}.c-aside__head__close{display:block;width:25px;height:25px;margin:0 0 0 15px;cursor:pointer;flex:0 0 auto;overflow:hidden}.c-aside__head__close::before,.c-aside__head__close::after{content:'';position:absolute;top:calc(50% - .5px);left:-25%;display:block;width:150%;height:1px;background:var(--titleColor);transform-origin:center}.c-aside__head__close::before{transform:rotate(45deg)}.c-aside__head__close::after{transform:rotate(-45deg)}.c-aside__body{display:block;width:100%}.c-aside__body__list{display:block;width:100%;scrollbar-width:none}.c-aside__body__list::-webkit-scrollbar{width:0;background:#ddd}.c-aside__body__list::-webkit-scrollbar{background:var(--mainColor)}.c-aside__body__list__item{display:block;width:100%;background:var(--mainColor);border-bottom:1px solid #dedede}.c-aside__body__list__item:last-child{border:none}.c-aside__body__list__item__link{display:block;width:100%;padding:23px 50px 23px 20px;font-size:18px;line-height:1;color:#fff;transition:opacity .4s ease-in-out}.c-aside__body__list__item__link.j-dropdown-link::after{content:'';position:absolute;top:calc(50% - 3.5px);right:30px;display:block;width:14px;height:7px;background:url(/assets/images/common/icon_arrow_bottom_thin_black.svg) center no-repeat;background-size:contain;filter:brightness(0) invert(1)}.c-aside__body__list__item__link.active.j-dropdown-link::after{transform:scaleY(-1)}.c-aside__body__list__item__link:hover{opacity:.7}.c-aside__body__list__item__list{display:none;width:100%;background:url(/assets/images/common/texture.png) center repeat;background-size:auto;border-top:1px solid #e5e5e5}.c-aside__body__list__item__list__item{display:block;width:100%;border-bottom:1px solid #e5e5e5}.c-aside__body__list__item__list__item:last-child{border:none}.c-aside__body__list__item__list__item__link{display:block;width:100%;padding:23px 60px 23px 40px;font-size:16px;line-height:1;color:var(--titleColor);transition:opacity .4s ease-in-out}.c-aside__body__list__item__list__item__link.j-dropdown-link::after{content:'';position:absolute;top:calc(50% - 3.5px);right:40px;display:block;width:14px;height:7px;background:url(/assets/images/common/icon_arrow_bottom_thin_black.svg) center no-repeat;background-size:contain}.c-aside__body__list__item__list__item__link.active.j-dropdown-link::after{transform:scaleY(-1)}.c-aside__body__list__item__list__item__link:hover{opacity:.7}.c-aside__body__list__item__list__item__list{display:none;width:100%;padding:20px 40px;background:#fff;border-top:1px solid #e5e5e5}.c-aside__body__list__item__list__item__list__item{display:block;width:100%;margin:0 0 15px 0}.c-aside__body__list__item__list__item__list__item:last-child{margin:0}.c-aside__body__list__item__list__item__list__item__link{display:block;width:100%;padding:5px 0;font-size:16px;line-height:1;color:var(--textColor);transition:opacity .4s ease-in-out}.c-aside__body__list__item__list__item__list__item__link:hover{opacity:.7}#asideCheck:checked~.c-aside .c-aside__bg{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s .4s ease-in-out}@media screen and (max-width:991px){.c-asideBt{display:flex}.c-aside{position:fixed;bottom:0;right:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;max-width:510px;height:100%;box-shadow:none;transition:transform .4s ease-in-out;z-index:999;overflow:visible}.c-aside__bg{display:block}.c-aside__head{display:flex}.c-aside__body{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;height:100%;background:#fff;overflow:hidden;flex:0 1 auto}.c-aside__body__list{height:100%;overflow:hidden;overflow-y:auto}.c-aside__body__list::after{content:'';position:sticky;bottom:0;left:0;display:block;width:100%;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 50%);pointer-events:none}.c-aside__select{display:block}#asideCheck:checked~.c-aside{transform:translateX(100%)}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-asideBt{padding:15px 20px;font-size:15px}.c-aside{top:100%;bottom:auto;left:0;right:auto;justify-items:flex-end;justify-content:flex-end}.c-aside__head__title{font-size:16px}.c-aside__body{height:calc(75vh - 70px);padding:0 20px}.c-aside__body__list__item__link{padding:20px 40px 20px 20px;font-size:15px}.c-aside__body__list__item__link.j-dropdown-link::after{right:20px}.c-aside__body__list__item__list__item__link{padding:17px 50px 17px 30px;font-size:14px}.c-aside__body__list__item__list__item__link.j-dropdown-link::after{right:30px}.c-aside__body__list__item__list__item__list{padding:20px 30px}.c-aside__body__list__item__list__item__list__item{margin:0 0 10px 0}.c-aside__body__list__item__list__item__list__item__link{font-size:14px}#asideCheck:checked~.c-aside{transform:translateY(-100%)}}@supports (-webkit-touch-callout:none){}
.c-product{display:block;width:100%}.c-product.wow{animation-name:fadeInUp}.c-product__pic{display:block;width:100%;border:1px solid #e5e5e5}.c-product__content{display:block;width:100%;margin:15px 0 0 0}.c-product__content__title{display:block;width:100%;font-size:18px;line-height:1.5;color:var(--titleColor);font-family:'NotoSansTC-M';overflow:hidden}.c-product__content__sub{display:block;width:100%;font-size:16px;line-height:1.5;color:var(--textColor);font-family:'NotoSansTC-L';overflow:hidden}.c-product__content__text{display:block;width:100%;margin:10px 0 0 0;font-size:16px;line-height:1.5;color:var(--textColor);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%;opacity:0}.c-product:hover .c-moreCover{opacity:1}.c-product:hover .c-moreCover::after{animation:fadeOutRight 1.2s ease-in-out infinite}@media screen and (max-width:991px){.c-product__content__title{font-size:15px}.c-product__content__sub{font-size:14px}.c-product__content__text{margin:7.5px 0 0 0;font-size:14px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__content{margin:12.5px 0 0 0}.c-product__content__sub{font-size:13px}}@media (any-hover:none){}@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:40px 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:40px;height:40px;margin:0 5px;font-size:16px;line-height:1;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC-M';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(--titleColor)}.c-page__prev,.c-page__next{margin:0 0 0 20px;font-size:16px;line-height:1;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC-M'}.c-page__prev{margin:0 20px 0 0}.c-page__prev::after,.c-page__next::before{position:relative;display:inline-block;vertical-align:middle;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-page__prev::after{content:'Prev';margin:0 0 0 25px}.c-page__next::before{content:'Next';margin:0 25px 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:.5;pointer-events:none}.c-page__back{width:100%;max-width:180px}.c-page-detail{padding:35px 0 0 0}@media screen and (max-width:991px){.c-page-detail{padding:30px 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:35px;height:35px;font-size:15px}.c-page__prev,.c-page__next{font-size:15px}.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:none}.c-page-detail{flex-wrap:wrap;padding:30px 0 0 0}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:50px;margin:10px 0 0 0;background:#fff;border:1px solid #e5e5e5;order:2}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:block}.c-page-detail .c-page__prev::after{margin:0 0 0 25px}.c-page-detail .c-page__next::before{margin:0 25px 0 0}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:7.5px;height:15px}}@media (any-hover:none){.c-page__prev:hover::before,.c-page__next:hover::after{animation:none}}@supports (-webkit-touch-callout:none){}
.productlist{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;max-width:1400px;margin:115px auto 105px auto;overflow:visible}.productlist__asideBt{margin:0 0 50px 0}.productlist__aside{max-width:350px;margin:0 50px 0 0}.productlist__box{display:block;width:100%;max-width:990px;flex:0 1 auto}.productlist-result .productlist__box{max-width:none}.productlist__box__title{margin:0 0 55px 0;animation-name:fadeInUp}.productlist__box__inner{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)}.productlist__box__inner__item{width:calc(33.33% - 20px);margin:0 10px 55px 10px}.productlist__box__inner__message{display:block;width:100%;text-align:center}.productlist__box__inner__message__text{display:block;width:100%;font-size:24px;line-height:1.5;color:var(--titleColor);font-family:'NotoSansTC-M'}.productlist__box__inner__message__bt{max-width:160px;margin:30px auto 0 auto}@media screen and (max-width:1200px){.productlist__box__inner__item{width:calc(50% - 20px)}}@media screen and (max-width:991px){.productlist{display:block;margin:85px auto 105px auto}.productlist__aside{max-width:510px;margin:0}.productlist__box{max-width:none}.productlist__box__title{margin:0 0 35px 0}.productlist__box__inner{left:-7.5px;width:calc(100% + 15px)}.productlist__box__inner__item{width:calc(33.33% - 15px);margin:0 7.5px 50px 7.5px}}@media screen and (max-width:767px){.productlist{margin:50px auto 90px auto}.productlist__asideBt{margin:0 0 45px 0}.productlist__box__inner{left:-5px;width:calc(100% + 10px)}.productlist__box__inner__item{width:calc(50% - 10px);margin:0 5px 40px 5px}}@media screen and (max-width:575px){.productlist__aside{max-width:none}.productlist__box__inner__message__text{font-size:18px}.productlist__box__inner__message__bt{margin:20px auto 0 auto}}@supports (-webkit-touch-callout:none){}