@charset "UTF-8";
/* 公版用 */
body.is-3c_system, body.is-mobile3c, body.is-GamingRace, body.is-office3c {
  background: #e0ebff;
}
body.is-coolcleantech, body.is-tv_media, body.is-airconditioner, body.is-fan, body.is-kitchen3c, body.is-healthbeauty, body.is-clean3c, body.is-LivingBathroom, body.is-outdoor3c {
  background: #ffeef4;
}

.bg01 {
  background: none;
}

.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet-active {
  background: #000 !important;
}

.is-mobile3c .bg01,
.is-GamingRace .bg01,
.is-office3c .bg01 {
  background: #7192ff;
}

.is-coolcleantech .bg01,
.is-tv_media .bg01,
.is-airconditioner .bg01,
.is-fan .bg01,
.is-kitchen3c .bg01,
.is-healthbeauty .bg01,
.is-clean3c .bg01,
.is-LivingBathroom .bg01,
.is-outdoor3c .bg01 {
  background: #f96e70;
}

.background swiper-slide a.no {
  pointer-events: none;
  cursor: auto;
}

section .title b {
  color: #000;
  top: 48%;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.background2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0, top;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto 0;
  z-index: -1;
}
.background2.fixed {
  position: fixed;
  top: 45px;
  z-index: -2;
}

.special-box swiper-container::part(wrapper) {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media only screen and (max-width: 992px) {
  .background2 {
    background-size: 140% auto;
    background-position: -20vw 0, top;
  }
}
@media only screen and (max-width: 576px) {
  .background2 {
    background-size: 180% auto;
    background-position: -47vw 0, top;
  }
}
@media only screen and (min-width: 993px) {
  section .title b {
    font-size: 2.6em;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/*  共用樣式調整 */
.info-box swiper-container::part(wrapper) {
  padding-left: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product-box .tab {
  margin-bottom: 2%;
}
.product-box .tab swiper-slide {
  background: #eb9495;
  padding: 20px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-box .tab swiper-slide b {
  font-size: 1.6em;
  color: #000;
}

/*  電腦版其他尺寸 */
@media only screen and (max-width: 992px) {
  .brand-box .tab swiper-slide {
    width: 31% !important;
  }
  .product-box .tab swiper-slide b {
    font-size: 1.3em;
  }
}
/* 手機版 */
@media only screen and (max-width: 576px) {
  .brand-box .tab swiper-slide {
    width: 46% !important;
  }
  .product-box .tab swiper-slide b {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 993px) {
  .product-box .tab swiper-slide {
    width: 21% !important;
  }
  .brand-box .tab swiper-slide {
    width: 18% !important;
  }
  .sub-box .title b {
    font-size: 2em;
  }
}