@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body{
	overflow-x:hidden;
	font-family:"微軟正黑體","arial","sans-serif";
	font-weight: 400;
}
.stellarnav > ul > li:nth-child(5) {
    display: none;
}
/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.path p, .path p a {
  display: none;}
.navigation {grid-template-columns:200px 1fr;grid-gap: 0 10px;}
.header_area {padding: 0;}
.edit_part {max-width: unset;margin: 0;padding: 0;}
.other_page .main_part {max-width: unset;padding: 0px;margin: 0;width: 100%;}
.main_part{max-width: 1400px;width: 100%;margin: auto;padding: 80px 0;}
.show_content{width: 100%;max-width: 100%;padding: 0;}
.me_tp_features {display: none;}
/*反白顏色/＝＝＝＝＝*/
::-moz-selection{  background-color: #444;  color: #fff;}
::selection{  background-color: #444;  color: #fff;}
.linkBox_Open + span i {transform:rotate(45deg);}
/*Header/＝＝＝＝＝*/
.nav-header {max-width: 350px;}
.main_header_area{
    background: #fff;
    transition: all ease .6s;}
.nav-brand {margin: 5px 0 0 0;}
.main_header_area .container {max-width:1800px;padding: 0 1%;margin: 5px auto;}

/*sticky/＝＝＝＝＝*/
.header_area.sticky {background: #ffffffc7;}
.header_area.sticky .main_header_area  {max-width: unset;margin: auto;background:none;}
.main_part{max-width: 1400px}
.header_area.sticky .nav-brand img{max-width: 90%;}
.stellarnav > ul > li > a {margin:20px 15px 0;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.stellarnav > ul > li.has-sub > a {padding-right: unset;}
.stellarnav > ul > li > a b {width: 115px;}
.stellarnav > ul > li > a {font-size: 16px;}
.stellarnav > ul > li > a:hover{color: #47B052;}
/*bannerindex/＝＝＝＝＝*/
.bannerindex { position:sticky; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-banner { position:static; margin:0; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-slide img { height:auto;}/*custom原本有寫*/
.bannerindex .swiper-slide {position: relative;}/*因為偽元素，所以要加的*/
.bannerindex .swiper-slide:before ,.bannerindex .swiper-slide:after { content: ""; position: absolute;  z-index: 999; pointer-events:none;}

.bannerindex .swiper-slide:before {
    background: url(https://pic03.eapple.com.tw/aquavitalpt/banner-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.43);}

.bannerindex .swiper-slide.swiper-slide-active:before { animation: fade-in-elegant  2.5s ease-in-out both;}
/*上升特效*/
@keyframes slide-top {
    0% {-webkit-transform: translateY(100%);  /* 一開始的位置 在Y-100(最下方)*/
              transform: translateY(100%);
              opacity:0;/*透明度0*/}
    100% {-webkit-transform: translateY(0);/* 跑到最後終止的位置 在Y-0(最上方)*/
              transform: translateY(0);
              opacity:1;/*透明度顯示*/}
    }
  
    @keyframes fade-in-elegant {
      0% {
          opacity: 0;
          transform: translateY(20px); /* 從下方滑入 */
      }
      100% {
          opacity: 1;
          transform: translateY(0); /* 最終位置 */
      }
  }
  
  @keyframes slide-fade-in {
      0% {
          opacity: 0;
          transform: translateX(-20px); /* 從左側滑入 */
      }
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes fade-in-bck {
      0% {
        -webkit-transform: translateZ(150px);
                transform: translateZ(150px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        opacity: 1;
      }
    }
    @keyframes fade-in-bck {
      0% {
        -webkit-transform: translateZ(150px);
                transform: translateZ(150px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        opacity: 1;
      }
    }
    
    @media screen and (max-width: 768px) {
      .bannerindex {
          padding-bottom: 0%;
      }}
      .bannerindex .swiper-pagination, .stellarnav li.has-sub > a:after {display: none;}
/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/

/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}


.stellarnav.mobile.left .close-menu {background: #47B052;}
.stellarnav .icon-close:after { border-bottom: solid 3px #fff;}
.stellarnav .icon-close:before { border-bottom: solid 3px #fff;}
.stellarnav a {color: #fff;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
  padding: 10px;}
@media screen and (max-width: 1390px) {
.stellarnav > ul > li > a {font-size: 15px;}
.stellarnav > ul > li:last-child > a { min-width: 80px;}
.nav-header {max-width: 280px;}
.navigation {grid-template-columns: 230px 1fr;}
.stellarnav > ul > li > a {margin: 25px 5px 0;}}

@media screen and (max-width:768px) {
#bottom_menu {display: flex;}
.stellarnav > ul > li > a {margin:unset;}
.stellarnav.mobile > ul > li > a {padding: 10px 43px 2px 10px;}
.stellarnav > ul > li:last-child > a { border-radius: unset;}
}
@media screen and (max-width:400px) {
  .nav-header {max-width: 200px;}
  .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
    padding: 5px;
}}

/* footer */

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.other_promotion {display: none;}
.promotion_title {display: none;}
.banner.banC {display: none;}
/*內頁BANNER 設定*/
.banner {background: url(https://pic03.eapple.com.tw/aquavitalpt/banner-01.jpg);min-height: 400px;}
.banner h5 {color: #fff;text-shadow: 0px 0px 10px rgb(0, 0, 0);}
.banner.banA {display: none;}
.banner.banB {display: none;}

/* 文章標題 */
.blog_list_ri h5,
.i_blog_ri h5,
.news_related_list li a p{color: var(--f1-color);}
.subbox_item:hover h5,
.module_i_news li:hover h5,
.news_related_list li:hover p{color: var(--ac-color);transition: var(--tr);}
.animated-arrow {background: #3AB147;}

.blog_le {padding: 0 7px;}

/* 文章文字區塊 ---------- */
h5.blog_le_t {text-align: center;margin-bottom: 0;}

/* 隱藏-文章文字 */
h5.blog_le_t em,
h5.blog_le_t span {display: none;}

/* 搜尋欄位 */
.blog_search input[type=search] {border-radius: 4px;}
.accordion li .link a:hover {background: #3AB147;}
/* 分類區塊外框 ---------- */
.blog_le .accordion {border-radius: 4px;}

/*隱藏-分類副標*/
.blog_page h4.blog_category_title {display: none;}
.articel_mainPic img {display: none;}
.blog_subbox {grid-template-columns: 1fr;}

.subbox_item a {
    background: #fff;
    grid-template-columns: 200px 1fr;
    align-items: center;
    gap: 50px;}

.subbox_item a:before {
    content: 'READ MORE >>';
    font-size: 12px;
    padding: 5px 20px;
    color: var(--ac-color);}

/* 隱藏-原遮罩 */
.subbox_item a:after {display:  none;}

/* 時間 */
.blog_list_ri em {font-size: 12px;color: var(--f2-color);}

/* 概述 */
.blog_list_ri p {
    font-weight: 400;
    letter-spacing: .2rem;
    line-height: 160%;
    font-size: 12px;
    margin-top: 20px;
    color: var(--f2-color);}


/* 隱藏-原遮罩 */
.module_i_news li a:after{display: none;}
.module_i_news li a:before{content: 'READ MORE >>'; color: var(--ac-color);}


/* 文字區塊 ---------- */
.i_blog_ri{ padding: 2rem 1rem;}

/* 日期 */
.i_blog_ri em{color: var(--f2-color);}

/* 概述 */
.i_blog_ri p{color: var(--f2-color);}



h4.blog_category_title {
    color: #3AB147;}

.blog_shareData {justify-content: flex-end;padding-top: 10px;}

/* 分享到 */
.toShareNews b {font-size: 12px;font-weight: 400;}

/* sns icon */
.toShareNews a object {max-width: 20px;}
.blog_box_edit * {line-height: 200%;letter-spacing: 2px;}

/*按鈕 ---------- */
.blog_back {gap: 0;}
.blog_back a.article_btn_prev,
.blog_back a.article_btn_next {
    background: transparent;
    color: var(--f2-color);
    border: 1px solid var(--f2-color);
    font-size: 14px;
    padding: 12px;}

.blog_back a.article_btn_back {
    color: #000;
    background: var(--f2-color);
    padding: 12px;}

/* 相關文章 ---------- */
.news_related {background: #F9F8F3;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: #3AB147;}
.news_related {padding: 70px 15px 30px;}
/* "相關文章"文字 */
.news_related h6 {margin: 0 auto 50px;}
/* 上一頁按鈕 */
.lastPage {
    background: #3AB147;
    font-size: 16px;}

.lastPage:hover{
    filter: grayscale(1);
    transition: var(--tr);}
    
.blog_page #content {background: #F9F8F3;}

@media screen and (max-width: 768px) {

    /*側邊*/
    .blog_le {padding: 0;}

    /*分類頁*/
    .subbox_item a {
        grid-template-columns: 100px 1fr;
        align-items: start;
        gap: 30px ;
        padding: 15px 0;}

    .blog_list_ri {padding: 0;}
    .blog_list_ri h5 {font-size: 16px;}

    /*文章頁*/
    .blog_le,
    .blog_ri {margin-bottom: 50px;}

    .blog_back a.article_btn_prev,
    .blog_back a.article_btn_next,
    .blog_back a.article_btn_back {font-size: 12px;}

    .lastPage {font-size: 12px;}}


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
}

@media screen and (max-width: 600px) { 
}