@charset "utf-8";

.contact_content .information_left {
    width: 295px;
    display: none;
}


/*Footer/＝＝＝＝＝*/
.page {display: none;}



.copy {
    border-top: none;
    font-size: 10px;
    background: #ffffff;
    margin-top: 0px;
    padding: 10px 10px 10px 10px;}


.footer_menu a {
    display: inline-block;
    padding: 5px 7px;
    border: 0px #fb8848 solid;
    border-radius: 5px;
    margin: 0 4px 4px 0;
    font-size: 14px;
    line-height: 100%;
    color: #ffffff;
    background: #d9b8e1;
}
.footer {  background: #fcf8ff; padding: 30px 0 0px;  background-size: cover; box-shadow: 0 -10px 10px #005b7e08;}
 .copy { margin-top: 0px }

.footer_info {grid-template-columns: 200px 1fr;padding-right: 0;max-width: 1200px;margin: 0 auto;align-items: center;gap:65px;padding: 3% 3%;}


.blog_le .accordion > li.on_this_category .link a {
    color:#333 !important;
}

.blog_le .accordion > li.on_this_category .link a:hover {
    color:#fff !important;
}




.accordion li .link a {
	    background-color: #fff;
		color: #333;

}

.accordion li .link a:hover {
	    background-color: #ada17e;
color: #fff;

}
/*Form/＝＝＝＝＝＝*/
.contact_content .information_right {
    width: calc(100% - 10%);
    padding-left: 39px;
    padding-left: 15%;
}


@media screen and (max-width: 768px) { 
.contact_content .information_right {
    width: calc(100% - 40px);
   
    padding-left: 10%;
}
}


/*Title/＝＝＝＝＝＝*/
.module_i_album .title_i_box h4 {
	    font-size: 24px;
    color: #292e43;
    font-weight: 900;
}








.module_i_album .title_i_box h4:before {
    content: "Work";
    font-size: 50px;
    color: #d9bde2;
    font-weight: normal;
    height: 70px;
    font-family: cagliostro;
	padding-right: 10px;
}




.module_i_album {
    margin: 0 auto;
    padding: 100px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}



.animated-arrow b:before {
    content: "More";
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    height: 45px;
    font-family: cagliostro;
	padding-right: 10px;
}







@media screen and (max-width: 768px){
 .copy {     border-top: none;
    font-size: 10px;
    background: #ffffff;
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 55px; }
.footer {  background: #f7edff; padding: 0px 0 28px 0px;  background-size: cover; box-shadow: 0 -10px 10px #005b7e08;}
.footer_info {grid-template-columns: 200px 1fr;padding-right: 0;max-width: 1200px;margin: 0 auto;align-items: center;gap:0px;padding: 0 3%;}
}
.footer_info li p,.footer_info li p a{color: #333;}
.footer_info li p {display: inline-block;width: 100%;}

.footer_menu a { }
.footer_menu a:hover {  background: #233451;  color: #ffffff;}
.box_link{display: none;}


	
	
	
	
	


@media screen and (max-width: 1200px){
	.footer_logo > a{width: 160px;height: 65px;}
	.footer_info li p{width: 100%; white-space: nowrap;}
	
}
@media screen and (max-width: 768px){
	.footer_logo{margin: 24px auto;
        max-width: 120px;}
	.footer_info {grid-template-columns: 1fr;text-align: center;}
	.copy { }
	.footer_menu {  }
	
}
@media screen and (max-width: 600px){
	.footer_menu a {/* width: 100%; */}
}
	



/*隱藏內容*/


.me_tp_features {
    width: 100%;
    text-align: right;
    margin-top: 19px;
}
.me_tp_features{}
.tp_links{display:none;}
.box_link{display:none;}
/*.swiper-pagination { display: none;}*/
.path p, .path p a { display: none;}
/*.module_i_news li a:hover:before, .module_i_news li a:hover:after, .module_i_news li a:hover:before, .module_i_news li a:hover:after
{ display: none;}
.other_album {   display: none;}
.info_LINE {   display: none;}*/


/*================================================Logo*/
.header_area .nav-brand { transition: all 0.3s; max-width: 160px;  margin: 30px 0 20px 0px;}
.header_area.sticky .nav-brand{}

/*.header_area .nav-brand {  animation: logo 1.5s infinite linear alternate; }
@keyframes logo{ 0% { transform: translateX(0px);} 100% { transform: translateX(40px);}}*/
/*================================================SubMenu*/

.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #c6beb3;}

.shop_search_btn { background: #d8cde5;}
.box_search input[type=text] {  border: solid 1px #e6d59b;}
.fa-cart-shopping::before, .fa-credit-card::before { color: #c7a742;}

/*================================================header*/
.header_area {  position: relative; z-index: 9999; width: 100%;padding: 0;}
.main_header_area{background:linear-gradient(90deg, #f9e7ff, white, white, white, #ece3f5); }
.main_header_area:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 3%;
    left: 0%;
    background: #dbd28b;
    transition: all 1s;
} 
.header_area.sticky .main_header_area:after {  width: 100%;}
/*選單最大寬度設定*/
.main_header_area .container {  max-width: 1000px;}
.navigation { padding: 0; grid-gap: 0 10px; }
/*第一層*/
.stellarnav > ul > li > a {
    transition: all 0.3s;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: rgb(75 73 71);
    position: relative;
    padding: 88px 10px 36px 10px;
	font-family: "Noto Serif TC", serif;
}
.stellarnav > ul > li:hover > a { color: #a2881c;}
.stellarnav li.has-sub > a:after {display:none}


/*第二層*/
.stellarnav li li > a, .stellarnav li li.has-sub > a {
    padding: 10px 12px;
    transition: all 0.3s;
    border: none;
    position: relative;
}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {
    color: #787878;
    padding-left: 35px;
    border-color: #c6beb3;
    background: #fffcf6;
    border: none;
}

.stellarnav ul ul { font-size: 14px; letter-spacing: 1px;}

.stellarnav li li > a:before {
    content: '';
    position: absolute;
    left: -14px;
    opacity: 0;
    transition: all 0.8s;
    width: 0px;
    height: 1px;
    background: #c6beb3;
    top: 23px;
}

.stellarnav li li:hover > a:before{
    opacity: 1;
    left: 10px;
    width: 14px;
}

.stellarnav li.drop-left ul ul { right: 158px;}
.stellarnav ul ul ul { left: 158px;}

/*HEADER ICON*/
/* 通用設定 */


.stellarnav > ul > li > a:before {
  content: "";
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(0);
  width: 70%;
  height: 120px;
  z-index: 5;
  opacity:0.8;
  transition: transform 0.6s ease, opacity 0.6s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  
}

/* 第一個選單圖案 */
.stellarnav > ul > li:nth-child(1) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon01.png);
}


.stellarnav > ul > li:nth-child(2) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon02.png);
}


.stellarnav > ul > li:nth-child(3) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon03.png);
}

 
.stellarnav > ul > li:nth-child(4) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon04.png);
}

.stellarnav > ul > li:nth-child(5) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon05.png);
}

