/* = = = = = = = header = = = = = = = =*/

.box_search{display:none;}

@media screen and (max-width: 325px) {
    .nav-header {
        margin: auto;
        position: unset;
        transform: scale(1);
        filter: unset;
        width: 150px;
    }
}



.header_area {
	background: linear-gradient(to bottom, rgb(167 222 255 / 73%) 0%, rgba(0, 0, 0, 0) 100%);
	padding: 10px 10px 0;
	position: absolute;
	backdrop-filter: blur(6px);
}
.main_header_area .container {
    max-width: 1600px;}       

/*下滑header */
.header_area.sticky {
       position: fixed;
    transition: 0.3s ease-in-out;
    backdrop-filter: blur(9px);
    background: #9bbddc5e;
    border-bottom: 1px solid #fff;
}




@media screen and (max-width:768px) {
  
	
 .header_area {
	all:unset;}
.header_area.sticky {
	 backdrop-filter: unset;
}
    .nav-header {
        margin: auto;
        position: unset;
        transform: scale(1);
        filter: unset;
        padding-top: 10px;
    }
}
}








/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:sticky; 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;}
}


/*logo*/
.nav-header {max-width: 280px;transition: 0.3s;}
.navigation {grid-template-columns: 300px 1fr;}
.nav-brand img {/* padding: 5px 0; */}
.header_area.sticky .nav-header {
    max-width: 200px;
    transition: 0.8s;
    z-index: 99;
}


.sticky .nav-header { transform: unset;   position: unset;transition: 0.3s ease-in-out;   max-width: 150px;}

.nav-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  
    transform: scale(1.7);
    top: 50px;
    left: 30%;
    
}

@media screen and (max-width: 1024px) {
    .nav-header {
        margin: auto;
        position: unset;
        transform: scale(1);
        filter: unset;
        padding-top: 10px;
}
}



.nav-brand img {filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) /* 核心強光 */ drop-shadow(0 0 10px rgba(255, 255, 255, 0.9)) /* 第二層 */ drop-shadow(0 0 20px rgba(255, 255, 255, 0.7)) /* 第三層 */ drop-shadow(0 0 40px rgba(255, 255, 255, 0.5));}













/*小icon隱藏*/
.tp_links {
    display: none;
}

