@charset "utf-8";
/*老朋友工作室*/
/*google font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');



/*大圖*/
/*預設解除背景輪播*/
#content_main { margin:0;background: #f6f0ec;}
.bannerindex { position:static; height:auto;background: #f6f0ec;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

/*.stellarnav > ul > li.has-sub li:nth-child(1)~li:nth-child(1) {display: none;}*/
stellarnav > ul > li.has-sub > ul{display: none;}

/*背景*/
#content {
    background: #f6f0ec;
}

.blog_page #content, .blog_in_page #content {
    background: url(https://pic03.eapple.com.tw/oldfriend/all_bk_flower.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-color: #f6f0ec;
}



.box_search input[type=text]{
    border: solid 1px #ffdcdc;
}


.promotions_page #page{
    background: #f6f0ec;
}


/*按鈕*/
.animated-arrow {
    background: #e3d0c2;
    color: #4f4f4f;
    border: none;
    margin-top: 6%;
}
.fa-arrow-right::before{
    display: none;
}
.i_news_b a i.fa-solid.fa-arrow-right{
    margin: 0;
}


/*版面*/

.blog_page .main_part,.blog_in_page .main_part{
    max-width:75%;
}
.pageIndex .main_part{
    max-width: 100%;
    padding: 0;
}
.promotions_page .main_part{
    max-width: 65%;
    padding: 0;
}
.services_page .main_part{
    max-width: 100%;
    padding: 0;
}


.case_page .main_part{
    max-width: 100%;
    padding: 0;
}


.other_page .main_part{
    max-width: 100%;
    padding: 0;
}
.blog_page .main_part, .blog_in_page .main_part{
    position: relative;
}

