@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600&family=Poppins:wght@400;500&display=swap');
:root {
  --home-color-main: #005ca2;
  --home-color-main-l: #0076d0;
  --home-color-main-d: #00345b;
  --home-color-main-o: #005ca273;
  --home-color-secondary: #26b7bc;
  --home-color-secondary-l: #4eeff5;
  --home-color-secondary-d: #1b9498;
  --home-color-hover: #26b7bc;
  --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;
  --home-font-tw: 'Noto Sans TC', sans-serif;
  --home-font-en: 'Poppins', sans-serif;;
}
* {
    font-family: 'Poppins', 'Microsoft JhengHei';
}

/* 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__title-wrapper .title{
  font-size: clamp(48px, 3.65vw, 70px);
  font-family: var(--home-font-en);
  font-weight: 600;
  line-height: 1.25;
}
.part01-template-02__swiper-slide__title-wrapper .subtitle{
  font-size: clamp(24px, 3.65vw, 30px);
  font-family: var(--home-font-tw);
  font-weight: 600;
}
.part01-template-02__swiper-slide__title-wrapper .subtitle{
  max-width: 100%;
}

.part01-template-02__swiper-slide__title-wrapper .title {
    word-break: normal;
    -webkit-line-clamp: 5;
}

/* 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);
  font-family: var(--home-font-en)
}
.part01-template-03__swiper-slide .title-2{
  font-size: clamp(48px, 3.65vw, 70px);
  display: block;
  font-weight: 600;
  font-family: var(--home-font-tw);
}
.part01-template-03__swiper-slide .subtitle{
  line-height: 1.5;
  font-size: clamp(24px, 3.65vw, 30px);
  display: block;
  font-family: var(--home-font-en);
}
.part01-template-03__swiper-slide .title-1{
  font-family: var(--home-font-en);
}
.part01-template-03__swiper-slide.swiper-slide-active .subtitle {
    word-break: normal;
}

.part01-template-03__swiper-slide .title-2 {
    font-size: clamp(35px, 3.65vw, 70px);
}

/* 04 */
.part01-template-04__title{
  font-family: var(--home-font-tw);
  font-weight: 600;
}
.part01-template-04__title span{
  display:block;
  margin-bottom: .125rem;
  font-size: 16px;
  font-family:var(--home-font-en);
  font-weight: 400;
}
.part01-template-04 .part01-template-04__swiper-pagination .swiper-pagination-bullet-active{
  background-color: var(--home-color-main);
}
.part01-template-04 .part01-template-04__swiper-pagination .swiper-pagination-bullet{
  border-color: var(--home-color-main);
}

/* 05 */
.part01-template-05__swiper-slide .img-wrapper{
  background: #dcdcdc;
}
.part01-template-05__title{
  overflow: inherit;
  display: block;
  font-family: var(--home-font-tw);
  font-weight: 600;
}
.part01-template-05__title span{
  display:block;
  margin-bottom: .125rem;
  font-size: 16px;
  font-family: var(--home-font-en);
  font-weight: 400;
}
.part01-template-05__title-wrapper{
  align-items: flex-end;
}
    .part01-template-05__swiper-button-next .fas,
    .part01-template-05__swiper-button-prev .fas {
        color: var(--home-color-main);
    }

.part01-template-05__btn-more .fas{
  color: var(--home-color-main);
  font-size: 16px;
}
.part01-template-05__swiper-slide .title{
  color: var(--home-color-main);
}
.part01-template-05__swiper-slide .subtitle{
  color: #4c4c4c;
  line-height:1.5;
}

.part01-template-05 .part01-template-05__swiper-pagination .swiper-pagination-bullet{
  border-color: var(--home-color-main)
}
.part01-template-05 .part01-template-05__swiper-pagination .swiper-pagination-bullet-active{
  background: var(--home-color-main)
}
/* 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);
}

/* 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 */
/* 08 */
.part01-template-08__title{
  overflow: inherit;
  display: block;
  font-family: var(--home-font-tw);
  font-weight: 600;
}
.part01-template-08__title span{
  display:block;
  margin-bottom: .125rem;
  font-size: 16px;
  font-family: var(--home-font-en);
  font-weight: 400;
}
/* 色塊 */
.part01-template-08__swiper-slide .content-container {
    background-color: var(--home-color-main);
}

/* icon背景 */
.part01-template-08__swiper-slide .content-type-wrapper .icon {
    background-color: var(--home-color-origin);
}
.part01-template-08__swiper-slide .btn-more .fas{
  color: var(--home-color-secondary);
  font-size: 1.25rem
}

/* 09,10 */
/* 線條 */
.part01-template-09-left__download-wrapper {
    /* border-bottom: 1px solid #55418a; */
}

/* 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 .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); */
}
.part01-template-15 .text-wrap .title{
  font-family:var(--home-font-en);
  display:block;
}
.part01-template-15 .text-wrap .describe{
  font-family:var(--home-font-tw);
  display:block;
}

.part01-template-15 .text-wrap .title {
    word-break: normal;
}

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

/* 影響1199以上 */

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

/* 影響1200以下 */

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

/* 影響700以下 */

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