/*購物車*/
.shop_search_btn {
    background: #256faf;
}
.box_search input[type=text] {border: solid 1px #f4f1ea;}
.me_tp_features a {color: #fff;}




/*聯絡我們*/
.contact_form li.last cite {
    background: #57a6db;
    color: #fff;
	border: #57a6db;
}

.contact_form li.last blockquote {border: 1px #57a6db solid;}





/*按鈕下拉*/
.stellarnav li a {
	font-size: 14px;
	color: #fff;
}
.stellarnav li li {
	border: none;
	background-color: rgb(255 255 255 / 0%);
	-webkit-backdrop-filter: saturate(180%) blur(5px);
	backdrop-filter: saturate(180%) blur(5px);
	transition: opacity .2s;
}
.stellarnav li li:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.stellarnav ul ul {background: #ffffff00;}
.header_area.sticky .stellarnav li a {color: #0f4269;}
.header_area.sticky .stellarnav li a:hover {color: #ffffff;/* background: #03519596; */}








/*第一層*/
.stellarnav {/* margin-top: 5px; */}
.stellarnav > ul {  /*width: 535px;*/}
.stellarnav > ul > li { letter-spacing: 0.5px;}
.stellarnav > ul > li > a { color: transparent; font-size: 15px; }
.stellarnav > ul > li > a b {
    color: #040404;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: 'noto sans tc';
    font-size: 20px;
}

.stellarnav > ul > li > a:hover b {  color: #bebebe; }
.stellarnav > ul > li:hover { background: transparent;}

.stellarnav > ul > li.has-sub > a{padding-right: 17px !important;}
.stellarnav li.has-sub > a:after {border-top: 10px solid #48f9f2;right: -1%;}

/*第二層下拉*/
.stellarnav ul ul {background: transparent; width: 150px; font-size: 14px;}
.stellarnav ul li:nth-of-type(4) ul {width: 210px;}
.stellarnav li li {border: none;}

.stellarnav li li a{color: #686868;transition: all 0.6s;text-align: center;background: #e9fafff7;backdrop-filter: blur(5px)}
.stellarnav li li:nth-child(even) a{background: #b4e7ffde;}
.stellarnav li li:hover a{color: white;background: #7dd1dca8;color: #ffffff;}
.stellarnav li li.has-sub:hover > a:after {border-left: 7px solid #fff;}
.stellarnav li li.has-sub > a:after{
	border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #231815;}
	
	
.stellarnav > ul > li > a:hover b {
    color: #7ffbff;
    /* font-size: 20px; */
    padding-right: 15px;
}
	
	
/*å‹•ç•« */
	
.bannerindex::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;   
    z-index: 1000;
    animation: fadeOut 1s ease-in-out forwards;
    pointer-events: none;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}





/*å‹•ç•« */





.swiper-slide {position: relative;}/*因為偽要加*/

/*å…‰*/

.swiper-banner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    transparent 0%,
    rgba(255, 255, 255, 0.0) 20%,   /* 完全透明 */
    rgba(255, 255, 255, 0.4) 45%,   /* 中心強光 */
    rgba(255, 255, 255, 0.8) 50%,   /* 最亮白光 */
    rgba(255, 255, 255, 0.6) 55%,   /* 漸弱 */
    rgba(255, 255, 255, 0.0) 80%,   /* 漸隱 */
    transparent 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9; /* 稍微提高透明度 */
  z-index: 1000000;
  animation: bglight 3s infinite cubic-bezier(0.18, 0.45, 0.24, 0.91);
  animation-delay: 0s;
}

@keyframes bglight {
  0%   { transform: translate(-100%, 0%); }
  100% { transform: translate(100%, 0%); }
}








.bannerindex.swiper-wrapper {
    transform: scale(0.8); 
    opacity: 0; 
    animation: scaleIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}


.swiper-slide {position: relative;}/*因為偽元素，所以要加的*/

.swiper-slide:before, .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}

.pageIndex .swiper-slide.swiper-slide-active:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 40vw;
  height: 28vw;
  background: url(https://pic03.eapple.com.tw/yh00208639/text01.png) no-repeat top;
  background-size: contain;
  top: 30%;
  right:7%;
  animation: text-left 1.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  z-index: 10;
}
    

.pageIndex .swiper-slide.swiper-slide-active:nth-child(1):after{
	content: "";
	position: absolute;
    width: 45vw;
    background: url(https://pic03.eapple.com.tw/yh00208639/text01_1.png);
    background-repeat: no-repeat;
    top: 44%;
    background-position: top;
    background-size: contain;
    animation: text-right 1.5s;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    right: 5%;
    height: 29vw;
}

.pageIndex .swiper-slide.swiper-slide-active:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 48vw;
  height: 40vw;
  background: url(https://pic03.eapple.com.tw/yh00208639/text02.png) no-repeat top;
  background-size: contain;
  top: 30%;
  right:5%;
  animation: text-left 1.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  z-index: 10;
}
    

.pageIndex .swiper-slide.swiper-slide-active:nth-child(2):after{
	content: "";
	position: absolute;
    width: 50vw;
    background: url(https://pic03.eapple.com.tw/yh00208639/text02_1.png);
    background-repeat: no-repeat;
    top: 44%;
    background-position: top;
    background-size: contain;
    animation: text-right 1.5s;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    right: 5%;
    height: 29vw;
}




@keyframes text-left{
	0%{opacity: 0;transform: translateX(2vw);}
	100%{opacity: 1;transform: translateX(0vw);}
}

@keyframes text-right{
	0%{opacity: 0;transform: translateX(-2vw);}
	100%{opacity: 1;transform: translateX(0vw);}
}



/*banner*/
.banB{
    background-image: url(https://pic03.eapple.com.tw/yh00208639/ba02.jpg);
    height: 400px;
    display: flex;
 background-size: cover;
    background-repeat: no-repeat;
}


.banF {
    background-image: url(https://pic03.eapple.com.tw/yh00208639/ba04.jpg);
	 height: 400px;
    display: flex;
 background-size: cover;
    background-repeat: no-repeat;
}


.banC {
    background-image: url(https://pic03.eapple.com.tw/yh00208639/ba05.jpg);
	 height: 400px;
    display: flex;
 background-size: cover;
    background-repeat: no-repeat;
}
.banner h5 {
    color: #ffff;
    font-weight: 400;
    position: absolute;
    font-size: 40px;
    letter-spacing: .3em;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}
.banB h5::after {
    content: "ABOUT";
}

.banF h5::after {
    content: "PRODUCT";
}


.banC h5::after {
    content: "CONTACT";
}



h5::after {
    content: ;
    display: block;
    font-size: 20px;
    color: #000400;
    color: #ffff;
    letter-spacing: .5em;
    padding-bottom: 5px;
    font-weight:bold;
    }


@media screen and (max-width: 768px) {
.banner{ height: 200px;}
.banner h5 { font-size: 15px;}
h5::after {	font-size: 15px;}
 }


/*購物車*/

ul.noContent {
  display: none !important;
}

.i_prod_tit h2, .i_video_tit h2 {
    font-size: 36px;
    COLOR: #9C6623;
  
}
.product_page .main_part { 
    max-width:1500px;
}
.product_page .show_content,
.product_info_page .show_content { 
    width: 100%; 
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
    align-items: flex-start; 
    align-content: flex-start;
}

/* 商品分類 */
.product_page .product_menu_list { 
    position: relative; 
    width: 220px; 
    letter-spacing: 1px; 
    /*border-right: 1px solid #ccc;*/
    min-height: 30vw;
}
.product_page .products-list,
.product-wrapper { 
    width: calc(100% - 270px);padding: 0 3%;
}
.product_info li .txt_box {
   font-family: var(--SFont2);
    color:#000;
}
.products-list {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));}
.product-layer-two {
    border-top: solid 1px #cbcbcb;
    padding-top: 20px;
}
.product-layer-two > li { 
    width:100%; 
    max-width:100%; 
    padding:0; 
    text-align:left; 
    padding-bottom: 5px;
}
.product-layer-two li a {
    color: #000000;
    border: 0;
    background: #3c5a4600;
}


.product-layer-two li a:hover {
    color: #87715a;
    border: 0;
    background: #3c5a4600;
}

.product-layer-two li i {
    font-size: 14px;
    color: #cd9e6c;
}
.fa-circle-plus::before {
    content: "\2b";
}
.product-layer-two li ul { 
    position:static; margin-top:5px; 
    width:100%; margin-left:0;
}
.product-layer-two li li {
    display: block;
    background: transparent;
    padding: 0;
    transition: all ease .3s;
}
.product-layer-two li li a { 
    background: #fae7af00;
    padding: 5px 10px 5px 30px;
}
.product-layer-two > li ul > li + li { 
    margin-top:5px;
}
.product-layer-two li.active li a,.product-layer-two li li a  {
    font-weight: 700;
    color: #8b6741;
    }


/* 商品分類hover */

.fa-circle-plus::before,
.product-layer-two li i.close::before {
    transition: all .3s;
}
.product-layer-two li i.close::before {
    content: "\f068";
    transform: rotate(-180deg);
}
.product-layer-two li:hover ul { 
    border: none !important; 
    /*display:block !important;*/
}
.product-layer-two li li:hover{ 
    margin-left: 10px;
}
.product-layer-two li li:hover > a {
    background: transparent;
    color: #c18f59;
}
.product-layer-two li.active a {
    color: #594712;
    font-weight: bold;
    border: 0;
}
/* .product-layer-two li li:hover > a:before { 
    background:#ad925e;
} */

/* 商品列表 */
.prod_part {
	background: url(https://pic03.eapple.com.tw/) no-repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
.i_prod_tit span, .i_video_tit span {
	font-size: 30px;
	COLOR: #575746;
	font-weight: 700;
	padding-top: 10px;
	}
.pageIndex .productsListBox, .productsListBox.swiper {
    padding: 50px 0;
}
.products-list .name {
    font-size: 16px;
    font-weight: 600;
    color: #3E3A39;
	font-family: var(--SFont2);
	-webkit-line-clamp: 1;
    height: 28px;
}
.products-list .item a:hover .more {
    background: #87694d;}
.products-list .price b.ori_price {
    color: rgba(51, 51, 51, 0.4);
}
.products-list .price b.sp_price,
.products-list .price b {
    color: rgb(119 83 16); 
}

.products-list .pic img {
    transition: transform 0.6s ease-out;
    will-change: transform;
    transform-origin: center;
}

.products-list .pic img:hover {
    transform: scale(1.2);
}
.products-list .item a>* {
  border-radius: 10px;
}
/* .product_info_page */
.product_info_page .product-layer-two { 
    display: none;
}

.product_info_page .products-list,
.product-wrapper { 
    width: 100%;
}
.product_info_page .half_box { 
    width: 100%; 
    float: none; 
    padding-right: 0;
}
.product_info_page .half_box li.btn_blankTop { 
    margin-top: 50px; 
    justify-content: space-between; 
    display: flex;
}
.product_info_page .half_box li.btn_blankTop input { 
    width: calc(50% - 10px); 
    background-image: none; 
    padding: 0; 
    text-align: center;
}
.sidebarBtn {
    border: 0;
    background: transparent;
}
.sidebarBtn h2 {
    font-family:  var(--SFont2);
    font-weight: 500;
    letter-spacing: 2px;
    color: #3E3A39;
}
.sidebarBtn .price {
    border: 0;
}
.sidebarBtn .price span.ori_price {
    color: rgba(51, 51, 51, 0.4);
    text-decoration: line-through;
}
.sidebarBtn .price span.sp_price {
    color: rgb(119 83 16);
}
.inquiry_a1, 
.inquiry_a2, 
.inquiry_a3 {
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 0;
    margin-top: 8px;
}
.inquiry_a1 {
    background: #a0723d;
}
.inquiry_a2 {
    background: #804322;
}
.inquiry_a3 {
    background: #a17a65;
}
.toShare {
    border: 0;
}

/* 商品資訊 */
.pd_tabTitle li {
    border: 0;
}
.pd_tabTitle li a {
   
    font-weight: 600;
    letter-spacing: 1px;
    color: #333333;
    border-bottom: 1px solid #c2c2c2;
    margin: 0 5px;
}
.pd_tabTitle li.activeTab a {
    color: #238966;
}
.pd_tabTitle li.activeTab::after {
    height: 1px;
    background: #238966;;
}



@media screen and (max-width: 768px) {
    /* 購物車頁面設定 */
    

    /* 商品分類 */
    .product_menu_list,
    .products-list,
    .product-wrapper { 
        width: 100%;
    }
    .product_page .product-layer-two,
    .product_page .products-list {
        width: 100%; 
        border-right: none;
    }
    .product_page .product_menu_list {
        width: 100%; 
        order: 0; 
        min-height: unset;
    }
    .product_page .product_menu_list>h5{
        display: block;
    }
    .product-layer-two { 
        margin-right: 0; 
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); 
        grid-gap: 5px;
    }

    /* .product_page頁面物件順序設定 */
    .product_page .show_content > a { 
        order: 1;
    }
    .product_page ul.products-list { 
        order: 2;
    }
    .product_page ul.page { 
        order: 3;
    }
	
	
	    .stellarnav.mobile {
        position: absolute;
        /* left: 4%; */
        /* top: 20%; */
        width: auto;
        display: inline-block;
    }

}

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

@media screen and (max-width: 480px) {
    .product_info_page .main_part {
        padding: 10px 10px;
    }
}



/*購物車*/
.i_prod_tit h2, .i_video_tit h2 {
    font-size: 36px;
    COLOR: #9C6623;
  
}
.product_page .main_part { 
    max-width:1500px;
}
.product_page .show_content,
.product_info_page .show_content { 
    width: 100%; 
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
    align-items: flex-start; 
    align-content: flex-start;
}

/* 商品分類 */
.product_page .product_menu_list { 
    position: relative; 
    width: 220px; 
    letter-spacing: 1px; 
    /*border-right: 1px solid #ccc;*/
    min-height: 30vw;
}
.product_page .products-list,
.product-wrapper { 
    width: calc(100% - 270px);padding: 0 3%;
}
.product_info li .txt_box {
   font-family: var(--SFont2);
    color:#000;
}
.products-list {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));}
.product-layer-two {
    border-top: solid 1px #cbcbcb;
    padding-top: 20px;
}
.product-layer-two > li {
    width:100%;
    max-width:100%;
    padding:0;
    text-align:left;
    /* padding-bottom: 5px; */
}
.product-layer-two li a {
    color: #000000;
    border: 0;
    background: #d0fdffb8;
    /* padding-left: 27px; */
    /* height: 50px; */
    padding: 10px 0 10px 20px;
    /* text-align: right; */
    /* margin-right: 50px; */
}


product-layer-two opMenu.product-layer-two li a {
    color: #000000;
    border: 0;
    background: #b7c1c2b8;
    /* padding-left: 27px; */
    /* height: 50px; */
    padding: 10px 0 10px 20px;
    /* text-align: right; */
    /* margin-right: 50px; */
}

.product-layer-two li a:hover {
    color: #16282f;
    background: #86e9ffd1;
	padding-left:50px;
	letter-spacing:0.1em;
	
}

.product-layer-two li a:hover:before {

    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #455d90;
    left: 5px;
    margin-left: 20px;
    top: 50%;
    margin-top: -4px;

}




.product-layer-two.opMenu li a {
  background-color: #ffffff73;
  color: #1b1b64;
}

.product-layer-two.opMenu li a:hover {
  background-color: #b8e8ffcc;
  color: #1b1b64;
}

.product-layer-two li i {
    font-size: 14px;
    color: #cd9e6c;
}
.fa-circle-plus::before {
    content: "\2b";
}
.product-layer-two li ul {
    position:static;
    margin-top:5px;
    width:100%;
    margin-left:0;
}
.product-layer-two li li {
    display: block;
    background: transparent;
    padding: 0;
    transition: all ease .3s;
}
.product-layer-two li li a { 
    background: #fae7af00;
    padding: 5px 10px 5px 30px;
}
.product-layer-two > li ul > li + li { 
    margin-top:5px;
}
.product-layer-two li.active li a,.product-layer-two li li a  {
    font-weight: 700;
    color: #8b6741;
    }


/* 商品分類hover */

.fa-circle-plus::before,
.product-layer-two li i.close::before {
    transition: all .3s;
}
.product-layer-two li i.close::before {
    content: "\f068";
    transform: rotate(-180deg);
}

.product-layer-two li li:hover{ 
    margin-left: 10px;
}
.product-layer-two li li:hover > a {
    background: transparent;
    color: #c18f59;
}
.product-layer-two li.active a {
    color: #594712;
    font-weight: bold;
    border: 0;
}
/* .product-layer-two li li:hover > a:before { 
    background:#ad925e;
} */

/* 商品列表 */
.prod_part {
	background: url(https://pic03.eapple.com.tw/) no-repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
.i_prod_tit span, .i_video_tit span {
	font-size: 30px;
	COLOR: #575746;
	font-weight: 700;
	padding-top: 10px;
	}
.pageIndex .productsListBox, .productsListBox.swiper {
    padding: 50px 0;
}
.products-list .name {
    font-size: 16px;
    font-weight: 600;
    color: #3E3A39;
	font-family: var(--SFont2);
	-webkit-line-clamp: 1;
    height: 28px;
}
.products-list .item a:hover .more {
    background: #29558d;
    border: none;
    }
.products-list .price b.ori_price {
    color: rgb(0 13 255 / 40%);
}
.products-list .price b.sp_price,
.products-list .price b {
    color: #2196F3; 
}

.products-list .pic img {
    transition: transform 0.6s ease-out;
    will-change: transform;
    transform-origin: center;
}

.products-list .pic img:hover {
    transform: scale(1.2);
}

.products-list .more { color: #4c96f3;}
.products-list .item a>* {
  border-radius: 10px;
  color: #4c96f3;
}

.products-list .more {
    border: 1px solid #4c96f3;}

/* .product_info_page */
.product_info_page .product-layer-two { 
    display: none;
}
.products-list .item {
    padding: 20px;
.subbox_item
    a: hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
};
.subbox_item
    a: hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
};
.subbox_item
    a: hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
};
    box-shadow: 0 0 2em rgb(0 167 249 / 10%);
}
.product_info_page .products-list,
.product-wrapper { 
    width: 100%;
}
.product_info_page .half_box { 
    width: 100%; 
    float: none; 
    padding-right: 0;
}
.product_info_page .half_box li.btn_blankTop { 
    margin-top: 50px; 
    justify-content: space-between; 
    display: flex;
}
.product_info_page .half_box li.btn_blankTop input { 
    width: calc(50% - 10px); 
    background-image: none; 
    padding: 0; 
    text-align: center;
}
.sidebarBtn {
    border: 0;
    background: transparent;
}
.sidebarBtn h2 {
    font-family:  var(--SFont2);
    font-weight: 500;
    letter-spacing: 2px;
    color: #3E3A39;
}
.sidebarBtn .price {
    border: 0;
}
.sidebarBtn .price span.ori_price {
    color: rgba(51, 51, 51, 0.4);
    text-decoration: line-through;
}
.sidebarBtn .price span.sp_price {
    color: rgb(7 26 83);
}
.inquiry_a1, 
.inquiry_a2, 
.inquiry_a3 {
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 0;
    margin-top: 8px;
}
.inquiry_a1 {
    background: #215d9b;
}
.inquiry_a2 {
    background: #74a6e5;
}
.inquiry_a3 {
    background: #a17a65;
}
.toShare {
    border: 0;
}

/* 商品資訊 */
.pd_tabTitle li {
    border: 0;
}
.pd_tabTitle li a {
   
    font-weight: 600;
    letter-spacing: 1px;
    color: #333333;
    border-bottom: 1px solid #c2c2c2;
    margin: 0 5px;
}
.pd_tabTitle li.activeTab a {
    color: #215d9b;
}
.pd_tabTitle li.activeTab::after {
    height: 1px;
    background: #6ba6fd;
}



@media screen and (max-width: 768px) {
    /* 購物車頁面設定 */
    

    /* 商品分類 */
    .product_menu_list,
    .products-list,
    .product-wrapper { 
        width: 100%;
    }
    .product_page .product-layer-two,
    .product_page .products-list {
        width: 100%; 
        border-right: none;
    }
    .product_page .product_menu_list {
        width: 100%; 
        order: 0; 
        min-height: unset;
    }
    .product_page .product_menu_list>h5{
        display: block;
    }
    .product-layer-two { 
        margin-right: 0; 
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); 
        grid-gap: 5px;
    }


.product-layer-two opMenu.

	
    /* .product_page頁面物件順序設定 */
    .product_page .show_content > a { 
        order: 1;
    }
    .product_page ul.products-list { 
        order: 2;
    }
    .product_page ul.page { 
        order: 3;
    }
	
	
	    .stellarnav.mobile {
        position: absolute;
        /* left: 4%; */
        /* top: 20%; */
        /* width: auto; */
        /* display: inline-block; */
    }

}

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

@media screen and (max-width: 480px) {
    .product_info_page .main_part {
        padding: 10px 10px;
    }
}





/*********************側邊選單*/
/*menu*/
.stellarnav .menu-toggle:after {color: #122a71;font-size: 9px;}
.stellarnav .menu-toggle span.bars span {background: #0c2275;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 0;}
.stellarnav {margin-top: 0;}
.stellarnav.mobile{left: 6px;top: 5px;}

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #acdaff82; color: #578494; padding: 18px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 1px #455681; margin: 1.5px 1.5px 0 -5px;}

/*底色*/
.stellarnav.mobile li a {border-bottom: none;}
.stellarnav.mobile.right > ul, .mobile.left > ul {  background: #ffffffe8; backdrop-filter: saturate(93%) blur(5px);}
.stellarnav.mobile > ul > li { border-bottom: 1px #ffffff29 solid;}
.stellarnav.mobile > ul > li:hover{background: #85434300;}
.stellarnav.mobile > ul > li > a:hover b { color: #6ac7ffa6;}
.stellarnav > ul > li.has-sub > a { padding-right: 0px !important;}


.stellarnav.mobile li li {
    display: block;
    border: 0px #b5d3ff00 solid;
    border-bottom-width: 0;
    background-color: #ffffffe6;
}

.stellarnav.mobile li a {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    background-color: #8a5b5b00;
}


.stellarnav.mobile li li:nth-child(even) a{background: #ffffff45;}


/*第二層*/
.stellarnav.mobile li.open{ background: transparent;}
.stellarnav.mobile ul ul {margin: 0 15px 15px;}

.stellarnav li li:hover a {background: #2b738f94;}
.has-sub drop-left open.stellarnav li li a {background: #ffffff;}

/*文字*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 1px #090e21;}
.stellarnav > ul > li > a{letter-spacing: 2px; margin: 0 5px;}
.stellarnav > ul > li > a b { color: #1b324b;  line-height: 200%;}
.stellarnav > ul > li.has-sub > a{/* padding: 10px; *//* padding-right: 10px; */}








/* = = = footer = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer_logo  {
    background: url(https://pic03.eapple.com.tw/yh00208639/logo.png) no-repeat center;
    padding: 60px;
    width: 100%;
	height: 100%;
 
}

.footer {
    padding: 30px 0 0;
    font-size: 14px;
    background: #5182a5;
    position: relative;
    z-index: 99;
}

.footer_logo img { width: 0;}

.footer_info {
    padding: 0;
    grid-template-columns: 260px 1fr;
    row-gap: 0;
    column-gap: 60px; }
.footer_info ul { 
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    font-family: "Noto San TC", sans-serif;}

/*footer_info*/
.footer_info li:nth-child(1) { display: inline-block; width: 100%; padding: 20px 10px;}
.footer_info li p {color: #fff;}
.footer_info li p a { color: inherit;}

/*footer_menu*/
.footer_info li:nth-child(2) { display: inline-block; width: 100%; vertical-align: top;}
.footer_menu { margin-top: 10px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(130px,100%), 1fr)); gap: 5px;}/*footer按鈕最小寬度100px*/
.footer_menu a {margin: 5px;padding: 5px 10px;background: #72d2ff40;/* border: 1px #ffffff solid; */text-align: center;color: #ffffff;letter-spacing: 2px;  border: 0px;}
.footer_menu a:hover {background: #ffffff;color: #2280c5;}

/*聯絡icon*/
.box_link {display: none;}
.box_link a { transition:all 0.3s;}
.fa-whatsapp:before, .fa-envelope::before { color: #666;}
.box_link a:hover { background: #D1BB9E; border-color: #D1BB9E;}
.box_link a:hover .fa-whatsapp:before, .box_link a:hover .fa-envelope::before, .box_link a:hover .fa-facebook::before, .box_link a:hover .fa-line::before , .box_link a:hover .fa-instagram::before { color: #fff;}

/*版權*/
.copy { background: #284670; color: #fff; border: none;}
.copy a { color: #fff; transition:all 0.3s;}

/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px) {
    .footer_info {display: flex ; flex-wrap: wrap ; align-items: center ; padding: 20px;}
    .footer_menu {margin-top: 10px ; display: grid ; grid-template-columns: repeat(3, 1fr) ; gap: 5px;}
    .footer_info ul {width: 100% ; padding: 0;}
    .footer_info li:nth-child(1) {
        display: grid;
        padding-left: 5%;
        align-content: space-between;
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    /*footer*/
    .footer_info { justify-content: center;}
    .footer_logo { text-align: center;}
    .footer_info ul { flex-direction: column;}
    .footer_info li:nth-child(1) { text-align: center; width: 100%;}
    .footer_info li:nth-child(2) { width: 100%; border-left: none;}

    /*底部按鈕*/
    #to_top { bottom:60px;}
    .footer.with_shopping_mode { padding:30px 0 70px; }
}

@media screen and (max-width: 600px) { 
    /*footer*/
    .footer_info ul { width: 100%;}
    .footer_menu{    grid-template-columns: 1fr 1fr;}

    /*聯絡icon*/
    .box_link { text-align: center;}
}