/* https://fonts.google.com/  字型網址 */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --home-color-main: rgb(156, 196, 99);
  --home-color-main-o: rgba(156, 196, 99, 0.3);
  --home-color-second: #668f95;
  --home-color-white: #fff;
  --home-color-white-o: rgba(255, 255, 255, 0.3);
  --home-color-black: #000;
  --home-color-black-o: rgba(0, 0, 0, 0.3);
  --home-color-origin: #282828;
  --home-color-tr: transparent;
  --home-font-en: 'Roboto', sans-serif;
  --home-font-tw: 'Noto Sans TC', sans-serif;
}
/* 改字體範例 */
/* . {
  font-family: var(--home-font-en);
} */

/* 02 */
/* -------------------------------------------------- */
/* 圖片遮罩 */
.heal01-template-02__swiper-slide-img-box .colorbg {
  background-color: var(--home-color-tr);
}
/* 圖片陰影 */
.heal01-template-02__swiper-slide-img[data-index='1'],
.heal01-template-02__swiper-slide-img[data-index='2'],
.heal01-template-02__swiper-slide-img[data-index='3'],
.heal01-template-02__swiper-slide-img[data-index='4'],
.heal01-template-02__swiper-slide-img[data-index='5'],
.heal01-template-02__swiper-slide-img[data-index='6'],
.heal01-template-02__swiper-slide-img[data-index='7'],
.heal01-template-02__swiper-slide-img[data-index='8'] {
  background: var(--home-color-tr);
  -webkit-box-shadow: 5px 5px 8px var(--home-color-tr),
    -5px -5px 8px var(--home-color-tr);
  box-shadow: 5px 5px 8px var(--home-color-tr),
    -5px -5px 8px var(--home-color-tr);
}
/* 輪播點點 */
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='1']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='2']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='3']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='4']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='5']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='6']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='7']:before,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='8']:before {
  background-color: var(--home-color-main);
}
/* 輪播點點框 */
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='1']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='2']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='3']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='4']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='5']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='6']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='7']:after,
.heal01-template-02__swiper-pagination
  .swiper-pagination-bullet[data-index='8']:after {
  border: 2px solid var(--home-color-tr);
}

