:root {
  --bs-font-sans-serif: "Noto Sans TC", sans-serif;
  --cnvs-body-font: "Noto Sans TC", sans-serif;
  --cnvs-primary-font:  "Noto Sans TC", sans-serif;
  --cnvs-secondary-font:  "Noto Sans TC", serif;
}

/*==============================================================
base
==============================================================*/
.more-btn {
  padding: 14px 40px;
}

.pagination .page-item {
  font-family: "Josefin Sans", sans-serif;
}

/*==============================================================
top
==============================================================*/
.cart-wrap span.plus {
  font-family: "Josefin Sans", sans-serif;
}

/*==============================================================
banner
==============================================================*/
.slider-caption h2,
.slider-caption .h2 {
  line-height: 1.3;
}

.slider-caption span {
  font-size: 18px;
}

.slider-caption p {
  line-height: 1.45 !important;
}

.slider-caption .banner-more-btn::before {
  right: 47%;
}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i, 
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
  font-family: "Josefin Sans", sans-serif;
}

/*==============================================================
product
==============================================================*/
.product-nav .item h4 {
  letter-spacing: 1px;
}

.tag-wrap strong {
  letter-spacing: 1px;
}

.product-info-wrap .add-btn img {
  transform: translate(0, 0);
}

.product-info-wrap .add-btn:hover img {
  transform: translate(-100%, 0);
}

.product-info-tabs li > button {
  font-size: 20px;
}

.product-content .item:hover .btn-wrap {
  height: 100px;
}

/*==============================================================
index news
==============================================================*/
.news-carousel [class*=swiper-button-] i {
  font-family: "Josefin Sans", sans-serif;
}

/*==============================================================
index about
==============================================================*/
.about-txt h5 span::before {
  width: 70px;
  height: 75px;
  left: -33px;
  top: -11px;
}

/*==============================================================
index contact
==============================================================*/
.index-contact p {
  font-size: 30px;
}

/*==============================================================
footer
==============================================================*/
footer .copyrights + a {
  font-size: 16px;
}


/*==============================================================
privacy
==============================================================*/
.fbox-content p {
  line-height: 1.85;
}


/*==============================================================
intro
==============================================================*/
.concept-wrap .sec-block li span:first-child {
  font-family: "Josefin Sans", sans-serif;
}



@media(max-width:1399px) {
  .product-info-tabs li > button {
    padding: 10px 0;
  }
}


@media(max-width:991px) {
  .footer-contact {
    justify-content: start !important;
  }

  .more-btn {
    padding: 12px 36px;
  }

  .about-txt h5 span::before {
    width: 64px;
    height: 70px;
    left: -33px;
    top: -14px;
  }
}

@media(max-width: 575px) {
  .more-btn {
    padding: 10px 32px;
  }

  .product-content .item:hover .btn-wrap {
    height: 76px;
  }

  .about-wrap .about-deco-img .img-2 {
    display: none;
  }
}