@charset "utf-8";


/*●●●●●●●●●●●●●●●●●●●●●●●●   共同設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*頁數*/
ul.page {margin: 80px 0;}
.page li {font-size: 18px;width: 40px;height: 40px;color: #fff;margin: 0 3px;}
.page li.activeN{color: #fff;}
.page li a, .page li strong{width: 100%;height: 30px;background: #888;color: #fff;padding: 20px;}
/*totop*/
#to_top {box-shadow: none;right: 20px;left: auto;width: 44px;height: 44px;bottom: 5vh;}
#to_top i {height: 12px;}
/*麵包屑*/
.path {display: none;}
/*編輯頁設定*/
.other_select_page .promotion_title{display: none;}
.other_select_page .other_promotion{display: none;}
.other_select_page .page{display: none;}
/*其他設定*/
*{font-family: "Roboto","Noto Serif TC", serif;}
body{background: #EEE9E5;}
#content_main {margin-top: 0;background: #eee9e5;}
.main_part{width: 90%;max-width: 1400px;padding: 50px 0;}
.show_content {padding: 0;}



/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.bannerindex {position: relative;}
.bannerindex .swiper-banner .swiper-slide:before,.bannerindex .swiper-banner .swiper-slide:after{
	position: absolute;left: 67vw;top: 32vw;color: #e4d1d1;z-index: 100;font-weight: 500;
	animation: totop 1.5s both;}
.bannerindex .swiper-banner .swiper-slide:before{content: "細節，成就空間的質感";font-size: 18px;
	letter-spacing: .1rem;}
.bannerindex .swiper-banner .swiper-slide:after{content: "讓設計融入生活，讓美好隨時間延續";margin-top: 40px;font-size: 22px;
	animation-delay: .3s;}

@keyframes totop{
	0%{transform: translateY(-10px);opacity: 0;}
	100%{transform: translateY(0px);opacity: 1;}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.header_area {background: #EEE9E5;padding: 5px 0;position: sticky;top: 0;}
.pageIndex .header_area {position: fixed;}
.main_header_area .container{width: 90%;max-width: 1400px;}
.nav-header {max-width: 150px;}
.me_tp_features{display: none;}
.stellarnav > ul > li {padding: 22px 8px 20px;min-width: 65px;}
.stellarnav > ul > li > a {font-weight: 600;letter-spacing: 0;color: #61584f;overflow: inherit;}
.stellarnav > ul > li > a:before{content: "";width: 90%;height: 2px;background: #b7b2ac;
	position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .5s;}
.stellarnav > ul > li > a:hover:before{opacity: 1;bottom: 3px;}

.header_area.sticky{background: #EEE9E5;}

/*---下拉*/
.stellarnav ul ul {background: #f4f0ee;}
.stellarnav li li{border: none;border-bottom: 1px solid #e5dfdb;}
.stellarnav li li:last-child{border-bottom: none;}
.stellarnav ul ul li a {font-size: 13px;font-weight: 500;color: #61584f;padding: 8px 12px;transition: all .5s;}
.stellarnav ul ul li a:hover{background: #a9a19a;color: #fff;}



/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer {background: #eee9e5;}
.footer .center {width: 90%;max-width: 1400px;}
.footer_logo {max-width: 200px;}
.footer_info {grid-template-columns: 1fr;padding-right: 0;}
.footer_info ul {display: grid;grid-template-columns: 1fr 300px;}
.footer_info li {padding: 35px 0;}
.footer_info li p,.footer_info li p a {color: #61584f;}
.footer_menu a {width: 48%;display: inline-block;background: transparent;border: none;color: #61584f;font-weight: 500;
	transition: all .5s;}
.footer_menu a:first-child{display: none;}
.footer_menu a:hover{background: transparent;color: #cc9f75;}
.box_link{display: none;}
.copy,.copy a{font-size: 12px;transition: all .5s;}
.copy {padding: 30px 0;margin-top: 30px;border-top: 1px #ded6d0 solid;}
.copy a:hover{color: #cc9f75;}





/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*共同設定*/
.blog_box {padding: 0;}
.blog_le, .blog_ri {padding: 0;}
/*側邊設定*/
h5.blog_le_t {font-size: 18px;font-weight: bold;display: none;}
.blog_search input[type=search] {border-radius: 0;}
.blog_le .accordion {border-radius: 0;border: none;}
.blog_le .accordion li .link i {font-size: 12px;color: #7e6658;}
.accordion li+li .link {border-top: 1px solid #d7cbc2;}
.accordion li{transition: all .5s;}
.blog_le .accordion li.openSub{background: #988f86;}
.blog_le .accordion li.openSub .link a{color: #fff;padding-left: 15px;}
.blog_le .accordion li.openSub .link i {color: #fff;}
.accordion li .link a {padding: 15px 3px;color: #988f86;transition: all .5s;}
.accordion li.on_this_category .link a{padding-left: 15px;}
.accordion li:hover .link a:hover{padding-left: 15px;}
.blog_le .accordion>li:hover, .blog_le .accordion>li.on_this_category {background: #988f86 !important;}
/*---側邊下拉*/
.submenu {background: #f6f3f3;}
.submenu li+li {border-top: 1px solid #faede1;}
.submenu a {color: #222;font-weight: 500;}
.submenu li.on_this_category a, .submenu a:hover {background: #bcaa9a;}
/*分類頁*/
.blog_ri{padding-left: 5%;}
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 1fr 1fr;}
.subbox_item a:before,.subbox_item a:after{display: none;}
.blog_list_le {aspect-ratio: 3 / 2;overflow: hidden;}
.blog_list_ri {padding: 20px 0 0 50px;max-width: 450px;}
.blog_list_ri h5 {font-size: 26px;font-weight: 600;color: #3A2D26;-webkit-line-clamp: 2;}
.blog_list_ri p {margin-top: 30px;line-height: 1.6;letter-spacing: 1px;font-weight: 500;font-size: 14px;}

.subbox_item a:hover .blog_list_ri h5{color: #98887c;}
.subbox_item a:hover .blog_list_le img{transform: scale(1.05);}
/*文章頁*/
.articel_mainPic{display: none;}
h4.blog_category_title{font-size: 24px;font-weight: 700;color: #7c7670;padding: 0;margin-bottom: 0;
	border-bottom: 1px solid #a19d96;padding-bottom: 10px;}
.blog_shareData {margin: 5px 0 20px;}
.toShareNews {font-size: 12px;}
.toShareNews a object{width: 15px;height: auto;}
.blog_box_edit .edit{padding: 0;line-height: 1.8;color: #63574d;}
.blog_back {grid-gap: 0;width: 100%;margin: 50px 0 100px;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #988f86;border: 1px solid #988f86;font-size: 12px;padding: 12px;}
.blog_back a.article_btn_back{background: #988f86;padding: 12px;font-size: 12px;}
.news_related {background: #e2e0dd;padding: 50px 0;border-top: none;margin-bottom: 50px;}
.news_related_list {grid-template-columns: 1fr;}
.news_related h6 span:before {color: #3A2D26;font-size: 20px;}
.news_related_list {grid-template-columns: 1fr 1fr;width: 90%;}
.news_related_list li a {padding: 0;display: grid;grid-template-columns: 200px 1fr;background: transparent;}
.news_related_list li figure {aspect-ratio: inherit;}
.news_related_list li > a figure {aspect-ratio: 3 / 2;}
.news_related_list li a img {height: 100%;}
.news_related_list li a p {text-align: left;font-size: 16px;padding: 10px 30px 0;font-weight: 600;line-height: 1.6;
	font-weight: 600;}
.news_related_list li a p:before{content: "ARTICLE";display: block;font-size: 10px;font-family: "Italiana", sans-serif;
	color: #985e38;margin-bottom: 5px;}
.lastPage {font-size: 12px;background: #988f86;font-weight: 600;}

@media screen and (max-width: 1350px){
	/*分類頁*/
	.blog_list_ri {padding: 5px 0 0 30px;}
	.blog_list_ri h5 {font-size: 22px;}
}
@media screen and (max-width: 1024px){
	/*文章頁*/
	.news_related_list {grid-template-columns: 1fr;}
}
@media screen and (max-width: 960px) {
	/*分類頁*/
    .subbox_item {border-bottom: none;margin-bottom: 30px;}
}
@media screen and (max-width: 768px){
	/*側邊選單*/
	.blog_le .accordion{display: block;}
	/*分類頁*/
	.blog_ri {padding-left: 0;margin-top: 50px;}
}
@media screen and (max-width: 600px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 1fr;}
	.blog_list_ri {padding: 10px 30px 0 10px;max-width: inherit;}
	/*文章頁*/
	.news_related_list li a {grid-template-columns: 130px 1fr;}
}




/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿功能   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*大分類*/
.show-list {grid-template-columns: repeat(3, 1fr);}
/*相簿頁*/
.subalbum-menu {margin: 0;padding: 0;}
.subalbum-menu h2 {color: #95877c;}
.other_subalbum li {background: transparent;}
.other_subalbum li a p {font-weight: 600;padding: 5px 0;}
.overlay {-webkit-transform: scale(1);transform: scale(1);}
/*觀看更多*/
.album_fixed_title {background: transparent;}
.other_album_choice li {background: #9b938d;border-radius: 0;}
.other_album_choice li a{color: #fff;font-weight: 600;font-size: 13px;}
.other_album_choice li a i{display: none;}
/*首頁*/
.module_i_album {padding: 100px 0 50px;}
.module_i_album section {max-width: 1500px;width: 90%;}
.module_i_album .title_i_box h4 {font-size: 30px;color: #4B423A;}
.show-list p{padding: 10px 0;font-weight: 400;}
.i_album_b .animated-arrow{width: 180px;background: transparent;border: none;border-bottom: 1px solid #665B51;
	display: flex;justify-content: space-between;align-items: baseline;padding: 0 10px;}
.i_album_b .animated-arrow b{color: #665951;font-size: 13px;}
.i_album_b .animated-arrow i:before{content: "→";color: #665951;font-size: 13px;font-weight: 300;}






/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*大範圍設定*/
.contact_content {padding: 0;}
/*標題*/
.blank_letter {font-family: "Roboto","Noto Serif TC", serif;font-size: 24px;color: #3A2D26;font-weight: 600;}
.blank_letter.i{display: none;}
/*左側資訊*/
.contact_content .information_left{padding: 0;width: 100%;padding-left: 55%;text-align: center;}
.contact_content .information_left:before{content: "";width: 50%;height: 100%;position: absolute;top: 0;left: 0;
	background: url(https://pic03.eapple.com.tw/lanyudesign/contact_pic.jpg) no-repeat;background-size: cover !important;
	background-position: center !important;}
.list_before{margin-top: 0;}
.list_before:before{content: "CONTACT LANYU";display: block;margin-bottom: 30px;
    letter-spacing: .2rem;font-size: 20px;color: #555;font-weight: 700;}
.list_before.info li {color: #8b8987;font-size: 12px;padding-left: 0;}
.list_before.info li:before{font-weight: 600;letter-spacing: 0;font-size: 12px;position: relative;display: inline-block;}
/*右側表單*/
.contact_content .information_right {padding: 0;width: 100%;margin-top: 100px;}
.contact_form {grid-gap: 30px 50px;grid-template-columns: 1fr 1fr;}
.contact_form li {grid-template-columns: 110px 1fr;}
.contact_form li .form__label {font-weight: 700;color: #888;text-align: left;max-width: 110px;
	display: flex;flex-direction: row-reverse;justify-content: flex-end;padding: 5px 0;}
.form select {padding: 8px 20px 8px 8px;background: #fff;border-radius: 0;}
.form select,.contact_form li input.noborder,.contact_form li textarea.noborder {background: transparent;
	width: 100%;border: none;border-bottom: 1px solid #d9d2cc;font-size: 12px;color: #888;outline: none;}
.form select option{font-size: 12px;}
.contact_form li input#checknum{width: 100px;}
.contact_form li.last {grid-column: span 2;}
.animated-arrow {background: #888;border: 1px #888 solid;}
.last .animated-arrow {width: 130px;height: 45px;line-height: 42px;}
.last .animated-arrow b{font-size: 12px;}

@media screen and (max-width: 768px){
	.contact_content .information_left{width: 100%;}
	.contact_content .information_right {padding: 80px 0 0;}
}
@media screen and (max-width: 600px) {
	.contact_form li .form__label {background: transparent;padding: 5px 0;font-size: 12px;}
	.last .animated-arrow {width: 130px;}
}











/* 商品下拉超過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;}
/* 主分類超過30個但次分類直接顯示 
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}
 主分類超過30個但次分類直接顯示-結束 */

/* 商品下拉超過30個--結束 */


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


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

.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);}

/* 篩選器-左手邊 / 產品分類-上面
.ProdFilter_ { order: 2;}
.Prods_Menulists { order: 1;}
.Prods_Wrap { order: 3;}
.ProdFilter_ { width: 250px; letter-spacing: 1px;}
.ProdFilter_ li { width: 100%;}
.ProdFilter_ li > a { background: #f3f3f3; border: none; border-bottom: 3px #ddd solid;}
.ProdFilter_ dl { position: static; width: 100%; display: block;}
*/

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

.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 { background: #f0f0f0;}

.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: 1024px) {
.product_main { display: block; width: 100%;}    
.sidebarBtn { display: block; width: 100%;}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
/* 篩選器-左手邊 / 產品分類-上面
.Prods_Wrap { width: 100%;}
.ProdFilter_ { width: 100%;}
.ProdFilter_Item_Show { width: calc(100% - 110px);}
.ProdFilter_ { order: 1;}
.Prods_Menulists { order: 2;}
.ProdFilter_ li > a span { color: #333;}
*/

.Prods_Wrap { width: 100%; margin-top: 20px;}
.ProdFilter_ { width: 100%;}
.Prods_Menulists { opacity: 0; display: none;}

}
@media screen and (max-width: 600px) {
}


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

/* 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);}


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




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


/*內頁BANNER 設定*/
.banner {background: transparent;align-items: flex-end;align-content: flex-end;}
.banner h5 {color: #4B4139;font-size: 30px;font-weight: 600;letter-spacing: 1rem;text-align: left;
	width: 90%;max-width: 1400px;border-bottom: 2px solid #cdbfb4;padding-bottom: 30px;}
.banner h5:before{content: "";color: #CEBFB3;font-size: 50px;display: block;margin-bottom: 10px;
	letter-spacing: .2rem;font-weight: 900;}
.banner.banA {}
.banner.banB {}
.banner.banC h5:before{content: "CONTACT";}
.banner.banD {}
.banner.banE h5:before{content: "WORKS";}
.banner.banblog h5:before{content: "ARTICLE";}
.blog_in_page .banner.banblog{display: none;}

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


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
  

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


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


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


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


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