/* ==========================================================================
   首頁主題色／樣式覆寫（後台 color-setting2 編輯目標）
   主題代號：inte01（室內設計）
   用途：定義首頁色票與字型 token，並覆寫各 template 區塊的輪播、按鈕與裝飾色
   ========================================================================== */

/* 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: #0ff;
  /* 主色半透明 */
  --home-color-main-o: rgba(0, 255, 255, .3);
  /* 輔色 */
  --home-color-second: #668f95;
  /* 白色 */
  --home-color-white: #fff;
  /* 白色半透明 */
  --home-color-white-o: hsla(0, 0%, 100%, .3);
  /* 黑色 */
  --home-color-black: #000;
  /* 黑色半透明 */
  --home-color-black-o: rgba(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
}

/* 02 */
/* -------------------------------------------------- */

/* 輪播點點 */
.inte01-template-02 .t2_swiper .swiper-pagination {
  color: var(--home-color-main)
}
/* 輪播點點 */
.inte01-template-02 .scroll_down:before,
.inte01-template-02 .t2_swiper .swiper-pagination .line {
  background-color: var(--home-color-main)
}
/* 輪播點點 */
.inte01-template-02 .t2_swiper .swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid var(--home-color-main)
}
/* 輪播點點（啟用） */
.inte01-template-02 .t2_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--home-color-main)
}
/* 背景色 */
.inte01-template-02 .cir_1,
.inte01-template-02 .cir_2,
.inte01-template-02 .vline {
  background: var(--home-color-main)
}

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

/* 邊框／陰影 */
.inte01-template-03 .title_wrap {
  border-top: 1px solid var(--home-color-main)
}
/* 背景色 */
.inte01-template-03 .text_wrap .more_btn .icon {
  background-color: var(--home-color-main)
}
/* 背景色 */
.inte01-template-03 .vline.line1,
.inte01-template-03 .vline.line2,
.inte01-template-03 .vline.line3,
.inte01-template-04 .vline.line1,
.inte01-template-04 .vline.line2,
.inte01-template-04 .vline.line3,
.inte01-template-05 .t5_swiper .swiper-slide .slide_wrap:after,
.inte01-template-05 .text_item .item:before,
.inte01-template-05 .text_item:before {
  background: var(--home-color-main)
}

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

/* 輪播進度條 */
.inte01-template-05 .t5_swiper .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .3)
}
/* 輪播進度條 */
.inte01-template-05 .t5_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.inte01-template-06 .left .text_wrap .text_item,
.inte01-template-06 .left .text_wrap .text_item .box .icon,
.inte01-template-06 .right .navigation .item .btn,
.inte01-template-06 .right .navigation .item .btn.swiper-button-disabled,
.inte01-template-06 .right .navigation .line,
.inte01-template-06 .right .slide_wrap .more_btn .icon {
  background: var(--home-color-main)
}

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

/* 背景色 */
.inte01-template-06 .left .text_wrap .text_item:nth-child(2) {
  background: var(--home-color-main-o)
}
/* 背景色 */
.inte01-template-06 .cir_1,
.inte01-template-06 .cir_2 {
  background: var(--home-color-main)
}

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

/* 邊框／陰影 */
.inte01-template-08 .left {
  border-top: 1px solid var(--home-color-main)
}
/* 邊框／陰影 */
.inte01-template-08 .right .title_item {
  border-top: 5px solid var(--home-color-black)
}
/* 邊框／陰影 */
.inte01-template-08 .right .wrap:hover .title_item {
  border-color: var(--home-color-main)
}
/* 文字色 */
.inte01-template-08 .right .title_item .num {
  color: var(--home-color-main)
}
/* 背景色 */
.inte01-template-08 .right .text_wrap .more_btn .icon {
  background-color: var(--home-color-main)
}
/* 背景色 */
.inte01-template-08 .circle_wrap .cir_1,
.inte01-template-08 .circle_wrap .cir_2 {
  background: var(--home-color-main)
}
/* 邊框／陰影 */
.inte01-template-08 .mobile_swiper .title_item {
  border-top: 5px solid var(--home-color-main)
}
/* 文字色 */
.inte01-template-08 .mobile_swiper .title_item .num {
  color: var(--home-color-main)
}
/* 輪播點點 */
.inte01-template-08 .mobile_swiper .swiper-pagination .swiper-pagination-bullet,
.inte01-template-08 .mobile_swiper .text_wrap .more_btn .icon {
  background: var(--home-color-main)
}

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

/* 文字色 */
.inte01-template-09 .t9_swiper .swiper-slide .circle_wrap .wrap .num {
  color: var(--home-color-main)
}
/* 背景色 */
.inte01-template-09 .navigation .item .btn {
  background: var(--home-color-main)
}
/* 輪播箭頭按鈕 */
.inte01-template-09 .navigation .item .btn.swiper-button-disabled {
  background: var(--home-color-main-o)
}
/* 背景色 */
.inte01-template-09 .circle_wrap .cir_1,
.inte01-template-09 .circle_wrap .cir_2,
.inte01-template-09 .img_wrap2 .cir_2,
.inte01-template-09 .navigation .item .btn:hover {
  background: var(--home-color-main)
}
/* 邊框／陰影 */
.inte01-template-09 .cir_3:after,
.inte01-template-09 .cir_3:before,
.inte01-template-09 .t9_swiper .swiper-slide.even .circle_wrap .cir_3 {
  border: 1px solid var(--home-color-main)
}

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

/* 邊框／陰影 */
.inte01-template-10 .line_wrap .line1 {
  border: 4px solid var(--home-color-main)
}
/* 邊框／陰影 */
.inte01-template-10 .line_wrap .line2 {
  border: 1px solid var(--home-color-main)
}
/* 背景色 */
.inte01-template-10 .text_wrap .left .line {
  background: var(--home-color-main)
}
/* 背景色 */
.inte01-template-10 .text_wrap .right .more_btn .icon {
  background-color: var(--home-color-main)
}

/* 11 */
/* -------------------------------------------------- */

/* 背景色 */
.inte01-template-11 .text_wrap .line,
.inte01-template-11 .text_wrap .more_btn .icon {
  background: var(--home-color-main)
}
/* 邊框／陰影 */
.inte01-template-11 .cir_3,
.inte01-template-11 .cir_3:after,
.inte01-template-11 .cir_3:before {
  border: 1px solid var(--home-color-main)
}

/* 首頁選單（寬螢幕） */
@media (min-width:1100px) {

	/* Header11 水平主選單文字改白字 */
  .header-v11 .header-bar>.main_nav.nav-horizontal>.dropmenu>.has_dropmenu>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>.dropmenu>.has_dropmenu>a *,
  .header-v11 .header-bar>.main_nav.nav-horizontal>.m_area>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>a * {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important
  }
}
/* 首頁選單下拉箭頭顏色 */
.header-v11 .header-bar .main_nav .has_dropmenu .more:before {
  background-color: #000
}