/* 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(7, 157, 143);
    --home-color-main-o: rgba(7, 157, 143,0.6);
    --home-color-second: #4bc8ff;
    --home-color-white: #fff;
    --home-color-black: #000;
    --home-color-origin: #a1a09e;
    --home-font-weight-h: 900;
    --home-font-weight-m: 500;
    --home-font-weight-l: 100;
    --home-font-en: 'Roboto', sans-serif;
    --home-font-tw: 'Noto Sans TC', sans-serif;
}


/* 所有箭頭圖案 */
.part01-template-02__swiper-slide__btn-more .fas {
    color: black;
}

.part01-template-05__btn-more .fas ,.part01-template-11__btn-more .fas{
    color: var(--home-color-main);  
}
.part01-template-08__swiper-slide .btn-more .fas,.part01-template-09-left__btn-more .fas{
    color: var(--home-color-white);
}
/* // */
/* 所有輪播點點 */
.part01-template-02 .part01-template-02__swiper-pagination .swiper-pagination-bullet ,.part01-template-04__swiper-pagination .swiper-pagination-bullet,.part01-template-14 .wrap1 .swiper-pagination .swiper-pagination-bullet{
    border: 1px solid var(--home-color-main);
}

.part01-template-02 .part01-template-02__swiper-pagination .swiper-pagination-bullet-active,.part01-template-04__swiper-pagination .swiper-pagination-bullet-active,
.part01-template-05__swiper-pagination .swiper-pagination-bullet-active,.part01-template-07__swiper-pagination .swiper-pagination-bullet-active,.part01-template-08__swiper-pagination .swiper-pagination-bullet-active,.part01-template-09-right__swiper-pagination .swiper-pagination-bullet-active,.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-05__swiper-pagination .swiper-pagination-bullet,.part01-template-07__swiper-pagination .swiper-pagination-bullet,.part01-template-08__swiper-pagination .swiper-pagination-bullet,.part01-template-09-right__swiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--home-color-white);
}
/* // */

/* 切換鍵 */
.part01-template-06__swiper-button-next .fas,
.part01-template-06__swiper-button-prev .fas,
.part01-template-09-right__swiper-button-prev .fas,
.part01-template-09-right__swiper-button-next .fas {
    color: var(--home-color-white);
}

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

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


/* 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 */

/* 05 */
/* 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__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);
}
/* 09,10 */
/* 線條 */
.part01-template-09-left__download-wrapper {
    border-bottom: 1px solid var(--home-color-white);
}
/* 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-02__swiper-slide__title-wrapper .title-2 {
    font-family:var(--home-font-en);
    line-height: 1.3;
}
.part01-template-03__swiper-slide .title-2 {
    font-weight: var(--home-font-weight-h);
}

.part01-template-01__navbar-container {
    padding: calc(0 / 1920 * 100vw) calc(45 / 1920 * 100vw);
}

.part01-template-01__navbar-container.fix {
    padding: calc(0 / 1920 * 100vw) calc(45 / 1920 * 100vw);
}

.part01-template-12 {
    color: black;
}

.part01-template-12__row .part01-template-12__btn-go-top .fas {
    color: var(--home-color-white);  
}

.part01-template-12__row-1 .col a img {
    width: 80%;
}

.part01-template-12__row-1 .social-media-wrapper .title {
    color: white;
}

.part01-template-12__row-2 {
    border-top: 1px solid white;
}

.part01-template-12__row-2 .copyright, .part01-template-12__row-2 .title {
    color: var(--home-color-white);  
}

/* 影響1199以上 */
@media (min-width: 1199px){
    .part01-template-01__logo img {
        width: 80%;
    }
}
/* 影響1200以下 */
@media (max-width:1200px){
   
}
/* 影響700以下 */
@media (max-width: 700px){
    .part01-template-01__logo img {
        height: 60px;
        width: auto;
    }
}