/* * {
  font-family: 'Poppins', 'Microsoft JhengHei';
} */
:root {
  --home-color-main: #294E77;
  --home-color-main-d: #213A5A;
  --home-color-main-l: #2B5C89;
  --home-color-main-o: #0a3256b0;
  --home-color-hover: #2B5C89;

  --home-color-secondary: #e4b87c;
  --home-color-secondary-d: #cc9d5c;
  --home-color-secondary-l: #f2cb96;
  --home-color-secondary-o: #d6a3656e;

  --home-color-white: #ffffff;
  --home-color-white-o: rgba(255, 255, 255, 0.3);

  --home-color-black: #000000;
  --home-color-black-o: rgba(0, 0, 0, 0.3);

  --home-color-tr: transparent;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700;900&family=Poppins:wght@500;700&display=swap');
* {
  font-family: 'Noto Sans TC', sans-serif;
}

/* 文字 */
.part01-template-02__swiper-slide__title-wrapper .title{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.part01-template-02__swiper-slide__title-wrapper .subtitle{
  font-family: 'Noto Sans TC', sans-serif;
  overflow: hidden;
  font-size: clamp(18px, 0.9375vw, 24px);
}
.part01-template-02__swiper-slide__btn-more .text{
  font-family: 'Noto Sans TC', sans-serif;
  color: var(--home-color-main-d);
  font-weight: 300;
  font-size: clamp(14px, 1.14vw, 22px);
}

.part01-template-03__swiper-slide .row-1 .col-1 .number,
.part01-template-03__swiper-slide .title-2,
.part01-template-03__swiper-pagination .swiper-pagination-bullet{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.part01-template-03__swiper-slide .title-1,
.part01-template-03__swiper-slide .subtitle{
  font-family: 'Noto Sans TC', sans-serif;
}
.part01-template-05__title,
.part01-template-07__title,
.part01-template-08__title,
.part01-template-09-left__title,
.part01-template-09-right__title{
  position: relative;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 700;
  font-size: clamp(24px, 2.5vw, 48px);
  color: var(--home-color-main-d);
  /* padding-left: 2.25rem; */
}
/* .part01-template-05__title::before,
.part01-template-07__title::before,
.part01-template-08__title::before,
.part01-template-09-left__title::before,
.part01-template-09-right__title::before{
  position: absolute;
  top: 7px;
  left: 1px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #e4b87c87;
}
.part01-template-05__title::after,
.part01-template-07__title::after,
.part01-template-08__title::after,
.part01-template-09-left__title::after,
.part01-template-09-right__title::after{
  position: absolute;
  top: 16px;
  left: 10px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #e4b87c73;
} */
.part01-template-05__swiper-slide .title{
  font-family: 'Noto Sans TC', sans-serif;
  color: var(--home-color-main-d);
}
.part01-template-05__swiper-slide .title::after{
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: var(--footer-color-secondary-d);
  margin-top: .5rem
}
.part01-template-05__swiper-slide .hover-effect .text,
.part01-template-05__btn-more .text{
  font-family: 'Noto Sans TC', sans-serif;
  color: var(--home-color-main-d);
  font-weight: 300;
}
.part01-template-05__swiper-slide .hover-effect .text{
  color: var(--home-color-white);
}
.part01-template-05__swiper-slide .subtitle{
  font-family: 'Noto Sans TC', sans-serif;
  color: #898989;
  font-weight: 300;
}
.part01-template-08__swiper-slide .content-title{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
  font-size: clamp(16px, 1.5vw, 18px);
}
.part01-template-09-left__title{
  color: var(--home-color-white);
}
.part01-template-09-right__title{
  color: var(--home-color-main-d);
}
.part01-template-09-left__download-title{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
  font-size: clamp(18px, 1.5vw, 20px);
}
.part01-template-09-left__btn-more .text{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
  font-size: clamp(16px, 1.25vw, 18px);
}

.part01-template-15 .text-wrap .title{
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 900;
  border-left: 3px solid var(--home-color-secondary-d);
  padding-left: 1rem;
}
.part01-template-08__swiper-slide .content-type-date{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
.part01-template-08__swiper-slide .btn-more .text,
.part01-template-15 .text-wrap .describe{
  font-family: 'Noto Sans TC', sans-serif;
  overflow: hidden;
  font-size: clamp(16px, 1.25vw, 20px);
  font-weight: 300;
}

/* 02 */
/* scrolldown */
.part01-template-02__swiper-slide__btn-scroll-down .text {
  color: var(--home-color-black);
}

/* scrolldown線 */
.part01-template-02__swiper-slide__btn-scroll-down::before {
  background-color: var(--home-color-black);
}

/* copyright */
.part01-template-02__swiper-slide__copyright {
  color: var(--home-color-black)
}
.part01-template-02__swiper-slide__btn-more .icon-right{
  background: var(--home-color-secondary-d)
}

@media (max-width: 700px) {
  .part01-template-02__swiper-slide {
    padding: 30vw 38px 50vh;
  }
}

/* 03 */
.part01-template-03__swiper-slide .content-wrapper{
  padding: 9vw 15.6252vw 16.15vw 37.5vw;
}
@media (max-width: 700px) {
  .part01-template-03__swiper-slide .content-wrapper{
    padding: 50px 38px 300px;
  }
}
/* 輪播數字 */
.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 */
/* 05 */
/* 箭頭 */
.part01-template-05__btn-more .fas{
  color: var(--home-color-secondary);
  font-size: 25px;
}
/* hover背景 */
.part01-template-05__swiper-slide .hover-effect {
  background-color: var(--home-color-main-o);
}

/* hover文字 */
.part01-template-05__swiper-slide .hover-effect .text::after {
  color: var(--home-color-white);
  background-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);
}

/* 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); */
}

/* 07 */
/* 背景 */
.part01-template-07{
  background: #f2f3f6 !important;
  padding: calc(150 / 1920 * 100vw) calc(255 / 1920 * 100vw) calc(40 / 1920 * 100vw);
}
.part01-template-07__swiper-container {
  margin-top: 0;
}
/* 08 */
/* 背景 */
.part01-template-08{
  background: linear-gradient(276deg, #f2f3f6, #ffffff) !important;
}
/* 色塊 */
.part01-template-08__swiper-slide .content-container {
  background-color: var(--home-color-main-d);
}
/* 箭頭 */
.part01-template-08__swiper-slide .btn-more .fas{
  color: var(--home-color-secondary);
  font-size: 25px;
}

/* icon背景 */
.part01-template-08__swiper-slide .content-type-wrapper .icon {
  /* background-color: var(--home-color-origin); */
}

/* 09,10 */
/* 背景 */
.part01-template-09-left{
  background: var(--home-color-main-d);
}
/* 線條 */
.part01-template-09-left__download-wrapper {
  border-bottom: 1px solid var(--home-color-secondary);
}
/* 箭頭 */
.part01-template-09-left__btn-more .fas{
  color: var(--home-color-secondary);
}
.part01-template-09-right{
  background-color: #f2f3f6;
}
.part01-template-09 .part01-template-09-right__swiper-pagination .swiper-pagination-bullet-active{
  background-color: var(--home-color-main-d);
  border-color: var(--home-color-main-d);
}
.part01-template-09 .part01-template-09-right__swiper-pagination .swiper-pagination-bullet{
  border: 1px solid var(--home-color-main-d);
}
.part01-template-09-right__swiper-button-next .fas,
.part01-template-09-right__swiper-button-prev .fas{
  color: var(--home-color-main-d);
}

/* 11 */
/* 13 */
/* 線條 */
.part01-template-13 .deco-bar {
  /* background-color: var(--home-color-main); */
}

/* 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-15 .text-wrap .mask{
  background-color: transparent;
}
/* 大影片區塊*/
/* 播放按鈕邊框色 */
.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); */
}

/* 以上限定顏色修改 */

/* 影響1199以上 */

@media (min-width: 1199px) {}

/* 影響1200以下 */

@media (max-width:1200px) {}

/* 影響700以下 */

@media (max-width: 767px) {}