@charset "utf-8";
*{font-family: 'Jost','Noto Sans TC', sans-serif;}

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


/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part { max-width:1600px;}
.product_info_page .main_part { max-width:1200px;}

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product_page .product-layer-two { 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); display: flex; flex-wrap: wrap; align-items: flex-start;}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:10px; display:block !important; width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; display:block !important;}
.product-layer-two li li { display: block; padding:5px 10px; transition:all ease .3s;}
.product-layer-two li li a{ padding:0;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: #fff; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}


.product-layer-two li.active a {  color: #000;  font-weight: bold;}
.products-list .price b { color: #cc0000;  font-size: 16px;}

@media screen and (max-width: 1200px) {
.products-list .item { width: calc(100% / 3);}
.product-layer-two { display: block;}
}
@media screen and (max-width: 980px) {
.products-list .item { width: 50%;}
}
@media screen and (max-width: 768px) {
.product-layer-two,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0;}
.product-layer-two > li { margin-bottom: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}

.product-layer-two > li {
    border-bottom: none;
    width: 47%;}

}
@media screen and (max-width: 600px) {
.products-list .item { width: 100%; max-width: 350px;margin: 20px auto; display: block;}
}



.products-list .name {
    font-size: 14px;
    font-weight: 600;
    color: #6e6e6e;
    letter-spacing: 1px;
    height: 56px;
}
.sidebarBtn h2 {
    margin-bottom: 8px;
    color: #111;
    font-size: 16px;
    line-height: 150%;
}

div#number_area {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 700;
}


.products-list .price {
    margin: 10px 0;
    display: none;
}


/*●●● 購物車 ●●●*/
/*清單頁_側邊選單*/
.product_page .product-layer-two {border-right: none;}
.product-layer-two li li{border: none;padding: 5px 15px;}
.product-layer-two li li:hover > a {color: #555;}
.product-layer-two li li:hover > a:before {background: #444;}
.product-layer-two li a {  color: #666;  font-weight: 600;  font-size: 15px;}
.product-layer-two li li a {   border: none !important;   background: #fff;  font-size: 13px;  font-weight: 400;}
.product-layer-two > li {border-bottom: none;}
/*清單頁_商品區*/
.products-list .more {  border: none;  color: #fff;  font-size: 14px;  letter-spacing: 2px;   background: #299c06;  border-radius: 8px;}
.products-list .item a:hover .more {  border: none;  background: #CCAB26;   letter-spacing: 4px;}
/*詳細頁_側邊說明*/
.sidebarBtn {border: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #fafafa;padding: 20px;}
.product_info li .txt_box {font-size: 14px;line-height: 160%;}
/*詳細頁輪播區*/
.product_pic #bx-pager{color: #555;}
.product_pic #bx-pager a{border: none;}
.block {background: #555;}
/*詳細頁商品說明*/
.lastPage {background: #299c06;}


.inquiry_a1 { background: #299c06;}
.inquiry_a2 { background: #ccab26;}



.inquiry_a1 { font-size: 14px; letter-spacing: 1px;}
.inquiry_a2 { font-size: 14px;letter-spacing: 1px;}
.product_info li .txt_box {display: inline-block;  vertical-align: top;  color: #3f3f3f;  font-size: 13px;}

.sidebarBtn h2 {  color: #111;  font-size: 24px; }
.sidebarBtn .price span { font-size: 16px; }


.qaform { display: none;}
ul.prod li:nth-child(2) { display: none;}

ul.prod li .prod-panel {  margin-top: 22px; line-height: 180%;}
ul.prod li h3.prod-thumb { background: #f6f6f6; color: #666; text-align: center; padding: 20px;}

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


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


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.edit_part {max-width: inherit;padding: 0;}/*首頁滿版*/

/*頁碼*/
.page strong, .page a{border-radius: 0;color: #7b9393;border: 1px #667878 solid;}
.page strong, .page a:hover {background: #121818;}

/*●●● 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: 1600px;padding: 0 3%;}
.nav-brand {   width: 300px;}
/*主分類按鈕*/
.stellarnav > ul > li > a {  color: #555;  padding: 15px 25px 15px 15px;  height: auto;   font-size: 15px;  font-weight: 400;  vertical-align: middle;  letter-spacing: 1px;}
.stellarnav > ul > li > a:hover{color: #ccab26; font-weight:bold;}
.stellarnav li.has-sub > a {padding: 15px 25px 15px 15px;}
.stellarnav li.has-sub > a:after {border-top: 4px solid #444;border-left: 5px solid transparent;border-right: 5px solid transparent;right: 10px;}
.stellarnav li.has-sub > a:hover:after {border-top: 4px solid #ccab26;}/*三角形icon*/


/*其他下拉按鈕*/
.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: #299C06;padding: 15px 10px 15px 20px;color:#fff;}
.stellarnav > ul > li.has-sub > ul a{padding: 15px;}
.stellarnav > ul > li.has-sub > ul a:hover{padding: 15px 10px 15px 20px;}
.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){
	.nav-header {position: relative;}
}
@media screen and (max-width: 768px) {
	.stellarnav.mobile {top: 15px;}/*漢堡紐*/
	.stellarnav .menu-toggle span.bars span {width: 20px;height: 1px;}
	.nav-header{top: 0;z-index: 0;}
	.nav-brand {  width: 240px;   margin-top: 10px;}
	/*主分類*/
	.stellarnav.mobile > ul > li > a {vertical-align: middle;}
	.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 > ul > li > ul a:hover {background: #fff;}
	/*叉叉按鈕*/
	.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{color: transparent;}
	.stellarnav .icon-close {position: absolute;right: 15px;}

}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
.stellarnav > ul > li > ul a:hover {background: #299C06;}
.stellarnav > ul > li.drop-left > ul { right: 0; left: 0;}
.me_tp_features a.tp_btn_cart { display: none;}
.me_tp_features a.tp_btn_notice { display: none;}
.tp_links { display: none;}
.me_tp_features {  width: 20%;  text-align: center;  margin-bottom: -4px;}
.navigation {   padding: 13px 0 5px 260px;  display: flex;  flex-direction: row-reverse;  align-items: center;}
.shop_search_btn {border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0;}


.box_search:before { filter: contrast(0) brightness(100);}

.box_search input[type=text] {  border-radius: 0;  font-size: 13px;  color: #444;  font-weight: 600;}


/* 隱藏電腦版主選單第7個 li (「最新商品」) */
.stellarnav.left.desktop > ul > li:nth-child(7) {
    display: none;
}
/* 隱藏電腦版主選單第8個 li (「最新消息」) */
.stellarnav.left.desktop > ul > li:nth-child(8) {
    display: none;
}
/* 隱藏手機版主選單第7個 li (「最新商品」) */
.stellarnav.left.mobile.active> ul > li:nth-child(7) {
    display: none;
}
/* 隱藏手機版主選單第7個 li (「最新消息」) */
.stellarnav.left.mobile.active> ul > li:nth-child(8) {
    display: none;
}


/* styles.css */
/* 自訂 button 樣式 */
/* 修改按鈕的基本樣式 */
.show_content .button-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    justify-items: left;
    margin-top: 20px;
    justify-content: start;
}

/* 讓按鈕在小螢幕上垂直排列 */
@media (max-width: 768px) {
    .show_content .button-container {
        grid-template-columns: 1fr; /* 在小螢幕下，改為單列排列 */
    }
}

/* 按鈕樣式 */
.show_content .button-container a button {
    background-color: #4CAF50; /* 按鈕背景色 */
    color: white;              /* 按鈕文字顏色 */
    border: none;              /* 去除按鈕邊框 */
    padding: 12px 25px;        /* 上下和左右的內邊距 */
    font-size: 16px;           /* 按鈕文字的字型大小 */
    border-radius: 5px;        /* 圓角效果 */
    cursor: pointer;          /* 滑鼠懸停時顯示為指標 */
    transition: background-color 0.3s ease, transform 0.3s ease; /* 背景色變化和平滑縮放 */
    display: block;            /* 按鈕顯示為區塊元素 */
    width: 100%;               /* 讓按鈕寬度填滿所在的 Grid 容器 */
    font-weight: 500;
}

/* 鼠標懸停時的按鈕樣式 */
.show_content .button-container a button:hover {
    background-color: #ccab26; /* 鼠標懸停時的背景色 */
    transform: scale(1.05);    /* 鼠標懸停時按鈕略微放大 */
}

/* 去除 <a> 標籤的下劃線 */
.show_content .button-container a {
    text-decoration: none; /* 去掉預設的超鏈接底線 */
}

/* 按鈕的焦點狀態 */
.show_content .button-container a button:focus {
    outline: none; /* 去除按鈕獲得焦點時的外框 */
}
/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*Footer/＝＝＝＝＝*/

.footer_logo { display: none;}
.footer_info li:nth-child(2) { display: none;}
.footer_info { display: flex;  align-items: center;  padding: 15px 0px 5px 0;  flex-direction: column;}
.footer_info li:nth-child(1) {  text-align: center;  margin: 10px 0px 0px 0px;}
.box_link a{transition:all 0.3s; display:none;}
.box_link a:hover {    background: #c5a149;    color: #fff;}
.footer {   padding: 32px 0 0px;	background: #fff;}
.footer_info li p {  color: #121212;	padding: 0px 5px;}
.footer_info li p a {  color: #121212;}
.copy { background: #299c06;  color: #ffffff;  border: none;}
.copy a{ color: #fff; transition:all 0.3s;}
.copy a:hover{ color: #E7B231;	transition:all 0.3s;}
.footer_info li:nth-child(1) {   display: flex;  flex-flow: wrap;  justify-content: center;}

.footer .center {  position: relative;  max-width: 1400px;}
.footer_info li p:before {  padding-left: 22px;   background-repeat: no-repeat;  background-size: 16px;  background-position: left;}
.footer_info li p.tel:before { content: '金采世業有限公司';  background-image: url(https://pic03.eapple.com.tw/gdsp0289/p_web.png);}
.footer_info li p.tel2:before {  background-image: url(https://pic03.eapple.com.tw/gdsp0289/p_tel.png);}
.footer_info li p.mail:before {    background-image: url(https://pic03.eapple.com.tw/gdsp0289/p_mail.png);}
.footer_info li p.add:before {    background-image: url(https://pic03.eapple.com.tw/gdsp0289/p_map.png);}


@media screen and (max-width: 500px){
.footer_info li:nth-child(1) {
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    align-items: flex-start;}}
	
	@media screen and (max-width: 1200px){
.copy {
 padding-top: 15px;
    padding-bottom: 11px;
}

}


	
/*▊▊▊▊▊▊文章分類【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
.blog_list_ri {padding: 15px 10px;}
.blog_list_ri h5 {font-size: 20px;}
.subbox_item{background: #fff;margin: 5px;}
.subbox_item a{padding: 10px 5px;}
.subbox_item a:before {width: 100%;bottom: 0;top: auto;transform: none;left: 0;font-size: 14px;transition: all .5s;
	overflow: hidden;padding: 0;height: 0;background: #f3f3f3;color: #555;letter-spacing: 2px;}
.subbox_item a:after{display: none;}
.subbox_item a:hover:before {transform: none;padding: 10px 5px;height: 45px;}
/*////E N D/////*/

/*文章分類*/
.submenu a:hover {background: #c5b65e;}
.subbox_item{width: 100%;border-bottom: 2px dashed #eee;}
.subbox_item a:before {   background: transparent;   color: #fff;  text-align: center;}

h4.blog_category_title {  border-bottom: 1px #ccc solid;}


/*▊▊▊▊▊▊文章分類【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
/*側邊*/
h5.blog_le_t em {font-size: 16px;}
h5.blog_le_t span {font-size: 16px;}
.blog_le {margin-top: 20px;}

/*▊▊▊▊▊▊文章分類【首頁】部分基本設定(固定)-------- ////S T A R T/*/
.module_i_news {padding: 50px 20px 50px 20px;}
.i_blog_ri {padding: 15px 10px;}
.i_blog_ri h5 {font-size: 24px;}
.module_i_news li{background: #fff;box-shadow: 0 0 8px rgb(0 0 0 / 10%);width: 48%;margin: 0.5%;}
.module_i_news li a{padding: 10px 5px;}
.module_i_news li a:before {width: 100%;bottom: 0;top: auto;transform: none;left: 0;font-size: 14px;transition: all .5s;
	overflow: hidden;padding: 0;height: 0;background: #f3f3f3;color: #555;letter-spacing: 2px;}
.module_i_news li a:after{display: none;}
.module_i_news li a:hover:before {transform: none;padding: 14px 5px;height: 45px;}

/*首頁文章*/
.module_i_news ul {margin: 30px auto;}
.module_i_news li {width: 32%;}
.module_i_news li:nth-child(n+4){display: none;}
.i_blog_le{width: 100%;}
.i_blog_ri{width: 100%;}
.module_i_news li a:before {   background: #72284d; color: #eee;}


@media screen and (max-width: 768px){
	.module_i_news li {  margin-bottom: 3%;  width: 120%;}}
	
@media screen and (max-width: 768px){
.h5.blog_le_t, .blog_le .accordion { display: block;}

}	

	
/*////E N D/////*/

/*●●● 文章分類 ●●●*/
/*側邊選單*/
.blog_search input[type=search]{border-radius: 0;}
.blog_le .accordion {border-radius: 0;border: none;}
.blog_le .accordion li{border-bottom: 1px solid #ddd;}
.blog_le .accordion li:last-child{border-bottom: none;}
.accordion li .link{padding: 0;}
.accordion li .link a{padding: 15px 10px;display: inline-block;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: #fff !important;}
/*分類頁*/
h4.blog_category_title {  border-bottom: 1px #ccc solid;}
.subbox_item {   width: 31%;  border-bottom: 1px solid #ccc; }
.blog_list_le{width: 100%;}
.blog_list_ri { width: 100%;   padding: 15px 10px 33px 10px;}
.blog_list_ri h5 {font-weight: 600;font-size: 20px;}
.blog_list_ri em {position: absolute;bottom: 0;font-size: 12px;}
.blog_list_ri p { line-height: 160%; font-size: 14px;  margin-top: 10px;}
/*詳細頁*/
.blog_in_page h4.blog_category_title {   font-weight: 500;   font-size: 24px;  border-bottom: 1px solid #ddd;  padding-bottom: 15px;  margin-bottom: 15px;}
.blog_back a.article_btn_back {background: #299c06;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next{background: #555;}

.blog_box_edit * { line-height: 210%; letter-spacing: 1px;}


/*●●● 相簿 ●●●*/


/*聯絡我們*/
.blank_letter {font-size: 24px;color: #555;font-weight: 600;font-family: 'Noto Sans TC', sans-serif;}

li.TEL {  display: none;}


/*表格區*/
.contact_form li {padding-left: 0;border-bottom: 1px solid #ccc;padding: 15px 0;}
.contact_form li .form__label {width: 100%;text-align: left;margin-left: 0; font-weight: 300;letter-spacing: 2px;
	margin-bottom: 5px;font-weight: 400;}
.contact_form li .form__insert{font-weight: 300;letter-spacing: 2px;}
.contact_form li input.noborder, .contact_form li textarea.noborder {  border: none; outline: none;  background: #f5f5f5;}
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;}
.contact_form li.last cite {margin-left: 10px;background: #b0b0b0 ;color: #fff;}
.contact_form li.last blockquote, .contact_form li.last cite {border: 1px #b0b0b0  solid;}
.contact_form li.last blockquote input {color: #b0b0b0 ;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 3px;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   促銷方案&小撇步文章分享   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*首頁*/
.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 {border-bottom: 1px solid transparent;padding-bottom: 10px;}
.promotion_title em{display: none;}
.promotion_title span {border: none;color: #555;padding: 0;margin: 0;}
.promotion_title h2{display: block;font-size: 30px;}
.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 transparent;width: 100%;margin-left: 0;}
.other_promotion li:last-child{border-bottom: none;}
.other_promotion li a {display: flex;width: 100%;margin: 0;padding: 15px;border: none;}
.other_promotion li a:before{display: none;}
.other_promotion li a:after{display: none;}
.other_promotion li a:hover {background: #eee;}
.other_promotion .pmtTime span{float: left;}
.other_promotion .pmtTitle span{display: none;}
.other_promotion .pmtTitle h3 {font-size: 14px;height: auto;min-height: auto;margin: 0;}
@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%;}
}

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
.news_part .title_i_box h4 {color: #000;}
.news_list ul li {background: #fafafa;}

.animated-arrow {  background: linear-gradient(45deg, #fff, #fff);}
/*首頁背景_顯示促銷方案背景*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*促銷方案************************************************************* */
/*首頁*/
.news_part {
    width: 100%;
    max-width: 100%;
    padding: 120px 15vw 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
}
.news_list {
    width: 46%;
    max-width: 1000px;
}
.news_part .title_i_box {
    display: none;
}
.news_list ul li {
    display: block;
    border-bottom: 1px #f5f5f5 solid;
    margin-bottom: 6px;
    padding: 15px 20px;
}
.news_list ul li:hover {
    background: (246 246 246 / 30%);
}
.news_list ul li a {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.news_list ul li a:hover {
    background: transparent;
}
.news_part:before {
    content: "";
    background: url(https://pic03.eapple.com.tw/merna/new_title.svg);
    position: absolute;
    width: 50%;
    max-width: 250px;
    height: 48px;
    left: 15vw;
    top: 34%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.news_part:after {
    position: absolute;
    width: 50%;
    max-width: fit-content;
    left: 15vw;
    top: 52%;
    line-height: 200%;
    white-space: pre;
    font-weight: 300;
}
.pageIndex .i_news_b {
    margin-right: 0;
    font-size: 14px;
    margin-top: 0px;
}
.i_news_b a {
    background: transparent;
    width: fit-content;
    color: #c7a993;
}
.i_news_b a > b {
    font-weight: 300;
}
.i_news_b a i.fa-solid.fa-arrow-right {
    margin: 0 0px 0 10px;
}
.news_list ul li span {
    text-align: left;
    padding: 5px 0;
    color: #666;
}
.news_list ul li p {
    padding: 5px 70px 5px 0;
    color: #666;
}
.news_list ul li a:hover p,
.news_list ul li a:hover span {
    color: #444;
}
.news_list ul li p:after {
    color: #a6a6a6;
}
.news_list ul li:nth-child(n + 4) {
    display: none;
}

.promotion_title h2 {
    font-size: 28px;
    font-weight: 600;
    display: block;
    padding-top: 20px;
}

/*內頁*/
.promotions_page .main_part {
    width: 1366px;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 20px;
    display: flex;
}
.promotions_page .edit {
    padding: 40px 0;
}
.promotions_page .show_content {
    padding-right: 35px;
}
.promotion_title span {
    border: none;
    padding: 2px 7px 2px 0;
}
.promotion_title em {
    display: none;
}

/*標籤分頁*/
.promotions_page .other_promotion {
    list-style: none;
    display: flex;
    margin: 0 auto;
    width: 250px;
    vertical-align: top;
    top: 110px;
    flex-direction: column;
    height: fit-content;
    padding: 7vw 0 0;
}
.promotions_page .page {
    width: fit-content;
}
.promotions_page .other_promotion li {
    width: 100%;
}
.pmtTitle > span {
    display: none;
}
.other_promotion .pmtTitle h3 {
    line-height: 1.8;
    font-size: 15px;
    color: #000;
    margin: 5px 0 0 0;
    font-weight: 300;
}
.other_promotion .pmtTime span {
    float: left;
    font-size: 13px;
    color: #b8b8b8;
    font-weight: 300;
    letter-spacing: 3px;
}
.other_promotion li a {
    border: 1px #e5e5e5 solid;
    padding: 7px 10px;
    display: block;
    width: 96%;
    margin: 2%;
    position: relative;
}
.other_promotion li a:before,
.other_promotion li a:after {
    display: none;
}
.promotions_page .other_promotion li {
    width: 100%;
}

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

/* +++ 文章目錄頁 -------------------- */

/*文章卡片 -------------------- */

/*關掉白色遮罩*/
.subbox_item a:after,
.module_i_news li a:after {
    display: none;
}

.clearfix:before,
.clearfix:after{
    display: none;
}

.subbox_item,
.module_i_news li {
    width: 100%;
    transition: ease .5s;
    padding: 15px 0;
    border-bottom: 1px dotted var(--f3-color);
    margin: 10px 0;
}


/*直線*/
.subbox_item:hover:after {
    width: 100%;
    transition: all .5s;
}

.subbox_item:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0px;
    height: 1px;
    background-color: #ccab26;
    transition:ease-out 0.5s;
    z-index: 1;
}

/*邊框內容不內縮*/
.module_i_news li a,
.subbox_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

/*文章縮圖寬度*/
 .blog_list_le {
    width: 0px;
    padding: 0;
 }

/*照片*/
.i_blog_le img,
.blog_list_le img {
    border-radius: var(--border-radius);
    position: relative;
    transform: scale(1);
    left: initial;
    top: initial;
    display: none;
}

.subbox_item:hover .blog_list_le img{
    transform: scale(1.1);
}

/*文字區塊 -------------------- */
/*文字區塊*/
 .i_blog_ri,
 .blog_list_ri {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
 }

/*樣式微調-文章標題*/
.blog_list_ri h5,
.i_blog_ri h5 {
    color: var(--first-color);
    transition: all ease .5s;
    order: 1;
 }

/*樣式微調-內文*/
.blog_list_ri p,
.i_blog_ri p {
    color: #666;
    margin-top: 20px;
    order: 3;
    margin: 1rem 0;
    -webkit-line-clamp: 2;
 }

/*樣式微調-日期*/
.blog_list_ri em,
.i_blog_ri em {
    color: var(--f2-color);
    order: 2;
    margin: .5rem 0;
 }

/*more*/
.subbox_item a:before,
.module_i_news li a:before {
    content: "READ MORE >";
    position: absolute;
    right: 1rem;
    left: auto;
    bottom: 0;
    opacity: 1;
    text-align: left;
    color:#666;
    font: normal var(--f14)/1.5 var(--ff);
    letter-spacing: .1rem;
}

/*hover-變色*/
.subbox_item:hover a:before,
.module_i_news li:hover a :before{
    color: var(--first-color);
}

/*文字區塊 -------------------- */
/*文字區塊*/
.i_blog_ri,
.blog_list_ri {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 1rem;
}

/*樣式微調-文章標題*/
.blog_list_ri h5,
.i_blog_ri h5 {
   color: #299c06;
   transition: all ease .5s;
   order: 1;
}

/*樣式微調-內文*/
.blog_list_ri p,
.i_blog_ri p {
   color: #666;
   margin-top: 20px;
   order: 3;
   margin: 1rem 0;
   -webkit-line-clamp: 2;
}

/*樣式微調-日期*/
.blog_list_ri em,
.i_blog_ri em {
   color: var(--f2-color);
   order: 2;
   margin: .5rem 0;
}

/*more*/
.subbox_item a:before,
.module_i_news li a:before {
   content: "READ MORE >";
   position: absolute;
   right: 1rem;
   left: auto;
   bottom: 0;
   opacity: 1;
   text-align: right;
   color:#555;
   font: normal var(--f14)/1.5 var(--ff);
   letter-spacing: .1rem;
}

/*hover-變色*/
.subbox_item:hover a:before,
.module_i_news li:hover a :before{
   color: var(--first-color);
}


/* +++ 文章內頁 -------------------- */

/*文章標題置中+底線*/
.blog_in_page h4.blog_category_title{
    text-align: center;
    padding: 0 2% 2% 2%;
    border-bottom: 1px solid var(--first-color);
}

 /*內文距離*/
 .blog_ri {
    width: calc(100% - 260px);
    padding: 15px 0 0 50px;
 }

/*內文文字樣式*/
.blog_box_edit {
    color: #666;
    padding: 2%;
}

/*強制文字顏色*/
.blog_box_edit p {
    color: #666!important;
    font-family: var(--ff)!important;
}

/* +++ 首頁文章管理 -------------------- */
/*最多顯示2則*/
.module_i_news li:nth-child(n+3) {
    display: none;
}

/*隱藏-按鈕*/
.i_blog_b {
    display: none;
}

/*布局設定*/
.module_i_news {
    background: var(--bg-color);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/*文章區塊*/
.module_i_news ul {
    width: 70%;
}

/*標題區塊*/
.module_i_news .title_i_box {
    width: 20%;
    padding-left: 5vw;
    margin: 20px auto;
}

/*文字區塊寬度*/
.i_blog_ri {
    width: calc(100% - 250px);
}

/*圖片寬度*/
.i_blog_le {
    width: 200px;
    overflow: hidden;
    position: relative;
}

/*標題-最新消息*/
.module_i_news .title_i_box h4 {
    font: normal var(--f17) / 1 var(--ff);
    color: #666;
    text-align: left;
    border-left: 4px solid var(--first-color);
    padding-left: 30px;
}

/*英文標題*/
.module_i_news .title_i_box h4::before {
    content: "NEWS";
    display: block;
    font: bold 36px /1.5 var(--ff);
    color: var(--first-color);
    letter-spacing: .2rem;
}


/*關掉-側邊攔*/
.blog_le{
    display: none;
}

.blog_ri{
    width: 100%;
    padding: 15px 10%;
}

/*內頁-底色透明*/
.blog_in_page .blog_ri{
    background: transparent;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 @media screen and (max-width: 960px) {
/*詳細頁---------------------*/
/*關掉側邊攔*/
.blog_in_page .blog_le{
    display: none;
}

/*文章區塊寬度調整*/
.blog_in_page .blog_ri{
    width: 90%;
    padding: 0;
    margin: 50px auto;
    display: block;
}

/*首頁嵌入--------------------*/
.module_i_news {
    flex-direction: column;
    flex-wrap: wrap;
}

/*標題寬度*/
.module_i_news .title_i_box{
    width: 90%;
    margin: 10px 0;
}
/*文章區塊寬度*/
.module_i_news ul {
    width: 90%;
}

}
@media screen and (max-width: 768px) {
/*文章區塊-寬度調整*/
.blog_ri {
    width: 100%;
    padding: 0;
}
/*搜尋欄-寬度*/
.blog_le {
    width: 100%;
}

}
@media screen and (max-width: 600px) {
/*關掉圖片*/
.blog_list_le,
.i_blog_le{
    display: none;
}

/*文章分隔線*/
.subbox_item,
.module_i_news li {
    border-bottom: 1px dotted var(--f2-color);
}

/*首頁嵌入-文字區塊填滿*/
.i_blog_ri{
    width: 100%;
}
}


/* ▲ 文章管理 (長條無分類版) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


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

.news_list ul li p:after { right: 16px;font-weight:bold}


/*內頁BANNER 設定*/
.banner {  background-image: url(https://pic03.eapple.com.tw/zsarchdesgin/banner.jpg);   display: flex;  align-content: center;  justify-content: center;}
.banner h5 {   letter-spacing: 1px;   font-weight: 500; padding: 0px 56px 0 56px;   font-size: 25px;}
.banner.banA {}
.banner.banB {display:none;}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banF {}
.banner.banblog {}

.banner {
    font-size: 40px;
    padding: 65px 0 0 0;}

.path{display:none;}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1024px){
	/*header*/
	.main_header_area .container {padding: 0 10px;}
	.navigation {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.stellarnav > ul > li > a{padding: 10px;font-size: 14px;}
	.stellarnav li.has-sub > a {padding: 10px 25px 10px 10px;}
	/*footer*/
	
	
	.header_area {  position: relative;   width: 100%;}
	.pageIndex .header_area {  position: relative;   width: 100%;}

}


/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {
        /*促銷方案*/
        .promotions_page .main_part {
            flex-direction: column;
        }
        .promotions_page .show_content {
            padding-right: 0px;
        }
        .other_promotion {
            position: relative;
        }
        .other_promotion_box {
            padding: 3vw 0 0;
        }
        .promotions_page .other_promotion {
            width: 100%;
            top: 0px;
        }
        .other_promotion li a {
            border: unset;
            margin: 0%;
            border-bottom: 1px solid #e5e5e5;
        }
}



@media screen and (max-width: 960px){
	/*文章分類*/
	.subbox_item{width: 100%;}
}






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

	/*header*/
	.stellarnav.mobile {top: 10px;}
	.nav-brand{margin-top: 0px;}

	/*聯絡我們*/
	.list_before.info {float: inherit;}
	/*文章分類*/
	.blog_ri {width: 100%;padding: 0;}
	.blog_le{width: 100%;}
	
	
	.stellarnav .menu-toggle:after {display: none; }
	.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 25px 10px;}
	.main_header_area { box-shadow: none;}
	.me_tp_features {   width: 100%;   text-align: center;  margin-bottom: 0px;}
	.box_search {  position: relative;   display: inline-block;  vertical-align: top; width: 160px;  margin-bottom: 13px;  margin-top: -9px;}
	

}








@media screen and (max-width: 600px) { 
	.nav-brand {  width: 145px;}
	.stellarnav .menu-toggle { padding: 16px 10px;}
	.tp_links {  display: none;}
	
	
}