/* 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');
:root {
  --home-color-main: rgb(231, 0, 18);
  --home-color-main-o: rgb(231, 0, 18, 0.3);
  --home-color-second: #a98252;
  --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: #a1a09e;
  --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 */
/* -------------------------------------------------- */
/* 切換區線段 */
.shop01-template-02-thumbs .main_txt::after {
  background-color: var(--home-color-white);
}
/* 切換區底線 */
.shop01-template-02 .shop01-template-02-thumbs {
  border-bottom: 1px solid var(--home-color-main);
}
/* 滾動字 */
.shop01-template-02 .scroll .scroll-text {
  color: var(--home-color-main);
}
/* 滾動線 */
.shop01-template-02 .scroll::after {
  background: var(--home-color-white);
}
/* 輪播點點框 */
.shop01-template-02
  .shop01-template-02__swiper-pagination
  .swiper-pagination-bullet {
  border: 1px solid var(--home-color-white);
}
/* 輪播點點實心 */

.shop01-template-02
  .shop01-template-02__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--home-color-main);
  border-color: var(--home-color-main);
}

/* // */
/* 03 */
/* -------------------------------------------------- */

/* 線段 */
.shop01-template-03 .link .more::after {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 04 */
/* -------------------------------------------------- */

.shop01-template-04 .swiper-slide .circle {
  background-color: var(--home-color-main);
}
/* 按鈕框線 */
.shop01-template-04 .link_more {
  border: 1px solid var(--home-color-main);
}
/* 按鈕hover */
.shop01-template-04 .link_more:hover {
  background-color: var(--home-color-tr);
}
/* 購物車顏色 */
.shop01-template-04 .swiper-slide .text_box .add_car svg path {
  fill: var(--home-color-black);
}
/* -------------------------------------------------- */

/* 05 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* 06 */
/* -------------------------------------------------- */

/* 輪播數字 */
.shop01-template-06
  .shop01-template-06__swiper-pagination
  .swiper-pagination-current,
.shop01-template-06
  .shop01-template-06__swiper-pagination
  .swiper-pagination-total {
  color: var(--home-color-black);
}
/* 數字底線 */
.shop01-template-06 .shop01-template-06__swiper-pagination::after {
  background-color: var(--home-color-origin);
}
/* 輪播按鈕 */
.shop01-template-06__swiper-bottom .icon {
  color: var(--home-color-black);
}
/* 輪播底線 */
.shop01-template-06 .container_box::after {
  background-color: var(--home-color-origin);
}
/* -------------------------------------------------- */

/* 07 */
/* -------------------------------------------------- */

/* 輪播數字 */
.shop01-template-07
  .shop01-template-07__swiper-pagination
  .swiper-pagination-current,
.shop01-template-07
  .shop01-template-07__swiper-pagination
  .swiper-pagination-total {
  color: var(--home-color-white);
}
/* 線條 */
.shop01-template-07-pagination-fraction::after {
  background-color: var(--home-color-main);
}
/*輪播點點框 */
.shop01-template-07
  .shop01-template-07__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet {
  border: 1px solid var(--home-color-white);
}

/* 輪播點點實心 */
.shop01-template-07
  .shop01-template-07__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--home-color-main);
  border-color: var(--home-color-main);
}

/* -------------------------------------------------- */

/* 08 */
/* -------------------------------------------------- */

/* 線條 */
.shop01-template-08 .swiper-slide .imgs::after {
  background-color: var(--home-color-main);
}
/* 輪播按鈕 */
.shop01-template-08__swiper-bottom .icon {
  border: 1px solid var(--home-color-origin);
  background-color: var(--home-color-tr);
}
/* 輪播按鈕hover */
.shop01-template-08__swiper-bottom .icon-right:hover,
.shop01-template-08__swiper-bottom .icon-left:hover {
  color: var(--home-color-main);
  border: 1px solid var(--home-color-white);
  background-color: var(--home-color-white);
}
/* -------------------------------------------------- */

/* 09 */
/* -------------------------------------------------- */

/* 長線段 */
.shop01-template-09 .info_box {
  background-color: var(--home-color-origin);
}
/* 短線段 */
.shop01-template-09 .info_box::after {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 10 */
/* -------------------------------------------------- */

/* 按鈕 */
.shop01-template-10 .button {
  border: 1px solid var(--home-color-main);
}
/* 按鈕hover */
.shop01-template-10 .button:hover {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 12 */
/* -------------------------------------------------- */

/* 日期線段 */
.shop01-template-12 .masonry-with-columns .box .date span:first-child::after {
  background-color: var(--home-color-black);
}
/* 下邊線段 */
.shop01-template-12 .masonry-with-columns .box .more::after {
  background-color: var(--home-color-main);
}
/* 大影片區塊*/
/* -------------------------------------------------- */

/* 播放按鈕邊框色 */
.shop01-template-14 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.shop01-template-14 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.shop01-template-14 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.shop01-template-14 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 影響700以下 */
@media (max-width: 700px) {
}