.stellarnav > ul > li:nth-child(6) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon06.png);
}

.stellarnav > ul > li:nth-child(7) > a:before {
  background-image: url(https://pic03.eapple.com.tw/siaohuasin/icon07.png);
}



.stellarnav > ul > li:hover > a:before {
  transform: translate(-50%, -60%); /* 從原本的 50% 往上飛一點 */
  opacity: 1;
}


   

	

/*================================================首頁外掛*/
#content_main{ margin:0;}

/*英文*/
.news_part .title_i_box h6 {
    font-family: 'Splash', cursive;
    font-size: 70px;
    color: #d1b142;
    margin-bottom: -40px;font-weight: normal;letter-spacing: -3px;
}


/*中文*/

.i_prod_tit span, .i_video_tit span, .news_part .title_i_box h4, .module_i_news .title_i_box h4
{    font-size: 22px;
    font-family: 'Noto Sans TC', serif;
    line-height: 1.8;
    letter-spacing: unset;
    color: #323232; font-weight: bold;}

/*促銷*/
.news_part{padding: 25px 10% 35px; background: linear-gradient(180deg, #e5ddd4, #ffffff, #ffffff);}
.news_list ul li p {  font-weight: bold; color: #b89d54;}
.news_list ul li a:hover { background: #d0b04e;}
.news_list ul li a:hover span, .news_list ul li a:hover p, .news_list ul li a:hover p:after {  color: #fff;}
.news_list ul li p:after {  right: 30px;}
.news_list ul li a:hover p:after {  right: 25px;}


/*================================================BANNER*/
/*背景*/
.blog_page>div, .blog_in_page>div{
content: ' ';
background: url(https://pic03.eapple.com.tw/duoman/) center / cover no-repeat;}

.contact_page>div{
content: ' ';
background: url(https://pic03.eapple.com.tw/duoman/.jpg) right / 150%;}
	

/*大圖*/
/*預設解除背景輪播*/
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */

/*內頁*/
.banner { display:none; height: 350px;  padding: 0;  background-size: cover; background-image: url(https://pic03.eapple.com.tw/duoman/footer.png);}
.banner h5 { display:none;/*display: flex; flex-direction: column;
    font-size: 25px; color: #d79529; letter-spacing: 3px; padding: 10px 0 0; font-weight: bold;*/}
.banner h5:before{
	/*content: 'PENGUIN';font-family: 'Barlow', sans-serif;font-size: 50px;font-weight: 600;color: #ffc762;letter-spacing: 5px;*/}
.main_part {  padding: 0px 20px;}
/*
.banner.banF h5:before{
    content: "PRODUCTS"; border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-weight: 600; font-size: 30px; color: #ffb771;  padding: 10px 0 0; }
.banner.banF h5{ display: flex; flex-direction: column;}
.banner.banF {}*/

/*================================================按鈕*/
.animated-arrow {
	background: #cdbe9f;
    color: #ffffff;
	transition:.3s;
	position:relative;
	overflow:hidden;
    border-radius: 40px;}
.animated-arrow b, .animated-arrow i{position:relative; z-index:99;}
.animated-arrow::after {
	content:"";
	position:absolute;
	width:0px;
	height:100%;
	top:0px;
	left:0px;
	background: #dcc57b;
	transition:.5s;
}
.animated-arrow:hover {	color: #fff;}
.animated-arrow:hover::after {	width:100%;}

.fa-house::before {
    content: "\f015";
    color: #c7a742;
}

/*================================================文章*/
.articel_mainPic{ display:none;}
.blog_list_le{ border: 1px solid #e2d6c7;}

/*最外層樣式*/
.blog_subbox{    grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px;}
@media screen and (max-width: 1024px) {  .blog_subbox {  grid-template-columns: 1fr 1fr; }}
@media screen and (max-width: 768px) { .blog_subbox {  grid-template-columns: 1fr; }}
.subbox_item {  background: #fff; border: 1px solid #f1e7dc; padding: 20px;}
.subbox_item a { display: flex; flex-direction: column; align-items: center; grid-gap: 5px;}
.blog_list_le {  height: 100%;}
.subbox_item a:after {  bottom: 73px;background: #0000004a;}
.subbox_item a:before {  bottom: auto; right: auto; top: 40%;  color: #fff; font-weight: bolder;}
.blog_list_ri { padding: 5px 0 0;  width: 100%;}
.blog_list_ri h5 { font-size: 18px;}
.blog_list_ri em { font-size: 13px;}
.blog_list_ri p{display:none;}



/*回列表按鈕*/
.blog_back a.article_btn_back{background: #d7c8ad;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {
    background: #b6a381;
}
/*上一頁按鈕*/
.lastPage { background: #9c9c87; border-radius: 5px;}
.news_related h6 span:before{ font-size: 20px; color: #b5a383;}

.blog_ri {  padding: 30px 0 0 20px;}
h5.blog_le_t span {  display: none;}
h5.blog_le_t em:before {
    content: "News";
    font-family: cagliostro;;
    font-size: 50px;
    font-size: 70px;
    color: #d9bde2;
    }

h5.blog_le_t em {  display: flex; flex-direction: column; align-items: center;
color: #151515; padding: 10px; font-size: 20px;}
.news_related{
    background: linear-gradient(180deg, #f2eadc, transparent);
    margin-top: 30px;
}
.blog_in_page h4.blog_category_title{   border-bottom: 1px #ccc solid;}

/*================================================促銷*/
.prod_related {display: none;}
.promotion_title span {border: none;
    font-size: 20px;
    color: #caa62f;
    font-weight: bold;}
.promotion_title em { display: none;}
.show_content { padding: 50px 0;}
.promotion_title { border-bottom: 1px #e2ce81 solid; padding-bottom: 20px;display: flex; flex-wrap: wrap;  display: none;}
.other_promotion { display: flex; flex-direction: column;     display: none; }
.pmtTitle span{display:none;}
.other_promotion li a { display: flex; align-items: center;}
.other_promotion .pmtTitle h3 {  margin: 0 0 0 10px;}
.promotion_title h2 {
    font-size: 24px;
    border: none;
    color: #9e8226;
    font-weight: bold;
}
.other_promotion li a:before {  border: 1px #d2be7a solid;border-bottom: none; border-right: none;}
.other_promotion li a:after {  border: 1px #d2be7a solid;border-top: none; border-left: none;}
.promotions_page .edit {   padding: 20px 10px;}
.other_promotion li a:hover {  background: #f0f0f0;}

/*================================================商品*/

.inquiry_a1 {  background: #cab650;}
.inquiry_a2 {  background: #80a67e;}
.proImgSwiper, .sidebarBtn {  border: 1px solid #dadada;}

.products-list .pic {   border-radius: 10px 10px 0 0;}
.products-list .more{display:none;}
.products-list .name {  text-align: center;    font-size: 17px;height: 47px; font-size: 16px;margin-top: 10px;}
.prod_related{background: linear-gradient(180deg, #0000001a, transparent);}
.prod_related h6 span:before { font-size: 20px; color: #82a680;}
.products-list .price {  text-align: center; margin: 5px 0;}
.products-list .price b { color: #a67820; font-size: 15px;}
.products-list .item { border: 1px solid #c2b38454; border-radius: 10px;}
.products-list .item a {  padding-bottom: 0px;}

/*訂購資料*/
.separate_title {  background: #eee;  border-radius: 30px;}
.formbox_form li {  padding: 5px 5%;}
.shopping-cart.check {  padding:0 0 0 5%;}
.send_simple { background: #9eb597 url(../images/simple_right.png) 88% center no-repeat;}
.formbox_form {  margin: 2% 0;}.promotion_title span {border: none;
    font-size: 20px;
    color: #caa62f;
    font-weight: bold;}
.promotion_title em { display: none;}
.show_content { padding: 50px 0;}
.promotion_title { border-bottom: 1px #e2ce81 solid; padding-bottom: 20px;display: flex; flex-wrap: wrap; display: none;}
.other_promotion { display: flex; flex-direction: column; display: none;}
.pmtTitle span{display:none;}
.other_promotion li a { display: flex; align-items: center;}
.other_promotion .pmtTitle h3 {  margin: 0 0 0 10px;}
.promotion_title h2 {
    font-size: 24px;
    border: none;
    color: #9e8226;
    font-weight: bold;
}
.other_promotion li a:before {  border: 1px #d2be7a solid;border-bottom: none; border-right: none;}
.other_promotion li a:after {  border: 1px #d2be7a solid;border-top: none; border-left: none;}
.promotions_page .edit {   padding: 20px 10px;}
.other_promotion li a:hover {  background: #f0f0f0;}

/*================================================商品*/

.inquiry_a1 {  background: #cab650;}
.inquiry_a2 {  background: #80a67e;}
.proImgSwiper, .sidebarBtn {  border: 1px solid #dadada;}
.product_page>div, .product_info_page>div {content: ' '; background: url() center / cover no-repeat;}
.products-list .pic {   border-radius: 10px 10px 0 0;}
.products-list .more{display:none;}
.products-list .name {  text-align: center;    font-size: 17px;height: 47px; font-size: 16px;margin-top: 10px;}
.prod_related{background: linear-gradient(180deg, #0000001a, transparent);}
.prod_related h6 span:before { font-size: 20px; color: #82a680;}
.products-list .price {  text-align: center; margin: 5px 0;}
.products-list .price b { color: #a67820; font-size: 15px;}
.products-list .item { border: 1px solid #c2b38454; border-radius: 10px;}
.products-list .item a {  padding-bottom: 0px;}

/*訂購資料*/
.separate_title {  background: #eee;  border-radius: 30px;}
.formbox_form li {  padding: 5px 5%;}
.shopping-cart.check {  padding:0 0 0 5%;}
.send_simple { background: #9eb597 url(../images/simple_right.png) 88% center no-repeat; color: #c7a742; }
.formbox_form {  margin: 2% 0;}



/*選單*/

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between;  align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative;  letter-spacing: 1px; /*border-right: 1px solid #ccc;*/ margin: 40px;}

.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);  width: 100%;}








.product-layer-two{display: flex;  flex-wrap: wrap;padding: 20px 0; border-top: 1px solid #00000040;border-bottom: 1px solid #00000040;}
.product-layer-two li {   width: 100%; margin: auto; padding: 2px;}
.product-layer-two li a { background: #bbb08d; border-radius: 9px;  color: white;  font-weight: bold;  text-align: center; }
.product-layer-two li:nth-child(even) a{background: #c3b380;}
.product-layer-two li:hover a {background: #857a54;}

.product-layer-two li a:after{content: '';
    margin-left: 7px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}

@media screen and (max-width: 600px) { 
.product-layer-two { display: flex;}
.product-layer-two li { margin: auto;}
.products-list .price b { text-align: center !important; }
.formbox_form li {  padding: 10px 5%;}

}
@media screen and (max-width: 500px) { 
.product-layer-two li { width: 50%;}
}
@media screen and (max-width: 375px) { 
.header_area .nav-brand {    transition: all 0.3s;
    max-width: 70px;
    margin: 17px 0 20px 0px;
	height: 55px;
	
	
}


.product-layer-two li { width: 85%;}
}


/*================================================表單*/
/*標題*/
.blank_letter { padding-top: 4px; padding-left: 3px; font-size: 20px; color: #151515;
    font-size: 18px;
    font-weight: bold;}

.information_left:before { content: "Contact";
    width: 100px;
    font-family: 'Splash', cursive;
    font-size: 70px;
    color: #d1b142;
    margin-bottom: -20px;
	margin-left: -20px;
	}
	
.information_right:before { content: "Contact";
    width: 100px;
    font-family: cagliostro;
    font-size: 50px;
    color: #d9bde2;
	}
.information_left .blank_letter{margin-top: -30px;}	
.information_right .blank_letter{margin-top: -10px;}
	

/*左邊資料*/
.list_before.info li { padding: 6px 0 13px 55px; border-bottom: 1px #00000012 solid;}

.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before{
	width: 50px;
    margin-left: 5px;
    font-size: 15px;
    height: 25px;
   /* border-right: 2px solid #fef3b5;*/
    color: #545454; /*letter-spacing: 10px;*/
}
.contact_le_nomap { height: 200px;}
.contact_le_nomap iframe{  width: 100%;}

/*右邊表單*/
.contact_content .information_right { /*margin: 15px 0 0;*/}
.contact_form li{padding: 7px 0;  border-bottom: 1px #00000012 solid;}
.contact_form li .form__label{letter-spacing: 0.05em; color: #545454; font-weight: bold;}
.contact_form li input.noborder, .contact_form li textarea.noborder
 { border: none; background: #fff; border-radius: 5px;}
.contact_form {  margin-top: 33px; grid-gap: 0px;}

.contact_form li.last blockquote, .contact_form li.last cite{ border-radius: 40px;}
.contact_form li.last cite {  background: #c5b193;}

/*================================================RWD1200*/
@media screen and (max-width: 1200px) { 
.banner { height: auto;  padding: 5% 0;}
.navigation { /*padding: 0 4% 0 9%;*/}

}
/*================================================RWD1024*/
@media screen and (max-width: 1024px) { 
/*Logo*//*
.header_area .nav-brand{max-width: 110px;}
.header_area.sticky .nav-brand{max-width: 110px;}
.nav-header{max-width: 120px;}

/*header*/

.navigation {display: grid;/* flex-direction: inherit; justify-content: center;*/}
.stellarnav ul{ text-align: right;}
}

/*================================================RWD900*/
@media screen and (max-width: 900px) {
.footer_info ul {  width: 100%;}
}
@media screen and (max-width: 880px) { 
.footer_menu { }
.navigation{
    display: flex;
}
.stellarnav ul{
    text-align: center;
}
}
/*================================================RWD768*/
@media screen and (max-width: 768px) {
	
/*********************header*/	
.navigation { position: static;  display: flex;}
.me_tp_features {text-align: center;margin: 0 0 7px;}
.box_search input[type=text] {  max-width: 134px; padding: 5px 16px 5px 33px;}
.box_search {  width: auto;}
.shop_search_btn {  padding: 4px 8px;}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice { display: inline-block;  }


/*.bodyMobile { background: #fef2b5;}*/
#content_main, #content {/*background:white;*/ }

@keyframes logo{ 0% { transform: translateX(-20px);} 100% { transform: translateX(20px);}}
	
/*********************側邊選單*/
.stellarnav>ul { margin-top: 0; margin-left: 0;}

/*menu*/
.stellarnav .menu-toggle:after { color: #568f41;}
.stellarnav .menu-toggle span.bars span { background: #e3b073;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 10px;}
/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent; color: #5da167}
.stellarnav .icon-close:before, .stellarnav .icon-close:after { border-bottom: solid 3px #ffe5a0;}

/*底色*/
.stellarnav.mobile li a { border-bottom: none;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul 
{ background: #c7b796f0; backdrop-filter: saturate(93%) blur(3px); border-radius: 0 10px 10px 0;}
.stellarnav.mobile > ul > li { border-bottom: 1px #ffffff29 solid;}
.stellarnav > ul > li > a b { color: #ffe6a1;}
.stellarnav.mobile > ul > li > a { padding: 30px;line-height: 36px; }
.stellarnav.mobile > ul > li > a, .stellarnav > ul > li:hover > a { color: white;}
.stellarnav > ul > li:hover > a { background: linear-gradient(90deg, transparent, #63533157, #6353319e, transparent);}

.stellarnav.mobile > ul > li > a.dd-toggle{background: transparent; line-height: 48px;}
.stellarnav.mobile > ul > li > a.dd-toggle::before{background: transparent; width: auto;}

.stellarnav > ul > li > a:before { top: 37%; left: 60%; width: 130px; opacity: 0.2;}

/*第二層*/
.stellarnav.mobile li.open{ background: transparent; padding: 0;}
.stellarnav.mobile ul {  background: transparent;}
.stellarnav.mobile ul ul {margin: 0 15px 15px;}
.stellarnav li li{background: #ffffffdb;}
.stellarnav li li a {padding: 5px 10px; font-size: 15px; border: none;}
.stellarnav li li:hover a { background: #f0dcc7;}
.stellarnav li li:nth-child(even):hover a { background: #c7dbf0;}
.stellarnav li li > a:before {  top: 15px;}
.stellarnav li li:hover > a:before {  top: 15px;}


.stellarnav.mobile li li.has-sub a{ padding: 5px 10px;}
.stellarnav.mobile li li a.dd-toggle {  background: transparent; height: 25px; padding: 0 10px;}
.stellarnav.mobile li.open li.open {  background: transparent; padding: 0;}
.stellarnav.mobile ul ul ul{ margin: 0;}
.stellarnav.mobile ul ul ul li a{ background: #ffffff21;}

.stellarnav a.dd-toggle .icon-plus{ top: 20px;}

/*文字*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 3px #fff;}

/*********************大圖*/
.bannerindex { padding:0; margin:0;}
/*.bannerindex{ margin-bottom: -3px;}*/
#content_main { margin:-5px 0 0;}
	
/*********************footer*/


/*購物車/＝＝＝＝＝*/
.products-list {    }
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
/*順序*/
.product_page .products-list {/* order: -1; */width: calc(100% - 280px);}

/*外層版面*/
.product_page .main_part {    width: 90%;	max-width: 1500px;}
.product_page .show_content {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;width: 100%;}
.product_page .products-list {    width: calc(100% - 280px);  width: 100%; }
.product-layer-two {    width: 250px;    margin: 0;}


.show_content {padding: 0px 0px;}

/*********************功能頁*/
h5.blog_le_t, .blog_le .accordion {display: block; text-align: center;}
h5.blog_le_t em:before {/*  margin: auto;*/}
.module_i_news li { border-bottom: none;}
.module_i_news ul, .blog_subbox, .module_i_news ul, .blog_subbox { /*grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));*/}

.contact_content .information_right {  }
.contact_form li { padding: 5px 0 9px; grid-gap: 1px;}
.contact_form li .form__label { padding: 0px;}


.contact_page>div {
    background-size: 250%;
}

}

@media screen and (max-width: 600px) { 
.banner { min-height: 100px;}
.banner h5:before {font-size: 40px;}
.banner h5 { font-size: 20px;}

.news_list ul li p:after { margin-right: 0;}
.news_list ul li { margin: 10px; background: #ffffff; border: 1px #dbc37861 solid;}

.contact_form li .form__label { background: transparent;}
.footer_info ul { }
.footer:before{height: 50vw; width: 50vw;right: -85px; top: 115px;}

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

@media screen and (max-width: 500px) { 
.footer:before { /*right: -130px;*/}
.footer_info li:nth-child(1) { }

}

@media screen and (max-width: 425px) { 
.banner h5:before {font-size: 30px;}
.banner h5 { font-size: 17px;}

.footer {  animation: shake 30s linear infinite;}

.module_i_news ul, .blog_subbox, .module_i_news ul, .blog_subbox { grid-template-columns: 1fr;}
.separate_title {  padding: 10px 20px;}