/* 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');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
 :root {
     --home-color-main: #563d98;
     --home-color-main-o: rgba(52, 29, 116, 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-color-contact: #070417;
     --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箭頭圖案 */
 .part01-template-02__swiper-slide__btn-more .fas{
     color: #7c7c7c;
 }

 /* 02,05,11箭頭圖案 */
 .part01-template-05__btn-more .fas,
 .part01-template-11__btn-more .fas {
     color: var(--home-color-main);
 }
 /* 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 var(--home-color-main);
 }
 /* 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 var(--home-color-white);
 }
 /* 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: var(--home-color-main);
     border: 1px solid var(--home-color-main);
 }


 /* // */
 /* 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: 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);
 }
 /* 連結箭頭 */
  .part01-template-05__btn-more .fas {
    color: #d1260a;
  }
 /* 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-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);
}
 /* 以上限定顏色修改 */

/*專案修改*/

/*選單*/
.mini-header .inpage-header .logo img {
    height: 50px;
}


.inpage_nav .main_nav .dropmenu, .inpage_nav .main_nav .has_dropmenu>a, .inpage_nav .main_nav>a {
    color: white;
}
.inpage-header .btn_login i {
    background-color: #6f6f6f;
}
.inpage-header .nav-toggle .hamburger span {
    background-color: #fb2d06;
}

/*關於我們*/
.part01-template-03__swiper-slide.swiper-slide-active .number {
    display: none;
}

/*過場頁*/
.part01-template-13__title {
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
}
.part01-template-13__subtitle {
    font-size: calc(28 / 1920 * 100vw);
}

/*聯絡我們表單*/
.template-contact {
    background-position: bottom right;
}
.template-contact .line {
    border-bottom: 1px solid white;
}
.template-contact .button {
    background-color: var(--home-color-contact);
    border-color: var(--home-color-contact);
}
.template-contact .button:hover {
    background-color: var(--home-color-tr);
    color: var(--home-color-contact);
    border-color: var(--home-color-contact);
}
.template-contact .line label {
    width: 120px;
}
.template-contact .line .input_box {
    color: #000000;
}

 /* 影響1199以上 */
 
 @media (min-width: 1199px) {
/*選單*/
.inpage_nav {
    padding-right: calc(300px + var(--pd-xxl));
}

/*關於我們*/
.part01-template-03__swiper-slide .subtitle {
    -webkit-line-clamp: 6;
}

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

}

 /* 影響1200以下 */
 
 @media (max-width:1200px) {

/*關於我們*/
.part01-template-03__swiper-slide .subtitle {
    -webkit-line-clamp: 6;
}

}

 /* 影響700以下 */
 
 @media (max-width: 700px) {

/*選單*/
.inpage-header .logo img {
    width: 70px;
}


/*關於我們*/
.part01-template-03__swiper-slide .subtitle {
    font-size: calc(50 / 1920 * 100vw);
    -webkit-line-clamp: 8;
}

}


/*針對選單位子調整*/
 @media (min-width: 1400px) {
/*選單*/
.inpage_nav {
    padding-right: calc(300px + var(--pd-xxl));
}
}

 @media (min-width: 1225px) and (max-width: 1399px){
.inpage_nav {
    padding-right: calc(150px + var(--pd-xxl));
}
}

 @media (min-width: 1100px) and (max-width: 1225px){
.inpage_nav {
    padding-right: calc(80px + var(--pd-xxl));
}
}

/*針對選單背景調整*/
 @media (min-width: 1100px) {
/*選單*/
.inpage_nav {
    background-color: #5a525357;
}
.mini-header .inpage_nav {
    background-color: #5a525357;
}
}


/* 影響1099以下*/
@media (max-width: 1099px) {
.inpage_nav {
    background-color: black;
}
.inpage_nav a {
    color: white;
}
.mini-header .inpage_nav {
    background-color: black;
}
/*手機選單背景*/
.inpage-header .header {
    background-color: #5a525357;
}
.mini-header .inpage-header .header {
    background-color: #5a525357;
}
.v2 .nested_nav ul {
    background-color: black;
}
}

/*Logo每個尺寸調整*/
@media (max-width: 1410px) and (min-width:990px) {
.inpage-header .logo img {
    display: block;
    width: auto;
    transition: all .35s ease;
    height: 70px;
}
}