/* 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(29, 116, 29);
  --home-color-main-o: rgba(29, 116, 29, 0.6);
  --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 */
/* -------------------------------------------------- */
/* 箭頭圖案 */
.part01-template-02__swiper-slide__btn-more .fas {
  color: white;
}
/* 輪播點點框  */
.part01-template-02
  .part01-template-02__swiper-pagination
  .swiper-pagination-bullet {
  border: 1px solid #ed6d1f;
}
/* 輪播點點實心 */
.part01-template-02
  .part01-template-02__swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #ed6d1f;
  border: 1px solid #ed6d1f;
}
/* scrolldown */
.part01-template-02__swiper-slide__btn-scroll-down .text {
  color: white;
}
/* scrolldown線 */
.part01-template-02__swiper-slide__btn-scroll-down::before {
  background-color: white;
}
/* copyright */
.part01-template-02__swiper-slide__copyright {
  color: white;
}
/* -------------------------------------------------- */
/* 03 */
/* -------------------------------------------------- */
/* 輪播數字 */
.part01-template-03__swiper-pagination .swiper-pagination-bullet {
  color: var(--home-color-white);
}
/* 輪播數字線段 */
.part01-template-03__swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--home-color-white);
}
/* 數字編號 */
.part01-template-03__swiper-slide.swiper-slide-active .number {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */
/* 04 */
/* -------------------------------------------------- */
/* 輪播點點框 */
.part01-template-04__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #ff7b2b;
}
/* 輪播點點實心 */
.part01-template-04__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7b2b;
  border: 1px solid #ff7b2b;
}
/* -------------------------------------------------- */
/* 05 */
/* -------------------------------------------------- */
/* hover背景 */
.part01-template-05__swiper-slide .hover-effect {
  background-color: rgba(255, 123, 43, 0.6);
}
/* hover文字 */
.part01-template-05__swiper-slide .hover-effect .text::after {
  color: var(--home-color-white);
}
/* hover圓圈 */
.part01-template-05__swiper-slide .hover-effect .icon-wrapper {
  border: 1px solid var(--home-color-white);
}
/* hover圖案 */
.part01-template-05__swiper-slide .hover-effect .icon-wrapper svg {
  fill: var(--home-color-white);
}
/* 箭頭圖案 */
.part01-template-05__btn-more .fas {
  color: #0e357f;
}
/* 輪播點點框 */
.part01-template-05__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #ed6d1f;
}
/* 輪播點點實心 */
.part01-template-05__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ed6d1f;
  border: 1px solid #ed6d1f;
}
/* -------------------------------------------------- */
/* 06 */
/* -------------------------------------------------- */
/* 線條 */
.part01-template-06__swiper-pagination .bar {
  background-color: var(--home-color-main);
}
/* 數字 */
.part01-template-06__toolbar .swiper-pagination-current,
.part01-template-06__toolbar .swiper-pagination-total {
  color: var(--home-color-white);
}
/* 切換鍵 */
.part01-template-06__swiper-button-next .fas,
.part01-template-06__swiper-button-prev .fas {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */
/* 07 */
/* -------------------------------------------------- */
/* 輪播點點框 */
.part01-template-07__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--home-color-white);
}
/* 輪播點點實心 */
.part01-template-07__swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--home-color-main);
  border: 1px solid var(--home-color-main);
}
/* -------------------------------------------------- */
/* 08 */
/* -------------------------------------------------- */
/* 色塊 */
.part01-template-08__swiper-slide .content-container {
  background-color: #ffea12;
}
/* icon背景 */
.part01-template-08__swiper-slide .content-type-wrapper .icon {
  background-color: #ff7b2b;
}
/* 箭頭顏色 */
.part01-template-08__swiper-slide .btn-more .fas {
  color: #172581;
}
/* 輪播點點框 */
.part01-template-08__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #ffea12;
}
/* 輪播點點實心 */
.part01-template-08__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffea12;
  border: 1px solid #ffea12;
}
/* -------------------------------------------------- */
/* 09 */
/* -------------------------------------------------- */
/* 線條 */
.part01-template-09-left__download-wrapper {
  border-bottom: 1px solid #172581;
}
/* 箭頭圖案 */
.part01-template-09-left__btn-more .fas {
  color: #172581;
}
/* 切換鍵 */
.part01-template-09-right__swiper-button-prev .fas,
.part01-template-09-right__swiper-button-next .fas {
  color: #0e357f;
}
/*輪播點點框*/
.part01-template-09-right__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #ed6d1f;
}
/* 輪播點點實心 */
.part01-template-09-right__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ed6d1f;
  border: 1px solid #ed6d1f;
}
/* -------------------------------------------------- */
/* 10 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 11 */
/* -------------------------------------------------- */
/*箭頭圖案 */
.part01-template-11__btn-more .fas {
  color: #eb6d20;
}
/* -------------------------------------------------- */
/* 12 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 13 */
/* -------------------------------------------------- */
/* 線條 */
.part01-template-13 .deco-bar {
  background-color: #ed6d1f;
}
/* -------------------------------------------------- */
/* 14 */
/* -------------------------------------------------- */
/* 輪播色塊 */
.part01-template-14 .wrap2 .swiper-slide .color {
  background-color: var(--home-color-main);
}
/* 點點 */
.part01-template-14 .wrap2 .line {
  background-color: var(--home-color-black);
}
/* 長線條 */
.part01-template-14 .wrap2::before {
  background-color: var(--home-color-black);
}
/* 圈圈 */
.part01-template-14 .wrap2 .line::before {
  border: 1px solid var(--home-color-black);
}
/*輪播點點框*/
.part01-template-14 .wrap1 .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--home-color-main);
}
/* 輪播點點實心 */
.part01-template-14 .wrap1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--home-color-main);
  border: 1px solid var(--home-color-main);
}
/* -------------------------------------------------- */
/* 大影片區塊*/
/* -------------------------------------------------- */
/* 播放按鈕邊框色 */
.part01-template-15 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.part01-template-15 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.part01-template-15 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.part01-template-15 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 聯絡我們區塊 */
/* -------------------------------------------------- */
.template-contact .line {
  border-bottom: 1px solid var(--home-color-second);
}
/* 送出按鈕 */
.template-contact .button {
  color: var(--home-color-white);
  border: 1px solid var(--home-color-main);
  background-color: var(--home-color-main);
}
/* 送出按鈕hover */
.template-contact .button:hover {
  background-color: var(--home-color-tr);
  color: var(--home-color-main);
  border-color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 影響700以下 */
/* -------------------------------------------------- */
@media (max-width: 700px) {
}

.part01-template-13__title {
  max-width: calc(810 / 1920 * 100vw);
}