@charset "utf-8";

/*共同設定*/
:root { }
body { font-family: "Noto Serif TC", serif; font-size: 17px; font-weight: 400; 
		line-height: 1.7; letter-spacing: .07em; color: #111;}
.path p, .path p a, .list_before, .contact_form, .toShareNews { font-family: "微軟正黑體"; color: unset;}
.path p a:hover { color: #bd3531;}
.edit { line-height: 1.9;}
a { color: #3d1300;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.header_area, .header_area.sticky {
	background: #fff0;
    position: fixed;
    height: auto;
    margin: auto;
	padding: 10px 10px 0;
    transition: ease 2s;
}
.pageIndex .header_area { position: fixed; height: 15vw;}
.pageIndex .header_area {
    background: linear-gradient(to top, #f1e2d300 0%, #f1e2d37a 50%, #ddcbb9cf 90%);
	background: -moz-linear-gradient(to top, #f1e2d300 0%, #f1e2d37a 50%, #ddcbb9cf 90%);
    background: -webkit-linear-gradient(to top, #f1e2d300 0%, #f1e2d37a 50%, #ddcbb9cf 90%);
    background: -ms-linear-gradient(to top, #f1e2d300 0%, #f1e2d37a 50%, #ddcbb9cf 90%);
}
.pageIndex .header_area.sticky, .header_area.sticky {
    height: auto;
	background: #efe6dce8;
}
.main_header_area .container { max-width: 1800px;}
.navigation { grid-template-columns: 300px 1fr;}
.me_tp_features { display: none;}
.tp_links { padding: 0 10px; display: none;}


/*電腦LOGO*/
.nav-header, .nav-brand, .nav-brand img { width: 100%; max-width: unset;}
.nav-brand { margin: 0; transition: ease 2s;}
.nav-brand { max-width: 260px;}
.nav-brand img { filter: drop-shadow(2px 1px 2px #0000007a);}
.pageIndex .header_area .nav-brand { transform: scale(2.3) translate(120px, 80px);}
.pageIndex .header_area.sticky .nav-brand { transform: scale(1) translate(0, 0);}

@media screen and (max-width: 1600px) {
.pageIndex .header_area .nav-brand { transform: scale(2) translate(100px, 70px);}
}
@media screen and (max-width: 1400px) {
.pageIndex .header_area .nav-brand { transform: scale(1.7) translate(80px, 60px);}
}
@media screen and (max-width: 1200px) {
.pageIndex .header_area .nav-brand { transform: scale(1.3) translate(40px, 40px);}
}
@media screen and (max-width: 1120px) {
.pageIndex .header_area.sticky, .header_area.sticky { background: #efe6dce8;}
.navigation { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; align-content: center;}
.main_header_area .container { padding: 0;}
.header_area, .header_area.sticky, 
.pageIndex .header_area, .pageIndex .header_area.sticky { padding: 10px 10px 0;}
.nav-brand, .pageIndex .header_area .nav-brand, 
.pageIndex .header_area.sticky .nav-brand { transform: none; top: unset; right: unset; max-width: 280px; padding-top: 10px;}
.pageIndex .header_area { height: 30vw;}
}
@media screen and (max-width: 768px) {
.pageIndex .header_area.sticky, .header_area.sticky { background: #efe6dce8;}
.navigation { padding: 0;}
.header_area, .pageIndex .header_area { padding: 10px 10px 5px;}
.nav-brand, .pageIndex .header_area .nav-brand, 
.pageIndex .header_area.sticky .nav-brand { margin: 0 auto; max-width: 250px; padding: 0;}
.nav-brand img { filter: drop-shadow(1px 1px 0px #00000080);}
}
@media screen and (max-width: 360px) {
.nav-brand, .pageIndex .header_area .nav-brand, 
.pageIndex .header_area.sticky .nav-brand { padding-left: 30px;}
}


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

/*按鈕字體設定*/
.stellarnav ul { margin-top: 0; transition: ease 1s;}
.pageIndex .header_area.sticky .stellarnav ul { margin-top: 0;}
.stellarnav li { padding: 33px .2vw 0;}
.stellarnav li:hover { 
    background: no-repeat center top url(https://pic03.eapple.com.tw/flymassage/favicon.png);
	background-size: 35px;
}
.stellarnav > ul > li > a {
    color: #111;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1;
    padding: 8px;
	margin: 0 9px;
    height: unset;
}
/* .stellarnav > ul > li:nth-child(4) > a { pointer-events: none;}  相簿主按鈕 點擊關閉*/
.stellarnav > ul > li > a:hover, 
.stellarnav.desktop li.has-sub li a:hover, 
.stellarnav li li a:hover {
    color: #930015;
    transform: scale(1);
}
.stellarnav > ul > li > a b { font-weight: 600;}

.stellarnav ul ul { margin: 0;}
.stellarnav li li {
    padding: 0;
	margin: 0;
}
.stellarnav li li:hover {
    background: #fff;
}
.stellarnav.desktop li.has-sub li a, 
.stellarnav li li a {
    color: #111;
	font-size: 14px;
    line-height: 34px;
    margin: 0;
	height: auto;
    line-height: 20px;
    padding: 6px 10px;
}

@media screen and (max-width: 1330px) {
.stellarnav > ul > li > a { margin: 0;}
}
@media screen and (max-width: 1200px) {
.stellarnav > ul > li > a { margin: 0; padding: 3px;}
}
@media screen and (max-width: 1120px) {
.stellarnav { max-width: 100%;}
.stellarnav ul, .pageIndex .header_area .stellarnav ul, 
.pageIndex .header_area.sticky .stellarnav ul { text-align: center; margin-top: -11px;}
.stellarnav li { padding: 26px 0 0;}
.stellarnav li:hover { background-size: 30px;}
.stellarnav > ul > li > a { padding: 8px 5px 8px 12px;}
}
@media screen and (max-width: 880px) {
.stellarnav > ul > li > a { padding: 8px 2px 8px 6px;}
}
@media (max-width: 768px) {
.stellarnav li { padding: 0 0 0 26px;}
.stellarnav li:hover { background-size: 22px; background-position: 12px 11px;}
.stellarnav.mobile.left > ul { margin: 0;}
.stellarnav.mobile > ul > li { margin: 0;}
.stellarnav.mobile > ul > li > a b { margin-right: 5px;}
.stellarnav.mobile ul li.has-sub a.dd-toggle { padding: 10px 0; margin: 0; pointer-events: auto;}
.stellarnav.mobile li.open {
    background: #f3f3f3 no-repeat center top url(https://pic03.eapple.com.tw/flymassage/bagua.png);
    background-size: 22px; background-position: 12px 11px; padding: 0 0 0 26px; margin: 0;}
.stellarnav.mobile ul ul { background: none;}
.stellarnav.mobile ul ul li { background: none; border: 0; padding: 0 0 0 20px;}
.stellarnav.mobile ul ul li:hover {
    background: #f3f3f3 no-repeat center top url(https://pic03.eapple.com.tw/flymassage/bagua.png);
    background-size: 22px; background-position: 0 5px; padding: 0 0 0 20px;}
}


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

/*footer設定*/
.footer {
    background: url(https://pic03.eapple.com.tw/flymassage/bg00.jpg) center / 30%;
	padding-top: 70px;
}
.footer .center {
    max-width: 1240px;
}
.footer_logo {
    width: 100%;
    max-width: 360px;
	margin: 0 0 -55px 30px;
}
.box_link {
    position: static;
    width: 100%;
    max-width: 1150px;
    padding: 0 0 25px 430px;
    justify-content: flex-start;
	flex-direction: row;
    border-bottom: 1px dashed #8f6757;
}
.box_link a {
    width: 33px;
    font-size: 18px;
    border-radius: 17px;
    border: 1px #fff solid;
    margin: 4px 6px;
    padding: 3px 5px 3px 6px;
    color: #3d1300;
    background: #fff;
	line-height: 1.3;
}
.box_link a:hover {
    color: #fff;
    background: #3d1300;
}
.box_link a:nth-child(1), .box_link a:nth-child(4), .box_link a:nth-child(5) {
    display: none;
}

.footer_info {
    grid-template-columns: 1fr;
    grid-gap: 0;
	padding: 0 50px;
}
.footer_info ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer_info li:nth-child(1) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 730px;
    padding: 20px 20px 0 30px;
}
.footer_info li:nth-child(2) {
    width: 100%;
    text-align: center;
}
.footer_info li p, .footer_info li p a {
    font-family: "Noto Serif TC", serif;
	font-weight: 300;
    letter-spacing: .25vw;
    color: #fff;
	width: 50%;
}
.footer_info li p.add:before, .footer_info li p.add2:before {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 3px;
}
p.phone, p.mail, li.info_PHONE, li.info_MAIL { display: none;}
p.add, li.info_ADD { order: 1;}
.footer_info li p.add:before, li.info_ADD:before { content: '中清店'; display: block;}
p.add2, li.info_ADD2 { order: 2;}
.footer_info li p.add2:before, li.info_ADD2:before { content: '五權店'; display: block;}
p.tel, li.info_TEL { order: 3; margin-bottom: 15px;}
p.tel:after, li.info_TEL:after { content: "營業時間：12:00-00:00"; display: block;}
p.tel2, li.info_TEL2 { order: 4;}
p.tel2:after, li.info_TEL2:after { content: "營業時間：12:00-00:00"; display: block;}


/*聯絡資訊設定*/
.list_before { max-width: 540px; display: grid; grid-template-columns: 1fr 1fr; 
	font-family: "Noto Serif TC", serif; font-weight: 300; letter-spacing: .25vw;}
.list_before.info li { padding-left: 50px; margin: 0;}
.list_before.info li, 
.list_before.info li:before { letter-spacing: .1em; line-height: 1.8; font-size: 15px; font-weight: 400;}
.list_before.info li:before { width: 70px; font-weight: normal;}
.list_before.info li.info_ADD, 
.list_before.info li.info_ADD2 { margin-left: -50px; padding-top: 20px;}
.list_before.info li.info_ADD:before, 
.list_before.info li.info_ADD2:before { font-size: 19px; font-weight: 700; margin: -35px 0 0 50px;}
.info_TEL:before, .info_TEL2:before { content: "電話：";}
.list_before.info li::after { margin-left: -50px;}
@media screen and (max-width: 768px) {
.list_before.info { margin-right: 0;}
.box_link a { padding: 7px 2px 6px 4px;}
}
@media screen and (max-width: 600px) {
.list_before.info { grid-template-columns: 1fr;}
}

/*footer按鈕設定*/
.footer_menu {
    margin-top: 16px;
}
.footer_menu a {
	font-family: "微軟正黑體";
    color: #fff;
    background: #3d1300;
    border: 1px dashed #fff0;
    border-radius: 5px;
    padding: 6px 12px;
    margin: 0 5px 5px 0;
    letter-spacing: .03vw;
}
.footer_menu a:hover {
    color: #3d1300;
    background: #fff;
    border: 1px #fff solid;
    font-weight: 700;
    letter-spacing: .12em;
    padding: 6px 10px;
}

/*版權欄位設定*/
.copy { background: #00000099; border-left: 1px solid #ffffff4f;}
.copy, .copy a { color: #ffffff6b;}
.copy a:hover { color: #ffffffbf;}
.privacyLinks a+a { border-left: 1px solid #6f605a;}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding: 50px 0 55px;}
#to_top { bottom: 65px;}
#bottom_menu li:last-child, #bottom_menu li:nth-child(n+3) { border: none;}
#bottom_menu li, #bottom_menu li a { font-family: "微軟正黑體"; color: #200c04;}

/*手機板下方按鈕 換其它顯示文字*/
#bottom_menu li a em { display: none;}
#bottom_menu li:nth-child(n):after { font-size: 12px; line-height: 10px; display: block; margin: 0 0 15px;}
#bottom_menu li:nth-child(1):after { content: '回首頁';}
#bottom_menu li:nth-child(2):after { content: '中清店';}
#bottom_menu li:nth-child(3):after { content: '五權店';}
#bottom_menu li:nth-child(n+4) { display: none;}

.footer_logo { margin: 0 auto;}
.box_link { justify-content: center; padding: 0 0 15px;}
.box_link a { padding: 6px 4px;}
.footer_info li:nth-child(1) { padding: 20px 0 0 10px;}
.footer_info li p.add:before, .footer_info li p.add2:before { padding: 5px 0 1px;}
.footer_menu { margin-top: 8px;}
.footer_info ul { align-items: center;}
}
@media screen and (max-width: 600px) { 
.footer_logo { padding: 0 2vw;}
.box_link { width: 95%; margin: auto;}
.footer_info { padding: 0 10px;}
.footer_info li:nth-child(1) { padding: 20px 0 10px; flex-direction: column; align-items: center;}
.footer_info li p, .footer_info li p a { width: 100%; text-align: center; line-height: 1.9;}
p.tel, li.info_TEL { order: 2;}
p.add2, li.info_ADD2 { order: 3;}
.footer_info li:nth-child(2) { max-width: 94%;}
.copy { padding-top: 8px;}
}



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

/*聯絡資訊 表單寬度 100%呈現*/
.contact_content .information_left, .contact_content .information_right { width: 100%; padding: 10px;}
.contact_form { margin-top: 20px; grid-gap: 20px;}
.contact_form li input.noborder, .contact_form li textarea.noborder {
    background: #fff0; border: 0; border-bottom: 1px dashed #8f6757;
}
.contact_form li.last blockquote, .contact_form li.last cite { border: 1px #521f08c7 solid;}
.contact_form li.last blockquote { color: #521f08; background: #ffffff61;}
.contact_form li.last cite { background: #521f08c7;}

@media screen and (max-width: 600px) {
.contact_form li { grid-gap: 5px;}
.contact_form li .form__label { font-weight: inherit; background: none; padding: 5px 5px 0 0;}
}



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


/*預設解除背景輪播*/
#content_main { margin:0;}
#content_main, #content {
    background: url(https://pic03.eapple.com.tw/flymassage/bg000.jpg) right center / cover;
}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */


/*大圖加文字圖*/
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before, 
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { 
	content: ""; position: absolute; display: block; width: 100%; height: 100%; z-index: 1;
} 
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before { 
	background: url(https://pic03.eapple.com.tw/flymassage/ban-w01.png) no-repeat 8vw 80% / 37vw;
}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { 
	background: url(https://pic03.eapple.com.tw/flymassage/ban-w02.png) no-repeat 63vw 77% / 25vw;
}
.bannerindex:before { 
	content: ""; position: absolute; display: block; width: 100%; height: 100%; z-index: 111;
	background: url(https://pic03.eapple.com.tw/flymassage/ban-w03.png) no-repeat 27vw top / 55vw;
}

/*大圖進場動畫設定*/
.swiper-slide.swiper-slide-active:nth-child(1):before{animation: fade-in 2s 1s both;}
.swiper-slide.swiper-slide-active:nth-child(2):before{animation: slide-bottom 2s 1s both;}
@keyframes fade-in {
    0% {
      -webkit-transform: scale(1.15) translate(2%,-10%);
              transform: scale(1.15) translate(2%,-10%);
              opacity:0;
    }
    100% {
      -webkit-transform: scale(1) translate(0,0);
              transform: scale(1) translate(0,0);;
              opacity:1;
    }
}
@keyframes slide-bottom {
    0% {
      -webkit-transform: translate(-2%,-2%) scale(1.15);
              transform: translate(-2%,-2%) scale(1.15);
              opacity:0;
    }
    100% {
      -webkit-transform: translate(0,0) scale(1);
              transform: translate(0,0) scale(1);
              opacity:1;
    }
  }


/*大圖追加 四大標語*/
.bannerindex { padding-bottom: 170px; background: #451914;}
.bannerindex:after {
    content: "共享．和諧．團隊．專業";
    position: absolute;
    font-weight: 900;
    font-size: 48px;
    color: #fff;
    letter-spacing: 30px;
    margin: 0 0 0 -415px;
    bottom: 35px;
    left: 50%;
}

@media screen and (max-width: 1200px) {
/*大圖追加 四大標語*/
.bannerindex { padding-bottom: 150px;}
.bannerindex:after { font-size: 40px; letter-spacing: 12px; margin: 0 0 0 -280px; bottom: 38px;}
}
@media screen and (max-width: 1120px) {
.swiper-banner .swiper-slide img { width: 110vw; max-width: 110vw; margin-left: -10vw;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before { 
	background-size: 48vw; background-position: 11vw 85%;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { 
	background-size: 35vw; background-position: 53vw 88%;}
}
@media screen and (max-width: 900px) {
.swiper-banner .swiper-slide img { width: 120vw; max-width: 120vw; margin-left: -12vw;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before { background-size: 54vw;}
}
@media screen and (max-width: 768px) {
.bannerindex { padding: 0;}

/*大圖追加 四大標語*/
.bannerindex { padding-bottom: 18vw;}
.bannerindex:after { font-size: 5vw; letter-spacing: 1vw; margin: 0 0 0 -33vw; bottom: 4.5vw;}
}
@media screen and (max-width: 600px) {
.swiper-banner .swiper-slide:nth-child(n) img { width: 120vw; max-width: 120vw; margin-left: -22vw;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before { 
	background-size: 60vw; background-position: 7vw 85%;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { 
	background-size: 48vw; background-position: 38vw 88%;}
}


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

/*內頁BANNER 設定*/
.banner, .pageIndex .header_area.sticky, .header_area.sticky { 
    box-shadow: 0px 0px 5vw #937f6ba8;
    border-bottom: solid 1px #937f6b;
}
.banner {
    padding: 260px 20px 20px;
    margin-top: -100px;
    background: #ffffff66 url(https://pic03.eapple.com.tw/flymassage/header-bg.jpg) no-repeat center 80% / cover;
}
.banner.banA, .banner.banB, .banner.banC, .banner.banD, .banner.banE, .banner.banF, .banner.banblog { 
	/* background-image: url(https://pic03.eapple.com.tw/flymassage/ban-00.jpg); */
}
.banner h5 {
    font-family: "Noto Serif TC", serif;
    font-weight: 700;
    font-size: 33px;
    color: #c0392b;
    line-height: 1.5;
    letter-spacing: 0.2em;
    margin: 10px 0;
}
.banner h5:before {
    font-family: "Noto Sans TC", sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #531d03a6;
    letter-spacing: .4em;
}
.banner h5:after {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    letter-spacing: .8vw;
    line-height: 3;
}
.services_page .banner h5:before { content: "SERVICE";}
.services_page .banner h5:after { content: "技術至上‧誠心待客";}
.product_page .banner h5:before { content: "MASTER";}
.product_page .banner h5:after { content: "專業純熟的技術手法";}
.blog_page .banner h5:before, 
.blog_in_page .banner h5:before { content: "SHARING";}
.blog_page .banner h5:after, 
.blog_in_page .banner h5:after { content: "感謝顧客的肯定與支持";}
.promotions_page .banner h5:before { content: "NEWS";}
.promotions_page .banner h5:after { content: "陪伴您走在健康的路上";}
.other_page .banner h5:before { content: "CONTACT";}
.other_page .banner h5:after { content: "身心靈放鬆的服務體驗";}
/*
.contact_page .banner h5:before { content: "BRANCH";}
.contact_page .banner h5:after { content: "乾淨明亮的空間環境";}
.album_page .banner h5:before, 
.album_class_page .banner h5:before, 
.album_info_page .banner h5:before { content: "";}
.album_page .banner h5:after, 
.album_class_page .banner h5:after, 
.album_info_page .banner h5:after { content: "";}*/

@media screen and (max-width: 1120px) {
.banner { padding: 290px 20px 20px;}
.banner h5 { font-size: 30px;}
}
@media screen and (max-width: 768px) {
.banner { margin: 0; padding: 110px 10px 12px; min-height: 160px;}
.banner h5 { font-size: 28px; line-height: 1.4;}
.banner h5:before {  font-size: 14px;}
.banner h5:after { font-size: 14px; font-weight: 300; line-height: 2.5;}
}
@media screen and (max-width: 360px) {
.banner { padding: 95px 10px 12px;}
}




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

/*編輯頁 共同設定*/
.services_page .path p { color: #666;}

/*功能頁 共同設定*/
.accordion li .link a {
    color: #664b40;
    font-size: 16px;
    font-weight: 500;
}
h5.blog_le_t { font-weight: 500; color: #dfb200;}
.blank_letter, h5.blog_le_t em, .subalbum-menu h2, .news_related h6 span, 
.product_menu_list>h5, .prod_related h6 span, .prod_related h6 span:before, 
.module_i_album .title_i_box h4 {
    font-family: "Noto Serif TC", serif; font-size: 24px; font-weight: 500; 
	color: #222; letter-spacing: 1px; letter-spacing: .03em;
}
h4.blog_category_title {
    color: #4f3224d4;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
}
.animated-arrow { background: #521f08c7; border: 1px #521f08 solid;}
	
@media screen and (max-width: 600px) {
.blank_letter, h5.blog_le_t em, .subalbum-menu h2, .news_related h6 span, 
.product_menu_list>h5, .prod_related h6 span, .prod_related h6 span:before, 
.module_i_album .title_i_box h4 { font-size: 18px;}
h4.blog_category_title, .promotion_title h2 { font-size: 21px;}
}
@media screen and (max-width: 450px) {
}


/*最新消息 文章設定*/
.module_i_news {
    padding: 100px 20px;
}
.module_i_news .title_i_box h4 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2px;
    text-align: center;
    font-family: Noto Sans TC;
    font-size: 24px;
    font-weight: 500;
    color: #ff7b00;
    letter-spacing: 1px;
    border-top: solid 2px;
    border-bottom: solid 2px;
}
.blog_box {
    padding: 1.5vw;
}
h5.blog_le_t span {
    margin-left: 15px;
}
.blog_le .accordion {
    border: none;
}
.blog_le .accordion > li:hover, 
.blog_le .accordion > li.on_this_category {
    background: #2d0e00cf !important;
}
.blog_subbox {
    grid-gap: 20px;
}
.blog_list_le {
    max-width: unset;
}
.blog_le {
    padding: 0 3vw 0 0;
}
.blog_subbox, .module_i_news ul {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 2vw;
	justify-items: center;
}
.subbox_item a, 
.module_i_news li a {
    display: flex;
    flex-direction: column;
	grid-gap: 5px;
}
.subbox_item a:before, 
.module_i_news li a:before {
    font-family: "微軟正黑體";
    font-size: 12px;
    color: #fff;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 1.3;
    bottom: 60%;
    right: 40%;
    width: 60px;
    padding: 14px 0;
    border-radius: 50%;
    text-align: center;
    background: #982525;
}
.subbox_item a:after, 
.module_i_news li a:after {
    border: 0;
	background: #fffbf6a1;
}
.blog_list_le, .i_blog_le {
    background: #fffbf66b;
    border: solid 1px #937f6bb8;
    padding: 7px;
}
.blog_list_ri, .i_blog_ri { padding: 3px;}
.blog_list_ri h5, .i_blog_ri h5 {
    font-family: Noto Serif TC;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .03em;
	color: #632f18;
}
.blog_list_ri em, .i_blog_ri em { font-size: 13px; color: #632f18eb;}
.blog_list_ri p, .i_blog_ri p { color: #111; line-height: 1.5;}

.blog_shareData { margin: -45px 0 20px;}
.toShareNews b { font-size: 13px; font-weight: normal; color: #222;}

.blog_back a.article_btn_prev, .blog_back a.article_btn_next { background: #7f6052d1;}
.blog_back a.article_btn_back, .lastPage { background: #3c1203cc;}

.news_related, .prod_related { background: #ffffff85;}
.news_related h6 span:before { color: #333;}
.news_related_list { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
.news_related_list li a { border: 1px solid #e5e0d8; padding: 10px 10px 2px;}
.news_related_list li a p { line-height: 1.4; padding: 6px 0;  text-align: left;}

@media screen and (max-width: 1350px) {
.module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
}
@media screen and (max-width: 1200px) {
.blog_subbox, .module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.blog_list_ri h5, .i_blog_ri h5 { font-size: 19px;}
}
@media screen and (max-width: 1100px) {
.subbox_item, .module_i_news li { border: 0;}
}
@media screen and (max-width: 1024px) {
.news_related_list { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));}
.blog_subbox, .module_i_news ul { grid-gap: 4vw;}
}
@media screen and (max-width: 850px) {
.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));}
}
@media screen and (max-width: 768px) {
.blog_subbox { margin: auto; max-width: 610px;}
.module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); margin: auto; max-width: 650px; grid-gap: 10px;}
}
@media screen and (max-width: 640px) {
.news_related_list { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}
}
@media screen and (max-width: 450px) {
.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
}
@media screen and (max-width: 380px) {
.blog_subbox { grid-template-columns: 1fr; max-width: 240px;}
.subbox_item a { grid-template-columns: 1fr;}
.news_related_list { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));}
.module_i_news ul { grid-template-columns: 1fr; max-width: 240px;}
}




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

/*促銷方案設定*/
.promotion_title * { color: #3d1300;}
.promotion_title span, .promotion_title em { border: 1px dashed;}
.promotion_title span { margin: 0 2px 4px 0;}
.promotion_title em { margin: 0 15px 4px 0;}
.other_promotion { margin-top: 50px;}
.other_promotion .pmtTitle h3 { color: unset;}
.other_promotion li a { border: 1px #af9c83 dashed; background: #fcfcfc57;}
.other_promotion li a:before { border: 1px #af9c83 solid; border-bottom: none; border-right: none;}
.other_promotion li a:after { border: 1px #af9c83 solid; border-top: none; border-left: none;}
.other_promotion li a:hover { background: #fcfcfcc2;}

/*最新消息 首頁設定*/
.news_part { padding: 100px 20px;}
.news_part * { transition: all .2s ease;}
.news_list ul li, .news_list ul li:hover { border-bottom: 1px #af9c83 dashed;}
.news_list ul li a:hover { background: #fcfcfc5e;}
.news_list ul li span, .news_list ul li p, .news_list ul li p:after { color: #111; font-weight: 500;}
.news_list ul li a:hover p { color: #c0392b; font-size: 17px; font-weight: 700; line-height: 1.6;}
.news_list ul li p { font-size: 16px;}
.news_list ul li a:hover p:after { right: 15px;}
.i_news_b a:hover i.fa-solid.fa-arrow-right { margin: 0 0 0 30px;}




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

/*相簿設定*/
.subalbum-menu h2 {
    font-family: Noto Sans TC;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    letter-spacing: 1px;
}
.other_album_choice li { background: #486e94;}



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

/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}


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

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

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}

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

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

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

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}
}
@media screen and (max-width: 600px) {
.list_before.info li.info_ADD2 { padding-top: 50px;}
}


/*團隊師傅 購物車個別設定*/
.product-layer-two li.active a { border: 1px #fff solid;}
.product-layer-two li.active a, .product-layer-two li a:hover { background: #3c1203cc; color: #fff;}
.product-layer-two li a { background: #f3f3f39c; font-weight: 600; text-align: center;}
.products-list .name { color: #111; font-size: 16px; font-weight: 500;}
.products-list .more { background: #f3f3f39c; border: 1px #fff solid; color: #3c1203; font-weight: 500;}
.products-list .item a:hover .more { background: #3c1203cc;}
.toShare { font-family: "微軟正黑體"; font-size: 13px; font-weight: normal; color: #555;}
.product_info li span { display: none;}
.page strong, .page a:hover { background: #3d1300;}
li.activeN { color: #3d1300; width: 25px; height: 25px; line-height: 23px; border-radius: 50px; border: 1px solid #3d1300;}

@media screen and (max-width: 768px) {
.product_page .product_menu_list>h5 { display: none;}
.product-layer-two { display: block;}
.product_page .product-layer-two { display: inline-grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-gap: 5px;}
}