/* 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(242, 88, 59);
  --home-color-main-o: rgba(242, 88, 59, 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: #909090;
  --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 */
/* -------------------------------------------------- */
/* 三條垂直線 */
.arch01-template-02 .bg_line span {
  background-color: var(--home-color-white);
}
/* 輪播動態背景 */
.arch01-template-02 .arch01-template-02__swiper {
  /* background-color: #42c8b7; */
}
/* 滾動字色 */
.arch01-template-02 .scroll .scroll-text {
  color: #fff;
}
/* 滾動線條色 */
.arch01-template-02 .scroll::after {
  background-color: #fff;
}
/* 影片播放紐框 */
.arch01-template-02 .video_link {
  border: 2px solid #fff;
}
/* 影片播放紐hover色 */
.arch01-template-02 .video_link:hover {
  background-color: #42c8b7;
  border-color: #42c8b7;
}
/* 影片播放三角色 */
.arch01-template-02 .video_link span {
  border-color: transparent transparent transparent #fff;
}
/* 影片播放三角hover色 */
.arch01-template-02 .video_link:hover span {
  border-color: transparent transparent transparent var(--home-color-white);
}
/* 輪播點點 */
.arch01-template-02
  .arch01-template-02__swiper-pagination
  .swiper-pagination-bullet {
  border: 1px solid #4d4d4d;
}
/* 輪播點點hover */
.arch01-template-02
  .arch01-template-02__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}
