@charset "utf-8";

/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
*{font-family:'Noto Serif TC', sans-serif;}

@media screen and (max-width: 600px){
	.main_part {padding: 50px 20px 20px;}
}

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/


#content_main { background:url(https://pic03.eapple.com.tw/tree168168/index_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
/*其他設定*/
.bannerindex {position: relative;}
.swiper-pagination {margin-left: 0;transform: translateX(-50%);}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/


#content {   width: 100%;  min-height: 80vh; background-color: #e6e6dc33;}


.swiper-wrapper .swiper-slide:nth-child(1)::after {
    content: "";
    display: block;
    position: absolute;
    top: 3vw;
    left: 0;
    background-image: url(https://pic03.eapple.com.tw/tree168168/bg-16.png);
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;
}
.swiper-wrapper .swiper-slide:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    top: 3vw;
    left: 0;
    background-image: url(https://pic03.eapple.com.tw/tree168168/bg-16.png);
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;
}



@media screen and (max-width: 600px) {
.swiper-slide{height: 70vh;background-position: center center !important;background-size: cover !important;} 
.swiper-slide:nth-child(1){background: url(https://pic03.eapple.com.tw/tree168168/Ph_2.jpg) no-repeat;}
.swiper-slide:nth-child(2){background: url(https://pic03.eapple.com.tw/tree168168/Ph_1.jpg) no-repeat;}
.swiper-slide img{display: none;}
}
	


/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
.pageIndex .header_area {position: fixed;width: 100%;}
.main_header_area {background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.main_header_area .container {max-width: 1800px;padding: 0 3%;}
.nav-header {top: 10px;}
.nav-brand {width: 180px;}
.navigation {padding: 5px 0 5px 230px;}
/*主分類按鈕*/
.stellarnav > ul > li > a {color: #555;padding:15px 0px;height: auto;font-size: 16px;font-weight: 300;vertical-align: middle;}
.stellarnav > ul > li > a:hover{color: #777;}
.stellarnav li.has-sub > a {padding: 15px 15px 15px 0px;}
.stellarnav li.has-sub > a:after {border-top: 4px solid #444;border-left: 5px solid transparent;border-right: 5px solid transparent;right: 0px;}
/*購物車功能檢視*/
.me_tp_features a{transition: all .3s;margin: unset;width: 45%;margin: 10px 0 0;}
.me_tp_features a.tp_btn_notice i{margin-top: 5px;}
.me_tp_features a:hover{transform: translateY(-3px);}
.me_tp_features a i {margin: 0 5px 0 0;}
.tp_links{display: none;}
.box_search input[type=text] {padding: 5px 10px 5px 32px;border-radius: 0;}
.shop_search_btn {background: #888;padding: 6px 12px;border-radius: 0;}
/*其他下拉按鈕*/
.stellarnav > ul > li > ul a{background: #fff;color: #555;padding: 15px;font-size: 14px;border-bottom: none;font-weight: 300;transition: all .5s;}
.stellarnav > ul > li > ul a:hover{background: #f1f1f1;padding: 15px 10px 15px 20px;}
.stellarnav > ul > li.has-sub > ul a{padding: 15px;}
.stellarnav > ul > li.has-sub > ul a:hover{padding: 15px 10px 15px 20px;}
.stellarnav > ul > li > ul a:hover {background: #946134;color: #fff;}
.stellarnav li li:hover > a {color: #fff;background: #555;}
.stellarnav li li.has-sub:hover > a:after {border-left: 5px solid #fff;}
.stellarnav li li{border: none;margin-bottom: 0;}
.stellarnav li li.has-sub > a:after {border-left: 5px solid #888;border-top: 5px solid transparent;border-bottom: 5px solid transparent;right: 10px;}
.stellarnav ul ul li.has-sub > a:hover:after {border-top: 4px solid transparent;}


@media screen and (max-width: 1200px){
	.pageIndex .header_area {position: relative;}
}
@media screen and (max-width: 1024px){
	.navigation {padding: 5px;}
	.nav-header {position: relative;}
	.stellarnav > ul > li > a {padding: 5px;}
	.stellarnav li.has-sub > a {padding: 5px 25px 5px 15px;}
}
@media screen and (max-width: 768px) {
	.stellarnav.mobile {top: 10px;}/*漢堡紐*/
	.stellarnav.mobile.left > ul{border-right: none;box-shadow: 0 0 10px rgba(0,0,0,.05);}
	.stellarnav .menu-toggle span.bars span {width: 20px;height: 1px;}
	.nav-header{top: 0;z-index: 0;}
	.nav-brand{margin-top: 5px;}
	/*主分類*/
	.stellarnav.mobile > ul > li > a {vertical-align: middle;width: 80%;}
	.stellarnav.mobile > ul > li > a.dd-toggle {padding: 0px;width: auto;top: 10px;right: 10px;}
	.stellarnav.mobile > ul > li.has-sub > ul a {padding: 10px;}
	/*其他下拉按鈕*/
	.stellarnav.mobile li.open {padding: 0;}
	.stellarnav.mobile li.open li.open{padding: 3px;background: #ddd;}
	.stellarnav.mobile li.open li.open > a{background: #ddd;}
	.stellarnav.mobile li li a.dd-toggle {width: 40px;height: 40px;}
	.stellarnav.mobile li a{border-bottom: none;}
	.stellarnav.mobile > ul > li > a.dd-toggle {width: 100%;text-align: right;}
	.stellarnav.mobile > ul > li > a.dd-toggle:before{content: "";width: 0;height: 0;border: 6px solid;
  border-color: #888 transparent transparent transparent;position: absolute;top: 10px;right: 15px;}
	.stellarnav a.dd-toggle .icon-plus:before,.stellarnav a.dd-toggle .icon-plus:after{display: none;}
	.stellarnav > ul > li > ul a:hover {background: #fff;}
	/*叉叉按鈕*/
	.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{color: transparent;background: transparent;}
	.stellarnav .icon-close {position: absolute;right: 15px;}
	/*漢堡紐*/
	.stellarnav .menu-toggle span.bars span {width: 25px;height: 2px;margin: 0 auto 5px;}
	.stellarnav .menu-toggle:after {display:none;}
	.stellarnav .menu-toggle span.bars {  top: 16px;}

}
@media screen and (max-width: 570px){
	.stellarnav .menu-toggle {padding: 10px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
.nav-brand {width: 200px;}
.stellarnav > ul > li{padding: 20px 10px;}
.stellarnav > ul > li > a {  padding: 0px 20px;  height: 40px;   position: relative;  font-size: 15px;   font-weight: 500;   letter-spacing: 2px;}
.stellarnav > ul > li > a b{font-weight: 400;color: #333;}
.stellarnav > ul > li > a b:nth-child(2){font-size: 13px;color: #3c758a;font-weight: 600;}
.stellarnav li.has-sub > a {padding: 0px 15px 0 0;}
.stellarnav li.has-sub>a:after {  content: '+';  margin-left: 10px;  border-left: none;   border-right: none;  border-top: none;  transition: all 0.3s ease-in-out;  font-size: 15px;  height: 40px;}

.stellarnav > ul > li:last-of-type > a {  background: #838D7F;  color: #ffffff;  border-radius: 30px;  font-weight: bold;  width: 137px;  text-align:end;}
.stellarnav > ul > li:last-of-type > a:hover { background: #64b62e;  color: #fff;  transition: 0.5s;}
.stellarnav > ul > li:last-of-type > a:before {  content: "";   background: url(https://pic03.eapple.com.tw/zhufeng/icon.png) no-repeat;   width: 27px; height: 27px;  background-size: contain !important;   transition: all .5s;  position: absolute;  top: 50%;  left: 15px;  transform: translateY(-50%);}

.tp_links { display: none;}
.navigation { display: flex;  flex-direction: row-reverse;  align-items: center;}
.shop_search_btn {border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0;}
.me_tp_features { display: flex;  width: 100%; max-width: 180px;  text-align: right;  margin-bottom: -6px; align-items: center; flex-direction: row;flex-wrap: wrap;}

.stellarnav ul {  text-align: left;}



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

.stellarnav > ul > li > a {  padding: 0px 15px;}
.navigation {  display: flex;  flex-direction: column;  align-items: flex-end;}
.stellarnav ul {  text-align: right;}
.me_tp_features { margin-top: 10px;}
.nav-brand {   width: 250px;}
.stellarnav > ul > li { padding: 10px 0px;}

}





@media screen and (max-width: 1200px){
.stellarnav > ul > li {  padding: 20px 0px;}
.stellarnav > ul > li:last-of-type { margin-left: 0px;}

.navigation { padding: 0;  display: flex;  flex-direction: column;  }
.stellarnav > ul > li {  padding: 15px 0px; }

}


@media screen and (max-width: 1024px){
.me_tp_features {  display: flex;   width: 100%;    text-align: right;    align-items: center;   flex-direction: row;  justify-content: center;    margin-top: 17px;   }
.stellarnav ul {  text-align: center; }
.navigation {   padding: 0;     display: flex;    flex-direction: column;     align-items: center;   }

	.nav-brand { width: 200px;}

	}



@media screen and (max-width: 768px){
.nav-header {top: 4px;}
.stellarnav > ul > li {  padding: 10px 0px;}
.stellarnav.mobile > ul > li > a {   padding: 10px 18px 10px 10px;}

.me_tp_features {      margin-bottom: 10px; margin-top: 10px; }

}


/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/


/*footer*/
/* .footer {
    background-image: url(https://pic03.eapple.com.tw/tree168168/footer.jpg);
    max-height: 420px;
    background-size: cover;
    background-position: 100%;
    min-height: 21vw;
}
.footer_logo { display: none;}
.footer_menu { display: none;}
.footer_info li p { color: #fff;}
.footer_info li p a { color: #fff;}
.footer_info li:nth-child(1) {  display: none; width: 59%;}
.copy { display: none;} */





/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/

/*文章管理/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*首頁_文章管理*/
.module_i_news {
    max-width: 2000px;
    padding: 90px 15% 50px 15%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    background: url(https://pic03.eapple.com.tw/zhufeng/news_bg.jpg), #fcfcfc;
    background-repeat: no-repeat;
}
.pageIndex .module_i_news ul { width: 80%; max-width: 1150px;}
.module_i_news .title_i_box { margin-bottom: -10%;  width: 6%;  -webkit-writing-mode: vertical-rl;}
.pageIndex .module_i_news .title_i_box h6 { display:none;}/*英標*/
.pageIndex .module_i_news .title_i_box h4 {  text-align: center;  font-size: 48px; color: #762709;  font-weight: 600;  font-family: 'Noto Serif TC';  letter-spacing: 6px;}
.pageIndex .module_i_news .title_i_box h4:after {content: "竹風按摩花絮"; font-size: 18px; position: relative; top: -100px; left: 50px; font-weight: 600; color: #777777; letter-spacing: 3px;}

.i_blog_ri { padding: 0px;}
.pageIndex .i_blog_ri h5 {   font-size: 16px; padding: 0;   color: #391911;  transition: all 0.3s;  -webkit-line-clamp: 1; margin-top: 15px;   margin-bottom: 10px;}
.pageIndex .module_i_news li a:hover h5 { color: #af8650;}


.i_blog_le, .blog_list_le { box-shadow: 4px 16px 40px rgba(30, 103, 64, 0.16);}
.pageIndex .i_blog_ri em { font-size: 12px;  margin: 0;}
.pageIndex .i_blog_ri p { display:none;}

.pageIndex .i_blog_le, .blog_list_le {  overflow: hidden;}
.pageIndex .i_blog_le img, .blog_list_le img { transition: 0.5s;}
.pageIndex .module_i_news li :hover .i_blog_le img, .subbox_item:hover .blog_list_le img { transform: translate(-50%, -50%) scale(1.05); }
.pageIndex .subbox_item a:hover:before, .subbox_item a:hover:after { opacity: 0; transition: all .5s;}

.animated-arrow {
    background: #828d7f;
    color: #eeeeee;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 25px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 215px;
    text-align: center;
    position: relative;
    letter-spacing: 1px;
}
.i_prod_tit {  text-align: center;  display: none;}
.radio-inline__label {
	width: 100%;
    display: inline-block;
    padding: 6px 8px;
    margin: 6px 4px 7px 0px;
    border-radius: 1px;
    transition: all .2s;
    color: #444;
    border: 1px solid #efefef;
    font-size: 14px;
}


.bx-wrapper .bx-viewport {  border: none;   left: 0; width: 99.5% !important;}




/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*文章管理/外層＝＝*/
.blog_page .main_part { width: 90%; max-width: 1500px;}
h4.blog_category_title { font-size: 24px;  border-bottom: 1px #f4f4f4 solid;  padding: 15px 0; }
h4.blog_category_title span{font-size: 24px;}
.blog_box_edit {  padding: 15px 20px 50px;}


/*文章管理/外層＝＝*/
/*側邊*/
.blog_search input[type=search] { border-radius: 0;   background: #ffffff;}
.blog_le .accordion { border-radius: 0;  border: 0px #ccc solid;}
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: #838d7f !important;}
.submenu a:hover {    background: #A7998C;}
.blog_le .accordion li .link:last-child { border-bottom: 1px solid #e6e6e6;}

/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr;}
/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr 1fr;}
.blog_subbox:before{content:none;}
/*右*/
.module_i_news ul, .blog_subbox {  display: grid;  gap: 10px;}
.module_i_news li , .subbox_item {  width: 100%;}
.module_i_news li a , .subbox_item a {  padding: 5px;}
.module_i_news li a:after , .subbox_item a:after{ pointer-events:none; opacity: 0; }
.module_i_news li a:hover:before, .module_i_news li a:hover:after { opacity: 0;  transition: all .5s;}
.subbox_item a:before { color: transparent;}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {  width: 100%;}
.i_blog_le , .blog_list_le{  position: relative;  padding-bottom: 100%;  height: 0;}/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.blog_list_le {  overflow: hidden;}
.i_blog_le img , .blog_list_le img{
	display:block;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
	
.subbox_item:hover .blog_list_le img { transform: translate(-50%, -50%) scale(1.1);  transition: 0.5s;}
.blog_page .blog_list_ri h5 {   font-size: 16px;  padding: 0;   -webkit-line-clamp: 1;   margin: 15px 0px;}
.blog_page .blog_list_ri em {   font-size: 12px; margin: 0;  letter-spacing: 1px;}
.blog_list_ri p {
    font-size: 15px;
    color: #666;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
    padding-top: 8px;
    letter-spacing: 1px;
}

/*文章管理/內層＝＝*/
.blog_back a { padding: 15px 15px;}
.blog_back a.article_btn_back{background: #828d7f;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next { color: #ffffff; }
.promotion_title span { border: none; padding: 0; margin: 0;}
.promotion_title em { width: 100%; border: none; padding: 0 0px 20px;  margin: 0; }
.promotion_title h2 {  width: 100%; border-bottom: 1px solid #e5e5e5;  padding: 0 0 15px;     font-weight: 600;}
.blog_box_edit { padding: 50px 20px;}


@media screen and (max-width: 1200px) {
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
}

@media screen and (max-width: 1024px) {
.module_i_news ul{grid-template-columns:1fr 1fr;}
}

@media screen and (max-width: 980px) {
.blog_subbox{grid-template-columns:1fr 1fr;}
.pageIndex .module_i_news .title_i_box h4:after {  left: 32px;}
}

@media screen and (max-width: 768px) {
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}

.pageIndex .module_i_news .title_i_box h4 {  font-size: 28px; letter-spacing: 0px;}
.module_i_news {  padding: 60px 10% 50px 10%;}

h5.blog_le_t, .blog_le .accordion {   display: block;  }


}


@media screen and (max-width: 600px) {
.module_i_news ul , .blog_subbox{grid-template-columns:1fr;}
.i_blog_le, .blog_list_le {  padding-bottom: 100%;}
h4.blog_category_title{font-size: 20px;}
h4.blog_category_title span{font-size: 18px;}

.module_i_news .title_i_box { margin-bottom: auto; width: 100%; -webkit-writing-mode: inherit;}
.pageIndex .module_i_news ul {width: 100%;}
.pageIndex .module_i_news .title_i_box h4:after { position: relative; top: -10px; left: 0; display: inline-block; width: 100%;}

}


/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/



.link a {  width: 100%;  display: block; }






/*●●●●●●●●●●●●●●●●●●●●●●●●   促銷方案&小撇步文章分享   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*首頁*/
.news_part .title_i_box h4{color: #555;}
.news_list ul li a:hover {background: #eee;}
/*詳細頁*/
.show_content .edit{line-height: 180%;font-weight: 300;}
.promotion_title {position: relative;border-bottom: 1px solid #eee;padding-bottom: 50px;}
.promotion_title em {display: block;border: none;font-size: 14px;font-weight: 300;padding: 0;}
.promotion_title span {border: none;color: #555;padding: 0;margin: 0;
position: absolute;right: 0;bottom: 10px;font-weight: 300;letter-spacing: 2px;}
.promotion_title span:before{content: "發布時間";display: block;font-weight: 400;}
.promotion_title h2{display: block;font-weight: 400;font-size: 24px;}
.other_promotion {margin-top: 200px;}
.other_promotion:before{content: "Read More";display: block;color: #aaa;padding:10px 15px;}
.other_promotion li{border-bottom: 1px solid #ddd;width: 100%;margin-left: 0;}
.other_promotion li:last-child{border-bottom: none;}
.other_promotion li a {display: flex;width: 100%;margin: 0;font-weight: 300;padding: 25px 15px;border: none;}
.other_promotion li a:before{display: none;}
.other_promotion li a:after{display: none;}
.other_promotion li a:hover {background: transparent;}
.other_promotion .pmtTime {width: 150px;}
.other_promotion .pmtTime span{float: left;letter-spacing: 3px;}
.other_promotion .pmtTitle{width: calc(100% - 160px);}
.other_promotion .pmtTitle span{display: none;}
.other_promotion .pmtTitle h3 {font-size: 14px;height: auto;min-height: auto;margin: 0;padding-left: 30px;
letter-spacing: 4px;font-weight: 300;color: #000;position: relative;}
.other_promotion .pmtTitle h3:before{content: "〉";font-size: 12px;color: #fff;transition: all .5s;
position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.other_promotion li a:hover h3:before{color: #888;}

@media screen and (max-width: 768px){
	.promotion_title h2 {font-size: 18px;}
}
@media screen and (max-width: 450px){
	.other_promotion li a {flex-wrap: wrap;}
	.other_promotion .pmtTitle {width: 100%;}
	.other_promotion .pmtTitle h3 {padding-left: 0;}
	.other_promotion .pmtTitle h3:before{display: none;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/








/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿管理(有分類)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*大分類*/
.album_page .main_part {max-width: 1600px;}
.show-list{display: flex;flex-wrap: wrap;}
.show-list .item {width: 33.3%;padding: 2%;margin: 0;}
.show-list .item:hover .show_name {color: #666;}
.show-list .show_name {text-align: center;font-weight: 500;}
.overlay {-webkit-transform: scale(1);transform: scale(1);}
.show-list .show_pic img{min-height: 20vw;object-fit: cover;}
/*次分類*/
.album_class_page .main_part {max-width: 1600px;}
.subalbum-menu h2 {color: #555;text-align: center;display: block;}
.subalbum-menu h2 .block{display: none;}
.other_subalbum{display: flex;flex-wrap: wrap;}
.other_subalbum li {width: 33.3%;padding: 2%;margin: 0;}
.other_subalbum li p{text-align: center;margin-top: 10px;color: #555;letter-spacing: 2px;}
.other_subalbum li div{height: 0;padding-bottom: 75%;overflow: hidden;}
.other_subalbum li img{min-height: 20vw;object-fit: cover;transition: all .5s;}
.other_subalbum li:hover img{opacity: .6;}
/*相片頁*/
.album_info_page .main_part {max-width: 1600px;}
.pic-list{display: flex;flex-wrap: wrap;}
.pic-list .item {padding: 0;margin: 10px;width: 33.3%;padding: 2%;margin: 0;}
.pic-list .item h6{font-weight: 500;}
.pic-list .show_pic img {min-height: 20vw;object-fit: cover;}
.other_album{margin-top: 200px;}
.album_fixed_title {background: transparent;}
.other_album_choice li {background: #333;}

@media screen and (max-width: 768px){
	/*主分類*/
	.show-list .item {width: 50%;}
	.show-list .show_pic img{min-height: 35vw;}
	/*次分類*/
	.other_subalbum li{width: 50%;}
	.other_subalbum li img{min-height: 35vw;}
	/*相片頁*/
	.pic-list .item {width: 50%;}
	.pic-list .show_pic img {min-height: 35vw;}
}

@media screen and (max-width: 450px) { 
	/*相簿*/
	.show-list .show_pic img{min-height: 140px;}
	.other_subalbum li img{min-height: 140px;}
	.pic-list .show_pic img {min-height: 140px;}
}

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/












/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*整體設定*/
.blank_letter{font-family: 'Noto Sans TC', sans-serif;color: #444;font-size: 24px;padding-top: 0;}
.contact_content .information_right {width: calc(100% - 310px);padding-left: 50px;}
/*表格區塊*/
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {font-weight: lighter;}
button, input, optgroup, select, textarea{outline: none;}
input[type="checkbox"], input[type="radio"] {margin: 5px 5px 5px 10px;}
input[type="checkbox"]:nth-child(1), input[type="radio"]:nth-child(1) {margin: 5px 5px 5px 0px;}
.list_before.info li {font-weight: 300;}
.form select {background: transparent;color: #444;border: none;border-bottom: 1px solid #aaa;width: 100%;}
.form select option{background: #eee;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 15px 0;}
.contact_form li {width: 48%;padding-left: 0;padding: 15px 0;}
.contact_form li input.noborder {padding-left: 10px;background: transparent;border: none;border-bottom: 1px solid #eee;}
.contact_form li textarea.noborder{border: 1px solid #eee;padding-left: 10px;background: transparent;}
.contact_form li.last{width: 100%;}
.contact_form li.last cite {margin-left: 10px;background: #555;color: #eee;}
.contact_form li.last blockquote, .contact_form li.last cite {border: 1px #ccc solid;width: 130px;}
.contact_form li.last blockquote input {color: #333;font-size: 14px;font-weight: 300;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 3px;}
.information_right .contact_form li.last blockquote input {color: #000;font-weight: 300;font-size: 14px;}
.contact_form li .form__label{font-weight: 300;color: #000;width: 100%;text-align: left;margin-left: 0;margin-bottom: 5px;}
.contact_form li .form__insert{color: #444;width: 100%;}
.noborder {padding: 10px;}
.blank_letter {font-weight: 400;font-size: 20px;letter-spacing: 3px;}

@media screen and (max-width: 768px) {
	/*整體設定*/
	.blank_letter{padding-top: 0;}
	.blank_letter.f{margin-top: 50px;}
	/*資訊區塊*/
	.list_before{margin-top: 10px;}
	/*表格區塊*/
	.contact_content .information_right {width: 100%;padding-left: 10px;}
	.contact_form li input.noborder{border-radius: 0;}
}
@media screen and (max-width: 600px){
	.contact_content{padding: 0;}
}
@media screen and (max-width: 450px){
	.contact_form li{width: 100%;}
	.blank_letter{padding-top: 0;font-size: 18px;}
	.blank_letter.f{margin-top: 50px;}

}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*結構*/

.contact_page .main_part{display: flex;max-width: 1400px;padding: 80px 20px;}
/*自訂區塊*/
.contact_editbox{width: 40%;padding: 0;}
/*表格+資訊*/
.contact_content {width: 60%;padding: 0;}
.contact_page .blank_letter{display: none;}
.contact_page .list_before{display: none;}
.contact_content > form{display:flex;flex-direction:column;background: #fff;padding: 8% 6%;box-shadow: 0 0 20px rgb(115 185 61 / 5%);border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.contact_content .information_right {width: 100%;padding-left: 0;}
.contact_content .information_left {width: 100%;padding: 0;}
.contact_form li.last cite {background: #828d7f;}


@media screen and (max-width: 1024px){
	.contact_page .main_part {flex-direction: column;}
	.contact_editbox{width: 100%;}
	.contact_content{width: 100%;}
	.contact_content > form {border-top-right-radius: 0px;border-bottom-left-radius: 30px;}
}


@media screen and (max-width: 768px){
.contact_form li.last {  width: 100%;  text-align: center;}

}



/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車(商品展示)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/

/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {  border: 1px solid #999;  color:#ffffff ;background: #999;}
.products-list .item a:hover .more {background: #838d7f;}
.products-list .item a .more {  background: #999;   border-radius: 5px; transition: all 0.3s; font-size: 13px;  letter-spacing: 1px; font-weight: 600;}

/*價格*/
.products-list .price {  margin-bottom: 5px;}
.products-list .price b {  margin: 0 5px;  line-height: 180%;  text-align: center; color: #de4e4e;}
.products-list .price b.ori_price {  font-size: 14px;}

/*外層版面*/
.products-list .name {height: auto;}
.product_page .main_part {  width: 90%;	max-width: 1400px;}
.product_page .show_content {  display: flex;  flex-wrap: wrap;  align-items: flex-start;  justify-content: space-between;}
.product_page .products-list {  width: calc(100% - 280px);}
.product-layer-two {  width: 250px;  margin: 0;}
.product_info_page .product-layer-two {  display: none;}
.product-layer-two li {  margin: 0;  width: 100%;padding: 0 10px;}
.product-layer-two > li.active {  background: #f2f2f2;}
.product-layer-two li.active a {  border: unset;border-bottom: 0px dotted #ccc;}
.product-layer-two li a {  color: #222;  border: none;  background: transparent;  transition: all 0.3s;  line-height: 200%;  transition: all 0.3s;}
.product-layer-two > li > a {  border-bottom: 1px dotted #ccc;padding-left: 25px;}
.product-layer-two li:hover > a , .product-layer-two li.active > a{color: #838d7f;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #838d7f; color:#fff;}
.product-layer-two > li > a:before {
  /*border-radius: 100%;*/
  align-items: center;
  justify-content: center;
  display: flex;
  height: 10px;
  content: " ";
  color: #221814;
  background: #c8e3b7;
  width: 10px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  padding-left: 2px;
  font-size: 13px;
  border-radius: 50px;
}
.product-layer-two li ul {  position: relative;padding-top: 1px;}
.product-layer-two li li {  border: none;background: transparent;}
.product-layer-two li li a{  background: transparent; font-size: 16px;}
.product-layer-two li li:hover a{color: #221814; font-weight: 900;}
.blog_list_ri em {display: none;}

/*hover到才顯示副選單 關掉↓*/
/*.product-layer-two li li {  display: block;}*/

/*購物車/內層＝＝*/
.product_info_page .main_part {  width: 90%;}

/*按鈕顏色*/
.inquiry_a1{background: #646464; display: none;}
.inquiry_a2{background: #646464;}
.inquiry_a3{background: #838d7f;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #43281f;}
.lastaction {  color: #1c2e60;  background-color: #e2e2e2;}
.nextaction {  background-color: #828d7f;}
.lastPage {  background: #828d7f; }


.inquiry_a1, .inquiry_a2, .inquiry_a3 {  font-size: 13px;}
.inquiry_a2 {  background: #646464;}

.related_list {  text-align: left;}
.related_list li a {  background: none;  text-align: center;}


/*商品側邊規格*/
.product_info li .txt_box {  color: #222222;  width: 100%;}
.sidebarBtn {
    padding: 20px;
    display: inline-block;
    width: 28%;
    vertical-align: top;
    border: none;
    background: #fff;
    box-shadow: 0px 0px 6px 4px #f9f9f9;
}

.sidebarBtn .sp_price { color: #de4e4e;}
.mobile_product_name{font-size: 24px;}
.sidebarBtn .price {letter-spacing: 0px; color:#1c2e60;}
.sidebarBtn .price span {display: inline-block;}
.sidebarBtn h2 {color: #221814;}
div#number_area {color: #959595;}
.product_pic #bx-pager {display: block; width: 100%; position: relative;}
.product_pic #bx-pager a {border:0px solid #e9e9e9; overflow: hidden;}
#bx-pager h6 {display: none;}
.product_pic #bx-pager a { width: 16.6666666667%;  display: inline-block;  vertical-align: top;   height: auto; border: none;  margin: 0;  display: inherit;  padding: 4px 5px 0px 4px; }
.product_pic .bx-wrapper {    margin: 0 0 5px;}
.product_pic {  padding-bottom: 20px;  padding-left: 0;  position: relative;}



/*詳細頁_商品資訊*/
.prod-thumb{font-weight: normal;font-size: 20px;padding-bottom: 10px;margin:20px 0;color: #444;}
.prod-thumb:before{content: "▎";padding-right: 5px;}
/*詳細頁_QA表單*/
.prod > li{margin: 10px 0;padding: 25px;}
.prod > li:nth-child(2){background: #f7f7f7;}
/*.breakF {padding: 5px;min-height: 40px;}*/
.half_box{width: 100%;}
.half_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.half_box:nth-child(1) li:last-child{width: 100%;}
.half_box li {margin: 5px 0;display: inline-block;width: 49%;}
.half_box li.btn_blankTop {margin-top: 24px;}
.half_box li.btn_blankTop input{background-color: #888;background-image: none;width: auto;text-align: center;padding-left: 0;padding: 15px 25px;
	line-height: initial;border-radius: 3px;vertical-align: middle;color: #fff;transition: all .3s;}
.half_box li.btn_blankTop input:hover{background-color: #666;}
.productBtn{margin-top: 0;}


/*相關推薦*/
.prod_related h6 span:before{font-size: 28px; color: #070101; font-weight: 500;}
.prod_related {padding: 45px 15px 25px 15px; background: none;}
.related_list li a img {border-radius: 10px;}
.related_list li a {background: none;}

  .products-list .item a:hover .pic img{transform: translate(-50%, -50%) scale(1.1); /*-webkit-filter: grayscale(0) contrast(1);*/}
  .products-list .item a .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*-webkit-filter: grayscale(1) contrast(1.2);*/
    transition: all .8s;}  


ul.prod li h3.prod-thumb {    background: none;   text-align: left;}
.car_page .information_left{display: block;}
.blank_letter {color: #111;}
.contact_le_map a { background: #828d7f;}
.send_simple {  background: #828d7f url(../images/simple_right.png) 88% center no-repeat;}
.total_amount .rewrite_simple, .total_amount .send_simple { width: 170px; margin-right: 0;}
.form label.Bigcheck {  display: flex;}

.prod_part {
    display: flex;
    max-width: 100%;
    margin: auto;
    padding: 50px 20px;
    background: #ffffff;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.products-list {  padding: 20px 0;  width: 1200px; }


@media screen and (max-width: 1200px) {
  /*購物車/＝＝＝＝＝*/
  .products-list { grid-template-columns: 1fr 1fr;}
  .me_tp_features {padding-right: 0px;}
   .products-list .item { width: 48%; }
   
   
   .pageIndex .products-list { grid-template-columns: 1fr 1fr; width: auto;}
   
   .pageIndex .products-list .item { width: 48%; }
   
}



@media screen and (max-width: 1024px) {
.sidebarBtn {   width: 100%; }

.product_main { padding: 30px 0.5em 30px 0; width: 100%;  }

}

@media screen and (max-width: 768px) {
.sidebarBtn {  width: 100%; }
.half_box li.btn_blankTop {  margin-top: 24px;  width: 100%;}
.product_page .products-list {  width: 100%;}

}



@media screen and (max-width: 600px) {
.prod_related h6 span:before{font-size: 20px;}

 .pageIndex .products-list .item { width: 100%; }
 .products-list .name {  -webkit-line-clamp: 1;}

}

@media screen and (max-width: 375px) {
.products-list , .product_page .products-list  {  grid-template-columns: 1fr;}}




/*●●●●●●●●●●●●●●●●●●●●●●●●   內頁BANNER 設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/


/* = = = BANNER = = = = = = = = = == = = = = = = = = = = = = = = == = = */

@keyframes oxxo {
 0% { transform: scale(1.1); }
 100% { transform: scale(1);}
}

/*內頁BANNER 設定*/
.banner {
    padding: 125px 0;
    overflow: hidden;
    position: relative;
}
.banner h5 {
    font-size: 30px;
    position: relative;
    transform: translate(0, 0);
    text-align: center;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #ffffff;
}

.banner h5:after {
    content: " ― 專業養護 ． 種苗買賣 ． 樹苗培育 ． 產地直送 ―";
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding: 5px 0;
    letter-spacing: 0.5px;
}

@media screen and (max-width: 480px) {
.banner {height: 270px; background-size: cover;padding: 0 0 100px;}
.banner h5 { font-size: 30px;top: 30%;}
.banner h5:after { width: 100%; font-size: 12px;}

.banner h5 {   font-size: 30px;     top: 60%;  }

}

.banner::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000004d 0%, rgb(0 0 0 / 0%) 90%), url(https://pic03.eapple.com.tw/tree168168/ban_2.jpg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    animation-name: oxxo;
    animation-duration: 5s;
    background-size: cover;
    background-position: center;}


.contact_page .banner::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000004d 0%, rgb(0 0 0 / 0%) 90%), url(https://pic03.eapple.com.tw/tree168168/ban_1.jpg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    animation-name: oxxo;
    animation-duration: 5s;
    background-size: cover;
    background-position: center;}


.banner banblog::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000004d 0%, rgb(0 0 0 / 0%) 90%), url(https://pic03.eapple.com.tw/tree168168/ban_2.jpg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    animation-name: oxxo;
    animation-duration: 5s;
    background-size: cover;
    background-position: center;
}

.banF::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #0000004d 0%, rgb(0 0 0 / 0%) 90%), url(https://pic03.eapple.com.tw/tree168168/ban_3.jpg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    animation-name: oxxo;
    animation-duration: 5s;
    background-size: cover;
    background-position: center;
}


/* = = = 分隔線 = = = = = = = = = 




/*●●●●●●●●●●●●●●●●●●●●●●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*麵包屑*/
.path{display: none;}
/*下拉編輯頁設定*/
.other_select_page .promotion_title{display: none;}
.other_select_page .other_promotion{display: none;}
/*頁碼*/
.page strong, .page a{border-radius: 0;color: #555;border: 1px #555 solid;padding: 0;}
.page strong, .page a:hover {background: #333;}
.other_select_page .page {   display: none;}
/*錨點滑動*/
html {scroll-behavior: smooth;}
/*top按鈕*/
#to_top {padding-top: 12px;width: 45px;height: 45px;color: #888;bottom: 50px;}
#to_top i.top {width: 12px;height: 12px;}
#to_top i.top:before, #to_top i.top:after {height: 8px;background: #555;}

@media screen and (max-width: 768px) {
	/* 開啟手機板下方按鈕所需設定 */
	#bottom_menu {display: none; }
	#to_top { bottom:60px;}
}

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/