@charset "utf-8";

/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}

/*●●●●●●●●●●●●●●●●●●●●●●●●   隱藏內容   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.box_link{display:none;}
.sb_marquee{display:none;}

/*購物車LINE電話*/
a.pdinfo_tel, a.pdinfo_line {display: none;}

/*
.tp_links{display:none;}
.path p, .path p a { display: none;}
.me_tp_features {  display: none;}*/

/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
*{letter-spacing: .1rem;}
*{font-family: /*"Kosugi Maru", sans-serif;*/}
:root{
	/*顏色*/
	
	--ColorMain: #8D6449 /*枯茶*/;
    --ColorMain2: #DEB068 /*飴色*/;
	
	--ColorSub:#BF794E /*駱駝色*/;
	--ColorSub2:#d24b37 /*橘紅*/;
	
	--ColorSub3:#626952/*綠*/;
	--ColorSub3:#F6F3EE/*灰*/;
	
	--textColor: #333333; /*文字*/
	
	/* 字型 */
	--ffmain: "微軟正黑體"; --ffsub: "Gabarito", sans-serif;
}

#content_main, #content { /*z-index: -1;*/ min-height: 45vh; margin-top: 0;
    background-size: 19px 19px; background-image: radial-gradient(rgb(232 225 213 / 25%) 10px, transparent 2px);background: var(--ColorMain2);}
#content_main{ background: #e9e9e9}
@media screen and (max-width: 1024px){}  
@media screen and (max-width: 768px) {}         
@media screen and (max-width: 450px) {}


/*●●●●●●●●●●●●●●●●●●●●●●●●   圓形翻轉型浮動按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/

.info_fix { bottom: 100px;}
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
.linksBtn, .info_fix:hover>.linksBtn{ background: #de8c66;}
.info_fix_links img{width: 25px;}

.info_fix_links a { opacity: 0.8;border: 4px #ffffff24 solid;}
.info_fix_links a:hover { opacity: 1;animation: move2 2s; animation-timing-function: ease-out;}

.info_fix_links a, .info_fix_links a:hover {background:var(--ColorMain);}
.info_fix_links a:nth-of-type(even), .info_fix_links a:nth-of-type(even):hover {  background:var(--ColorMain2);}

.info_fix_links a i {transform: scale(.7);}

@keyframes move2{	0%{transform: rotateY(0deg);} 100%{transform:  rotateY(360deg);}}

#to_top{border: 1px solid #b7b7b7; background: #ffffff; left: auto; right: 30px; bottom: 65px; box-shadow: none; color: #6c6c6c; border-radius: 10px;}
#to_top i.top {height: 16px;}
#to_top i.top:before, #to_top i.top:after {background: #939393;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   header   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*購物車*/
.me_tp_features { z-index: 99;margin-left: -15px;margin-top: 5px;}
.sticky .me_tp_features a i {color: var(--ColorMain);}
.sticky .tp_links a:nth-of-type(even) i {color: var(--ColorMain2);}
.sticky .me_tp_features a { color: var(--textColor);}
.me_tp_features a i, .me_tp_features a{color: white;}


/**************************LOGO*************************************/
.navigation { grid-template-columns: 300px 1fr;transition: all 1s ease;}
.sticky .navigation { grid-template-columns: 250px 1fr;transition: all 1s ease;}

.nav-header { max-width: fit-content; padding: 0;align-items: flex-start;transition: all 1s ease;}
.sticky .nav-header { margin-bottom: 0;transition: all 1s ease;}
.nav-brand, .nav-brand img { width: 100%; display: block; transition: all ease 0.3s; display: flex; justify-content: flex-end;margin-top: 10px;}

.header_area .nav-brand img { filter: contrast(0) brightness(100);}
.header_area.sticky .nav-brand img {  filter: none;}

/*Header/＝＝＝＝＝*/
.header_area {  position: fixed;background: linear-gradient(180deg, var(--ColorMain), transparent); padding:13px 0 0;}
.header_area.sticky {  background: transparent;border-top: 5px solid var(--ColorMain); padding-top: 5px;}
.main_header_area{background: transparent;}
/*選單最大寬度設定*/
.main_header_area .container {max-width: 95%;}

