@charset "utf-8";

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

::-webkit-scrollbar {width: 10px;background: #283731;}
::-webkit-scrollbar-thumb {background: #B99E52;border-radius: 10px;}
::-webkit-scrollbar-track {background: #283731;}

body.pageIndex {overflow: hidden;animation: HsNoScroll 7s ease-in-out forwards;}
@keyframes HsNoScroll {
  0%, 99% {overflow: hidden;}
  100% {overflow: auto;}
}

@keyframes fadeInBlur {
  0% { opacity: 0; filter: blur(20px); transform: scale(0.92); }
  30%, 60% { opacity: 1; filter: blur(0px); transform: scale(1); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.92); }
}
@keyframes fadeOutBlackGold {
  0% { opacity: 1; visibility: visible;}
  70% { opacity: 1; visibility: visible;}
  99% { visibility: visible; }
  100% { opacity: 0; visibility: hidden; display: none;}
}

.loader-wrapper {position: fixed;inset: 0;background-color: #283731; display: flex;justify-content: center;align-items: center;
    z-index: 9999999;animation: fadeOutBlackGold 9s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
.loader-container {position: relative;display: flex;justify-content: center;align-items: center;}
.loader-container > img {position: absolute;width: 100px;opacity: 0;animation: fadeInBlur 4s ease-in-out forwards;animation-delay: 3s;}
.loader-container h2 {animation: fadeInBlur 3.5s ease-in-out forwards;}
.loader-container h2 img {width: 100px;}
.other_page .loader-wrapper, .services_page .loader-wrapper, .blog_page.article_a .loader-wrapper, 
.blog_page.article_b .loader-wrapper, .album_class_page.album_a .loader-wrapper, .contact_page .loader-wrapper {display: none;}

@media screen and (max-width: 768px) {
.loader-container h2 {text-align: center;}
}

/*預設解除背景輪播*/
.path {display: none;}
.bannerindex {position: relative;}
#content_main {margin-top: 0;}
.pageIndex .edit_part {padding: 0;}
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 1024px) {
.bannerindex {aspect-ratio: 2 / 1;height: unset;}
}

/*網站統一設定*/
.main_part {max-width: 90%;padding: 100px 0;width: 90%;}
.show_content {padding: 0;}
.page {margin: 50px auto;color: #000000;gap: 5px;}
.page li {margin: 0;display: flex;width: 30px;height: 30px;line-height: 30px;
justify-content: center;align-items: center;align-content: center;text-align: center;border-radius: 50px;transition: .6s;}
.page li a, .page li strong {width: 30px;height: 30px;line-height: 30px;color: #000000;}
.page strong, .page a:hover {background: #000000;color: #ffffff;}
.page li.activeN {background: #000000;color: #ffffff;}

.animated-arrow {background: #fff;color: #293832;border: 1px #293832 solid;display: inline-flex;margin-top: 100px;width: 150px;
  align-items: center;justify-content: center;}
.animated-arrow b {font-weight: normal;}
.animated-arrow i {display: none;}
.animated-arrow:hover {background: #293832;color: #ffffff;}


@media screen and (max-width: 1024px) {
.main_part {padding: 80px 0;}
.page {font-size: 15px;gap: 3px;}
.animated-arrow {margin-top: 50px;}
}
@media screen and (max-width: 768px) {
.main_part {padding: 60px 0;}
.page {font-size: 14px;gap: 2px;}
.animated-arrow b {font-size: 15px;}
}
@media screen and (max-width: 425px) {
.main_part {max-width: 80%;padding: 50px 0;}
.page {font-size: 13px;gap: 0;}
.animated-arrow b {font-size: 14px;}
}

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

@keyframes pageFadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/*HEADER*/
.pageIndex .header_area {position: fixed;background: #293832e6;transition: .6s;}
.header_area {position: sticky;top: 0;padding: 0;background: #293832;transition: .6s;}
.header_area.sticky {background:#293832e6;transition: .6s;}
.main_header_area .container {max-width: 90%;width: 90%;transition: .6s;}
.navigation {grid-template-columns: 200px 1fr;grid-gap: 30px;align-items: center;transition: .6s;}
.me_tp_features {display: none;}

/*LOGO*/
.nav-header {grid-row: 1;padding: 12px 0;max-width: 180px;position: relative;transition: 0.3s ease;}
.nav-brand {display: flex;transition: .6s;}

/*選單*/
.stellarnav {text-align: right;position: relative;transition: 0.3s ease;}
.stellarnav > ul {width: 100%; max-width: 970px; display: inline-grid; grid-template-columns: repeat(6, 1fr);letter-spacing: 0.05em;}
.stellarnav > ul > li:nth-of-type(1) {display: none;transition: .6s;}
.stellarnav > ul > li:nth-of-type(2) {border-left: unset;transition: .6s;}
.stellarnav > ul > li+li {border-left: 1px solid #ffffff33;transition: .6s;}

.stellarnav > ul > li > a {padding: 0 10px;color: #ffffff;display: block;font-size: 16px;line-height: 1;margin: 0;}
.stellarnav > ul > li.has-sub > a {padding-right: 10px;}
.stellarnav li.has-sub > a:after {display: none;}
.stellarnav > ul > li > a b {font-weight: 300;min-width: 130px;transition: .6s;}

/*下拉選單*/
.stellarnav ul > li > ul.news_classes, .stellarnav ul > li > ul.album_classes {top: 146%;width: 100%;transform: translate(-50%);
  left: 50%;background: #B99E52;}
.stellarnav ul > li > ul.news_classes li, .stellarnav ul > li > ul.album_classes li {border: none;transition: .6s;}
.stellarnav ul > li > ul.news_classes li+li, .stellarnav ul > li > ul.album_classes li+li {border-top: 1px solid #9f8b52;transition: .6s;}
.stellarnav ul > li > ul.news_classes li > a, .stellarnav ul > li > ul.album_classes li > a {padding: 12px 5px;text-align: center;
  font-size: 14px;color: #ffffff;transition: .6s;}
.stellarnav ul > li > ul.news_classes li:hover > a, .stellarnav ul > li > ul.album_classes li:hover > a {background: #293832;transition: .6s;}

@media screen and (max-width: 1325px) {
.main_header_area .container {max-width: 95%;}
}
@media screen and (max-width: 1255px) {
.navigation {grid-template-columns: 150px 1fr;}
.nav-header {max-width: 150px;}
}
@media screen and (max-width: 1200px) {
.pageIndex .header_area {position: sticky;top: 0;background: #293832;}
.main_header_area .container {max-width: 100%;padding-bottom: 10px;}
.navigation {grid-template-columns: 1fr;grid-gap: 15px;justify-items: center;}
.nav-header {padding: 15px 0;}
.stellarnav {text-align: center;}
.stellarnav > ul {max-width: 100%;text-align: center;}
.stellarnav ul > li > ul.news_classes {top: 130%;}
}
@media screen and (max-width: 1024px) {
.stellarnav > ul {letter-spacing: 0.03em;}
.stellarnav > ul > li > a {padding: 0 5px;font-size: 15px;height: 35px;}
.stellarnav > ul > li.has-sub > a {padding-right: 5px;}
.stellarnav > ul > li > a b {line-height: 35px;height: 35px;min-width: 115px;}
.stellarnav > ul > li > a b:nth-of-type(2) {font-size: 14px;}
.stellarnav > ul > li > a:hover b {transform: translateY(-35px);-webkit-transform: translateY(-35px);-moz-transform: translateY(-35px);}
.stellarnav ul > li > ul.news_classes {top: 135%;}
}
@media screen and (max-width: 960px) {
.stellarnav > ul > li > a {font-size: 14px;}
.stellarnav > ul > li > a b {min-width: 105px;}
}
@media screen and (max-width: 768px) {
.header_area {position: sticky;top: 0;background: #293832;}
.main_header_area .container {padding-bottom: 0;}
.nav-header {max-width: 120px;opacity: 1;top: 0;}

.stellarnav {opacity: 1;}
.stellarnav.mobile {height: 100%;display: inline-flex;justify-content: center;align-items: center;}
.stellarnav .menu-toggle:after {display: none;}
.stellarnav.mobile > a.menu-toggle {padding: 0 30px;}
.stellarnav .menu-toggle span.bars span {width: 25px;height: 1px;background: #ffffff;margin: 0 auto 5px;}
.stellarnav.mobile.left > ul {left: -100%; width: 100%;max-width: 50%;opacity: 0;border: unset;
	background: linear-gradient(0deg, black, #283731);transition: left 1s ease, opacity 1s ease;}
.stellarnav.mobile.left.active > ul {left: 0%; opacity: 1;transition: left 1s ease, opacity 1s ease;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {font-size: 0;background: unset;padding: 0;}
.stellarnav .icon-close {box-sizing: border-box;width: 15px;padding: 25px;background: #000;height: 10px;
    position: relative;display: inline-flex;justify-content: center;align-items: center;margin-right: -2px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after, 
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {
	width: 15px;border-bottom: solid 2px #ffffff;border-radius: 3px;}
.stellarnav.mobile > ul > li {width: 100%;margin-left: auto;padding-left: 10%;border-bottom: 1px solid #00000033;}
.stellarnav > ul > li+li {border-left: unset;}
.stellarnav.mobile > ul > li > a:before {content: '';position: absolute;transform: translateY(-50%);left:0;top: 50%;width: 5px;
	height: 50%;background: #B99E52;}
.stellarnav.mobile > ul > li > a, .stellarnav.mobile > ul > li.has-sub > a {line-height: 100%;padding:22px 25px;width: 100%;
	display: flex;flex-direction: column;align-items: flex-start;gap: 10px;border-bottom: unset;}
.stellarnav.mobile > ul > li > a b {min-width: 100%;line-height: 100%;}

.stellarnav.mobile > ul > li > a.dd-toggle {display: none;}
.stellarnav ul > li > ul.news_classes {display: block !important;top: auto;background: unset;border: unset;padding-left: 25px;
	margin-bottom: 25px;}
.stellarnav.mobile ul > li > ul.news_classes li+li {border-top: unset;margin-top: 10px;}
.stellarnav.mobile ul > li > ul.news_classes li > a {padding: 8px 20px;text-align: left;border-bottom: unset;line-height: 1;
	border-left: 1px solid #ffffff80;}
}
@media screen and (max-width: 600px) {
.stellarnav.mobile.left > ul {max-width: 80%;}
}
@media screen and (max-width: 450px) {
.nav-header {max-width: 100px;}
.stellarnav .menu-toggle span.bars span {width: 20px;margin: 0 auto 3px;}
.stellarnav.mobile.left > ul {max-width: 100%;}
}


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

/*大圖*/
@-webkit-keyframes totop {
	0% {transform: translateY(20px);opacity: 0;}
	100% {transform: translateY(0px);opacity: 1;}
}
@keyframes totop {
	0% {transform: translateY(20px);opacity: 0;}
	100% {transform: translateY(0px);opacity: 1;}
}
.BannerHome04 {position: relative;top: 0;left: 0;width: 100%;height: auto;overflow: hidden;}
.BannerHome04 .swiperBan04, .BannerHome04 .swiperBan04 .swiper-slide {height: 0vh !important;}
.BannerHome04 > a {height: 100% !important;width: 100%;aspect-ratio: 16 / 9;}

.BannerHome04:before {content:'Stosa. The kitchen that speaks about you.';position: absolute;font-size: 20px;
  font-family: 'Outfit';font-weight: 200;color: #fff;text-transform: uppercase;width: 100%;top: 25%;left: 0;text-align: center;
  letter-spacing: 0.5em;filter: drop-shadow(2px 2px 5px #000000b4);opacity: 0;}

.BannerHome04:before {
    -webkit-animation: totop 2s cubic-bezier(0.73, 0.08, 0.11, 0.99) 4s forwards;
    animation: totop 2s cubic-bezier(0.73, 0.08, 0.11, 0.99) 4s forwards;}

#HomeBan_scroll_down {bottom: 15%;z-index: 24;}
#HomeBan_scroll_down a {height: unset !important;}

@media screen and (max-width: 1440px) {
.BannerHome04 > a {height: 56vw !important;}
#HomeBan_scroll_down {bottom: 5%;}
}
@media screen and (max-width: 1200px) {
.BannerHome04:before {font-size: 1.5vw;}
}
@media screen and (max-width: 1024px) {
.BannerHome04 > a  {height: 80vw !important;}
.BannerHome04 > a video {width: 100%;aspect-ratio: 5 / 4;object-fit: cover;}
}
@media screen and (max-width: 768px) {
#HomeBan_scroll_down a em {height: 40px;border: 1px solid var(--FixHomeScrollColor02);}
#HomeBan_scroll_down a em::before {width: 3px;height: 3px;margin-left: -1.5px;}
}
@media screen and (max-width: 400px) {
#HomeBan_scroll_down {width: 15px;}
#HomeBan_scroll_down a em {height: 30px;}
#HomeBan_scroll_down a em::before {top: 0px;}
}

/*內頁BANNER 設定*/
.banner {display: none;padding: 0 0 10vh;background: #2a3832;min-height: 40vh;align-content: end;}
.banner h5 {display: flex;flex-wrap: wrap;flex-direction: column;
  width: 90%;text-align: center;font-size: 33px;font-weight: 400;letter-spacing: 0.05em;color: #b09655;}

.banner h5:before {content: '';display: block;color: #fff;font-size: 18px;font-weight: 500;line-height: 2;order: 1;}
.other_page .banner h5:before {content: '關於我們';}
.services_page .banner h5:before {content: '服務項目';}
.blog_page.article_a .banner h5:before, .blog_in_page.article_a .banner h5:before {content: '最新消息';}
.blog_page.article_b .banner h5:before, .blog_in_page.article_b .banner h5:before {content: '歆學堂';}
.banner.banE h5:before {content: '精選作品';}
.banner.banC h5:before {content: '聯絡我們';}

.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}
.banner.banDesign {}

@media screen and (max-width: 1200px) {
.banner {min-height: 45vh;}
.banner h5 {font-size: 28px;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
.banner {padding: 0px 0 8vh;min-height: 25vh;}
.banner h5 {font-size: 25px;}
.banner h5:before {font-size: 17px;}
}
@media screen and (max-width: 600px) {
.banner h5 {font-size: 23px;}
.banner h5:before {font-size: 16px;}
}
@media screen and (max-width: 450px) {
.banner {padding: 0px 0 5vh;min-height: 18vh;}
.banner h5 {font-size: 22px;}
.banner h5:before {font-size: 15px;}
}

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

/*FOOTER*/
.footer {padding: 0;font-size: unset;background: #283731;}
.footer .center {max-width: 90%;}

.footer_info {position: relative;padding: 80px 0 0;grid-template-columns: 1fr;grid-gap:0; padding-right: 0;}
.footer_logo {display: inline-flex;vertical-align: top;max-width: 100%;margin: 0;flex-direction: row;
	justify-content: space-between;align-items: flex-end;}
.footer_logo > a {max-width: 160px;}
/*.footer_logo img {filter: brightness(10);}*/
.box_link {position: relative;top: 0;right: 0;width: auto;max-width: 100%;display: flex;justify-content: center;align-items: center;
    flex-direction: row;max-height: 100%;flex-wrap: nowrap;gap: 8px;display: none;}
.box_link a {display: flex;width: 35px;height: 35px;border: unset;border-radius: 5px;padding: 5px 5px 3px;font-size: 20px;transition: .6s;
	text-align: center;line-height: 1;margin: 0;color: #B99E52;background: #4b5751;justify-content: center;align-items: center;}
.box_link a:hover {background: #fff;transition: .6s;}

.footer_info ul {display: flex;width: 50%;min-height: 160px;align-items: flex-start;justify-content: space-between;gap: 20px;    
  padding: 0 0 30px;margin: 35px 0;border-bottom: 1px solid #52665c;}
.footer_info li {padding: 0;}
.footer_info li:nth-child(1) {display: flex;align-items: flex-start;gap: 5px;flex-direction: column;}
.footer_info li p, .footer_info li p a {line-height: 1.8;letter-spacing: 0.05em;color: #ffffff;font-weight: 200;font-size: 15px;transition: .6s;}
.footer_info li p a:hover {color: #B99E52;transition: .6s;}
.footer_info li p.line:before {content: 'LINE ID：';}

.footer_info li:nth-child(2) {}
li.MapBox {position: absolute;top: 80px;left: auto;right: 0;width: 40%;height: 300px;}

/*.footer_menu {display: none;width: 100%;flex-wrap: nowrap;align-items: center;gap: 5px;}
.footer_menu a:nth-of-type(1), .footer_menu a:nth-of-type(2) {display: none;}
.footer_menu a {display: inline-block;font-weight: 200;padding: 5px;border: unset;margin: 0;font-size: 14px;line-height: 1;letter-spacing: 0.08em;
	color: #ffffff;background: unset;transition: .6s;}
.footer_menu a:hover {background: unset;color: #B99E52;transition: .6s;}*/

.footer_info li:nth-child(3) {display: none;}

/*copy*/
.copy {background: #283731;width: 100%;text-align: center;padding: 5px 5% 80px;font-size: 13px;color: #647f72;border-top: unset;margin-top: 0;
    margin: auto;display: flex;justify-content: flex-start;align-items: center;align-content: center;flex-wrap: wrap;text-transform: uppercase;transition: .6s;}
.copy a {color: #647f72;transition: .6s;}
.copy a:hover {color: #B99E52;transition: .6s;}
.privacyLinks a {padding: 0px 10px;transition: .6s;}
.privacyLinks a+a {border-left: 1px solid #52665c;}

/*TOP*/
@keyframes pageFadeIn {
  0% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}
#to_top {bottom: 35px;left: auto;right: 10px;width: 45px;height: 45px;border-radius: 5px;font-size: 12px;color: #ffffff;
	box-shadow: unset;background: #2E2624;animation-delay: 2.2s;}
#to_top i:before, #to_top i:after {background: #ffffff;}
#to_top i {height: 13px;}

@media screen and (max-width: 1365px) {
.footer_info li p, .footer_info li p a {letter-spacing: 0.03em;}

/*.footer_menu a {padding: 5px 2px;letter-spacing: 0.03em;}*/
}
@media screen and (max-width: 1240px) {
.footer_info li p, .footer_info li p a {letter-spacing: 0.08em;}
li.MapBox {height: 235px;}

/*.footer_menu {display: none;grid-template-columns: 1fr 1fr 1fr;gap: 5px 10px;}
.footer_menu a {padding: 5px;letter-spacing: 0.08em;}*/
}
@media screen and (max-width: 1030px) {
.footer_info ul {align-items: flex-end;}
.footer_info li:nth-child(1) {grid-template-columns: 1fr;}
.footer_info li p, .footer_info li p a {font-size: 14px;}

/*.footer_menu {grid-template-columns: 1fr 1fr;gap: 5px 20px;}
.footer_menu a {font-size: 13px;}*/
}
@media screen and (max-width: 768px) {
#bottom_menu {display: none;}
.footer_info ul {width: 100%;align-items: flex-start;flex-direction: column;}
.footer_info li+li {margin-top: 0;}
li.MapBox {position: relative;top: 0;left: 0;width: 100%;height: 300px;}
}
@media screen and (max-width: 600px) {
.footer_logo {align-items: flex-start;}
.footer_logo > a {max-width: 140px;}
.box_link a {width: 30px;height: 30px;font-size: 18px;}
.copy {font-size: 12px;text-align: left;}
}
@media screen and (max-width: 575px) {
.footer_logo {flex-direction: column;gap: 20px;}
.footer_info ul {align-items: center;flex-direction: column;gap: 20px;}
.footer_info li {width: 100%;}
.footer_info li p, .footer_info li p a {font-size: 13px;}
.copy {font-size: 10px;text-align: center;justify-content: center;}

/*.footer_menu {grid-template-columns: 1fr 1fr 1fr;}
.footer_menu a {padding: 5px 0;font-size: 13px;}*/

}
@media screen and (max-width: 400px) {
.footer_info {padding: 50px 0 0;}
/*footer_menu {grid-template-columns: 1fr 1fr;}*/
.copy {padding: 5px 0 50px;}
}

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

/*首頁文章*/
.module_i_news {padding: 100px 0;
    background: url(https://pic03.eapple.com.tw/jungxin/all-BG.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;}
.module_i_news section {max-width: 1500px;width: 90%;}
.module_i_news .title_i_box {display: flex;flex-direction: column-reverse;align-items: flex-start;margin-bottom: 50px;}
.module_i_news .title_i_box h6 {font-size: 18px;color: #000;font-weight: bold;letter-spacing: 0.05em;}
.module_i_news .title_i_box h4 {font-size: 30px;color: #B99E52;font-weight: 400;letter-spacing: 0.05em;}
.module_i_news_list, .module_i_news_list.swiper {padding: 0;}
.module_i_news ul {grid-template-columns: repeat(4, 1fr);grid-gap: 50px 30px;}

.module_i_news li {position: relative;overflow: hidden;}
.module_i_news li a {grid-gap: 10px;grid-template-columns: 1fr;padding-bottom: 80px;}
.i_blog_le {position: relative;}
.module_i_news li:before, .module_i_news li:after {content: 'READ MORE';position: absolute;font-size: 12px;letter-spacing: 0.08em;color: #B99E52;left: 0;
  top: auto;bottom: 10px;opacity: 1;transform: translateY(0%);transition: .6s;}
.module_i_news li:after {transform: translateY(150%);opacity: 0;}
.module_i_news li:hover:before {transform: translateY(-100%);opacity: 0;transition: .6s;}
.module_i_news li:hover:after {transform: translateY(0%);opacity: 1;transition: .6s;}

.module_i_news li a:before {content: '→';opacity: 1;color: #B99E52;font-size: 13px;}
.module_i_news li a:after {width: 100%;height: 1px;background: #B99E52;top: auto;border: none;opacity:0.3;}
.module_i_news li:hover a:after {width: 100%;animation: linePulse 0.5s ease-in-out;}
.i_blog_ri{display: flex;flex-wrap: wrap;flex-direction: column;padding: 0;letter-spacing: 0.05em;gap: 5px;}
.i_blog_ri>*+* {margin-top: 0;}
.i_blog_ri h5 {order: 2;font-weight: 400;font-size: 18px;color: #283731;transition: .6s;}
.module_i_news lia:hover .i_blog_ri h5 {color: #B99E52;transition: .6s;}
.i_blog_ri em {order: 1;font-size: 13px;color: #ccc;}
.i_blog_ri p {position: relative;order: 3;font-size: 14px;font-weight: 300;color: #000000;line-height: 1.5;-webkit-line-clamp: 1;}


/*文章設定*/
.blog_box {display: grid;grid-template-columns: 1fr 6fr;align-items: start;gap: 100px;}
.blog_le, .blog_ri {width: 100%;padding: 0;}
.blog_le {display: flex;align-items: center;flex-direction: column;gap: 20px;}
h5.blog_le_t {display: none;}
.blog_search {width: 100%;margin-bottom: 0;}
.blog_search input[type=search] {font-size: 14px;color: #000000;letter-spacing: 0.08em;border: solid 1px #B99E52;border-radius: 0;padding: 12px 10px;}
.blog_search input[type=submit] {display: none;}
.blog_le .accordion {border-radius: 0;border: none;width: 100%;display: flex;align-items: flex-start;
  justify-content: flex-start;gap: 10px;overflow: visible;flex-direction: column;align-items: center;}
.accordion li+li .link {border-top: none;}
.blog_le .accordion > li{position: relative;width: 100%;}
.accordion li .link a {padding: 20px 15px;color: #2b3832;font-size: 15px;font-weight: normal;line-height: 1;
  border-bottom: solid 1px #B99E52;transition: .6s;}

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: unset !important;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {color: #B99E52 !important;transition: .6s;}

.blog_page h4.blog_category_title {padding: 0;margin-bottom: 0;}
.blog_subbox {grid-template-columns: repeat(4, 1fr);grid-gap: 50px 30px;}
.subbox_item {overflow: hidden;}
.subbox_item a {grid-gap: 10px;grid-template-columns: 1fr;padding-bottom: 80px;}
.blog_list_le {position: relative;}

@keyframes linePulse {
  0% {opacity: 0.3;transform: translateX(-100%);}
  100% {opacity: 0.5;transform: translateX(0%);}
}
.subbox_item:before, .subbox_item:after {content: 'READ MORE';position: absolute;font-size: 12px;letter-spacing: 0.08em;color: #B99E52;left: 0;
  top: auto;bottom: 10px;opacity: 1;transform: translateY(0%);transition: .6s;}
.subbox_item:after {transform: translateY(150%);opacity: 0;}
.subbox_item:hover:before {transform: translateY(-100%);opacity: 0;transition: .6s;}
.subbox_item:hover:after {transform: translateY(0%);opacity: 1;transition: .6s;}

.subbox_item a:before {content: '→';opacity: 1;color: #B99E52;font-size: 13px;}
.subbox_item a:after {width: 100%;height: 1px;background: #B99E52;top: auto;border: none;opacity:0.3;}
.subbox_item:hover a:after {width: 100%;animation: linePulse 0.5s ease-in-out;}
.blog_list_ri {display: flex;flex-wrap: wrap;flex-direction: column;padding: 0;letter-spacing: 0.05em;gap: 5px;}
.blog_list_ri>*+* {margin-top: 0;}
.blog_list_ri h5 {order: 2;font-weight: 400;font-size: 18px;color: #283731;transition: .6s;}
.subbox_item a:hover .blog_list_ri h5 {color: #B99E52;transition: .6s;}
.blog_list_ri em {order: 1;font-size: 13px;color: #ccc;}
.blog_list_ri p {position: relative;order: 3;font-size: 14px;font-weight: 300;color: #000000;line-height: 1.5;-webkit-line-clamp: 1;}

@media screen and (max-width: 1280px) {
.blog_box {grid-template-columns: 1fr 4fr;gap: 50px;}
.module_i_news ul, .blog_subbox {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
.module_i_news {padding: 80px 0;}
.blog_list_le:after, .i_blog_le:after {font-size: 15px;}
.blog_list_ri, .i_blog_ri {gap: 10px;}
.blog_list_ri h5, .i_blog_ri h5 {font-size: 17px;}
.blog_list_ri em, .i_blog_ri em {font-size: 12px;}
.blog_list_ri p, .i_blog_ri p {font-size: 13px;}
}
@media screen and (max-width: 960px) {
.blog_box {grid-template-columns: 1fr 3fr;}
.accordion li .link a {font-size: 14px;}
.module_i_news ul, .blog_subbox {grid-template-columns: repeat(2, 1fr);}
.subbox_item, .module_i_news li {border-bottom: none;}
}
@media screen and (max-width: 768px) {
.module_i_news {padding: 60px 0;}
.module_i_news .title_i_box h4 {font-size: 28px;}
.module_i_news .title_i_box h6 {font-size: 17px;}
.module_i_news ul {grid-template-columns: 1fr;}
.module_i_news li a {gap: 30px;}
.blog_box {grid-template-columns: 1fr;}
.accordion li .link a {font-size: 13px;}
.blog_le {gap: 20px 0;flex-wrap: wrap;justify-content: flex-end;}
.blog_list_le:after, .i_blog_le:after {font-size: 14px;}
.blog_list_ri h5, .i_blog_ri h5 {font-size: 16px;}
.blog_list_ri em, .i_blog_ri em {font-size: 11px;}
.blog_list_ri p, .i_blog_ri p {font-size: 12px;}
}
@media screen and (max-width: 600px) {
.module_i_news .title_i_box h4 {font-size: 25px;}
.module_i_news .title_i_box h6 {font-size: 16px;}
.module_i_news ul {grid-gap: 30px 0;}
.blog_list_le:after, .i_blog_le:after {font-size: 13px;}
.blog_list_ri h5, .i_blog_ri h5 {font-size: 15px;}
.blog_list_ri em, .i_blog_ri em {font-size: 10px;}
.blog_list_ri p, .i_blog_ri p {font-size: 11px;}
}
@media screen and (max-width: 500px) {
.blog_search {width: 100%;}
.blog_le .accordion {flex-wrap: wrap;gap: 0;}
.blog_subbox {grid-template-columns: 1fr;}
.module_i_news li a {grid-template-columns: 1fr;gap: 10px;}
.i_blog_ri {gap: 0px;}
.blog_list_le:after, .i_blog_le:after {font-size: 12px;}
}


/*文章內頁*/
.blog_in_page .blog_ri {width: 100%;padding: 0 0 50px;min-height: unset;border-bottom: 1px solid #B99E52;}
.blog_in_page h4.blog_category_title {color: #283731;  font-size: 22px;  font-weight: normal;  letter-spacing: 0.05em;  padding: 0 0 20px 0;
  margin-bottom: 20px; border-bottom: 1px solid #B99E52;}
.blog_shareData {padding: 10px 15px;margin-bottom: 20px;}
.clearfix:before, .clearfix:after {display: none;}
.blog_box_edit {display: grid;grid-template-columns: 1fr;gap: 50px;}
.articel_mainPic {display: none;}
.blog_box_edit .edit > a {color: #2196F3;}
.blog_box_edit img {width: auto;}
.blog_box_edit * {width: 100%;height: 100%;font-size: 16px;font-weight: normal;line-height: 1.8;letter-spacing: 0.05em;min-height: unset;padding: 0;}
.news_tags {margin-top: 0;}
.news_tags a {width: auto;height: auto; color: #B99E52;font-size: 14px;}

.blog_back {grid-column: 1 / 3;width: 100%;text-align: center;display: flex;grid-gap: 20px;justify-content: center;align-items: center;margin-top: 5vw;}
.blog_back a {font-size: 14px;padding: 10px 50px;width: fit-content;transition: .6s;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next, .blog_back a.article_btn_back {background: unset;color: #283731;border: 1px solid;}

.blog_back a:hover, .blog_back a.article_btn_prev:hover, .blog_back a.article_btn_next:hover, .blog_back a.article_btn_back:hover {background: #283731;
  color: #fff;border: 1px solid #283731;transition: .6s;}

.news_related {display: none;}

@media screen and (max-width: 1024px) {
.blog_in_page h4.blog_category_title {font-size: 20px;margin-bottom: 15px;padding: 0 0 15px 0;}
.toShareNews .Boxed.PushTar b {font-size: 14px;}
.blog_box_edit * {font-size: 15px;line-height: 1.6;}
.news_tags a, .blog_back a {font-size: 13px;}
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
.blog_box_edit {gap: 30px;}
.news_tags {grid-column: 1;}
.blog_back {grid-column: 1;grid-gap: 15px;margin-top: 10vw;}
.blog_back a {padding: 10px 35px;}
}
@media screen and (max-width: 600px) {
.blog_in_page h4.blog_category_title {font-size: 18px;}
.blog_shareData {padding: 5px 0;}
.toShareNews .Boxed.PushTar b {font-size: 13px;}
.blog_box_edit * {font-size: 14px;}
.news_tags a, .blog_back a {font-size: 12px;}
}
@media screen and (max-width: 450px) {
.blog_in_page h4.blog_category_title {font-size: 17px;}
.toShareNews .Boxed.PushTar b {font-size: 12px;}
.blog_box_edit * {font-size: 13px;}
.news_tags a, .blog_back a {font-size: 11px;}
.blog_back a {padding: 10px 20px;}
}

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

/*首頁相簿*/
/*相簿
.subalbum-menu {margin: 0;padding: 0;}
.subalbum-menu h2 {display: none;}
.show-list, .pic-list {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50px 30px;}
.show-list .show_name, .other_subalbum li a p {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 60%;color: #283731;opacity: 0;
  font-weight: normal;transition: .6s;line-height: 1.6;width: 100%;text-align: center;letter-spacing: 0.05em;margin-top: 0;height: auto;}
.show-list .item a:hover .show_name, .show-list .item a:hover p {top: 50%;opacity: 1;transition: .6s;}
.show-list .show_pic:before {content: '';position: absolute;transform: translate(-50%, -50%) scale(.5);left: 50%;top: 50%;
  border: 1px solid #B99E52;background: #ffffffd9;width: 90%;aspect-ratio: 1 / 0.7;opacity: 0;transition: .6s;}
.show-list .item a:hover .show_pic:before {transform: translate(-50%, -50%) scale(1);opacity: 1;}
.overlay {display: none;}

.album_fixed_title {display: none;}
.other_album_choice {display: flex;margin: 0;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 10px;}
.other_album_choice li {background: #283731;font-size: 14px;display: flex;border-radius: 0;padding: 12px 20px;line-height: 1;margin: 0;}
.other_album_choice li:hover {background: #B99E52;}
.other_album_choice li a i.fa-solid.fa-right-from-bracket {display: none;}*/

/*相簿內頁
.pic-list .show_pic img {transition: .6s;}
.pic-list .item a:hover img {transform: scale(1.1);transition: .6s;}

@media screen and (max-width: 1200px) {
.show-list, .pic-list{grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
.show-list, .pic-list {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
.show-list .show_name, .other_subalbum li a p {font-size: 15px;}
}
@media screen and (max-width: 500px) {
.show-list, .pic-list {grid-template-columns: 1fr;}
.other_album_choice li {font-size: 13px;}
}
@media screen and (max-width: 450px) {
.show-list .show_name, .other_subalbum li a p {font-size: 14px;}
.other_album_choice {justify-content: space-evenly;gap: 0;}
.other_album_choice li {width: 30%;justify-content: center;padding: 12px 15px;}
}*/

/*相簿改購物車*/
.Prods_Menulists {padding: 0 0 100px;}
.Prods_Menulists ul {justify-content: center;gap: 25px;}
.Prods_Menulists > ul > li {width: 100%;max-width: 100px;margin: 0;background: unset;border: none;border-bottom: 1px solid #B99E52;}
.Prods_Menulists > ul > li > a {padding: 15px 0px;text-align: center;color: #283731;line-height: 1;}
.Prods_Menulists li a:hover {background: #B99E52;color: #fff;}
.Prods_Menulists > ul > li.active > a {color: #fff;background: #283731;}

.Prods_path, .Prods_path dd {display: none;}

.Prods_lists ul {grid-template-columns: repeat(3, 1fr);grid-gap: 100px 50px;}
.Prods_lists li {padding-bottom: 25px;overflow: hidden;}
.Prods_lists li:after {content: '';position: absolute;width: 100%;height: 1px;background: #B99E52;top: auto;bottom: 0;
  border: none;opacity: 0.3;}
.Prods_lists li:hover:after {width: 100%;animation: linePulse 0.5s ease-in-out;}
.Pd_ViewThunbs {height: auto;overflow: hidden;aspect-ratio: 4 / 3;padding: 0;transition: .6s;}
.Pd_ViewThunbs img {transition: .6s;}
.Prods_lists li:hover .Pd_ViewThunbs.show-main img {transform: scale(1.05);filter: saturate(1.5);transition: .6s;}
.Prods_Wrap .Prods_lists dl.State {height: unset;padding: 25px 0 0;text-align: center;}
dl.State .MoreDets {display: none;}
dl.State h5 {font-size: 16px;color: #000000;letter-spacing: 0.05em;font-weight: normal;width: 100%;padding: 0;height: auto;}

@media screen and (max-width: 1200px) {
.Prods_lists ul {grid-gap: 75px 50px;}
}
@media screen and (max-width: 1024px) {
.ProdFilter_ {display: none;}
.Prods_lists ul {grid-template-columns: repeat(2, 1fr);grid-gap: 50px 25px;}
}
@media screen and (max-width: 768px) {
.Prods_Menulists > ul > li > a, dl.State h5 {font-size: 15px;}
}
@media screen and (max-width: 600px) {
.Prods_Menulists ul {justify-content: space-evenly;gap: 10px 0;}
.Prods_Menulists > ul > li {max-width: 23%;}
.Prods_Menulists > ul > li > a, dl.State h5 {font-size: 14px;}
}
@media screen and (max-width: 450px) {
.Prods_Menulists > ul > li {max-width: 45%;}
.Prods_Menulists > ul > li > a, dl.State h5 {font-size: 13px;}
.Prods_lists ul {grid-template-columns: 1fr;}
}

/*購物車頁面*/
.product_info_page .Prods_Wrap {max-width: 80%;margin: auto;}
.product_main {width: 100%;padding: 0;margin-bottom: 50px;}
.mobile_product_name {display: block;text-align: center;margin-bottom: 25px;font-weight: normal;font-size: 20px;letter-spacing: 0.05em;}
.product_pic {display: flex;position: relative;padding-left: 0;flex-direction: column-reverse;gap: 50px;}
.proImgSwiper {aspect-ratio: 5 / 3;}
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {text-shadow: unset;font-size: 20px;padding: 20px 12px;
  background: #b99e52bf;}

.swiper-vertical>.swiper-wrapper {flex-direction: row;gap: 5px;}
#prod_thumbSwiper {display: none;position: relative;width: 100%;max-width: 100%;height: 100%;}
.swiper-slide {width: calc(100% / 6 - 50px);height:auto !important;}
.proImgSwiper img {width: 100%; object-fit: cover;}

.sidebarBtn {display: none;}
.prod_tabs {margin-top: 0;}
.pd_tabTitle {display: none;}
.pd_tabInner_contain {padding-top: 0;}
.pd_tabInner_contain .edit {font-size: 16px; letter-spacing: 0.05em;line-height: 1.8;padding: 0;min-height: 50vh;}

.prod_related {background: unset;padding: 0;}
.prod_related h6, ul.related_list {display: none;}
.prod_related_b_box .lastPage {font-size: 16px;color: #283731;letter-spacing: 0.05em;border-bottom: 1px solid #B99E52;background: unset;padding: 15px 0px;
    display: block;margin: 0px auto 100px;width: 150px;}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {
.mobile_product_name {font-size: 18px;}
.product_pic {gap: 10px;}
.proImgSwiper {aspect-ratio: 4 / 3;}
.pd_tabInner_contain .edit, .prod_related_b_box .lastPage {font-size: 15px;}
}
@media screen and (max-width: 768px) {
.mobile_product_name {font-size: 17px;}
.pd_tabInner_contain .edit, .prod_related_b_box .lastPage {font-size: 14px;}
}
@media screen and (max-width: 600px) {
.Prods_Menulists {padding: 0 0 50px;}
.product_info_page .Prods_Wrap {max-width: 90%;}
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {font-size: 13px;padding: 15px;}
.mobile_product_name {font-size: 16px;}
.pd_tabInner_contain .edit, .prod_related_b_box .lastPage {font-size: 13px;}
}
@media screen and (max-width: 450px) {
.mobile_product_name {font-size: 15px;}
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {font-size: 10px;padding: 10px;}
.pd_tabInner_contain .edit, .prod_related_b_box .lastPage {font-size: 12px;}
}

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

/*聯絡資訊*/
.contact_page #content {background: url(https://pic03.eapple.com.tw/jungxin/all-BG.jpg);
  background-attachment: fixed;background-size: cover;background-position: bottom;}
.contact_page .main_part {max-width: 1500px;}
.contact_content {width: 100%;margin-right: 0;padding: 0;position: relative; min-height: 40vw;}
.contact_content:after {content: '';position: absolute;top: 0;left: auto;right: 0;width: 70%;aspect-ratio: 250 / 165;
  background: url(https://pic03.eapple.com.tw/jungxin/contact_img.jpg);background-size: cover;}

.contact_content .information_left {display: flex; width: 100%; padding: 0;flex-direction: column;position: relative;}
.contact_content .information_right {width: 100%;padding-left: 0;padding: 0;display: none;}
.blank_letter {width: 100%;font-family: 'Noto Sans TC';font-size: 25px;font-weight: normal;color: #283731;letter-spacing: 0.05em;}
.list_before {width: 100%;margin-top: 30px;margin-bottom: 30px;font-size: 16px;color: #000000;letter-spacing: 0.05em;}
.list_before li {margin: 0;line-height: 2;}
.list_before.info li {padding-left: 0;}
.list_before.info li:before {position: relative;display: inline-block;width: 50px;font-size: 16px;font-weight: normal;letter-spacing: 0.1em;
    color: #000;}

.contact_le_nomap {width: 100%;max-width: 200px;}

/*
.note {letter-spacing: 0.05em;}
.contact_form {margin-bottom: 30px;font-size: 16px;color: #000;grid-gap: 15px;}
.contact_form li {grid-template-columns: 1fr;grid-gap: 5px;}
.contact_form li .form__label {display: flex;max-width: 100%;text-align: left;flex-direction: row-reverse;justify-content: flex-end;
    align-items: center;gap: 5px;letter-spacing: 0.1em;}

.contact_form li input.noborder, .contact_form li textarea.noborder {border: none;background: #f7f5ee;padding: 10px;letter-spacing: 0.08em;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert {
    grid-template-columns: repeat(auto-fit, minmax(13px, 13px) minmax(180px, 1fr));}
.captcha {width: 100%;}
.form select {width: 100%;border: 1px solid #B99E52;color: #283731;padding: 8px 32px 8px 10px;}

.contact_form li.last {text-align: center;margin-top: 50px;justify-content: right;gap:0;}
.contact_form li.last b {font-weight: normal;}
.last .animated-arrow.otherSty, .last .animated-arrow {border: unset;width: 50%;max-width: 220px;border-radius: 5px;}
.last .animated-arrow.otherSty {color: #B99E52;}
.last .animated-arrow {background: #283731;color: #fff;}
.last .animated-arrow:hover input, .contact_form li.last cite:hover input {letter-spacing: 0.3em;}
*/
@media screen and (max-width: 1200px) {
.blank_letter {font-size: 22px;}
.list_before.info {font-size: 15px;margin-top: 15px;}
.list_before.info li:before {font-size: 15px;}
}
@media screen and (max-width: 1024px) {
.contact_content .information_left {flex-wrap: wrap;flex-direction: unset;justify-content:center;align-items: center;}
.contact_content .information_left .blank_letter {text-align: center;margin-bottom: 50px;}
.contact_content:after {display: block;position: relative;width: 100%;}
.list_before.info {width: 50%;}
}
@media screen and (max-width: 768px) {
.blank_letter {font-size: 20px;}
.list_before.info, .list_before.info li:before {font-size: 14px;margin-right: 0;}
}
@media screen and (max-width: 600px) {
.contact_content .information_left {margin-bottom: 20px;}
.contact_content .information_left .blank_letter {margin-bottom: 10px;}
.list_before.info li {text-align: center;}
.list_before.info {width: 100%;}
}
@media screen and (max-width: 450px) {
.contact_content .information_left .blank_letter {text-align: center;}
.list_before.info, .list_before.info li:before {font-size: 12px;}
}

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