/* 輪播數字色 */
.arch01-template-02 .num_box {
  color: #4d4d4d;
}
/* 輪播線條色 */
.arch01-template-02 .num_box::after {
  background-color: var(--home-color-black);
}
/* -------------------------------------------------- */
/* 03 */
/* -------------------------------------------------- */
/* 文字旁的線 */
.arch01-template-03 .container_box .box .title::after {
  background-color: var(--home-color-black);
}
/* 三條垂直線 */
.arch01-template-03 .bg_line span {
  background-color: var(--home-color-origin);
}
/* 輪播點點色 */
.arch01-template-03
  .arch01-template-03__swiper-pagination
  .swiper-pagination-bullet {
  border: 1px solid var(--home-color-origin);
}
/* 輪播點點hover色 */
.arch01-template-03
  .arch01-template-03__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--home-color-main);
  border-color: var(--home-color-main);
}
/* 右下角大數字 */
.arch01-template-03 .num {
  color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 04 */
/* -------------------------------------------------- */
/* 輪播按鈕 */
.arch01-template-04__swiper-bottom {
}
/* 底部線條 */
.arch01-template-04 .container_box::after {
  color: var(--home-color-main);
}
/* 輪播按鈕 */
.arch01-template-04__swiper-bottom {
  color: var(--home-color-black);
}
/* -------------------------------------------------- */
/* 05 */
/* -------------------------------------------------- */
/* 輪播按鈕 */
.arch01-template-05__swiper-bottom .arrow .btn:hover {
  background-color: #42c8b7;
}
/* 輪播按鈕底線 */
.arch01-template-05__swiper-bottom
  .arch01-template-05__swiper-swiper-pagination {
  background-color: var(--home-color-origin);
}
/* 輪播按鈕顏色線 */
.arch01-template-05__swiper-bottom
  .arch01-template-05__swiper-swiper-pagination
  .swiper-pagination-progressbar-fill {
  background-color: #42c8b7;
}
/* 輪播數字 */
.arch01-template-05 .num_box {
  color: var(--home-color-black);
}
/* 輪播數字線 */
.arch01-template-05 .num_box::after {
  background-color: var(--home-color-origin);
}
/* 輪播按鈕 */
.arch01-template-05__swiper-bottom .arrow {
  color: var(--home-color-black);
}
/* -------------------------------------------------- */
/* 06 */
/* -------------------------------------------------- */
/* 輪播按鈕 */
.arch01-template-06__swiper-bottom .btn:hover {
  background-color: #42c8b7;
}

/* 輪播數字 */
.arch01-template-06__swiper-pagination span:last-child{
  color: #000;
}

.arch01-template-06__swiper-pagination span {
  color: #000;
}
/* 輪播數字線 */
.arch01-template-06__swiper-pagination::after {
  background-color: var(--home-color-origin);
}
/*輪播按鈕 */
.arch01-template-06__swiper-bottom {
  color: var(--home-color-black);
}
/* -------------------------------------------------- */
/* 07 */
/* -------------------------------------------------- */
/* 輪播點點 */
.arch01-template-07
  .arch01-template-07__swiper-pagination
  .swiper-pagination-bullet::before {
  border: 1px solid var(--home-color-origin);
}
/* 輪播點點hover */
.arch01-template-07
  .arch01-template-07__swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--home-color-main);
  background-color: var(--home-color-main);
}
/* 底線 */
.arch01-template-07::before {
  background-color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 08 */
/* -------------------------------------------------- */
/* 文字下方線 */
.arch01-template-08 .main_title .box .type {
  border-bottom: 1px solid var(--home-color-white);
}
/* 底下色塊 */
.arch01-template-08 .main_title .box::after {
  background-color: var(--home-color-main);
}
/* 輪播按鈕 */
.arch01-template-08__swiper-bottom {
}
/* 輪播按鈕 */
.arch01-template-08__swiper-bottom {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */
/* 09 */
/* -------------------------------------------------- */
/* 數字hover */
.arch01-template-09 .download_box .right:hover .num {
  color: var(--home-color-main);
}
/* 左邊垂直線 */
.arch01-template-09 .this_container {
  border-left: 1px solid var(--home-color-origin);
}
/* 文字底線 */
.arch01-template-09 .download_box .right::after {
  background-color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 10 */
/* -------------------------------------------------- */
/* 橫線 */
.arch01-template-10 .line {
  background-color: #42c8b7;
}
/* 標題文字hover */
.arch01-template-10 .arch01-template-10__swiper-slide .box .imgs:hover .text {
  color: var(--home-color-main);
}
/* 數字 */
.arch01-template-10 .arch01-template-10__swiper-slide .box .num {
  color: #4d4d4d;
}
.arch01-template-10 .arch01-template-10__swiper-slide .box .imgs:hover .num{
  color: #42c8b7;
}
/* 輪播按鈕 */
.arch01-template-10__swiper-bottom {
}
/* 垂直線 */
.arch01-template-10 .down_swiper::after {
  background-color: #dcdcdc;
}
/*輪播按鈕 */
.arch01-template-10__swiper-bottom {
  color: #42c8b7;
}
.arch01-template-10__swiper-bottom .btn:hover{
  background: #42c8b7;
}

/* -------------------------------------------------- */
/* 11 */
/* -------------------------------------------------- */
/* 橫線 */
.arch01-template-11 .this_container .box .top_title {
  border-bottom: 1px solid #fff;
}
/* -------------------------------------------------- */
/* 12 */
/* -------------------------------------------------- */
/* 垂直線 */
.arch01-template-12 .box::before {
  background-color: var(--home-color-white);
}
/* -------------------------------------------------- */
/* 大影片區塊*/
/* -------------------------------------------------- */
/* 播放按鈕邊框色 */
.arch01-template-14 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.arch01-template-14 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.arch01-template-14 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.arch01-template-14 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
.arch01-template-02 .slide-img-box .main_txt .name, .arch01-template-10 .arch01-template-10__swiper-slide .text{
  font-weight: 900;
}
html:not(.no-js) [data-scroll^='fade'][data-scroll^='fade'].-scroll-active{
   background-repeat: no-repeat;
}




@media (min-width: 1199px) {
.arch01-template-05 .arch01-template-05__swiper:nth-child(1) .swiper-slide .name{
    font-size: 60px;
  }
}


/* 影響700以下 */
@media (max-width: 700px) {
.arch01-template-06__swiper-pagination{
  color: #000;
}
}