/* 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: #254566;
     --home-color-main-o: rgba(52, 29, 116, 0.6);
     --home-color-second: #254566;
     --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-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;
 }
 /* 購物車 */
 /* 關閉顏色 */
 .cart_close span {
     
}
/* 結帳按鈕顏色 */
.shopBtn {
    
}
/* 登入按鈕顏色 */
#login_from .box .block .button_box .link_button.login_button {
   
}
/* 登入按鈕hover顏色 */
#login_from .box .block .button_box .link_button:hover {
   
}
/* 彈跳叉叉顏色 */
.featherlight-close-icon:hover {
   
}
 /* 02,05,11箭頭圖案 */
 .part01-template-02__swiper-slide__btn-more .fas,
 .part01-template-05__btn-more .fas,
 .part01-template-11__btn-more .fas {
     color: #333333;
 }
 /* 08,09箭頭圖案 */
 .part01-template-08__swiper-slide .btn-more .fas,
 .part01-template-09-left__btn-more .fas {
     color: var(--home-color-white);
 }
 /* // */
 /* 02,04,14輪播點點框 */
 .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 #333333;
 }
 /* 05,07,08,09輪播點點框 */
 .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 #333333;
 }
 /* 02,04,05,07,08,09,14輪播點點實心 */
 .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: #333333;
     border: 1px solid #333333;
 }


 /* // */
 /* 06,09切換鍵 */
 .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);
 }
 /* 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)
 }
 /* 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: rgb(37 69 102 / 60%);
 }
 /* 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: #254566;
 }
 /* icon背景 */
 .part01-template-08__swiper-slide .content-type-wrapper .icon {
     background-color: #b5bfd0;
 }
 /* 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: #254566;
 }
 /* 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);
}
 /* 以上限定顏色修改 */

/*Logo 尺寸調整*/
.inpage-header .logo {
    height: 7vw;
    transition: 0.3s ease;
    max-width: 18vw;
}

/*Logo 選單尺寸調整*/
.mini-header .inpage-header .logo {
    height: 5vw;
    transition: 0.3s ease;
    max-width: 10vw;
}






.inpage_nav .main_nav .dropmenu:hover, .inpage_nav .main_nav .dropmenu:active, .inpage_nav .main_nav .has_dropmenu>a:hover, .inpage_nav .main_nav .has_dropmenu>a:active, .inpage_nav .main_nav>a:hover, .inpage_nav .main_nav>a:active {
    color: #254566;
}

@media (min-width: 1100px)
.inpage_nav .main_nav .dropmenu:after, .inpage_nav .main_nav .has_dropmenu>a:after, .inpage_nav .main_nav>a:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background-color: #254566;
    position: absolute;
    transition: all .5s ease;
    top: 68%;
    transform: scaleX(0);
    transform-origin: left top;
}

.inpage_nav .has_dropmenu .more::before {
  
    background-color: #333333;
}


.inpage_nav .main_nav .dropmenu:after, .inpage_nav .main_nav .has_dropmenu>a:after, .inpage_nav .main_nav>a:after {
 
    background-color: #254566;
}



.part01-template-08v2__swiper-slide .content-container {
    display: flex;
    flex-direction: column;
    background-color: #254566;
    padding: calc(86 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(110 / 1920 * 100vw);
}

.part01-template-08v2__swiper-slide .content-type-wrapper .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(54 / 1920 * 100vw);
    flex-shrink: 0;
    height: calc(54 / 1920 * 100vw);
    background-color: #b5bfd0;
    border-radius: 50%;
}


.footer.inpage .copyright:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px solid #b5bfd0;
}




.footer.inpage .copyright a, .footer.inpage .copyright span {
    color:#b5bfd0 ;
}
.footer.inpage a:hover, .footer.inpage a:active {
    color: #FFFFFF;
}

.footer.inpage .gotop:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #b5bfd0;
}

.footer.inpage .logo img {
    display: block;
    width: auto;
    max-width: 50%;
    min-width: 255px;
}

.part01-template-13__title {
    font-size: calc(57 / 1920 * 100vw);
}



 /* 影響1199以上 */
 
 @media (min-width: 1199px) {
      /* 電腦選單背景設定 */
   .inpage_nav{
    background: transparent;
    }
 }
 /* 影響1200以下 */
 
 @media (max-width:1200px) {
     /* 平板以下展開背景設定 */
    .inpage_nav{
    background: #ffffff;
    }
    /* 平板以下背景設定 */
    .inpage-header{
    background: transparent;
    }
 }
 /* 影響700以下 */
 
 @media (max-width: 700px) {
}


/*專案修改*/


.mini-header .inpage_nav {
    background-color: white;
}