@charset "UTF-8";
.c-earphone{display:block;width:100%;padding:45px 0;overflow:hidden}.c-earphone__bgNoise{position:absolute;top:calc(50% - 120px);right:50%;display:block;width:1920px;height:240px;overflow:hidden;animation-name:fadeIn}.c-earphone__bgNoise__canvas{position:absolute;top:0;left:20px;display:block;width:100%;height:100%;transform:scaleX(-1)}.c-earphone__bg{position:absolute;top:25%;left:50%;display:block;width:100%;height:50%;animation-name:fadeIn}.c-earphone__pic{display:block;width:100%;max-width:285px;margin:0 auto;animation-name:fadeInUp}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-earphone{padding:20px 0}.c-earphone__pic{width:120px}}@supports (-webkit-touch-callout:none){}
.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-recommend{display:block;width:100%;animation-name:fadeInUp}.c-recommend__box{left:-15px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px)}.c-recommend__box .slick-track{padding:10px 0 0 0}.c-recommend__box .slick-arrow{top:calc(50% - 130px);width:90px;height:90px}.c-recommend__box .slick-prev{left:max(-120px,calc(710px - 50vw))}.c-recommend__box .slick-next{right:max(-120px,calc(710px - 50vw))}.c-recommend__box .slick-prev::before,.c-recommend__box .slick-next::before{top:calc(50% - 6.5px);left:calc(50% - 16.5px);width:33px;height:13px}.c-recommend__box__item{width:calc(25% - 20px);margin:0 20px}@media screen and (max-width:1450px){.c-recommend__box .slick-prev{left:-30px}.c-recommend__box .slick-next{right:-30px}}@media screen and (max-width:991px){.c-recommend .slick-prev{left:calc(50% - 50vw + 20px)}.c-recommend .slick-next{right:calc(50% - 50vw + 20px)}.c-recommend__box{left:0;width:100%;max-width:560px;margin:0 auto;overflow:visible}.c-recommend__box__item{width:100%}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-recommend__box .slick-arrow{top:calc((100vw - 80px) * .69 / 2 - 30px);width:60px;height:60px}.c-recommend__box .slick-arrow::before{top:calc(50% - 4.5px);left:calc(50% - 11.5px);width:23px;height:9px}.c-recommend__box__item{text-align:center}}@supports (-webkit-touch-callout:none){}
.about{display:block;width:100%}.about__intro{margin:0 auto 150px auto}.about__intro__inner{margin:0 0 72px 0;animation-name:fadeInUp}.about__intro__inner__title{display:block;width:100%;font-size:20px;font-family:'NotoSansTC-B';line-height:1.5;letter-spacing:1px;margin:0 0 15px 0}.about__intro__inner__content{display:flex;justify-content:space-between;width:100%}.about__intro__inner__content__text{display:block;width:calc(50% - 55px);max-width:100%;letter-spacing:.5px}.about__intro__slick{display:block;width:100%;animation-name:fadeInUp}.about__intro__slick__content{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto}.about__intro__slick__content__item{display:block;width:calc((100% - 90px) / 4);margin:0 0 30px 0}.about__intro__slick__content__item__pic{display:block;width:100%;margin:0 0 25px 0}.about__intro__slick__content__item__title{display:block;width:100%;font-size:16px}.about__intro__slick .slick-count{display:none}.about__center{background:var(--bgColor);padding:140px 0 100px 0}.about__center__inner{display:flex;justify-content:space-between;justify-items:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.about__center__inner__content{display:block;width:calc(50% - 55px)}.about__center__title{margin:0 auto 90px auto;width:calc(100% - 120px);animation-name:fadeInUp}.about__center__inner__content__sub{margin:0 0 30px 0;padding:0 0 0 20px;border-left:5px solid var(--mainColor);animation-name:fadeInUp}.about__center__inner__content__text{margin:0 0 50px 0;animation-name:fadeInUp}.about__center__inner__content__text__bold{font-family:'NotoSansTC-B'}.about__center__inner__photo{display:block;width:50%;width:calc(50% + 20px);position:absolute;top:-460px;right:0}.about__center__inner__photo__box{display:block;width:calc(100% - 100px);margin:0 auto}.about__center__inner__photo__box__pic{display:block;width:100%;max-width:500px;margin:0 auto;animation-name:fadeInUp;z-index:10}.about__center__inner__photo__box__label{display:block;width:100%;background:var(--mainColor);border-radius:20px;padding:8px 0;text-align:center;max-width:380px;margin:0 auto;animation-name:fadeInUp}.about__center__inner__photo__box__lebel__text{display:block;width:100%;color:#e3e5e8;font-size:24px;line-height:1;font-family:'Poppins','NotoSansTC'}.about__center__inner__photo__box__acc__left,.about__center__inner__photo__box__acc__right{display:block;width:140px;text-align:center;border-radius:35px;box-shadow:5px 5px 10px 2px rgba(171,175,181,.5),-5px -5px 5px 2px #eceff3;padding:10px 35px;position:absolute;z-index:-1}.about__center__inner__photo__box__acc__left{top:56%;right:-20%}.about__center__inner__photo__box__acc__left::before,.about__center__inner__photo__box__acc__right::before{content:"";position:absolute;top:-40px;left:-41px;display:block;width:90%;height:10px;background:linear-gradient(to right,#97a5b1 0%,#97a5b1 50%,transparent 50%) center repeat-x;background-size:4px 2px;rotate:35deg}.about__center__inner__photo__box__acc__left::after,.about__center__inner__photo__box__acc__right::after{content:"";position:absolute;top:-5px;left:calc(50% - 5px);width:10px;height:10px;background:var(--mainColor);border-radius:50%}.about__center__inner__photo__box__acc__right{top:77%;right:10%}.about__center__inner__photo__box__acc__text{display:block;width:100%;font-size:16px;font-family:'NotoSansTC-B'}.about__center__inner__photo__box__acc__text__span{display:block;font-size:18px;font-family:'Poppins','NotoSansTC'}.about__product{padding:140px 0 145px 0}.about__product__title{text-align:center;margin:0 0 50px 0;animation-name:fadeInUp}@media screen and (max-width:1200px){.about__center{padding:100px 0 50px 0}.about__center__title{text-align:center;margin:0 auto 80px auto}.about__center__inner{flex-direction:column-reverse}.about__center__inner__photo,.about__center__inner__content{width:100%}.about__center__inner__photo{position:relative;top:0;width:calc(100% - 100px);margin:0 auto}.about__center__inner__photo__box{position:relative;display:flex;flex-wrap:wrap;flex-direction:column-reverse;margin:0 auto 135px auto}.about__center__inner__photo__box__pic{width:100%;max-width:470px;margin:0 auto}.about__center__inner__photo__box__label{margin:0 auto 125px auto}.about__center__inner__photo__box__acc__right{top:97%;right:92%}.about__center__inner__photo__box__acc__right::before{rotate:130deg;top:-50px;left:calc(50% - 25px)}}@media screen and (max-width:991px){.about__intro{max-width:710px}.about__intro__inner{margin:0 0 62px 0}.about__intro__inner__title{margin:0 0 45px 0}.about__intro__inner__content{display:block}.about__intro__inner__content__text{width:100%;margin:0 0 2em 0}.about__intro__inner__content__text:last-child{margin:0}.about__intro__slick__content__item{display:block;width:calc((100% - 70px) / 2)}.about__product{padding:100px 0 105px 0}.about__product__title{margin:0 0 35px 0}}@media screen and (max-width:767px){.about__center__inner__photo__box__acc__left::before,.about__center__inner__photo__box__acc__right::before{width:70%}.about__center__inner__photo__box__acc__left::before{top:-34px;left:-19px}.about__center__inner__photo__box__acc__right::before{top:-43px;left:52px}.about__center__inner__photo__box__label{max-width:280px}.about__center__inner__photo__box__lebel__text{font-size:18px}}@media screen and (max-width:575px){.about{margin:30px auto 0 auto}.about__intro__inner{margin:0 0 42px 0}.about__intro__inner__title{margin:0 0 20px 0;font-size:16px}.about__intro__slick__content__item{margin:0 0 40px 0}.about__intro__slick__content__item__pic{width:100%}.about__intro__slick__content__item__title{text-align:center}.about__intro__slick .slick-arrow{width:60px;height:60px;box-shadow:var(--shadow)}.about__intro__slick .slick-prev,.about__intro__slick .slick-next{top:calc(100% - 22px)}.about__intro__slick .slick-prev{left:calc(50% - 115px)}.about__intro__slick .slick-next{right:calc(50% - 115px)}.about__intro__slick .slick-count{display:flex}.about__center{padding:75px 0 30px 0}.about__center__title{margin:0 auto 50px auto}.about__center__inner__content__text{margin:0 0 45px 0}.about__center__inner__content__text .c-ul br{display:none}.about__center__inner__content__box__acc__text__span{font-size:14px}.about__center__inner__photo{width:100%}.about__center__inner__photo__box{width:calc(100% - 50px)}.about__center__inner__photo__box__acc__right{top:100%;right:75%}.about__center__inner__photo__box__acc__left{top:63%;right:-16%}.about__center__inner__photo__box__pic{max-width:270px}.about__center__inner__photo__box__label{max-width:270px;margin:0 auto 50px auto}.about__center__inner__photo__box__lebel__text{font-size:16px}.about__center__inner__photo__box__acc__left,.about__center__inner__photo__box__acc__right{width:100px;text-align:center;border-radius:35px;box-shadow:var(--shadowNarrow);padding:10px 0;position:absolute;z-index:-1}.about__center__inner__photo__box__acc__left::before{top:-35px;left:4px;rotate:70deg}.about__center__inner__photo__box__acc__right::before{top:-32px;left:33px;rotate:125deg}.about__center__inner__photo__box__acc__text{font-size:12px}.about__center__inner__photo__box__acc__text__span{font-size:14px}.about__product{padding:50px 0 60px 0}.about__product__title{margin:0 0 25x 0}}@supports (-webkit-touch-callout:none){}