.contact_page .main_part:after, .blog_page .main_part:after, .blog_in_page .main_part:after {
    content: '';
    background: url(https://pic03.eapple.com.tw/oldfriend/bk_flower.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 575px;
    height: 600px;
    left: -21%;
    top: 25%;
    mix-blend-mode: multiply;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
    background-size: contain;
}

.product_page .main_part:after, .product_info_page .main_part:after{
    content: '';
    background: url(https://pic03.eapple.com.tw/oldfriend/bk_flower.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 575px;
    height: 600px;
    left: -18%;
    top: 45%;
    mix-blend-mode: multiply;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
    background-size: contain;
}


.header_area {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    transition: all .5s ease;
    padding: 0;
}
.header_area.sticky {
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, 0.6);
    transition: all .5s ease;
}

.main_header_area .container {
    max-width: 100%;
    margin: 0;
}

.nav-header {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}

.main_header_area {
    background: transparent;
  height: 80px;
}


a.nav-brand {
    padding: 2px 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

.nav-brand h1 {
    display: block;
    background: url(https://pic03.eapple.com.tw/oldfriend/logo.svg);
    background-size: contain;
    width: 147px;
    height: 147px;
    background-repeat: no-repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 6vw;
    top: 1vw;
}

.header_area.sticky .nav-brand h1 {
    filter: initial;
    width: 100px;
    height: 100px;
    transition: all 0.3s ease-in-out;
    animation: none;
    transform: scale(0.9);
    left: 9vw;
    top: 0;
}

.pageIndex .header_area{
	position: fixed;
	width: 100%;
}
.header_area.sticky .nav-brand{
    width: 200px;
    margin-top: 7px;
	transition: all .5s; 
}


.header_area .nav-brand{
    transition: all 0.3s;
    margin-top: 7px;
   
}
.navigation {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}
.stellarnav {
    position: relative;
    width: 80%;
    z-index: 9999;
    margin:0;
}
.header_area.sticky .stellarnav ul{
    right: 6vw;
    transition: all .5s;
}

.stellarnav ul {
    position: absolute;
    width: 100%;
    margin: 1% auto;
    right: 7vw;
}

.stellarnav ul ul{
    top: 35px;
    left: 0;
    box-shadow: 0px 0px 1px 1px #cec6bd5e;
    text-align: center;
    background: #ffffffa6;
}

.stellarnav > ul > li{
    width: auto;
    text-align: center;
    margin-left: 2%;
}

.header_area .stellarnav > ul > li:hover > a{
	color: #B2886A;
	
}

.stellarnav > ul > li > a{
    padding: 0;
    margin: 0;
}


.stellarnav > ul > li > a b{
    transition:all 0.3s;
    color: #333333;
    font-family: "Noto Serif TC", serif;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight:200;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0;
}

.stellarnav > ul > li > a b:nth-child(2){

}


.pageIndex .header_area.sticky .stellarnav > ul > li > a{
  transition:all 0.3s;
	color: #333333;

}
.stellarnav > ul > li:hover > a{
	color: #B3896A;
    font-weight: 400;
	
}


.stellarnav li li{
	border: none;
    border-bottom: 1px solid #dedede;
}
.stellarnav li a{
    color: #333333;
    font-family: 'Noto Sans TC', sans-serif;
}


.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: #4285f4;	padding-left:10px;border-color:#4285f4;}

.me_tp_features{
    display: block;
    margin-top: 7px;
    margin-bottom: 0;
    padding-right: 1%;
    z-index: 9999;
}
.shop_search_btn {
    background: #fea1a1;
}
.tp_links{display: none;}
.tp_links a{font-size: 22px;transition:all 0.3s;}
.tp_links a:hover{color: #ADA17E;}
/*匯款通知*/
.border200{width: 100%;}
.longer {width: 100%;}
.separate_title{
    filter: hue-rotate(313deg);
}
.stepImg span{
    color: #131313;
}


.stellarnav li.has-sub > a:after{display: none; border-top: 6px solid #ffffff;    margin-right: 2%;}
.stellarnav li.has-sub > a:after{display: none; border-top:6px solid #ffffff;}
.header_area.sticky .stellarnav li.has-sub > a:after{display: none; border-top: 6px solid #555555;    margin-right: 2%;}
.header_area.sticky .stellarnav li.has-sub > a:after{display: none; border-top:6px solid #555555;}




.banner {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    height: 400px;
    position: relative;
    overflow: hidden;
    background: #fbf7f3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(https://pic03.eapple.com.tw/oldfriend/all_banner1.jpg);
    background-repeat: no-repeat;
}





.banner h5 {
    font-family: "Noto Serif TC", serif;
    color: #4b4b4b;
    letter-spacing: 8px;
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    bottom: 30%;
}

.other_page .banner h5::after,.services_page .banner h5::after,.product_page  .banner h5::after,.product_info_page  .banner h5::after,.blog_page .banner h5::after,.blog_in_page .banner h5::after,.album_page  .banner h5::after,.contact_page .banner h5::after{
    content: url(https://pic03.eapple.com.tw/oldfriend/title_bk.png);
    display: flex;
    position: absolute;
    justify-content: center;
    width: 100%;
}

.promotions_page .banner h5 {
    position: relative;
    bottom: -10%;
    left: 0;
}
.promotions_page .banner h5::before{
    content: url(https://pic03.eapple.com.tw/oldfriend/promotions_page_text.png);
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}







/*麵包屑*/
.other_page .path{display: none;}
.path{
    font-family: 'Noto Serif TC';
    letter-spacing: 3px; 

}
.contact_page .path {
    max-width: 86%;
    width: 100%;
    margin: 2.8% 0;
}
.promotions_page .path p{
    margin: 4% 0 0 0;
}
.path p a:hover {color: #cec0c0;}
.path p, .path p a{font-size: 16px;}
/*頁碼＝＝*/
.services_page .path{display: none;}
.case_page .path{display: none;}
.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;}

/*購物車*/
.i_prod_tit{
    margin-bottom: 5%;
}
.i_prod_tit h2{
    font-family: "Allura", cursive;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 55px;
}
.prod_part { 
    width: 100%;
    max-width: 85%;
}
   
.products-list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.products-list:before{
    content:none;
}

.products-list .item {
    width: 100%;
    background: #fffbf4;
    padding: 4%;
    position: relative;
}

.products-list .item::before {
    content: url(https://pic03.eapple.com.tw/oldfriend/index-porduct-icon.png);
    position: absolute;
    left: 20%;
    top: -1%;
    transform: translate(-50%, -50%);
}

.products-list .more {
    font-size: 13px;
    border: none;
    color: transparent;
    position: absolute;
    bottom: -6%;
    padding: 0 5%;
    border-radius: 25px;
    left: 50%;
    transform: translate(-50%, 0%);
    line-height: 30px;
}
.products-list .item a:hover .more {
    background: #c5bfb8;
}
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: #ADA17E;}
.products-list .price b:nth-child(1){   color: #d91d1d;}
.products-list .price b:nth-child(2){    color: #333333;}
.products-list .price b.ori_price {    font-size: 14px;}
.product_page .main_part {
    width: 100%;
    max-width: 90%;
}
.product_page .product-layer-two{
    width: 16%;
}
.product_page .products-list {
    width: 84%;
}
.product_page  .products-list{
    gap: 30px;
}
.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: space-between;}

.product-layer-two {     width: 20%;   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: #fff0ee;}
.product-layer-two li.active a {    border: unset;border-bottom: 1px 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;  font-family: 'Noto Sans TC', sans-serif;}
.product-layer-two li:hover > a , .product-layer-two li.active > a{color: #e9c6c6;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #d1beaf; color:#fff;}
.product-layer-two li:hover > a, .product-layer-two li.active > a{
    color: #918174;
}
.product-layer-two > li > a:before {border-radius: 100%;align-items: center; justify-content: center;display: flex;height: 18px; content: "＞";color: #ffffff;    background: #c9bbaf;width: 18px; text-align: center; position: absolute; left: 0; top: 50%;transform: translateY(-50%);transition: all 0.3s;padding-left: 2px;font-size: 13px;}
.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;}
.product-layer-two li li:hover a{color: #ADA17E;}
.product-layer-two li li {    display: block;}/*hover到才顯示副選單關掉↓*/
.product_info_page .main_part {    width: 90%;}
.inquiry_a1{background: #cbc0a0;}
.inquiry_a2{background: #bdab77;}
.inquiry_a3{background: #faf5df;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #222;}
.products-list .name {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Serif TC';
    letter-spacing: 4px;
}
.i_prod_tit span{
    font-size: 20px;
    color: #202020;
    font-weight: 500;
    font-family: "Noto Serif TC", serif;
    letter-spacing: 3px;
}
.prod_related{
    background: transparent;
}
.sidebarBtn{
    background: #ffffffa6;
    border: 1px #e7e2dd solid;
}
.bx-wrapper .bx-viewport{
    border: 5px solid #f6f0ec;
}
.lastPage{
    background: #97897c;
}

.lastaction{
    background-image: none;
    color: #a2978f;
    background-color: #dfdbd9; 
    display: flex;
    justify-content: center;
}
.nextaction{
    background-image: none;
    color: #a18d80;
    background-color: #c7c0bb;
    display: flex;
    justify-content: center;
}
.sidebarBtn h2{
    font-family: 'Noto Serif TC';
    letter-spacing: 2px;
    color: #444444;
}

ul.prod li h3.prod-thumb {
    text-align: left;
    background: transparent;
    font-family: 'Noto Serif TC';
    letter-spacing: 2px;
    font-size: 24px;
    padding: 0 0 2% 0;
    color: #444;
}

.related_list li a p{
    font-family: 'Noto Serif TC';
    letter-spacing: 2px;
    font-size: 18px;
}
.related_list{
    max-width: 80%;
}




/*文章管理*/
h4.blog_category_title {
    color: #74655c;
    font-size: 28px;
    font-family: 'Noto Serif TC';
    letter-spacing: 2px;
    font-weight: 400;
}
.module_i_news .title_i_box h6{
    font-family: "Allura", cursive;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 55px;
}
.module_i_news .title_i_box{
    margin-bottom: 6%;
}
.module_i_news .title_i_box h4{
    font-size: 20px;
    color: #202020;
    font-weight: 500;
    font-family: "Noto Serif TC", serif;
    letter-spacing: 3px;
}
h4.blog_category_title span{font-size: 24px;}

.module_i_news ul {
    width: 100%;
    max-width: 65%;
    grid-template-columns: 1fr 1fr;
}
.module_i_news ul, .blog_subbox { 
    display: grid;  
    gap: 55px;
}
.blog_subbox{
    grid-template-columns: 1fr 1fr;
}

.subbox_item{
    border-radius: 25px;
}
.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;}
.module_i_news li a:after{
    border-radius: 25px; 
    background: #f6f0eccc;
    border: none;
}

.subbox_item a:after{
    border-radius: 25px; 
    background: rgb(255 251 244 / 80%);
}
.subbox_item a:before{
    color: #c7b3a6;
    right: 50%;
    transform: translate(50%, 0);
}

.blog_list_ri{
    width: 100%;
    padding: 4% 2%;
}
.i_blog_le{
    width: 100%;
}
.blog_list_le{
    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{
    border-radius: 10px;
}

.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
    background: #c7b3a6 !important;
}

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

h5.blog_le_t{
    text-align: center;

}
.blog_search input[type=search]{
    background: #fffbf4;
}


.blog_subbox:before{
    content:none;
}
.blog_back a.article_btn_back{
    background: #ADA17E;
}

.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {
    color: #a2958b;
    padding-left: 10px;
    border-color: #a2958b;
}

.blog_le {
    width: 18%;
}
.blog_ri{
    width: 81%;
    padding: 0 0 0 4%;
}
.blog_list_ri p {
    -webkit-line-clamp: 1;
    margin-bottom: 5%;
    padding: 2% 0 0 0;
    letter-spacing: 1px;
}
.blog_back a{
    width: 32%; 
}
.blog_back a.article_btn_prev{
    background: #cfc6be;
}
.blog_back a.article_btn_next{
    background: #cfc6be;
}
.blog_back a.article_btn_back {
    background: #c7b3a6;
}
.accordion li .link{
    font-size: 16px;
    text-align: left;
    font-family: 'Noto Serif TC';
    font-weight: 300;
    letter-spacing: 1px;
}
.blog_list_ri h5{
    font-weight: 500;
    font-family: "Noto Sans TC", sans-serif;
    color: #3d3d3d;
}
.module_i_news li a, .subbox_item a{
    background: #fffbf4;
    border-radius: 25px;
    padding: 6%;
    position: relative;
}
.blog_list_ri{
    padding: 10px; 
}
.module_i_news li, .subbox_item {
    border: 1px solid #cfc8c5cc;
    background: #fdfcfa;
    border-radius: 25px;
}
.i_blog_le img, .blog_list_le img{
    border-radius: 25px 25px 0 0;
}
.blog_list_ri h5{
    font-family: 'Noto Serif TC';
    font-weight: 300;
    letter-spacing: 2px;
}
.blog_list_ri em{
    color: #AA9991;
    margin: 7% 0 0 0;
}
.i_blog_ri{
    width: 100%;
}
.i_blog_ri em{
    color: #d6c9bc;
    margin: 5% 0 0 0;
    display: none;
}
.module_i_news li a{


}

.module_i_news li a:before {
    position: absolute;
    color: #b59179;
    content: url(https://pic03.eapple.com.tw/oldfriend/index-more.png);
    transform: translate(-100%, -100%);
    right: 0;
    bottom: 10%;
}

.i_blog_ri h5{
    font-family: 'Noto Serif TC';
    letter-spacing: 4px;
    margin: 3% 0 3% 0;
    font-size: 23px;
    color: #303030;
    text-align: center;
}
.i_blog_ri p{
    letter-spacing: 2px;
    color: #a79d94;
    margin: 2% 0 0 0;
}

.i_blog_b{
    display: none;
}
.module_i_news {
    background: url(https://pic03.eapple.com.tw/oldfriend/index_bk1.png);
    background-repeat: repeat-y;
}

.prod_related h6 span:before {
    content: '其他推薦';
    font-size: 24px;
    color: #6f6f6f;
    font-family: 'Noto Serif TC';
    letter-spacing: 3px;
}

.block{
    background: transparent;
}
.product_pic #bx-pager{
    letter-spacing: 3px;
}

.blog_le .accordion li.default .submenu{
    background: #eee5e0;
   
   
}

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
    display: block;
}

/*這語法設定展開
.submenu{
    display: flex !important;
    flex-direction: column;
}*/

.submenu a{
    padding-left: 20%;
}
.submenu a:before{
    left: 10%;
}


.submenu a:hover {    
    background: #eadfd8;
    color: #7b716a;
}

.submenu{
    background: #f6f0ec;
}

.fa-chevron-down::before{
    color: #ae9b8f;
}

.submenu a:before{
    color: #a2928b91;
}


.stellarnav li a {
    color: #333333;
    font-family: 'Noto Serif TC';
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2px;
}





/*相簿*/
/*作品展示*/
.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: #b7a394;
}
.other_album_choice li {
    background: #b7a394;
}
.other_album_choice li a{
    font-family: 'Noto Serif TC';
    letter-spacing: 3px;
}
.other_album_choice li a i.fa-solid.fa-right-from-bracket{
    display: none;
}
.subalbum-menu h2{color: #cbc0a0;font-size: 24px;}
.other_subalbum li p {margin-top: 10px;}
.show-list .show_name{
    font-family: 'Noto Serif TC';
    letter-spacing: 2px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    margin-top: 5%;
}
.album_page .show_content{
    padding: 5% 0;
}

.album_fixed_title{
    background: transparent;
}

.album_fixed_title em{
    font-family: 'Noto Serif TC';
    font-size: 17px;
}
.fa-image::before{
    color: #b7a394;
}





/*促銷方案*/
.promotions_page .edit{
    padding: 4% 0 4% 0;
}
.news_part {
    width: 100%;
    max-width: 75%;
}

.news_list ul li p:after{
    content: 'MORE';
    background: transparent;
    padding: 3px 5px;
    border-radius: 5px;
    color: #aba07d;
}
.news_list ul li a:hover {
    background: #f9f9f9;
}
.promotions_page .other_promotion li a:hover {
    background: #fffbf4;
}
.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#ADA17E;}
.news_list ul li span{
    color: #AA9991;
    font-size: 18px;
}
.news_list ul li p{
    color: #444444;
    font-size: 18px;
    
}
.news_part .title_i_box h6{
  font-family: "Allura", cursive;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 55px;
}
.news_part .title_i_box h4 {
    font-size:22px;
    color: #202020;
    font-weight: 500;
    font-family: "Noto Serif TC", serif;
    letter-spacing: 3px;
}
.news_list ul li{
    border-bottom: 1px #d0c9c5 solid;
}
.promotion_title h2{
    color: #222;
    font-family: 'Noto Serif TC';
    letter-spacing: 3px;
}
.promotions_page .edit{
    font-family: "Noto Sans TC", sans-serif;
    letter-spacing: 1px;
    line-height: 150%;
}

.promotions_page .other_promotion{
    margin: 5% auto 0 auto;
}

.promotion_title em{
    display: none;
}

.promotion_title span {
    border: none;
    padding: 2px 0;
    margin: 0 2px 2px 0;
    color: #b4967f;
    font-size: 17px;
}



/*聯絡我們*/
.contact_content .information_left,.contact_content .information_right{
    display: none;
}



/*會員*/
.send_simple{background-color: #ADA17E;}
.rewrite_simple{    background-color: #fea1a1;}
.send_simple {
    background-color: #ee6f6f;
}
.stepImg{
    filter: hue-rotate(311deg);
}
.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;}




/*Footer*/
.footer {
    background: #e9e2dc;
    padding: 0 0 1% 0;
}
.footer_logo{
    display: none;
}

.footer .center {
    max-width: 80%;
}

.footer_info {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer_info ul{
    width: 100%;
}
.footer_menu {display: grid;grid-template-columns: repeat(auto-fit, minmax(min(95px,100%), 1fr));gap: 5px;}/*footer按鈕最小寬度100px*/
.footer_menu a {letter-spacing: 2px;font-family: 'Noto Serif TC';font-size: 16px;background: transparent;color: #333;border: none;margin: 0;	text-align: center;	padding: 5px;transition: all 0.3s;}
.footer_menu a:hover {background: #f8e5de;border:none;}
.copy {letter-spacing: 2px;background: transparent;color: #beb4ac;	border:none;}
.copy a{ color: #beb4ac;transition:all 0.3s;}
.copy a:hover{    color: #beb4ac;}
.box_link{display: none;}
.box_link a{transition:all 0.3s;border: 1px #eccdb4 solid;}
.box_link a:hover {
    background: #eccdb4;
    color: #fae2d5;
}

.footer_info li p a{
    color: #333333;
}
.footer_menu a:hover {
    background: transparent;
    color: #a5976d;
    border: none;
}

.footer_info li:nth-child(1) {
    display: flex;
    justify-content: space-around;
    margin: 3% 0 1% 0;
    border-bottom: 1px solid #a58a76;
    padding: 2% 0;
}

.footer_info li p.tel:before{
    content: '\f3cd';
    margin-left: 0;
    font-size: 1.2em;
    vertical-align: middle;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.footer_info li p.mail:before{
    content: '\f658';
    margin-left: 0;
    font-size: 1.2em;
    vertical-align: middle;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.footer_info li p.add:before{
    content: '\f3c5';
    margin-left: 0;
    font-size: 1.2em;
    vertical-align: middle;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.footer_info li p.line:before {
    content: url(https://pic03.eapple.com.tw/oldfriend/footer_line.svg);
    background-repeat: no-repeat;
    vertical-align: middle;
}


@media screen and (max-width: 1280px) {
.header_area .main_header_area .container {
    max-width:100%;
}
.stellarnav > ul > li{
    width: 95px;
}
.contact_page .main_part{
    max-width: 90%;
}
.product_page .main_part:after, .product_info_page .main_part:after, .contact_page .main_part:after, .blog_page .main_part:after, .blog_in_page .main_part:after {
    width: 340px;
    height: 364px;
    left: -25%;
}
.product_page .banner:after, .product_info_page .banner:after, .contact_page .banner:after{
    width: 258px;
}
.stellarnav ul{
    right: 3vw;
}
.nav-brand h1{
    width: 120px;
    height: 120px;
}


/*購物車*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}


.banner{
    background-size: 125%;
    height: 300px;
}
.banner h5{
    bottom: 35%;
}



}


@media screen and (max-width: 1024px) {
/*抬頭*/
.stellarnav ul {
    text-align: right;
}
.nav-brand h1{
    width: 110px;
    height: 110px;
}
.main_header_area{
    height: 70px;
}

.stellarnav > ul > li{
    width: 90px;
    margin-left: 0;
}
.stellarnav > ul > li > a b{
    font-size: 15px;
}
.nav-brand h1 {
    width: 90px;
    height: 90px;
}

.banner{
    background-size: 125%;
    height: 250px;
}
.banner h5 {
    bottom: 30%;
    font-size: 28px;
}


/*最新消息*/
.news_part .title_i_box h6{
    font-size: 40px;
}
.news_list ul li p{
    font-size: 16px;
}
.news_list ul li span{
    font-size: 16px;
}

/*文章*/
.blog_page .main_part, .blog_in_page .main_part{
    max-width: 85%;
}

.blog_le {
    width: 24%;
}
.blog_ri {
    width: 74%;
    padding: 0 0 0 4%;
}
h4.blog_category_title{
    font-size: 25px;
}
.products-list .name{
    font-size: 16px;
}
.sidebarBtn h2{
    font-weight: 400;  
    font-size: 22px;
}
ul.prod li h3.prod-thumb{
    font-weight: 400;  
    font-size: 22px;
}
.related_list li a p{
    font-size: 16px;
}
.prod_related h6 span:before{
    font-weight: 400;
}


/*購物車*/
.i_prod_tit h2{
    font-size: 40px;
}



/*頁腳*/
.footer .center{
    max-width: 90%; 
}
.footer_menu a{
    font-size: 14px;
}
.footer_info li p.tel:before{
    font-size: 1em;
}
.footer_info li p.mail:before{
    font-size: 1em;
}
.footer_info li p.add:before{
    font-size: 1em;
}



}


@media screen and (max-width: 920px) {
.stellarnav ul{
  right: 0vw;
}
.header_area.sticky .stellarnav ul{
  right: 0vw;
}  
.nav-brand h1{
    left: 2vw;
}
.header_area.sticky .nav-brand h1{
    left: 2vw;
}

.stellarnav{
    width: 100%; 
}
    

/*文章管理*/
.blog_subbox{grid-template-columns:1fr 1fr;}
.blog_le{
    width: 28%;
}
.blog_ri{
    width: 71%;
}
.submenu a{
    padding-left: 22%;
}



/*相簿*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}



.product_page .main_part:after, .product_info_page .main_part:after, .contact_page .main_part:after, .blog_page .main_part:after, .blog_in_page .main_part:after {
    width: 240px;
}
.product_page .banner:after, .product_info_page .banner:after, .contact_page .banner:after {
    width: 160px;
}



}

@media screen and (max-width: 820px) {
.nav-brand h1 {
    width: 80px;
    height: 80px;
    background-size: 100%;
    left: 45%;
}
.stellarnav ul {
    text-align: center;
    margin: 8% auto 0 auto;
}
.header_area .main_header_area .container {
    max-width: 100%;
}
.header_area.sticky .nav-brand h1{
    left: 45%;
}

.pageIndex .header_area,.header_area{
    position: relative;
}
.main_header_area {
    height: 120px;
    background: #fcfcfb;
}




/*頁腳*/
.footer .center {
    max-width: 55%;
}
.footer_menu{
    grid-template-columns: 1fr 1fr;
}
.footer_info li:nth-child(1){
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.footer_info li:nth-child(2) {
    border-bottom: 1px solid #a58a76;
}



}
@media screen and (max-width: 768px) {
.header_area .main_header_area .container{ max-width: 100%;}
.header_area.sticky .main_header_area .container{ max-width: 100%;}
.nav-brand{ margin-top: 0px;}
.header_area .nav-brand{margin-top: 2%;}
.stellarnav .menu-toggle{padding: 30px 10px;}	


.header_area .nav-brand {
    z-index: 1;
    width: 100%;
}
.header_area.sticky{
    backdrop-filter: unset;
}

.stellarnav{
    width: 100%;
}

a.nav-brand{
    justify-content: center;
}
.nav-brand img {
    max-width: 100%;
    z-index: auto;
}
.main_header_area{
    height: 85px;
}
.nav-header{
    display: contents;
}


.header_area .main_header_area .container{
    width: 100%;
}
.main_header_area .container{max-width: 100%;}
.stellarnav{
    margin: 0;
}
.stellarnav ul {
    margin: 0;
}
.stellarnav > ul > li {
    width: 100%;
}
.stellarnav.mobile ul {
    background: #fcfcfb;
}
.stellarnav.mobile li a{
    font-family: 'Noto Serif TC';
}
.stellarnav.mobile ul ul{
    font-size: 14px;
    background: #efe7e2;
}

#to_top i:before, #to_top i:after{
    background: #846e5c;
}
#to_top{
    color: #846e5c;
}
.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 .menu-toggle span.bars span{
    background: #604e40;
}
.stellarnav .menu-toggle:after{  
      color: #604e40;
}
.stellarnav.mobile{
    width: 100%;
}
.stellarnav .menu-toggle {
    padding: 3% 4%;
}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    border-right: 1px #d3d3d3 solid;
}
.stellarnav a.dd-toggle .icon-plus:after{border-bottom: solid 3px #bca99a;}
.stellarnav a.dd-toggle .icon-plus:before{border-bottom: solid 3px #bca99a;}
.stellarnav.mobile li.open {
    background: #f6f0ec;
}
.stellarnav.mobile > ul > li > a {
    width: 100%;
    line-height: normal;
}
.stellarnav.mobile li a{
    border-bottom: none;
}

.stellarnav.mobile > ul > li > a.dd-toggle {
    display: flex;
    justify-content: flex-end;
    top: 0;
    padding: 4% 8%;
}

.stellarnav a.dd-toggle .icon-plus{
    width: 0;
}
.stellarnav > ul > li > a{
    color: #555555;
    padding: 0;
}
.stellarnav.mobile li.open{
    padding: 0;
}

.pageIndex .stellarnav > ul > li > a{
    font-size: 15px;
}
.nav-header{
    z-index: 9;
}

.contact_page .main_part {
    max-width: 80%;
}


.me_tp_features{
    z-index: 0;
}
.me_tp_features a span{
    display: none;
}



.rewrite_simple{
    background-color: #fea1a1;
}
.send_simple{
    background-color: #e97373;
}



/*Footer*/
.footer .center {
    max-width: 90%;
}
#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;}
.footer_menu a{letter-spacing: 0;}
.footer_logo {
    width: 100%;
}
#bottom_menu li a{
    color: #604e40;
}
#bottom_menu{
    background: #fcfcfb;
}

/*Banner*/
.banner h5{font-size: 28px;}
.banner{ justify-content: center}


.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}


.product_page .products-list {    order: -1;}
.mobile_product_name {
    font-size: 28px;
    text-align: center;
}



/*文章管理*/
h4.blog_category_title{
    font-size: 24px;   
    text-align: center;
    margin-bottom: 4%;
}

h4.blog_category_title span{
    font-size: 20px;
}
.blog_le {
    width: 100%;
}
.blog_ri {
    width: 100%;
    padding: 0;
}
.blog_le, .blog_ri{
    padding: 7px 0;
}
.stellarnav ul ul{
    top: 0;
}



/*相簿*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}

.contact_form li.last blockquote, .contact_form li.last cite{
    width: 48%;
}





}


@media screen and (max-width: 600px) {
/*Footer*/
.box_link {    text-align: center;}

/*Banner*/
.banner h5{font-size: 24px;}
.banner{
    background-position-x: 5%;
}

/*購物車*/
.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;}


/*頁腳*/
.footer_menu{
    background-color: #e2d1c4b3;
    padding: 3%;
}
.footer_info li p.tel:before,.footer_info li p.mail:before,.footer_info li p.add:before{
    font-size: 0.9em;
}


}

@media screen and (max-width: 480px) {
.main_header_area {
    height: 70px;
}

.news_part{
    max-width: 90%;
}
.module_i_news ul{
    max-width: 90%;
}
.i_blog_le, .blog_list_le {
    padding-bottom: 100%;
}

/*版面*/
.blog_page .main_part, .blog_in_page .main_part{
    max-width: 90%;
}

.promotions_page .main_part{
    max-width: 85%;
}


.product_page .products-list {
    grid-template-columns: 1fr;
}

.banner {
    height: 240px;
    background-size: cover;
    background-position-x: 70%;
    background-size: 315%;
}




/*購物車*/
.products-list {
    grid-template-columns: 1fr;
}
.products-list .name {
    font-size: 18px;
}



/*頁腳*/
.footer_info ul {
    width: 90%;
}
.footer_info li{
    padding: 10px 0;
}


}
@media screen and (max-width: 375px) {
.nav-brand h1,.header_area.sticky .nav-brand h1 {
   left: 40%;
}

/*購物車*/
.products-list , .product_page .products-list  {    grid-template-columns: 1fr;}
}