/* 滾動線 */
.heal01-template-02__scroll:before {
  background-color: var(--home-color-main);
}
/* 輪播按鈕 */
.heal01-template-02__swiper-bottom {
  color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 03 */
/* -------------------------------------------------- */
/* 文字底線 */
.heal01-template-03__top {
  border-bottom: 1px solid var(--home-color-origin);
}
/* 輪播按鈕 */
.heal01-template-03__swiper-btn-group {
  color: var(--home-color-origin);
}
/* 輪播數字 */
.heal01-template-03__swiper-index {
  color: var(--home-color-origin);
  display: none;
}
/* -------------------------------------------------- */
/* 04 */
/* -------------------------------------------------- */
/* 輪播按鈕 */
.heal01-template-04__swiper-btn-group {
  color: var(--home-color-origin);
}
/*文字底線 */
.heal01-template-04__top {
  border-bottom: 1px solid var(--home-color-origin);
}
/*輪播數字 */
.heal01-template-04__swiper-index {
  color: var(--home-color-origin);
}
/* 線條底色 */
.heal01-template-04 .swiper-pagination-progressbar {
  background-color: var(--home-color-origin);
}
/* 線條上色 */
.heal01-template-04 .swiper-pagination-progressbar-fill {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 05 */
/* -------------------------------------------------- */
/* 左邊垂直線 */
.heal01-template-05__more-btn {
  border-left: 1px solid var(--home-color-origin);
}
/* 文字上線 */
.heal01-template-05__swiper {
  border-top: 1px solid var(--home-color-main);
}
/* 數字 */
.heal01-template-05__content-right-link-index {
  color: var(--home-color-black);
}
/* 短線 */
.heal01-template-05__content-right-link:before {
  background-color: var(--home-color-main) !important;
}
/* hover圖案 */
.heal01-template-05__content-right-link-icon {
  color: #839b37;
}
/* hover圖案框 */
.heal01-template-05__content-right-link-icon:before {
  border: 1px solid #839b37;
}
/*文字底線 */
.heal01-template-05__content-right-link {
  border-bottom: 1px solid #e0e0e0;
}
/* 輪播按鈕 */
.heal01-template-05__swiper-btn-group {
  color: #839b37;
}
/* -------------------------------------------------- */
/* 06 */
/* -------------------------------------------------- */
/* 垂直線 */
.heal01-template-06__sale:before {
  background-color: var(--home-color-main);
}
/* 輪播按鈕 */
.heal01-template-06__swiper-next,
.heal01-template-06__swiper-prev {
  color: var(--home-color-origin);
}
/*文字底線 */
.heal01-template-06__text-slide-slogan {
  border-bottom: 1px solid var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 07 */
/* -------------------------------------------------- */
/* 短線 */
.heal01-template-07__news-info:before {
  background-color: var(--home-color-origin);
}
/* hover長線 */
.heal01-template-07__news:before {
  background-color: var(--home-color-main);
}
/*文字底線 */
.heal01-template-07__top {
  border-bottom: 1px solid var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 08 */
/* -------------------------------------------------- */
/* 文字底線 */
.heal01-template-08__desc-inner {
  border-bottom: 1px solid var(--home-color-main);
}
/* -------------------------------------------------- */
/* 09 */
/* -------------------------------------------------- */
/* 文字底線 */
.heal01-template-09__top {
  border-bottom: 1px solid var(--home-color-main);
}
/*輪播按鈕 */
.heal01-template-09__swiper-next,
.heal01-template-09__swiper-prev {
  color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 10 */
/* -------------------------------------------------- */
/*文字底線 */
.heal01-template-10__top::before {
  border-bottom: 1px solid var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 11 */
/* -------------------------------------------------- */
/* 左邊線 */
.heal01-template-11__more-btn {
  border-left: 1px solid var(--home-color-origin);
}
/* 文字線 */
.heal01-template-11__content-right-link:before {
  background-color: var(--home-color-origin);
}
/* hover文字 */
.heal01-template-11__content-right-link:hover {
  color: var(--home-color-main);
}
/* 文字hover線 */
.heal01-template-11__content-right-link:after {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 12 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 13 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 14 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 大影片區塊*/
/* -------------------------------------------------- */
/* 播放按鈕邊框色 */
.heal01-template-13 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.heal01-template-13 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.heal01-template-13 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.heal01-template-13 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 影響700以下 */
/* -------------------------------------------------- */
@media (max-width: 700px) {

/* 標題調位 */

  .heal01-template-02__swiper-slide-text {
    right: -13px;
    bottom: 10px;
  }

  .heal01-template-02__swiper-slide-text-en {
    font-size: 40px;
    line-height: 1.0;
  }

  .heal01-template-02__swiper-slide-text-zh {
    font-size: 18px;
    font-weight: 500;
  }  

}

@media (min-width: 1100px) {
    .heal01-template-02__swiper-slide-text-en {
           font-size: 58px;
    }
}

/* 字體更改 */

.heal01-template-02__swiper-slide-text-en {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.heal01-template-03__top-title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-05__title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-05__more-btn-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-09__top-title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-07__top-title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-10__top-title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-05__content-right-link-title-en {
  font-family: 'Montserrat', sans-serif;
}

.heal01-template-05__content-right-link-slogan {
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
}

.heal01-template-05__content-right-link-title {
    font-size: 22px;
}

.heal01-template-08__title {
    max-width: 500px;
}
html:not(.no-js) [data-scroll^='fade'][data-scroll^='fade'] {
    font-family: 'Montserrat', sans-serif; 
}