@charset "utf-8";
/*網站全域設定/＝＝＝＝＝*/
/*
  #ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781; /*網站輔助色系2*/


/*新版浮動隱藏*/
.info_fix>span {display: none;}

/*Header/＝＝＝＝＝*/
  .main_header_area .container { max-width: 90%;}
  .navigation { padding: 15px 0 15px 210px;}
  
  /*Header其他頁面*/
  .main_header_area {
    background: #fff;
  }
  
  /*第一層*/
  .stellarnav > ul > li{overflow:inherit;}
  .stellarnav > ul > li > a{
    color: #757575;
    letter-spacing: 0.1rem;
    line-height: 220%;
    transition:all 0.3s;
    padding: 0 5px;
    margin: 0 10px;
    font-weight: bold;
  }
  .stellarnav > ul > li:hover > a{
    color: #d7a8ff;
  }
  .stellarnav li.has-sub > a:after{
    content:none;
  }
  .stellarnav > ul > li > a::before{
    content: "";
    position: absolute;
    width: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    transform: translateX(0);
    display: block;
    background-color: #F1E1FF;
    transition: all .9s ease;
  }
  .stellarnav > ul > li:hover > a::before {
    width: 100%;
    left: 0;
  }
  
  /*第二層*/
  .stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 7px 5px;    transition: all 0.3s;border-left:1px solid transparent;}
  .stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: var(--MainColor);	padding-left:10px;border-color:var(--MainColor) ;}
  .stellarnav > ul >li >ul{    left: 50%;transform: translateX(-50%);}

  /*隱藏輔助選單*/
  .me_tp_features a span , .tp_links{display: none;}

/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*/
/* .pageIndex .header_area .nav-brand{max-width: 190px;} */
/* .pageIndex .header_area.sticky .nav-brand{max-width: 75px;} */
/* .pageIndex .header_area .main_header_area{  background: transparent; transition: all 0.5s ease;} */
.pageIndex .header_area.sticky .main_header_area{  
    background: #fff;     
    width: 100%;
  }
  .pageIndex .header_area{ 
    position: relative; 
    width: 100%; 
  }
  .pageIndex .header_area.sticky {  width: 100%;  margin: 0;}


