@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Anton&family=Cardo:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=LXGW+WenKai+Mono+TC&family=Marcellus&family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Cardo:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=LXGW+WenKai+Mono+TC&family=Marcellus&family=Noto+Serif+TC:wght@200..900&display=swap');

/*網站全域設定/＝＝＝＝＝*/
/*
  #ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781; /*網站輔助色系2*/

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content_main, #content {
    min-height: 50vw;
    background: #292A29;
}
.main_part { max-width:1500px;}

#to_top{       color: #292a29;
    text-align: center;
    background: #a89f95;
	box-shadow: 0px 0px 10px rgb(243 243 243 / 30%);}
#to_top i:before, #to_top i:after{    background: #292a29;}


/*Header*/

.me_tp_features{display:none;}

.header_area {
    position: sticky;
    top: 0;
    height: 0;
    padding: 0;
}

.header_area.sticky {   width: 100%;  }
.main_header_area{	 background: linear-gradient(to bottom, rgba(0 0 0) 0%, rgba(173, 161, 126, 0) 100%);}
.header_area.sticky .main_header_area{background: #000000bd;transition: .5s;}
.main_header_area .container {
    width: 95%;
    max-width: 1700px;
}
.navigation {
    grid-template-columns: 120px 1fr;
	align-items: center;
	transition: all 0.3s;
}
.header_area.sticky .navigation {
    grid-template-columns: 80px 1fr;
}

/* 電腦版：LOGO 放在左右選單中間 */
    .header_area .navigation,
    .header_area.sticky .navigation {
        position: relative;
        display: block;
    }

    /* LOGO 固定在 header 正中央 */
    .header_area .nav-header {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85px;
        max-width: none;
        margin: 0;
        padding: 0;
        z-index: 2;
		filter: brightness(100);
    }

    .header_area.sticky .nav-header {
        width: 60px;
		filter: none;
    }

    .header_area .nav-brand,
    .header_area .nav-brand img {
        display: block;
        width: 100%;
    }

    .header_area .nav-brand img {
        height: auto;
    }

    /* 左右區域等寬，中間保留 LOGO 空間 */
    .header_area .stellarnav {
        width: 100%;
    }

    .header_area .stellarnav.desktop > ul {
        display: grid;
        grid-template-columns:
            repeat(3, minmax(0, 1fr))
            160px
            repeat(4, minmax(0, 0.75fr));
        align-items: center;
        min-height: 140px;
        padding: 0;
        margin: 0;
    }

    /* 第四個選單從 LOGO 右邊開始 */
    .header_area .stellarnav.desktop > ul > li:nth-of-type(4) {
        grid-column: 5;
    }

    .header_area .stellarnav.desktop > ul > li {
        min-width: 0;
        text-align: center;
    }

    .header_area .stellarnav.desktop > ul > li > a {
        margin: 0;
        letter-spacing: 3px;
        white-space: nowrap;
		font-family: 'Noto Serif TC', serif;
        font-size: 17px;
    }

    /* 捲動後縮小 header */
    .header_area.sticky .stellarnav.desktop > ul {
        min-height: 100px;
    }

/*Logo*/
.nav-header {
    grid-row: 1;
    transition: all 0.3s;
    max-width: 250px;
	padding: 15px 0;
}

/*選單*//*第一層*/
.stellarnav > ul > li > a {
    transition: all 0.3s;
    margin: 0 25px;
    color: #D6D2CA;
    letter-spacing: 3px;
    font-weight: 600;
}
.stellarnav > ul > li.has-sub > a {   padding-right: 0;}
.stellarnav li.has-sub > a:after{  display: none;}
.stellarnav > ul > li:hover > a, .stellarnav > ul > li.has-sub:hover > a {
    color: #fff;
}

/*第二層*/
.stellarnav li li {    border: 0px; border-bottom: 1px #e3e3e3 solid;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #fff; background: #a69e93; }

/* 商品下拉超過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;}

/* SubMenu */
.tp_links{display:none;}
.box_search{margin-top: 20px;    right: 20px;}
.shop_search_btn{background: #6b655f;}

/* 麵包屑 */
.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 a:hover{ color: #ADA17E; background: #00000000;}
.page strong,  .page li.active {    background: #ADA17E;border: 1px solid #ADA17E; border-radius: 99em;}
li.pre_page, li.next_page {    width: auto !important;}

@media screen and (max-width: 1024px) {
.header_area {
    position: relative;
    height: auto;
    background: #111;
}
.nav-header {    max-width: 150px;}
.stellarnav > ul > li > a {    margin: 0 15px;}
#content_main{margin-top: 0;}

/*大圖/＝＝＝＝＝*/
.bannerindex {
    height: 53vw;
    position: relative;
}
/**/

    .header_area .navigation,
    .header_area.sticky .navigation {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header_area .nav-header,
    .header_area.sticky .nav-header {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 0 auto;
        order: 1;
    }

    .header_area .me_tp_features {
        order: 2;
        text-align: center;
        margin: 10px 0;
    }

    .header_area .box_search {
        right: auto;
        margin: 0;
    }

    .header_area .stellarnav {
        order: 3;
	}
}


@media screen and (max-width: 768px) {
.header_area {
    position: sticky;
}
.main_header_area {
    padding: 10px;
}
.main_header_area .container {
    width: 100%;
}
.nav-header{
	max-width: 90px;
	padding: 0;
}
.header_area.sticky .nav-header{
	max-width: 60px;
}
/*大圖/＝＝＝＝＝*/
.bannerindex {
        height: 100%;
}

}

@media screen and (max-width: 500px) {
	.header_area .nav-header{width: 60px;}
}

/*選單*/
.stellarnav .menu-toggle span.bars span {    background: #FFF;}
.stellarnav .menu-toggle:after {  color: #fff;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{background: #f0f0f000;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    max-width: 300px;
    box-shadow: 0 0 15ch #00000052;
    background: #111;
    border-right: 1px #ffffff52 solid;
}
.stellarnav.mobile > ul > li {
    display: block;
    border-bottom: 1px #ffffff52 solid;
}
.stellarnav.mobile > ul > li > a {
    color: #fff;
    font-size: 16px;
    display: flex;
    margin: 5px;
    letter-spacing: 0;
    align-items: flex-end;
    gap: 10px;
	border: 0;
}
.stellarnav.mobile > ul > li > a b:last-of-type {
    font-size: 13px;
    color: #ffffff78;
    letter-spacing: 1px;
}
.stellarnav.mobile li a {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    font-size: 15px;
    color: #666;
    padding: 10px 15px;
}


/* 提高 LOGO 層級，讓首頁連結可以點擊 */
.header_area .nav-header {
    z-index: 9901;
}

.header_area .nav-brand {
    cursor: pointer;
}


/* 右側浮動聯絡按鈕固定展開 */
.info_fix #info_fix_links {
    display: block !important;
}

/* 隱藏展開／關閉按鈕 */
.info_fix .linksBtn {
    display: none !important;
}

.info_fix_links a{    width: 45px;
    height: 45px;
	color: #f4f3ef;
	background: rgb(166 158 147);
	border-radius: 0;}
	
a.info_fix_default.info_fix_mail{display:none;}
.info_fix{right: 0px;}

/*大圖*/
.bannerindex {        position: relative;height: 50vw;}
/* 移除首頁大圖下方的白色空白 */
.pageIndex #content_main {
    margin-top: 0 !important;
}

/*滑動輪播*/
.BannerHome02 { height: auto;}
.BannerHome02 .swiperBan02 { position: static; margin: 0;}
.BannerHome02 .swiperBan02 .swiper-slide img { height: auto;}
/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}
@media (max-width:1400px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:1024px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:768px) { 
	.BannerHome02 { height: auto;}
}

/*縮圖輪播*/
.BannerHome03 .thumbs03 .swiper-slide img { height: 100%;}
@media (max-width:1400px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}
@media (max-width:1024px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}
@media (max-width:768px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*Footer/＝＝＝＝＝*/
.footer{
	background: #111;     
	border-top: 1px solid #ffffff1c;
	padding: 40px 0 10px;
}
.footer .center {
    max-width: 100%;
}
.footer_logo {
    width:92px;
    padding-top: 20px;
	opacity: .8;
}
.footer_info {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    padding: 0;
	justify-items: center;
}
.footer_info ul {
    text-align: center;
}
.footer_info li:nth-child(1) {
    padding: 10px 10px 20px;
}
.footer_info li p {
    line-height: 200%;
}
.footer_info li p, .footer_info li p a {
    color: #ffffffcf;
}
.footer_info li p.line:before {
    content: 'LINE ID：';
}
.footer_info li p.tel:before {
    content: 'TEL：';
}
.footer_info li p.add:before {
    content: '工廠地址：';
}
.footer_info li p.add2:before {
    content: '床墊地址：';
}
.footer_info li:nth-child(2) {
    border-top: 1px solid #ffffff1c;
    border-bottom: 1px solid #ffffff1c;
}
.footer_menu {
	width: 95%;
    max-width: 900px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100px,100%), 1fr));
    gap: 5px;
}
.footer_menu a {
    margin: 0;
    transition: all 0.3s;
    background: #00000000;
    border: 0;
	position: relative;
}
.footer_menu a:hover {    background: #ffffff00;}
.footer_menu a:not(:last-child)::after {
    content: "";
    position: absolute;
    right:0%;
    top: 10%;
    height: 90%;
    width: 1px;
    background-color: #ffffff1c;
}
.footer_menu a:nth-child(1){display: none;}
.car_page .footer_info li p:before{    position: initial;   display: inline;}

.copy {
    border-top: 0px #ffffff1c solid;
    background: #ffffff00;
}
.privacyLinks a+a {
    border-left: 1px solid #ffffff33;
}
.copy a, .copy p, .copy span {  font-size: 12px;  color: #ffffff33;    transition: all 0.3s;}
.box_link {   display: none;}
.box_link a{transition:all 0.3s;}
.box_link a:hover {    background:#666;    color: #fff;}


@media screen and (max-width: 768px) {
.footer.with_shopping_mode { padding:30px 0 60px; }
.footer_info li+li {   margin-top: 0;}
.footer_menu {
    max-width: 550px;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px 0;
}
}
@media screen and (max-width: 480px) {	
.footer_menu {
    display: flex;
    max-width: 350px;
    padding: 10px 0;
    flex-wrap: wrap;
    justify-content: center;
	gap: 10px;
}

}



/*首頁相簿*/
ul.show-list.i_album_list {
    grid-template-columns: 1fr 1fr;
}
.module_i_album .title_i_box h4 {
    font-size: 25px;
    color: #efeeea;
    font-weight: 600;
	font-family: 'Noto Serif TC', serif;
}
.module_i_album .title_i_box h4:before{
	content:'PHOTO'; 
	display:block; 
	font-size: 50px; 
	font-family: "Anton", sans-serif;
	letter-spacing: 5px;
  font-weight: 400;
  font-style: normal;
	color: #a69e93;}
.show-list .item a p {
	font-size: 18px;
    padding-top: 10px;
	font-family: 'Noto Serif TC', serif;
	text-align: center;
	    color: #fff;
}
.module_i_album{    background: #111111;}



/*首頁商品*/
.i_prod_tit{
    font-size: 25px;
    color: #efeeea;
    font-weight: 600;
	font-family: 'Noto Serif TC', serif;
}

.i_prod_tit:before{
    content:'PRODUCT'; 
	display:block; 
	font-size: 50px; 
	font-family: "Anton", sans-serif;
	letter-spacing: 5px;
  font-weight: 400;
  font-style: normal;
	color: #a69e93;}
.products-list .name{    color: #fff;}
a.animated-arrow.slowAnimation{
        background: #292a29;
    color: #a69e93;
    border: 1px #a69e93 solid;
	    border-radius: 3rem;
		    max-width: 220px;
    height: 55px;
    line-height: 55px;}
a.animated-arrow.slowAnimation:hover{background: #a69e93;
    color: #fff;}
	

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

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 30px; font-family: 'Noto Serif TC', serif;
    letter-spacing: 2px;   color: #ccc; }
.banner {
    height: 500px;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
}
.banner.banF h5::after{font-size: 20px;content:'PRODUCT';display:block;color:#a69e93;}
.banner.banE h5::after{font-size: 20px;content:'PHOTO';display:block;color:#a69e93;}
.banner.banblog h5::after{font-size: 20px;content:'NEWS';display:block;color:#a69e93;}
body.blog_page.article_b .banner.banblog h5::after{font-size: 20px;content:'FAQ';display:block;color:#a69e93;}

.other_page .banner.banB{display: none;}/*編輯頁*/
.banF{    background-image: url(https://pic03.eapple.com.tw/yupinfurniture/banner_bg001.jpg);}/*促銷方案*/
.banE {    background-image: url(https://pic03.eapple.com.tw/yupinfurniture/banner_bg002.jpg);}/*相簿*/
.banner.banblog{background-image: url(https://pic03.eapple.com.tw/yupinfurniture/banner_bg004.jpg);}/*文章管理*/

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

/* 購物車 */
.Prods_Menulists > ul > li{    background: #6b655f;
    border: 1px #6b655f solid;}
.Prods_Menulists li a{    color: #f4f3ef;}
.Prods_path dd > a{color: #a69e93;}
.Prods_path .Prods_Filter::before{filter: invert(1);}
.Prods_Wrap .Prods_lists dl.State{    height: auto;}
dl.State .MoreDets a{background: #6b655f;}
dl.State .MoreDets a:hover {
    background: #a69e93;
}
.Prods_path dd > a:hover{color: #a69e93;}
dl.State .price{display:none;}
.Pd_Line_Boxed{display:none !important;}


.shopping-cart .cell.product_name a{    color: #fff;}
.shopping-cart .cart_content .row{    color: #fff;}
.formbox_form li{    color: #fff;}
button, input, optgroup, select, textarea{color: #333;}


.Prods_path dd{color: #fff;}
.sidebarBtn{background: #f4f3ef;}
.product_page .show_content,
.product_info_page .show_content { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; width: 100%;}
ul.page { width: 100%;}

.ProdFilter_Item_Show { width: 100%;}
.Prods_Menulists { width: 100%; padding: 0;}
.Prods_Wrap { width: calc(100% - 270px);}
dl.State h5{    color: #fff;}

.Prods_Menulists li a:hover{background: #a69e93;}


/* 產品分類-左手邊 / 篩選器-上面 */

.ProdFilter_ { order: 1; margin-bottom: 25px;}
.Prods_Menulists { order: 2;}
.Prods_Wrap { order: 3;}
.Prods_Menulists { width: 250px; letter-spacing: 1px;}
.Prods_Menulists ul {}
.Prods_Menulists > ul > li { width: 100%; flex-wrap: wrap;}
.Prods_Menulists ul ul { position: static; border: none;}
.Prods_Menulists ul li ul li {}
.Prods_Menulists li.has-sub.open > a {}
.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: 1024px) {
.product_main { display: block; width: 100%;}    
.sidebarBtn { display: block; width: 100%;}
}
@media screen and (max-width: 768px) {
.Prods_Wrap { width: 100%; margin-top: 20px;}
.ProdFilter_ { width: 100%;}
.Prods_Menulists { opacity: 0; display: none;}
.mobile_product_name{ color: #fff;}
}

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

/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}

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

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章功能頁/ = = = = */
h5.blog_le_t{display:none;}
.show_content.blog_box {max-width: 1400px;gap: 20px;display: flex;justify-content: flex-end;flex-wrap: wrap;}
/* 左側分類欄位 = = */
.blog_le {position: relative;width: 100%;padding: inherit;z-index: 1;margin: 0;margin-bottom: 40px;padding-top: 0;padding-bottom: 20px;}
h5.blog_le_t {text-align: center;padding: 20px;padding-top: 0;padding-bottom: 0;width: 100%;margin: 0 0 20px;}
h5.blog_le_t em {font-weight: 600;font-size: var(--f22);letter-spacing: 3px;color: transparent;text-align: center;font-family: var(--SFont);}
.blog_search {display: none;}
.blog_search input[type=search] {color: #999;border: 1px solid #eee;background: #FFF;border-radius: 0;padding: 10px 40px 10px 10px;}
/* 分類列 */
.blog_le .accordion {border-radius: 0;font-size: 0;padding: 0;display: flex;justify-content: center;align-items: center;gap: 0;flex-direction: row;border: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 15px;}
.blog_le .accordion li {transition: .3s ease-out;border: 0;position: relative;overflow: unset;height: fit-content;display: flex;flex-direction: column;width: fit-content;margin-bottom: 10px;}
.accordion li .link {position: relative;width: 100%;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;border: 0;display: block;/* padding: 10px 20px; *//* font-size: 16px; *//* color: #000; *//* background-color: #f0f0f0; *//* letter-spacing: 2px; *//* text-align: center; */}
.accordion li+li .link {border-top: 0;}
.accordion li .link a {line-height: 1.6;font-weight: 400;margin: 0;border: 0;border-bottom: 0;height: auto;transition: all 0.3s ease-out;width: fit-content;display: block;padding: 10px 20px;font-size: 15px;color: #151515;background-color: #f0f0f0;letter-spacing: 2px;text-align: center;}
/* 分類2層-OFF */
.submenu {font-size: 14px;opacity: 1;width: 100%;border: 0;background: #f5efe6;}
.submenu li+li {border-top: 1px solid #E3D7CB !important;}
.submenu a {color: #666;word-break: break-all;line-height: 1;padding: 12px 20px 12px 30px;height: fit-content;font-size: 13px;}
.submenu a i {left: 10px;font-size: 13px;}
.submenu li.on_this_category a, .submenu a:hover {color: #c29971;background: #f5efe6;}
/* 當前頁面 */
.blog_le .accordion > li.on_this_category .submenu {display: none !important;height: 100%;}
.blog_le .accordion > li.on_this_category.open .submenu {display: block !important;height: 100%;}
.blog_le .accordion > li:hover .link i, .blog_le .accordion > li.on_this_category .link i {color: #444 !important;}
.blog_le .accordion > li.on_this_category{background: transparent !important;}
.blog_le .accordion > li.on_this_category:hover {color: #3C3C3C !important;}
.blog_le .accordion > li:hover {background: transparent !important;}
.blog_le .accordion > li.on_this_category .link a, .blog_le .accordion > li:hover .link a {color: #fff !important;background: #a88b75;}

/* 右側圖文區 = = */
.blog_ri {margin: 0;font-family: var(--SFontE);padding: 0;width: 100%;justify-content: flex-start;}
h4.blog_category_title {width: fit-content;font-weight: 600;letter-spacing: 1px;margin: 0;padding: 0;font-size: 30px;width: 100%;border-bottom: 1px #DCD8D2 dashed;padding: 10px 0;margin-bottom: 20px;}
/* 圖文區塊 */
.blog_subbox {grid-template-columns: repeat(3,1fr);width: 100%;gap: 30px;}
.subbox_item {border-radius: 0;overflow: hidden;transition: .5s ease-out;margin: 0;padding-bottom: 0;padding: 0px 0 40px;padding-top: 0;border: 0;}
.subbox_item:hover {transition: .5s ease-out;}
.subbox_item a {gap: unset;display: grid;grid-template-columns: 1fr;align-items: center;grid-gap: 15px;padding-right: 0;}
.blog_list_le:before {content: 'READ MORE';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;font-size: 14px;color: #292a29;font-weight: 800;transition: all .5s;background: hsl(0deg 0% 100% / 80%);padding: 6px 14px;letter-spacing: .8px;font-family: var(--SFontEN2);line-height: 1.5;}
.subbox_item a:hover .blog_list_le:before {opacity: 1;z-index: 10;}
.subbox_item a:after {transition: all .5s;background: rgba(0, 0, 0, 0.5);border: 0;width: 0;}
.subbox_item a:hover:after {opacity: 1;width: 100%;transition: all 500ms;}
.subbox_item a:before {display: none;}
.subbox_item a:hover:before {display: none;}
/* 圖 */
.blog_list_le {overflow: hidden;aspect-ratio: 3/2;background-color: #202020;width: 100%;position: relative;}
.blog_list_le img {transition: all 0.5s ease;}
.subbox_item a:hover img, .news_related_list li a:hover img {z-index: 1;transform: scale(1.05);transition: .4s ease;}
/* 文字 */

.blog_box_edit *{color: #ccc;}
.blog_list_ri {display: flex;flex-direction: column;justify-content: center;margin: 0;padding: 0;width: 100%;max-width: 100%;overflow: hidden;align-items: flex-start;}
.blog_list_ri h5 {font-family: 'Noto Serif TC', serif; line-height: 2;font-size:20px;text-align: left;color: #f4f3ef;font-weight: 600;letter-spacing: 1px;margin: 0;padding-bottom: 0;}
.blog_list_ri em {font-size: 12px;color: #A98B73;padding-bottom: 4px;margin: 0;font-weight: 300;letter-spacing: .5px;/* order: -1; */}
.blog_list_ri p {letter-spacing: 1px;line-height: 1.6;font-weight: 400;text-align: left;margin: 0;color: #777;font-size: 15px;-webkit-line-clamp: 3;padding-top: 5px;}
.blog_list_ri p span {color: #333;font-weight: 500;line-height: 1.6;font-size: 16px;}


/*文章內層/ = = = = */
.toShareNews .Boxed.PushTar b{    color: #a69e93;}
.blog_in_page .blog_ri {align-self: end;}
.blog_in_page h4.blog_category_title {font-family: 'Noto Serif TC', serif; color:#fff;width: 100%;font-size: 24px;letter-spacing: 1.5px;margin-bottom: 0;text-align: left;/* padding: 0; *//* padding-bottom: 0px; */margin-bottom: 20px;font-weight: 500;}
.blog_back {grid-gap: 0;width: 100%;letter-spacing: 1px;font-weight: 400;border: 1px #DCD8D2 solid;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {background: transparent;color: #9c7e68;font-size: 13px;padding: 6px;transition: var(--tr3);}
.blog_back a.article_btn_back{color: #9c7e68;background: #e4ded9;padding: 6px;font-size: 13px;transition: var(--tr3);border-left: 1px #DCD8D2 solid;border-right: 1px #DCD8D2 solid;}
.blog_back a.article_btn_prev:hover, .blog_back a.article_btn_next:hover, .blog_back a.article_btn_back:hover {opacity: 1;transition: var(--tr3);background: #a69e93;color: #fff;}

/* 分享按鈕 = = */
.blog_shareData {display: flex;align-items: center;align-content: center;flex-wrap: wrap;flex-direction: row;margin-bottom: 10px;width: 100%;
padding: 10px 0;justify-content: flex-end;border-top: 1px dashed #d6d6d6;}
.toShareNews b, .toShareNews a, .toShareNews a object, .toShareNews a i {font-weight: 400;font-size: 12px;color: #333;margin: 0 0 0 4px;letter-spacing: .5px;}
.toShareNews a object {max-width: 20px;}
.toShareNews > a:hover > object {filter: none;}
/* 文章編輯器 */
.blog_box_edit {background: transparent;margin: 10px 0;font-size: var(--f16);color: #2F2F2F;line-height: 1.8;padding: 0 20px;padding: 0;letter-spacing: .5px;}
.articel_mainPic {display: none;}


/*文章-相關推薦*/
.news_related, .prod_related {display: none;}
.news_related h6 span:before, .prod_related h6 span:before {font-size: 24px;color: #333;font-weight: 500;letter-spacing: 0.04em;}
.news_related_list, .related_list {margin: 40px auto;}
.news_related_list li, .related_list li {display: block;padding: 0px;}
.news_related_list li a, .related_list li a {padding: 10px;background: #fff;height: 100%;border: 1px solid #eee;border-radius: 5px;transition: .3s ease;}
.news_related_list li a:hover, .related_list li a:hover {box-shadow: 4px 4px 15px rgb(181 177 172 / 25%);transition: .3s ease;}
.news_related_list li figure {aspect-ratio: 12 / 17;}
.news_related_list li a p, .related_list li a p{font-size: 16px;letter-spacing: 0.04em;color: #333;padding: 10px 0 5px;line-height: 1.5;}




/*A文章設定 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* article_a */
.article_a .show_content.blog_box {padding-top: 40px;}
.article_a .edit {padding: 0;font-size: 15px;}
.article_a .blog_shareData {display: none;}
/* 左側 */
.article_a .blog_le {/* position: relative; */width: 220px;padding: 0;padding-bottom: 60px;/* z-index: 1; *//* margin: 0; */}

.article_a .blog_le_t {text-align: left;padding: 0 0 10px;/* padding-top: 15px; */height: fit-content;width: 100%;margin: 0 0 20px;}
.article_a .blog_le_t em {font-weight: 300;font-size: var(--f17);letter-spacing: 3px;color: #1c262c;text-align: left;display: flex;line-height: 1.6;flex-direction: column;}
.article_a .blog_le_t em:before {z-index: 1;order: -1;font-size: var(--f52);content: 'NEWS';font-weight: 400;/* text-transform: uppercase; */color: #a36d15;letter-spacing: 0.5px;line-height: 1.2;pointer-events: none;}
.article_a .blog_le_t span {display: none;}
.article_a .blog_search {display: block;}
/* 分類列 */
.article_a .blog_le .accordion {border-radius: 0;font-size: 0;padding: 0;display: flex;justify-content: center;align-items: center;gap: 0;flex-direction: column;border: 1px #E3D7CB solid;}
.article_a .blog_le .accordion li {transition: .3s ease-out;border: 0;position: relative;overflow: unset;height: fit-content;
display: flex;flex-direction: column;
width: 100%;margin: 0;}
.article_a .accordion li .link {position: relative;width: 100%;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;border: 0;}
.article_a .accordion li+li .link {border-top: 1px solid #E3D7CB;}
.article_a .accordion li .link a {text-align: center;line-height: 1.6;font-weight: 500;margin: 0;padding: 10px 20px;font-size: 14px;letter-spacing: 2px;border: 0;border-bottom: 2px solid transparent;height: auto;transition: all 0.3s ease-out;width: 100%;text-align: left;background: #fbfbfb57;}
/* 右側 */
.article_a .blog_ri {margin: 0;flex-direction: column;font-family: var(--SFontE);padding: 0 0 0 40px;width: calc(100% - 240px);justify-content: flex-start;}
.article_a .blog_subbox {grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));width: 100%;gap: 30px 15px;}
.article_a .subbox_item {border-radius: 0;overflow: hidden;transition: .5s ease-out;margin: 0;padding-bottom: 0;padding: 0;overflow: unset;margin-bottom: 0;border: 0;}
.article_a .subbox_item a {
	    padding: 10px;
    border: 1px solid #ccc;gap: unset;display: grid;grid-template-columns: 1fr;align-items: center;grid-gap: 0;overflow: unset;}
.article_a .blog_list_le {overflow: hidden;aspect-ratio: 10/8;background-color: #121212;width: 100%;position: relative;transition: 0s;transition: .3s ease-out;}
.article_a .blog_list_le:hover {padding: 0;}
.article_a .blog_list_ri {display: flex;flex-direction: column;justify-content: center;margin: 0;padding: 10px 5px;width: 100%;max-width: 100%;overflow: hidden;align-items: flex-start;font-family: var(--SFontE);}
.article_a .blog_list_ri h5 {font-family: 'Noto Serif TC', serif; line-height: 2;font-size:20px;text-align: left;color: #f4f3ef;font-weight: 500;letter-spacing: 1px;margin: 0;padding-bottom: 0;}
.article_a .blog_list_ri p {letter-spacing: 1px;line-height: 1.7;font-weight: 400;text-align: left;margin: 0;color:#a69e93;font-size: 15px;}
.article_a .blog_list_ri p span {color: #333;font-weight: 500;line-height: 1.6;font-size: var(--f16);}



@media screen and (max-width: 1400px) {
/* 外層 */
.blog_subbox {gap: 25px;}
.show_content.blog_box {width: 94%;}
.article_a .show_content.blog_box {width: 96%;}
.article_a .blog_ri {padding-left: 20px;}
.article_a .blog_subbox {/* gap: 5px; */}
}


@media screen and (max-width: 1200px) {
/* 外層 */
.blog_ri {padding-left: 20px;}
.article_b .blog_ri {padding: 0;}
.article_a .blog_le {position: sticky;height: fit-content;top: 100px;}
.blog_subbox {grid-template-columns: repeat(2,1fr);}
}


@media screen and (max-width: 1024px) {
.article_b.blog_in_page .banner h5 {padding-top: 10px;}
/* 外層 */
.blog_list_ri {padding-right: 0;}
.accordion li .link a {padding: 8px 15px;font-size: 13px;}
.article_a .blog_subbox {grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));gap: 25px 10px;max-width: 100%;}
.article_a .blog_le {width: 200px;top: 170px;/* padding-right: 10px; */}
.article_a .blog_ri {width: calc(100% - 220px);padding-left: 10px;}
.article_a .blog_list_ri p {font-size: 13px;line-height: 1.5;}
/* 內層 */
.blog_back {/* padding: 25px 0; */}
.blog_box_edit {margin: 0;}
.article_a.blog_in_page .blog_ri {width: calc(100% - 220px);padding-left: 15px;}
.blog_back {margin-top: 30px;}
}


@media screen and (max-width: 768px) {
/* 外層 */
.article_b .banner h5 {display: none;}
.article_a .blog_le_t {margin: 0 0 5px;}
h5.blog_le_t em {font-weight: 300;font-size: var(--f20);
letter-spacing: 3px;color: #333;text-align: center;font-family: var(--SFont);display: flex;line-height: 1.6;flex-direction: column;}
.article_b .blog_le_t em:before {z-index: 1;order: -1;font-size: var(--f48);content: 'Latest News';font-weight: 400;font-family: var(--SFontEN);text-transform: uppercase;color: #C49A6D;letter-spacing: 0.5px;line-height: 1.2;pointer-events: none;}
.show_content.blog_box {width: 100%;padding-top: 40px;}
.blog_le, .blog_ri {width: 100%;padding: 0;}
.blog_le .accordion {display: none;}
.blog_le {margin-bottom: 20px;}
.blog_search{margin-bottom: 10px;}
.blog_subbox {grid-template-columns: repeat(1, 1fr);max-width: 520px;width: 95%;margin: 0 auto;gap: 10px;}
.subbox_item a {grid-gap: 25px;}
.blog_list_ri h5 {line-height: 1.8;font-size: var(--f22);}
.article_b .blog_le .accordion {display: none;grid-template-columns: 1fr ;gap: 5px;padding-bottom: 20px;max-width: 520px;}
.article_b .blog_le .accordion li {margin: 0;width: 100%;}
.article_b .accordion li .link a {padding: 8px 15px;font-size: 13px;width: 100%;}
.article_a .show_content.blog_box {width: 100%;padding-top: 0px;gap: 10px;padding: 0 10px;}
.article_a .blog_ri, .article_a .blog_le {width: 100%;padding: 0;}
.article_a .blog_le {top: unset;position: relative;/* display: none; */padding-bottom: 0;margin-bottom: 0;}
.article_a .blog_le .accordion {display: none;grid-template-columns: 1fr;max-width: 100%;}
/* 內層 */
.blog_back {width: 100%;margin-top: 10px;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next, .blog_back a.article_btn_back {/* width: 140px; */font-size: 12px;height: auto;line-height: 1.4;}
.article_a.blog_in_page .blog_ri {width: 100%;margin: auto;padding: 10px;}
.article_b.blog_in_page .show_content.blog_box {padding-top: 0;}
.article_b.blog_in_page .blog_le {display: none;}
.article_b.blog_in_page .blog_ri {width: 98%;}
.blog_in_page h4.blog_category_title {letter-spacing: 1px;}
}


@media screen and (max-width: 600px) {
/* 外層 */
.show_content.blog_box {gap: 10px;padding-top: 20px;}
.subbox_item a {grid-gap: 15px;/* padding-right: 20px; *//* grid-template-columns: 150px 1fr; */}
.subbox_item a:before {font-size: 10px;}
.blog_list_ri em {margin: 0;letter-spacing: 0;opacity: .8;font-size: 11px;}
.blog_list_ri p {letter-spacing: .5px;/* margin: 10px 0 0; */-webkit-line-clamp: 3;}
.article_a .blog_subbox {grid-template-columns: repeat(2, 1fr);gap: 20px 10px;}
.article_a .subbox_item {padding: 0;}
.article_a .show_content.blog_box {/* width: 98%; *//* padding-top: 0; */}
/* 內層 */
.blog_back a.article_btn_prev, .blog_back a.article_btn_next, .blog_back a.article_btn_back {/* width: 120px; */font-size: 12px;}
.article_b.blog_in_page .blog_back { padding: 25px 0;}
}


@media screen and (max-width: 480px) {
/* 外層 */
.module_i_news .title_i_box h6:before {font-size: 13px;}
.blog_list_ri em {font-size: 10px;}
.i_blog_ri p, .blog_list_ri p {font-size: 12px;}
.subbox_item {padding: 0px 0 25px}
.article_a .blog_subbox {grid-template-columns: repeat(1, 1fr);width: 96%;margin: 0 auto;}
.article_a .show_content.blog_box {padding: 0;}
/* 內層 */
.blog_back a.article_btn_prev:before, .blog_back a.article_btn_next:before {width: 8px;height: 8px;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next, .blog_back a.article_btn_back {/* width: 100px; */font-size: 12px;/* height: 33px; *//* line-height: 33px; */}
.article_a .edit {font-size: 14px;}
}


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

/*相簿*/
.show-list .show_name{     
font-family: 'Noto Serif TC', serif;
color: #fff;
background: #ffffff00;}

.show-list{grid-template-columns: 1fr 1fr 1fr;}
.subalbum-menu h2{    display: none;}
.other_subalbum li{
    background: #ffffff00;}

.subalbum-menu h2 {
    font-size: 22px;
    color: #1c262c;
    width: 100%;
    text-align: center;
    /* background: #e4ccb585; */
    vertical-align: middle;
    padding: 10px;
    letter-spacing: 1px;
    font-weight: 400;
}
.album_fixed_title{    background: #292a29;    color: #a69e93;}
.other_album_choice li {
    background: #a69e93;}

body.album_class_page.album_a .show_content{max-width: 1400px;}


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

/*下拉編輯頁/＝＝＝＝＝*/
.other_select_page .main_part {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}
.other_select_page .edit, .other_select_page .show_content{padding: 0;}
.other_select_page .promotion_title, .other_select_page .other_promotion, .other_select_page .page{display: none;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*聯絡我們/＝＝＝＝＝*/
.animated-arrow {
    background: #999;
    border: 1px #ccc solid;
    width: 100%;
    max-width: 180px;
    height: 40px;
    line-height: 40px;
}
.last .animated-arrow {
    margin: 0;
}

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


@media screen and (max-width: 768px) {
#bottom_menu{background: #292a29;}
#bottom_menu li a{color: #a69e93;}
.header_area .nav-header {
    z-index: 1;
}
.show-list {
    grid-template-columns: 1fr 1fr;
}
.stellarnav.mobile li.open{background: #5a5552;}


}

@media screen and (max-width: 500px) {
.show-list {
    grid-template-columns: 1fr;
}
.banner {
    height: 250px;}
.i_prod_tit:before{    font-size: 35px;}

.i_prod_tit span, .i_video_tit span {
    font-size: 20px;
}
.pageIndex .products-list {grid-template-columns: 1fr;}
.prod_part { padding: 20px; }
.main_part {
                    padding: 20px;
                }
}