@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif+TC:wght@900&family=Oswald:wght@200..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');


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

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

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


#content {
    background: transparent;
}

#content_main:before,
#content:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://pic03.eapple.com.tw/sannystudio/index_bg_02.jpg);
    opacity: 0.2;
    z-index: 0;
    pointer-events: none;
    background-color: #FEFDF8;
    opacity: 0.5;
    z-index: -1;
}

body.services_page #content {
    background-color: #F4F2ED;
    position: relative;

}


#content {
    position: relative;
    overflow: hidden;
}





/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*預設解除背景輪播*/
#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;}

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


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


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




/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
.header_area {   width: 100%;  padding: 0;}
.pageIndex  .header_area { position: fixed;width: 100%;  padding: 0;}




.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%;}
/*主分類按鈕*/
.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: #746457;  color: #ffffff;}
.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: 23px;}/*漢堡紐*/
	.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: 0px;background: #ddd;}
	.stellarnav.mobile li.open li.open > a{background: #d2ab72;}
	.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:before{content: "";width: 0;height: 0;border: 6px solid;
  border-color: #888 transparent transparent transparent;position: absolute;top: 10px;right: 15px;}

	
	.stellarnav > ul > li:last-of-type { padding: 10px 0;  border-bottom: 0; }
	.stellarnav li li:hover > a {   color: #fff;   background: #d2ab72;}
	

}
@media screen and (max-width: 570px){
	.stellarnav .menu-toggle {padding: 16px 10px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/

.stellarnav > ul > li{padding: 35px 5px;}
.stellarnav > ul > li > a {  padding: 0px 10px;  height: 40px; position: relative;  font-size: 14px;  font-weight: 600;  letter-spacing: 1px; color: #333;}
.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 > ul > li:last-of-type > a {  background: #c9c0a4; color: #ffffff;  border-radius: 30px;  width: 135px;  padding-left: 40px;}
.stellarnav > ul > li:last-of-type > a:hover { background: #D0C29D;  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;}
.shop_search_btn {border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0;}
.me_tp_features { display: flex;  width: 100%;  max-width: 350px; text-align: right;  flex-direction: row-reverse;}
.me_tp_features a {  transition: all .3s; margin: unset; width: 26%; margin: 5px 0 0;}


.nav-header {  max-width: 275px;  margin-top: 10px;}
.navigation {   grid-template-columns: 300px 1fr;}








@media screen and (max-width: 1200px){
.stellarnav > ul > li {  padding: 20px 0px;}
.stellarnav > ul > li:last-of-type { margin-left: 0px;}
.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; }
.nav-header {  margin-top: 20px;}


}



@media screen and (max-width: 768px){
.stellarnav > ul > li {  padding: 0px;}
.stellarnav > ul > li:last-of-type > a {  width: 60%;  padding-left: 60px;}
.me_tp_features {      margin-bottom: 10px; margin-top: 10px; }


.stellarnav a.dd-toggle .icon-plus:before {  border-bottom: solid 2px #777;}
.stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 2px #777;}
.nav-brand img {  max-width: 270px;}


.stellarnav .menu-toggle:after {display: none;}

}


@media screen and (max-width: 600px){
.nav-header {  margin-top: 0px;}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
.footer {  background-color: #efe3d340;   padding: 60px 0 0;}
.footer .center{max-width: 1400px;width: 90%;margin: 0 auto;}
.footer_logo > a {
    background: url(https://pic03.eapple.com.tw/sannystudio/logo_col.png) no-repeat;
    display: block;
    width: 185px;
    height: 200px;
    background-size: contain !important;
    background-position: center !important;
}
.footer_logo img{display: none;}
.footer_info {padding-right: 0px;display: flex;justify-content: space-between;}
.footer_info li p, .footer_info li p a {  color: #4b3736;  transition: all .5s;  font-size: 14px;  font-weight: 600 !important;  line-height: 200%;  letter-spacing: 1px;}
.footer_info li p:hover,.footer_info li p a:hover{color: #ccc;}
.footer_menu a {  background: transparent;  border: none;   display: block; color: #4b3736;   margin: 0;  padding: 0;  line-height: 220%;  text-align: right;   position: relative;  text-transform: uppercase;   letter-spacing: 1px;  font-weight: 600 !important;}
.footer_menu a:first-child{display: none;}
.footer_menu a:before{content: "";width: 0;height: 1px;background:rgb(115 115 115 / 90%);transition: all .5s;position: absolute;bottom: 0;right: 0;}
.footer_menu a:hover {  background: transparent;color: rgb(115 115 115 / 90%);}
.footer_menu a:hover:before{width: 100%;}

.footer_info ul {  display: flex; justify-content: space-between; align-items: center;}
.box_link a i{display: none;}
.box_link a.me_tp_call{display: none;}
.box_link a.me_tp_mail{display: none;}

.copy { border-top: none;  text-align: right;  max-width: 1400px;  margin: 0 auto;  padding: 50px 0;  color: #b8ac9b;  font-size: 10px;  width: 90%;  font-weight: 300;}
.copy a { color: #b8ac9b;}
.copy a:hover {  color: #4b3736;}
.footer_info li p.fax:before { content: 'Line ID：';}
.footer_info li:nth-child(1) {  display: flex;   flex-direction: column;  pointer-events: none; cursor: default;}


.footer_info li p.tel:before {  content: '服務專線：';}
.footer_info li p.line:before {  content: '官方 Line ID：';}
.footer_info li p.mail:before { content: '服務信箱：';}
.footer_info li p.add:before {   content: '店家地址：';}
.footer_info li p.add2:before { content: '服務時間：';}


@media screen and (max-width: 1200px){
   .footer_info li {    padding: 10px; }
   
  }

@media screen and (max-width: 768px){
	.footer_info li+li{margin-top: 0;}
	.box_link {  display: none; }	
	.footer_logo > a {   height: 130px;}
	
	
}
@media screen and (max-width: 768px){
	.footer .center {max-width: 450px;}
	.footer_info {  display: flex; flex-direction: column;   align-items: center;   padding: 0 10px; }
	.footer_info li p, .footer_info li p a { text-align: center;}
	.footer_info ul {flex-direction: column;}
	.footer_menu { display: grid;  grid-template-columns: 1fr 1fr 1fr;  justify-content: space-around;}
	.footer_menu a {text-align: center;font-size: 12px;}
	.copy{text-align: center;}
	.total_view {display: inline;}
	.footer_info li+li {  margin-top: 50px;  width: 100%;  }
}









/*-------------------------------------------------------------------------------------------------------------------------------------------------*/


/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*側邊*/
.blog_le{padding: 0 7px;}
h5.blog_le_t{text-align: center;margin-bottom: 0;}
h5.blog_le_t em,h5.blog_le_t span{display: none;}
.blog_search input[type=search]{border-radius: 0;}
.blog_le .accordion {border-radius: 0;}
.accordion li .link a {font-size: 13px;font-weight: 500;letter-spacing: .6rem;text-align: center;}
.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 12px;}
/*分類頁*/
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 200px 1fr;align-items: center;grid-gap: 50px;padding-right: 50px;}
.subbox_item a:before {font-size: 12px;padding: 5px 20px;background: #c1a383;color: #fff;
	bottom: auto;right: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subbox_item a:after {background: rgba(256,256,256,.5);border: none;}
.blog_list_ri h5 {color: #444;font-weight: 400;}
.blog_list_ri em {font-size: 12px;}
.blog_list_ri p {font-weight: 400;letter-spacing: .2rem;line-height: 160%;font-size: 12px;margin-top: 20px;}
/*文章頁*/
h4.blog_category_title {padding: 0;font-size: 20px;letter-spacing: .4rem;margin-bottom: 0;font-weight: 400;}
.blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.toShareNews b{font-size: 12px;font-weight: 400;}
.toShareNews a object{max-width: 20px;}
.articel_mainPic{display: none;}/*清單縮圖*/
.blog_back {grid-gap: 0;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #888;border: 1px solid #888;font-size: 14px;padding: 12px;}
.blog_back a.article_btn_back{background: #888;padding: 12px;}
.news_related {background: transparent;padding: 50px 15px;margin-top: 50px;}
.news_related h6 span:before {font-size: 18px;letter-spacing: .6rem;font-weight: 500;color: #555;}
.news_related_list li a p {padding: 5px 5px 10px;line-height: 1.6;}
.lastPage {background: #c1a383;font-size: 16px;}

@media screen and (max-width: 1024px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 120px 1fr;align-items: start; grid-gap: 30px;padding: 15px 0;}
}
@media screen and (max-width: 768px){
	/*側邊*/
	.blog_le{padding: 0;}
	/*分類頁*/
	.blog_list_ri{padding: 0;}
	.blog_list_ri h5 {font-size: 16px;}
	/*文章頁*/
	.blog_le, .blog_ri{margin-bottom: 50px;}
	.blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back{font-size: 12px;}
	.lastPage{font-size: 12px;}
	
	
}
@media screen and (max-width: 450px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 80px 1fr;grid-gap: 15px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*側邊*/
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {   background: #d6caad !important;}
/*分類頁*/
.blog_subbox {grid-template-columns: 1fr 1fr 1fr;}
.subbox_item a {grid-template-columns: 1fr;grid-gap: 20px;padding-right: 0;}
.subbox_item a:before {background: #d6caad;}
/*首頁*/
.module_i_news{background: url(https://pic03.eapple.com.tw/gdlifecare/article_bg.jpg);padding: 80px 20px;}
.module_i_news .title_i_box {margin-bottom: 10px;}
.module_i_news .title_i_box h6:before{content: "NEWS";font-size: 18px;color: #CC3B89;}
.module_i_news .title_i_box h4{font-size: 42px;color: #444;font-weight: 600;letter-spacing: .4rem;}
.module_i_news section {max-width: 1400px;width: 90%;}
.module_i_news ul {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
.module_i_news li a {grid-template-columns: 1fr;background: #fff;}
.module_i_news li a:after{border: none;background: rgba(256, 256, 256, .5)}
.module_i_news li a:before{font-size: 12px;padding: 5px 20px;background: #2466C1;color: #fff;
    bottom: auto;right: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.i_blog_ri {padding: 10px 15px 25px;}
.i_blog_ri p {font-size: 14px;line-height: 160%;-webkit-line-clamp: 2;}
.i_blog_ri h5{color: #333;}
.animated-arrow {background: #2d66be;}


.subbox_item { background: #ffffff73;  padding: 10px;}

@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;}

h5.blog_le_t em, h5.blog_le_t span {
    display: block;
    text-align: left !important;
    padding-bottom: 5px;
}

}



/*●●●●●●●●●●●●●●●●●●●●●●●●   促銷方案&小撇步文章分享   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*首頁*/
.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;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/





/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿管理(有分類)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*分類頁面*/
.overlay {-webkit-transform: scale(1);transform: scale(1);background: rgb(85 85 85 / 50%);}
.show-list {grid-template-columns: repeat(3, 1fr);}
.show-list .item a{position: relative;}
.show-list .item a:before{content: "VIEW   +";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
border-bottom: 2px solid #ccc;font-size: 12px;max-width: 100px;color: #fff;height: 0;overflow: hidden;opacity: 0;
transition: all .5s;transition-delay: 0s;}
.show-list .item a:hover:before{opacity: 1;height: 25px;padding-bottom: 10px;transition: all .5s;
	transition-delay: .3s;z-index: 100;}
.show-list .show_name {font-weight: 400;text-align: center;color: #888;letter-spacing: .6rem;font-size: 14px;}
.show-list .item:hover .show_name {color: #333;}
/*相簿頁面*/
.subalbum-menu{padding: 0;}
.subalbum-menu h2 {font-size: 16px;font-weight: 400;color: #555;padding: 8px 20px;text-align: center;
	display: block;line-height: 1.2;border-radius: 5px;letter-spacing: .4rem;}
.other_subalbum li a p {background: rgb(85 85 85 / 50%);color: #fff;text-align: center;font-weight: 300;
    font-size: 14px;padding: 10px;letter-spacing: .6rem;position: absolute;bottom: 0;left: 0;width: 100%;}
.album_fixed_title{background: transparent;}
.other_album_choice li {background: #aaa;}
.other_album_choice li a {color: #fff;font-size: 12px;}
/*相本頁面*/
.album_descrip p{font-size: 14px;line-height: 180%;}
/*首頁*/
.module_i_album {padding: 80px 20px;background: linear-gradient(0deg, #d9d9d9, #f7f7f7);}
.module_i_album .title_i_box {margin-bottom: 20px;}
.module_i_album .title_i_box h6:before{content: "PORTFOLIO";font-size: 18px;color: #888;font-weight: 400;}
.module_i_album .title_i_box h4 {font-size: 20px;letter-spacing: .4rem;margin-top: 5px;color: #888;}
.module_i_album section {max-width: 1600px;}
.i_album_list {grid-template-columns: repeat(3, 1fr);}
.i_album_list li a p {height: 60px;background: rgb(85 85 85 / 50%);color: #fff;padding: 10px;font-size: 14px;}
.i_album_list li a p span {font-size: 14px;letter-spacing: .4rem;font-weight: 300;width: 100%;padding-left: 20px;text-align: left;}
.i_album_list li a p span:after{content: "VIEW   +";display: block;border-bottom: 2px solid #ccc;font-size: 12px;max-width: 100px;
height: 0;overflow: hidden;opacity: 0;transition: all .5s;transition-delay: 0s;}
.i_album_list li a:hover p span{font-size: 18px;}
.i_album_list li a:hover p span:after{opacity: 1;height: 25px;margin-top: 20px;padding-bottom: 10px;transition-delay: .3s;}


@media screen and (max-width: 1024px){
	/*分類頁面*/
	.show-list {grid-template-columns: repeat(2, 1fr);}
	/*首頁*/
	.i_album_list {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 500px){
	/*分類頁面*/
	.show-list {grid-template-columns: repeat(1, 1fr);}
	/*首頁*/
	.i_album_list {grid-template-columns: repeat(1, 1fr);}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*整體設定*/
.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: #d2ab72;  border: 1px solid #d2ab72;}
.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;     font-size: 14px;}
.products-list .price b.ori_price {  font-size: 12px;}

/*外層版面*/
.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: #d2ab72;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #d2ab72; 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: #aba07d;
  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_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #ada17e;}
.lastaction {  color: #1c2e60;  background-color: #e2e2e2;}
.nextaction {  background-color: #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) {  display: none;}
/*.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: 22px; color: #070101; font-weight: 500;}
.prod_related {padding: 70px 15px 50px 15px; }
.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; }
.products-list .item {    width: 32%;}

@media screen and (max-width: 1200px) {
  /*購物車/＝＝＝＝＝*/
  .products-list { grid-template-columns: 1fr 1fr;}
  .me_tp_features {padding-right: 0px; display: none;}
  .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%;}
.products-list .item {  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/＝＝＝＝＝*/
.banner {   background: url(https://pic03.eapple.com.tw/sannystudio/bannerC.jpg) no-repeat;   background-size: cover;    text-align: right;   padding: 180px 0 180px;}
.banner h5{ font-size: 22px;color: #4b3736;position: relative;  letter-spacing: 2px;}

.banner h5::after {
    position: absolute;
    content: "";
    font-size: 60px;
    font-family: "Abel", sans-serif;
    font-weight: 400;
    color: #c9c0a41f;
    right: 0%;
    top: -40px;
    letter-spacing: 5px;
}

/*.blog_page .banner{background-size: cover!important;; background: url(https://pic03.eapple.com.tw/sannystudio/bannerA.jpg) no-repeat;  }*/
.blog_page .banner h5::after{content: "NEWS";right:unset; left: 50%; transform: translateX(-50%);}


.album_class_page .banner h5::after, .album_info_page .banner h5::after{content: " PORTFOLIO"; right:unset; left: 50%; transform: translateX(-50%);}
.album_info_pagee .banner h5::after, .album_info_page .banner h5::after{content: " PORTFOLIO"; right:unset; left: 50%; transform: translateX(-50%);}
.album_page .banner h5::before, .album_info_page .banner h5::before { right:unset; left: 50%; transform: translateX(-50%);}



@media screen and (max-width: 768px) {
.banner {
    background: url(https://pic03.eapple.com.tw/sannystudio/bannerC.jpg) no-repeat;
    background-size: cover;
    background-position: bottom 10% right 10%;
    text-align: right;
    padding: 120px 0 120px;
}}



/*●●●●●●●●●●●●●●●●●●●●●●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*麵包屑*/
.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;}
}

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