/*隱藏購物車搜尋欄*//*
.box_search{display:none;}
/*隱藏購物車*//*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*//*
.me_tp_features a.tp_btn_notice{display: none;}
/*隱藏選單按鈕連結*//*
.tp_links{display: none;}

/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;    width: 100%;}

/*Footer/＝＝＝＝＝*/
/*footer*/
.footer { padding: 10px 0 0px;  background: #ffffff;  border-top: 2px #F1E1FF solid;}
.footer_logo { max-width: 100%;} 
.footer_logo img {  display: none;}
.footer_info {  padding: 0; }
.footer_info ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.footer_info li { padding: 18px 6px;}
.footer_info li p { width: 320px;}
.footer_info li:nth-child(1) {  padding: 5px 6px 5px 19px;}
.footer_info li:nth-child(2) {  display: flex; justify-content: flex-end;}
.footer_info li h6{
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 10px;
}
.footer_menu { width: 66%;}
.footer_menu a {
  letter-spacing: 1px;
  border: 1px #d7a8ff solid;
  color: #c07cf9;
  background: none;
  padding: 8px 8px;
  text-align: center;
  width: 130px;
}
.footer_menu a:hover {
  border: 1px #d7a8ff solid;
  color: #ffffff;
  background: #d7a8ff;
}

/*版權*/
.copy {
  color: #fff;
  border-top: 1px #d7a8ff solid;
  background: #d7a8ff;
}
.copy a { color: #fff; }
.copy a:hover { color: #fff; }

@media screen and (max-width: 1024px) {
    .footer_menu { width: 48%;  }
    .footer_logo { margin-bottom: 0px;}
    .footer_info li p { width: 100%;}
    .footer_info li:nth-child(1) { width: 50%;}
}

@media screen and (max-width: 893px) {
    .footer_menu { width: 58%;  }
}


@media screen and (max-width: 768px){
    .footer_logo img { max-width: 83%; }
    .footer_info ul {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: unset;
    }
    .footer_info li:nth-child(1) {   width: 100%;}
    .footer_info li:nth-child(2) {  justify-content: center;    }
    .footer_menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 375px){
.footer_menu { width: 93%;}
}

/*隱藏footer右邊按鈕*/
.box_link a { display: none;}

/*Logo/＝＝＝＝＝*/
.nav-brand {    width: 100%;max-width: 265px;transition:all 0.3s;}
.header_area .nav-brand {  transition: all 0.3s;    margin-top: 10px;}
.header_area.sticky .nav-brand{}


/*按鈕/＝＝＝＝＝*/
.animated-arrow {    background: #c9bbea;}

/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#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;}
}

/*Banner/＝＝＝＝＝*/

.banner {
  background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 18vw;
  background-size: cover;
  background-position-x: 50%;
}
.banner h5 {
  font-size: 30px;
  color: #ffffff;
  padding-top: 90px;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #565656;
  text-align: center;
}

/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path p a:hover {    color: #fcafad;}
/*頁碼＝＝*/
.page {    width: 100%;    margin: 40px auto;    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;}
.page li {    display: flex;    margin: 3px;    width: 30px;    height: 30px;    line-height:30px;    align-items: center;    justify-content: center;}
.page li a {    display: block;    width: inherit;    height: inherit;    line-height: inherit;    padding: 0;    transition:all 0.3s;}
.page strong, .page a:hover {    background: #ADA17E;border: 1px solid #ADA17E;}

/*購物車相簿*/
/*產品列表*/
.products-list .item a {
  max-width: unset;}
.products-list .name {
  text-align: center;}
.products-list .pic img {
  display: block;
  max-width: unset;}

.products-list .item a:hover .more {
  background: #ade4c7;
  color: #fff;
  letter-spacing: 2px;
}
.products-list .more {
  color: #5dcd9d;
  border: 1px solid #88ebc1 !important;
}

.products-list .pic {width: 300px;}
.products-list .item {width: 30%;}
.products-list .pic img {
  max-width: 100%;
  /* max-height: 300px; */
}


/*產品內頁*/
.accordion-item:last-child, 
.accordion-thumb, 
.sidebarBtn, 
#bx-pager h6{
  display: none;}
.accordion-panel{
  display: block !important;}
.accordion-panel img{
  max-width: 100%;
  display: block;
  margin: 20px auto;}
.product_main{
  padding: 0;}
.product_pic {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  max-width: 100%;
  margin: auto;
  padding-left: 0px;}
.product_pic .bx-wrapper{
  display: block;
  padding: 0 0 0 5px;
  margin: 0;
}
.product_pic .bx-wrapper .bx-viewport{
  max-width: 850px;}
.product_pic #bx-pager {
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: space-between;
  margin-left: 0;
  position: relative;
  padding: 0;
  top: 0;}
.product_pic #bx-pager a {
  width: 120px;
  height: auto;
  margin: 0 auto;}
.product_pic #bx-pager a img {display: block;}
.product_main {
  display: block;
  margin: auto;
  width: 100%;
  padding: 30px 0;}
.lastPage{
  background: #ADADAD;}
.accordion-panel img {
  width: 100% !important;
  height: 100% !important;}

.lastaction {
  color: #6f6f6f;
  background-color: #e8e4d8;
  background: linear-gradient(to left, #e8e3f7, #c2f2d9);
}
.nextaction {
  color: #6f6f6f;
  background-position: right bottom;
  background: linear-gradient(to left, #c2f2d9, #e8e3f7);
}

.lastPage {
  background: #d0b0fc;
}

.prod_related {
  background: #fbf7ff;
  padding: 25px 15px;
}
.product-layer-two li a {
  position: relative;
  border: 1px #fff solid;
  background: #d0b0fc;
  padding: 7px 16px;
  display: block;
  font-size: 16px;
  color: #ffffff;
}


/*購物車預覽-直式*/
.product_pic {flex-direction: row;flex-wrap: wrap;}
.product_pic #bx-pager {flex-direction: row;width: 80%;margin: 0 auto;}
.product_pic .bx-wrapper .bx-viewport {margin: 0 auto;}

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 28px;}
h4.blog_category_title span{font-size: 24px;}

/*文章管理/外層＝＝*/
.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;}
.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 正方形 */
.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%);}
/*側邊*/
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: #d0b0fc !important;}
.submenu a:hover {    background: #cbc0a0;}
/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr;}
.module_i_news .title_i_box h6 {
  font-size: 45px;
  color: #c9bbec;
  font-family: Brush Script Std;
}

.module_i_news .title_i_box h4 {
  font-size: 24px;
  color: #454545;
  font-weight: bold;
  letter-spacing: 1px;
}
.module_i_news {
  padding: 50px 20px;
  background: #f8f2fc;
}

/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
.blog_subbox:before{content:none;}
/*文章管理/內層＝＝*/
.blog_back a.article_btn_back{background: #8ec9b0;}
.blog_back a.article_btn_prev {
  background: #d0b0fc;
}
.blog_back a.article_btn_next {
  background: #d0b0fc;
}

/*相簿/＝＝＝＝＝*/
/*作品展示*/
.work_page .main_part , .work_class_page .main_part, .work_info_page .main_part{    max-width: 1400px; width: 90%;    margin: 0 auto;}
/*相簿管理*/
.album_page .main_part , .album_class_page .main_part, .album_info_page .main_part{    max-width: 1400px; width: 90%;    margin: 0 auto;}
/*版面*/
ul.show-list, .other_subalbum, ul.pic-list {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 20px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {    z-index: 1;}
.show-list .item , .other_subalbum li , .pic-list .item{width: 100%;margin:0;padding:5px;}
.show-list .show_pic , .other_subalbum li a div , .pic-list .show_pic{    display: block;    position: relative;    overflow: hidden;    height: 0;}
.show-list .show_pic , .other_subalbum li a div , .pic-list .show_pic    {    padding-bottom: 75%;}/*相簿圖片長寬比例，75% →100:75 = 4:3 */
.show-list .show_pic img , .other_subalbum li a img, .pic-list .show_pic 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%);}

.show-list .item:hover .show_name {    color: #d0b0fc;}
.show-list .show_name {
  font-size: 18px;
  color: #858585;
  letter-spacing: 0.15em;
  line-height: 1.5;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 26px;
}
.other_album_choice li {    background: #d0b0fc;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 24px;}
.other_subalbum li p {    margin-top: 10px;}
/**/

/*促銷方案/＝＝＝＝＝*/
.news_part {    width: 90%;}
.news_list ul li a:hover {    background: #f9f9f9;}
.news_list ul li p:after {    background: #ADA17E;    padding: 3px 5px;    border-radius: 5px;    color: #fff;}

.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#ADA17E;}

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {    background: #d6a8fc;}
.contact_form li.last cite {background: #d6a8fc;}
.contact_form li.last blockquote, .contact_form li.last cite {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  padding: 7px;
  text-align: center;
  border: 1px #d6a8fc solid;
  width: 150px;
}

/*會員/＝＝＝＝＝*/
.send_simple{background-color: #ADA17E;}
.rewrite_simple{background-color: #cbc0a0;}
.member_title p {    border-top: 2px #ADA17E solid;}
.login_mem_submit{background: #ADA17E;}
.login_mem_other_link a{color: #ADA17E;}
.member_login_regist a{background: #ADA17E;}
.mem_regist_title_s {    background: #cbc0a0;    color: #fff;}



/*RWD1700/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 1700px) {
  .banner {
    background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
    background-position: center;
    width: 100%;
    height: 18vw;
    background-size: cover;
    background-position-x: 50%;
  }
  .banner h5 {
    font-size: 30px;
    color: #ffffff;
    padding-top: 70px;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 2px 2px 10px #565656;
    text-align: center;
  }
  }

/*RWD1400/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 1400px) {
.banner {
  background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 18vw;
  background-size: cover;
  background-position-x: 50%;
}
.banner h5 {
  font-size: 30px;
  color: #ffffff;
  padding-top: 38px;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #565656;
  text-align: center;
}
}

/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}
}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 10px;}
/*Logo/＝＝＝＝＝*/
.header_area .nav-brand{max-width: 100px;}
.header_area.sticky .nav-brand{max-width: 0;}

/*文章管理/＝＝＝＝＝*/
.module_i_news ul{grid-template-columns:1fr 1fr;}

/*購物車/＝＝＝＝＝*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}

.banner h5 {
  font-size: 30px;
  color: #ffffff;
  padding-top: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #565656;
  text-align: center;
}

}

/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {
/*文章管理/＝＝＝＝＝*/
.blog_subbox{grid-template-columns:1fr 1fr;}


/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}

}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/
/*首頁固定選單*//*
.pageIndex .header_area{position: position:relative;}

/*側邊選單/＝＝＝＝＝*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 10px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}
.stellarnav > ul > li > a::before{display: none;}

.stellarnav.mobile li.open {
  background: #ffffff;
  padding: 3px;
}

/*漢堡*/
.stellarnav .menu-toggle {
  padding: 25px 10px;
}

/*Logo/＝＝＝＝＝*/
.nav-brand{ margin-top: 10px;}
.header_area .nav-brand{max-width: 200px;}
.header_area.sticky .nav-brand{max-width: 200px;}

/*Footer/＝＝＝＝＝*/
#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
.footer_info {    justify-content: center;}
.footer_logo {    text-align: center;}

/*Banner/＝＝＝＝＝*/
.banner {
  background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 28vw;
  background-size: cover;
  background-position-x: 50%;
}
.banner h5 {
  font-size: 25px;
  color: #ffffff;
  padding-top: 25px;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #565656;
  text-align: center;
}


/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
.products-list .item {width: 100%;}
.products-list .pic {
  width: 100%;
  height: 300px;
}

/*順序*/
.product_page .products-list {   order: -1;}

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}

/*相簿/＝＝＝＝＝*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}

}

/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
/*Footer/＝＝＝＝＝*/
.box_link {    text-align: center;}

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 24px;}

/*購物車/＝＝＝＝＝*/
.prod_related h6 span:before{font-size: 20px;}

/*文章管理/＝＝＝＝＝*/
.module_i_news ul , .blog_subbox{grid-template-columns:1fr;}
.i_blog_le, .blog_list_le {    padding-bottom: 75%;}
h4.blog_category_title{font-size: 20px;}
h4.blog_category_title span{font-size: 18px;}

/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr;}
.mobile_product_name{font-size: 18px;}
.subalbum-menu h2{    font-size: 18px;}

/*促銷方案/＝＝＝＝＝*/
.news_list ul li p:after {    width: fit-content;    margin: 10px auto 0;}
}

/*RWD480/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 480px) {
  /*購物車/＝＝＝＝＝*/
  .products-list , .product_page .products-list  {    grid-template-columns: 1fr;}
  
  .banner {
    background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
    background-position: center;
    width: 100%;
    height: 40vw;
    background-size: cover;
    background-position-x: 50%;
  }
  .banner h5 {
    font-size: 25px;
    color: #ffffff;
    padding-top: 0px;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 2px 2px 10px #565656;
    text-align: center;
}
}


/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 375px) {
/*購物車/＝＝＝＝＝*/
.products-list , .product_page .products-list  {    grid-template-columns: 1fr;}

.banner {
  background: url(https://pic03.eapple.com.tw/sogood/bn01.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 40vw;
  background-size: cover;
  background-position-x: 50%;
}
.banner h5 {
  font-size: 25px;
  color: #ffffff;
  padding-top: 0px;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #565656;
  text-align: center;
}
}

/*20241009派工單修改*/
.product-layer-two{display: none;}

/*20250113派工單修改*/

/*隱藏購物車按鈕*/
.stellarnav > ul > li:nth-of-type(1) {  display: none;  }
  /*隱藏最新消息下拉*/
  .stellarnav > ul li:nth-of-type(3) ul > li {   display: none;　}