.header_area.sticky .main_header_area:after{height: 95px; background: linear-gradient(180deg, #ffffff, #ffffffcc);border-top: 5px solid var(--ColorMain2);}
.main_header_area:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 75%);
    /*border-bottom: 2px solid #fff;*/
    transition: all .5s;
    transition-timing-function: ease-in;
}

/*第一層*/
.sticky .stellarnav { margin-top: 5px;}
.stellarnav > ul > li > a{transition:all 0.3s;color: #ffffff;border-left:1px solid #ffffff38;padding:0 8px 0 20px;}
.stellarnav > ul > li:nth-child(2) > a, .sticky .stellarnav > ul > li:nth-child(2) > a{border-left:none;}

.sticky .stellarnav > ul > li > a { border-left: 1px solid #24181838; color: #333;}
/*
.stellarnav > ul > li:last-of-type > a, .sticky .stellarnav > ul > li:last-of-type > a{background: var(--ColorMain);color: white; padding-right: 18px;}
*/
.stellarnav > ul > li.has-sub > a,
.stellarnav > ul > li:nth-of-type(3) > a,
.stellarnav > ul > li:nth-of-type(4) > a,
.stellarnav > ul > li:nth-of-type(5) > a,
.stellarnav > ul > li:nth-of-type(6) > a
{padding-right: 17px !important;}

.stellarnav li.has-sub > a:after{border-top:6px solid var(--ColorMain);}
.stellarnav > ul > li:hover > a{color: var(--ColorMain2);}

.stellarnav > ul > li > a b {  font-weight: bold;}
.stellarnav > ul > li > a b:first-of-type { font-weight: 500; font-family: var(--ffsub);}

/*第二層*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{ color: #323232; padding: 7px 5px; transition: all 0.3s;border-left:1px solid transparent;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: white;/*	padding-left:10px;border-color:#0d3766 ;*/}
.stellarnav ul ul{    background: #ffffffd1;}
.stellarnav li li:hover { background: var(--ColorMain);}
.stellarnav li li { border: none; border-bottom: 1px solid var(--ColorMain);}
.stellarnav li li.has-sub > a:after { border-left: 6px solid var(--ColorMain2);}
	
/*SubMenu*/
.shop_search_btn {    background: #0d3766;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #0d3766;}
.box_search input[type=text] { border: none;}

@media screen and (max-width: 1024px) {
.nav-brand, .nav-brand img { width: 250px; margin-top: 0;}
.sticky .nav-brand, .sticky .nav-brand img { width: 200px;}
.header_area.sticky .main_header_area:after { height: 150px;}
.sticky .nav-header {     margin: 5px 0 10px;}
	
.me_tp_features {    margin: 0;}
.nav-header {  margin: 20px 0;}
.header_area {  padding: 0;}

.navigation {  align-items: center;}

.stellarnav { display:none; margin-top: 10px;}
.sticky .stellarnav { display:block;}

.stellarnav > ul > li > a { font-size: 14px;}
}
@media screen and (max-width: 950px) {
.header_area.sticky .main_header_area:after { height: 190px;}
.stellarnav ul { max-width: 650px; margin: auto;}

}
@media screen and (max-width: 768px) {
.header_area.sticky .main_header_area:after { height: 90px;}
.nav-brand, .nav-brand img { width: 200px;}
.sticky .nav-brand, .sticky .nav-brand img { width: 150px;}
.me_tp_features {  margin: 6px 0; }

.main_header_area .container { /*padding: 0 2% 1%;*/}
	
.stellarnav.mobile > ul > li > a, .stellarnav>ul>li>a, .stellarnav>ul>li.has-sub>a:not(.dd-toggle)
 { padding: 21px 43px 24px 30px; text-shadow: none; font-weight: 800; line-height: 150%;}
.sticky .stellarnav > ul > li > a { border-left: none;}

/*menu*/
.stellarnav .menu-toggle {  padding: 19px 0; }
.stellarnav .menu-toggle:after { color: white;font-size: 8px; margin-top: 5px;}
.stellarnav .menu-toggle span.bars span { background: white;}

.sticky .stellarnav .menu-toggle:after { color: #282828;}
.sticky .stellarnav .menu-toggle span.bars span { background: var(--ColorMain);}
/*.stellarnav li li { margin: 0 30px 30px;}*/
.stellarnav.mobile ul ul { margin: 0 30px;}
.stellarnav.mobile li.open li.open { background: #a2a2a2;}
.stellarnav.mobile ul ul ul {  margin: 0 10px;}

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #ffffff61;}
.stellarnav .icon-close { margin-right: 5px;}
	
/*+*/
.stellarnav a.dd-toggle .icon-plus { display: inline-block;}
.stellarnav>ul>li>a.dd-toggle:before {content: "";}
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 20px 0;}


/*底色*/
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{width: 330px;  max-width: 100%;}

.stellarnav.mobile ul, .sticky .stellarnav ul, .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul,
.sticky .stellarnav.mobile.right > ul, .sticky .stellarnav.mobile.left > ul { background: #fffffff5; backdrop-filter: saturate(93%) blur(3px);}

.stellarnav.mobile li.open { padding: 0 0 20px;}
.stellarnav.mobile > ul > li {  margin: 10px;}
.stellarnav>ul>li>ul { left: 0;}
.stellarnav.mobile li.open { background: transparent;}
.sticky .stellarnav ul {  margin: 0;}

/*文字*/
.stellarnav>ul>li>a, .stellarnav>ul>li.has-sub>a:not(.dd-toggle),
.sticky .stellarnav>ul>li>a, .sticky .stellarnav>ul>li.has-sub>a:not(.dd-toggle) { text-shadow: none; color: var(--ColorMain); font-weight: 800;}
.stellarnav>ul>li>ul, .sticky .stellarnav>ul>li>ul { bottom: auto; transform: none;}

.stellarnav.mobile > ul > li > a b:nth-of-type(2){color: var(--ColorMain2);top: -1px; position: inherit;}
}
@media screen and (max-width: 570px) {
.stellarnav .menu-toggle {}
.nav-brand, .nav-brand img {}
.sticky .nav-brand, .sticky .nav-brand img {}

.me_tp_features {display: none;}
.sticky .me_tp_features {display: block;}


}


/*●●●●●●●●●●●●●●●●●●●●●●●●   footer   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer { background: white;padding: 0;}

.footer .center {max-width: 95%; /*width: 900px;*/}

/*LOGO*/
.footer_logo {  max-width: 200px;opacity: 0.9;}
/*聯絡資料*/
.footer_info {display: flex; flex-direction: column-reverse; align-items: center; grid-gap: 10px;padding: 20px 0 0;}
.footer_info ul{display: flex; flex-direction: column; align-items: center;}

.footer_info li {display: flex; flex-wrap: wrap; justify-content: center;text-align: center; gap: 0 15px;padding: 5px;}
.footer_info li:nth-child(1){}
.footer_info li:nth-child(2){}
.footer_info li+li { margin-top: 0;}

.footer_info li p {  border-bottom: 1px var(--ColorMain) dashed; margin: 5px 3px;}
.footer_info li p, .footer_info li p a{ color:var(--textColor); font-size: 13px; letter-spacing: 1px;text-align: left;}
/*
.footer_info li p {display: flex;}
.footer_info li p:after { content: '▰'; color: var(--ColorMain); margin-top: -1px;margin-right: 3px; order: 1;}
.footer_info li p:before {order: 2;}
.footer_info li p a{order: 3;}*/

.footer_info li p:nth-of-type(even):after{color: var(--ColorMain2);}

/*資料修改*/
.footer_info li p.add2:before, .info_ADD2:before { content: '服務時間：';}

/*按鈕*/
.footer_menu a{background: rgb(0 0 0 / 5%); color: var(--textColor);font-size: 12px;padding: 8px;position: relative;z-index: 0;
 margin: 5px 0;width: 120px;border: none;}

.footer_menu a:first-child{/*display: none;*/}
.footer_menu a:before{content: "";width: 100%; height: 0; position: absolute; top: 0; left: 0; transition: all .5s; background: var(--ColorMain2);z-index: -1;}
/*.footer_menu a:nth-of-type(even):before{background: var(--ColorMain);}*/

.footer_menu a:hover {background: transparent; }
.footer_menu a:hover:before{bottom: 0; top: auto; height: 100%;transition: all .5s;}

.footer_menu a, .footer_menu a:hover:before{}
/*copy*/
.copy {padding: 8px 0 10px; margin-top: 10px;background: var(--ColorMain); border-top: 1px solid #dbdbdb;}
.copy, .copy a{color: #fff;letter-spacing: 0;}
.privacyLinks a+a {border-left: 1px solid #ffffff;}


/*#bottom_menu*/
#bottom_menu{/*display:none;*/background: #000000; box-shadow: none;}

#bottom_menu li { border-right: 1px solid #ffffff45; background: var(--ColorMain2);}
#bottom_menu li a {  padding: 11px 5px 4px;}
/*#bottom_menu li:nth-of-type(2) a{background: var(--ColorMain);}
#bottom_menu li:nth-of-type(3) a{background: var(--ColorMain2);}*/
#bottom_menu li a i { color: white;}
/*#bottom_menu li:nth-of-type(2) a i, #bottom_menu li:nth-of-type(3) a i { color: white;}*/
#bottom_menu li a em {color: white;}

@media screen and (max-width: 768px) {
	.footer { padding: 0 0 55px;}
	.footer_info li {  justify-content: flex-start;}
	.footer_info li:nth-child(2) {text-align: left;}
	.footer_info ul { align-items: flex-start;}

    .footer_info li p a {  text-align: left;}
    .footer_menu a { text-align: center; }
	.footer_info { align-items: flex-start;}
	
	.footer.with_shopping_mode { padding: 60px 0 0; }
	.footer_logo { /*margin: 15px;*/}
	
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 382px) {
	.footer_info li p.add2:before {  width: 95px;}
}
/**********************************************************************************************/
/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*首頁大圖*/
.bannerindex { position:static; height:auto;}
.bannerindex .swiper-banner { position:static; margin:0; height:auto;} 
.bannerindex .swiper-slide img { height:auto;}

/*共用*/
.bannerindex:before, .bannerindex:after, .bannerindex .swiper-banner:before, .bannerindex .swiper-banner:after,
.bannerindex .swiper-slide.swiper-slide-active:before, .bannerindex .swiper-slide.swiper-slide-active:after
{   content: "";
    width: 100%;
    height: 105%;
    position: absolute;
    top: -50px; top: 0;
    left: 0;
    z-index: 50;
    pointer-events: none;
    background-size: cover;
    background-repeat: repeat-x;
}

/*圓點背景*//*
.bannerindex:before {animation: anime_wave01 3s linear 0s infinite alternate; background-image: url(https://pic03.eapple.com.tw/firstpro168/cover.png);}
@keyframes anime_wave01 { 0% { opacity: 0;} 50% { opacity: 1;} 100% {     opacity: 0;}}*/

/*第一層和第二層*/
.bannerindex .swiper-slide.swiper-slide-active:before {animation: center_pop 5s ease;z-index: 50;}
.bannerindex .swiper-slide.swiper-slide-active:after{animation: down_in 5s ease;z-index: 50;}
/*
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before{  background-image: url(https://pic03.eapple.com.tw/firstpro168/BNA1.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after{  background-image: url(https://pic03.eapple.com.tw/firstpro168/BNA2.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { background-image: url(https://pic03.eapple.com.tw/firstpro168/BNB1.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after{background-image: url(https://pic03.eapple.com.tw/firstpro168/BNB2.png);}
*/

@keyframes center_pop {
  0% { opacity: 0; transform: scale(1, 0);}
60% { opacity: 1; transform: scale(1, 1);} 
100% { opacity: 1; transform: scale(1, 1);} 
}

@keyframes down_in {
 0% { transform: translateY(-5%); opacity: 0;  }
 20% { opacity: 1;}
 90% { transform: translateY(0); opacity: 1;}
 100% {opacity: 0;}
}

@keyframes op {
 0% { opacity: 0; }
 90% { opacity: 1;}
 100% {opacity: 1;}
}


@media screen and (max-width: 1024px) {
.bannerindex:before, .bannerindex:after, .bannerindex .swiper-banner:before, .bannerindex .swiper-banner:after,
.bannerindex .swiper-slide.swiper-slide-active:before, .bannerindex .swiper-slide.swiper-slide-active:after
{ top: 0px;}
}
@media screen and (max-width: 768px) {
.bannerindex:before, .bannerindex:after, .bannerindex .swiper-banner:before, .bannerindex .swiper-banner:after,
.bannerindex .swiper-slide.swiper-slide-active:before, .bannerindex .swiper-slide.swiper-slide-active:after
{ top: 40px;}
}


/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*內頁大圖*/
.banner{background-image: url(https://pic03.eapple.com.tw/friendly/ban.jpg); background-repeat: repeat;background-size: cover;
        padding: 70px 50px 0;height: 30vw; justify-content: flex-end; background: var(--ColorMain2);}
.banner h5 {color: #ffffff;
    /*margin-top: 20px;
    font-size: 220px;
    text-align: right;
    font-family: var(--ffsub);
    font-weight: 100;*/}
.banner h5:before{content: "WEI HONG"; letter-spacing: 0; display: block; font-size: 30px; color: var(--ColorMain2);}

@media screen and (max-width: 1024px) {
.bannerindex {/* padding-top: 210px;*/background: var(--ColorMain);}
.banner h5 { /* margin-top: 105px; font-size: 100px;*/}
}

@media screen and (max-width: 768px) {
.bannerindex {  padding: 0; height: auto;}
.banner {  justify-content: space-evenly;}
.banner h5 {      /*  margin-top: 85px;
        font-size: 70px;*/}
}
@media screen and (max-width: 600px) {
/*.bannerindex::after {  left: 40%;}*/
.banner {   min-height: 200px;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   查看更多按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.animated-arrow { transition: .3s; position: relative; overflow: hidden; font-size: 12px; height: 40px; line-height: 40px;
    border-radius: 0; background: var(--ColorMain); border: none; color: white; /*border-radius: 0 20px 0 0;*/}

.animated-arrow b, .animated-arrow i{position:relative; z-index:99;}
.animated-arrow b{}
.animated-arrow::after { background: white ;content:"";position:absolute;width:0px;height:100%;top:0px;left:0px;transition:1s;
/*border-radius: 0 20px 0 0; border-right: 1px solid var(--ColorMain2);  border-top: 1px solid var(--ColorMain2);*/}
.animated-arrow:hover {	color: var(--ColorMain2);}
.animated-arrow:hover::after {	width:90%;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   首頁顯示功能   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*英文*/
.i_prod_tit h2, .i_video_tit h2, .module_i_news02 .title_i_box h6, .module_i_news .title_i_box h6
{letter-spacing: 0;display: block;font-size: 30px;color: var(--ColorMain);font-weight: 100;}


/*中文*/
.module_i_news .title_i_box h4, .i_prod_tit span { font-size: 20px; font-weight: bold;color: var(--textColor);}
.i_prod_tit span { bold;color: white;}

/*底色*/
.module_i_news, .prod_part { padding: 5% !important;}
.module_i_news {  background: var(--ColorSub3);}
.prod_part {  background: var(--ColorMain2);}


/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁*/
.product_page .main_part {width: 90%;max-width: 1600px;margin: auto;padding: 50px 0 100px;}

.product_page.bodyDesktop .show_content {width: 100%;display: flex;justify-content: space-between; flex-wrap: wrap;align-items: flex-start;padding: 0;}
.product_page.bodyDesktop .product_menu_list {width: 18%;margin-bottom: 0;}
.product_page.bodyDesktop .products-list {width: 78%;grid-gap: 15px;grid-template-columns: repeat(4, 1fr);}
.product-layer-two ul {grid-gap: 0;}
.product-layer-two li ul {position: relative;top: 0;}
.product-layer-two li ul li { display: block;background: var(--textColor);}
.product-layer-two li ul li+li {border-top: 1px solid #a3b18a42;}
.product-layer-two li a {font-size: 16px;border: 0;border-bottom: 1px solid #6dadd84a;background: unset;padding:15px 30px;
    color: #ffffff;letter-spacing: 0.08em;transition: .3s ease;}
.product-layer-two li > a:hover {background: var(--ColorMain);color: #000;}
.product-layer-two li i {color: #dad7cf;width: 50px;height: 55px;}
.product-layer-two li li a {padding: 15px 30px;border: 0;background: unset;transition: .3s ease;}
.product-layer-two li li a:hover {background: var(--ColorMain);color: #fff;transition: .3s ease;}
.product-layer-two li.active a {border: 0 !important;padding: 15px 25px;background: #111;font-weight: normal;}
.product-layer-two li.active li a {color: #ffffff;}
.products-list .item a {padding-bottom: 25px;}
.products-list .item button{display:none;}
.products-list .pic {aspect-ratio: 1 / 1;border-radius: 10px;}
.products-list .pic:before {content: '查看更多 →';position: absolute;width: 100%;padding: 0 15px;top: auto;bottom: -40px;border: 0;
	color: #fff; background: var(--ColorMain);font-size: 14px;font-weight: 400;letter-spacing: 0.15em;
	line-height: 40px;z-index: 1;transition: all .6s;}
.products-list .item a:hover .pic:before {bottom: 0px;transition: all .6s;}
.products-list .pic img {transition: all .6s;}
.products-list .item a:hover img {transform: scale(1.1);transition: all .6s;}
.products-list .name {display: block;/*text-align: center;*/font-size: 15px;color: #ffffff;letter-spacing: 0.08em;line-height: 1.8;
	-webkit-line-clamp: 1;margin-bottom: 0;margin-top: 10px;height: 60px;}
.products-list .price {border-top: 1px solid #a3b18b4d;padding-top: 10px;margin: 5px 0 0;/*text-align: center;*/}
.products-list .price b {margin: 0;color:var(--ColorMain);font-weight: 400;font-size: 14px;letter-spacing: 0.08em;}
.products-list .price .sp_price {text-align: center;color: #ffe200;}
.products-list .more {display: none;position: absolute;top: 58%;bottom: auto;border: 0;border-bottom: 0px solid #A3B18A;color: #ffffff;background: #a3b18b;
    font-size: 14px;font-weight: 400;letter-spacing: 0.15em;line-height: 40px;transition: all .6s;}
.products-list .item a:hover .more {background: #182b1d;transition: all .6s;}

.page li a, .page li strong { color: white;}

@media screen and (max-width: 1300px) {
.product_page.bodyDesktop .product_menu_list {width: 22%;}
.product-layer-two li a {font-size: 15px;padding: 15px 20px;}
.product_page.bodyDesktop .products-list {width: 75%;grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
.product_page.bodyDesktop .products-list {width: 72%;grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 980px) {
.product_page.bodyDesktop .product_menu_list {width: 28%;}
.product-layer-two li a {font-size: 14px;}
.product-layer-two li li a {font-size: 13px;}
.product_page.bodyDesktop .products-list {width: 70%;grid-gap: 30px 15px;grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 768px) {
.product_menu_list > h5 {font-size: 18px;font-weight: normal;margin-bottom: 50px;
    padding-right: 2em;color: #ffffff;;display: block;letter-spacing: 0.15em;}
.product_menu_list > h5 a {color: #ffffff;}
.product_menu_list > h5.openNext {margin-bottom: 10px;}
.product_page.bodyDesktop .products-list {width: 70%;}
.product-layer-two {padding: 15px 15px 20px;background: #a3b18a14;}
.product-layer-two li a {padding: 10px 20px;}
.product-layer-two li i {height: 40px;}
.product-layer-two li ul {z-index: 99;}
.product-layer-two li li a {padding: 10px 30px;}
.products-list .item a {padding-bottom: 35px;}
.products-list .name {font-size: 14px;margin-bottom: 5px;margin-top: 15px;}
.products-list .more {line-height: 35px;}
}

@media screen and (max-width: 600px) {
.prod_part {padding: 60px 5%;}
.product_menu_list {margin:0 10px;}
.product_menu_list > h5 {font-size: 17px;}
.product-layer-two {margin-bottom: 30px;}
.products-list, .pageIndex .products-list {grid-gap: 0 10px;}
.product-layer-two li a {font-size: 14px;}
.products-list .item a {padding-bottom: 30px;}
.products-list .name {font-size: 13px;margin-top: 10px;height: 50px;}
.products-list .price {gap: 5px;}
.products-list .price b {font-size: 12px;text-align: center !important;}
.products-list .more {font-size: 12px;line-height: 30px;}
}

@media screen and (max-width: 450px) {
.product-layer-two {gap: 0px 10px;}
.product_menu_list > h5 {font-size: 16px;}
.product-layer-two li a {font-size: 14px;padding: 15px;}
.products-list .item a {padding-bottom: 28px;}
.products-list .name {line-height: 1.8;margin-bottom: 5px;margin-top: 5px;}
.products-list .more {line-height: 28px;}
}
@media screen and (max-width: 400px) {
.product_menu_list > h5 {font-size: 15px;}
.product-layer-two li a {letter-spacing: 0.05em;}
}


/*內頁*/
/*內頁標籤*/
.product_info_page .product_menu_list>ul { display: flex; flex-wrap: wrap;}
.product_info_page .product_menu_list>ul>li { width: 170px;}
.product_info_page .path p, .path p a {  color: #cfcfcf;}
.sidebarBtn h2 { color: var(--ColorMain2); font-size: 20px;}

/*內頁上方*/
.product_main { width: 50%;}
.proImgSwiper, .product_pic, #prod_thumbSwiper {  border-radius: 20px;background: white;}
.product_main { padding: 0;}
.sidebarBtn{width: 49%;border: none;border-radius: 20px;}
.product_info li .txt_box { line-height: 100%;}
.sidebarBtn .price span { font-size: 24px;}
.sidebarBtn .sp_price {color: var(--ColorMain);}
.inquiry_a1, .inquiry_a2, .inquiry_a3{line-height: 40px; margin-top: 5px;}

.inquiry_a3 { background: var(--ColorMain);}
.inquiry_a1 { background: var(--ColorMain2);}
.inquiry_a2 { background: #cfcfcf;}

.product_info li .txt_box, .sidebarBtn .price { margin-top: 7px; border-bottom: 1px gray dashed; padding-bottom: 15px;}
	
	

/*內頁下方*/
.pd_tabTitle li.activeTab::after { background: var(--ColorMain);}
.pd_tabTitle li.activeTab a { color: var(--ColorMain);}
.pd_tabTitle li {border-bottom: 1px solid #00000066;}
.pd_tabTitle li a { color: #00000066;}

/*相關*/
.prod_related { padding: 5%;background: var(--ColorSub3)}
.lastPage{background: var(--ColorMain);color: white;  margin-bottom: 0px;}
.lastPage:hover {background: var(--ColorMain2); }

@media screen and (max-width: 768px) {
.product-layer-two { padding: 0;background: transparent; }
.product_menu_list>h5 { display: none;}

.mobile_product_name { display: none;color: white;}
.product_main { width: 100%;}
.sidebarBtn{width: 100%}

}

@media screen and (max-width: 400px) {
.product_info_page .product_menu_list>ul>li { width: 100%;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章共用   ●●●●●●●●●●●●●●●●●●●●●●●●*/
h5.blog_le_t span { font-family: var(--ffmain);}
h5.blog_le_t { color: #fff;}
.blog_search input[type=search], .blog_le .accordion { border-radius: 0;}

.blog_le .accordion { border: none; border-bottom: 1px #ffffff solid;}
.accordion li .link a { color: #fff;}
h4.blog_category_title {  color: #fff;}
.toShareNews { color: #fff;}
.blog_shareData { border-bottom: 1px solid #ffffff45; padding-bottom: 10px;}

.blog_back a.article_btn_prev, .blog_back a.article_btn_next { background: var(--ColorMain);}
.blog_back a.article_btn_back { background: var(--textColor);}
.news_related h6 span:before { font-size: 22px; color: var(--ColorMain2);}
.news_related { padding: 5%;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   文章2(客戶評價)   ●●●●●●●●●●●●●●●●●●●●●●●●*/

.module_i_news02 {background: var(--ColorMain2);}
.module_i_news02 li a, .article_b .subbox_item a { grid-template-columns: 1fr;}
.module_i_news02 .i_blog_ri, .article_b .blog_list_ri, .article_b .news_related_list li a p { display: none;}
.module_i_news02 ul, .article_b .blog_subbox { grid-template-columns: repeat(4, 1fr); grid-gap: 10px;}
.module_i_news02 .i_blog_le, .article_b .blog_list_le { aspect-ratio: 2 / 3;border-radius: 10px;}
.module_i_news02 .i_blog_le img, .article_b .blog_list_le img{ object-fit: unset;border-radius: 10px;}

.module_i_news02 .module_i_news{background: var(--ColorSub3);}
.module_i_news02 .title_i_box h4{color: white;}

.module_i_news02 li a:after, .article_b .subbox_item a:after { background: rgb(0 0 0 / 20%);border-radius: 10px;}
.module_i_news02 li a:before, .article_b .subbox_item a:before {  color: #ffffff;}
	
.article_b .news_related_list { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.article_b .news_related_list li a img {object-fit: contain;}

.article_b .articel_mainPic img { width: 100%;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章1(最新消息)   ●●●●●●●●●●●●●●●●●●●●●●●●*/

.article_a .blog_subbox { grid-template-columns: 1fr;}
.article_a .subbox_item,
.module_i_news01 li { background: white;}
.article_a .subbox_item a { grid-template-columns: 230px 1fr; grid-gap: 10px;}
.article_a .subbox_item a:after,
.module_i_news01 li a:after { background: transparent;border: 2px solid var(--ColorMain);}
.article_a .subbox_item a:before,
.module_i_news01 li a:before {color: #fff; bottom: 0; right: 0; background: var(--ColorMain);padding: 10px 20px;}
.article_a .blog_list_ri,
.module_i_news01 .i_blog_ri { padding: 10px 0;}
.article_a .blog_list_ri h5,
.module_i_news01 .i_blog_ri h5 { font-weight: bold; color: var(--textColor);}
.module_i_news01 li a { grid-template-columns: 140px 1fr;}
.module_i_news01 .i_blog_ri h5 { -webkit-line-clamp: 2;}
.module_i_news01 .i_blog_le, .article_a .subbox_item, .module_i_news01 li, .article_a .subbox_item a:after,
.module_i_news01 li a:after, .module_i_news li a:hover:before, .module_i_news li a:hover:after{ border-radius: 10px;}
.module_i_news01 ul{grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}


.article_a .blog_box_edit { background: white; padding: 5%; border-radius: 20px;}
.article_a .articel_mainPic img { max-width: 200px;}

@media screen and (max-width: 500px) {
.module_i_news01 ul{grid-template-columns: 1fr;}
.module_i_news01 .i_blog_le {aspect-ratio: 3 / 4;}
}
/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們表單   ●●●●●●●●●●●●●●●●●●●●●●●●*/

.contact_content .information_left { width: 300px;}
.contact_content .information_right {width: calc(100% - 380px);}
.contact_content .information_right, .information_left, .information_right {padding: 0;}
.blank_letter:before {content: "";letter-spacing: 0; display: block; font-size: 30px; color: var(--ColorMain); font-weight: 100;}
.blank_letter{font-size: 20px; font-weight: bold; color: white;text-align: center;}

/*資訊*/
.blank_letter.i:before { content: "CONTACT";}

.list_before.info li.info_ADD2 { display: none;}
.list_before.info li { color: white;}

.list_before li { margin: 15px 0;}
.list_before.info li:before{color:var(--ColorMain);}
.contact_form li { align-items: center;}


/*表單*/
.blank_letter.f:before { content: "FORM";}
.contact_form li .form__label { color: white;}
.form__insert .tncode {border: 1px solid #ffffff; border-radius: 0; background: white; box-shadow: none;  color: var(--textColor);}

.contact_form li.last cite { background: var(--ColorMain);}
.contact_form li.last blockquote { background: var(--textColor);}
.contact_form li.last blockquote input { color: #fff; }

input {  color: #000000;}
.contact_form li input.noborder, .contact_form li textarea.noborder { background: #ffffff94;}



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

.contact_content .information_left, .contact_content .information_right {  width: 90%;    margin: auto;}
.contact_content form{ display: flex; flex-direction: column;}


}

@media screen and (max-width: 600px) {
.contact_form li .form__label {  background: transparent;display: flex; flex-direction: row-reverse;justify-content: flex-end;}
.contact_form li { grid-gap: 0;}


}