@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Alumni+Sans+Pinstripe:ital@0;1&family=El+Messiri:wght@400..700&family=Kiwi+Maru&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@300&family=Noto+Serif+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho&family=Yuji+Mai&family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic&display=swap');

/*new----------------------------------*/
/*header*/
.nav-menu {margin: 0 0 0 0;}
.nav-brand img { filter: brightness(2.5); } 
li.tp_links {display: none;}

.header_area {
    padding: 0px 0;
    height: 100px;
    background: #ffffff00;
	position: fixed;
}
.me_tp_features { display:none; }
.navigation {  padding: 27px; }
.header_area.sticky { backdrop-filter: blur(4px);  background: #66666642;  transition: all .5s ease; }
.header_area.sticky .nav-header { margin-top: -10px;  transition: all .5s ease; }

/*輪播圖-大圖*/
.swiper-slide{position: relative;}
.swiper-slide:before,
.swiper-slide:after {
    content: "";
    letter-spacing: 1px;
    z-index: 100;
    color: var(--MainColor);
	
}

.pageIndex .swiper-slide.swiper-slide-active:before {
   /* font-size: min(max(1.2vw, 15px), 100px);*/
    font-size: 5vw;
    animation: slide-top 2s ease forwards;
    content: "AESTHETICS";
    position: absolute;
    bottom: 20%; /* 用 bottom 替代 top，距離底部 10% */
    left: 5%;    /* 距離左邊 5% */
    width: auto; /* 讓字不用硬撐滿 100%，比較自然 */
    text-align: left; /* 靠左對齊 */
    font-family: "Playfair Display", serif;
    animation-fill-mode: both;
	letter-spacing:1px;
	font-weight: 400;
	color:#ffffff63;
}

.pageIndex .swiper-slide.swiper-slide-active:after {
    font-size: min(max(1vw, 13px), 16px);
    margin-top: 0.5vw;
    animation: slide-top 2.5s ease forwards;
    content: "設計 是對美的描繪，更是對你內心藍圖的回應 ∣ 來自生活的靈感、量身的思維，在空間裡緩緩展開。";
    position: absolute;
    bottom: 19%; /* 第二行文字比第一行更靠下 */
    left: 5%;
    width: auto;
    text-align: left;
    animation-fill-mode: both;
    color: #FFF;
}

/*下拉選單*/
.stellarnav > ul > li>li>a {display: block; color: #343a40 !important;}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus, .nav-dropdown > li > a:active {color: #343a40 !important;}
.nav-dropdown > li > a:before, .nav-dropdown > li > a:after {color: #343a40 !important;}
.nav-dropdown {background: #ffffff;}
.nav-dropdown>li {padding: 3px 0; border-bottom: 1px solid #c3c3c3;}
.nav-dropdown > li > a {padding: 6px 20px; color: #343a40 !important;}
.stellarnav li.has-sub > a:after { display:none; }
.main_header_area .container { max-width: 1500px; }
.stellarnav ul ul { width: 200px; background: #ffffff6e;}


/*特效*/
.stellarnav > ul > li > a { padding: 0px 15px; font-family: "Zen Maru Gothic", serif; color: #ffffff; }
.stellarnav > ul > li > a {position: relative;}
.stellarnav > ul > li:hover>a:after {width: 100%;}
.stellarnav > ul > li > a:after {
    content: "";
    width: 0%;
    height: 1px;
    background: #c3c3c3;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transition: all .3s;
	transform: translate(-50% , 0);
	color: #343a40 !important;}


/* 側邊按鈕*/
.info_fix>span { display:none; }

.info_fix_links { display:block !important;}
.info_fix_links a {   background: rgb(187 158 169 / 0%); color: black; color: black;  border: 1px solid #444; }
.info_fix_links a:hover {   background: white; }

/*文章修改*/
.subbox_item a:before, .subbox_item a:after { display:none;}
.subbox_item a { display: block; }
.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }
.blog_le .accordion { border: none; }
.news_related { display:none;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: #333 !important; }
.module_i_news .title_i_box h6, .module_i_album .title_i_box h4 {  display: none; }
.module_i_news .title_i_box h4, .module_i_album .title_i_box h6 {  color: #000000; font-size: 75px; font-family: 'Playfair Display';  font-weight: 100; }
.blog_le .accordion { border-radius: 5px; }
.blog_in_page .path { margin-bottom: 50px;}
.blog_in_page h4.blog_category_title {
    color: #333;
    margin-bottom: -10px;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
}


.promotion_title { display:none;}
.other_promotion { display:none;}
.other_select_page .page { display:none;}
.i_blog_ri {  margin-top: 15px; }
.module_i_news li a:before {  bottom: -45px; }
/*footer*/
.box_link { display:none; }
.footer { background-color:white; }
.footer_menu a { background: #ffffff; }
.footer .center { text-align: center; }
.footer_info { display: block; }

/*相簿修改*/
.other_album  { display:none; }
.subalbum-menu h2 {  color: #000000; font-size: 75px; font-family: 'Playfair Display';  font-weight: 100; margin-bottom: 35px; }
.other_subalbum li {  background: #ffffff00;  letter-spacing: 1px; }
.other_subalbum li a p { text-align: center; margin: 15px 0; }
.overlay { background: rgb(255 255 255 / 29%); }

/*文章修改*/
h5.blog_le_t span { display: none;}
h5.blog_le_t em {  color: #000000; font-size: 75px; font-family: 'Playfair Display';  font-weight: 100; }
.blog_le .accordion > li.on_this_category { background: #3c3c3c !important; }
.blog_search input[type=submit] { display: none; }
.animated-arrow {  background: #393939; }
.module_i_album section, .module_i_news section { max-width: 1600px; }
.module_i_news li a:after  { display: none; }
.i_blog_b, .i_album_b { display: none; }

.i_album_list {  grid-template-columns: repeat(2, 1fr); }
.i_album_list li a p { background: rgb(137 137 137 / 60%); color: #ffffff; height: 3em; backdrop-filter: blur(5px); }
.i_blog_ri h5 { color: #5b5b5b; }
.module_i_news li a { display: block; }
.module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

/*聯絡我們*/
.contact_page .main_part { padding: 150px 20px; max-width: 1000px;}
.contact_content .information_left { display:none; }
.contact_content .information_right { width: calc(100% - 0px); }

.contact_form { grid-gap: 25px; }
.contact_form li { grid-template-columns: 130px 1fr; }
.contact_form li .form__label {  max-width: 115px; text-align: left; }
.contact_form li.last cite 	{ background: #7d7d7d;  border: none;}

.blank_letter { display:none; }
.contact_content .information_right:after { position: absolute;  content: "FORM";  color: #000;  font-size: 80px;  font-weight: 300;  font-family: 'Playfair Display';  left: 30px;  top: -80px;}

@media screen and (max-width: 570px) {
.contact_form li .form__label { background: rgb(255 255 255 / 0%); text-align: left; display: flex; flex-direction: row-reverse; justify-content: flex-end; }
.contact_form li.last { flex-direction: row;}
.contact_form li.last blockquote, .contact_form li.last cite {  border: none; }
}

/*內頁BANNER 設定*/
.banner { height:400px;}
.banner h5 { display:none;}
.banner.banA { background-image: url(https://pic03.eapple.com.tw/phdesign/banA.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banB { background-image: url(https://pic03.eapple.com.tw/phdesign/banB.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banC { background-image: url(https://pic03.eapple.com.tw/phdesign/banC.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banD { background-image: url(https://pic03.eapple.com.tw/phdesign/banD.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banE { background-image: url(https://pic03.eapple.com.tw/phdesign/banE.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banF { background-image: url(https://pic03.eapple.com.tw/phdesign/banF.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/phdesign/banblog.jpg); background-position: center; width: 100%; height: 30vw; background-size: cover; }
#content {
	background-image: url(https://pic03.eapple.com.tw/phdesign/background.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

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


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:100%;}


.car_page .information_left { display: block;}









/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1600px) {	

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


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

}
@media screen and (max-width: 1200px) {
.swiper-slide img { height: auto;}
/*文章管理*/
}

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

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

}
@media screen and (max-width: 1024px) {
.navigation { padding: 15px 0 0 0; }
.header_area { position: relative; height:auto; }
.nav-brand img { filter: none; }
.stellarnav > ul > li > a { color: #777; }
}
@media screen and (max-width: 980px) {

}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.main_header_area .container { max-width: 100%; margin: 0; }
.stellarnav .menu-toggle span.bars span { background: #827c78; }
.stellarnav .menu-toggle:after { color: #827c78; }
.navigation { padding: 1%; }
.footer_info li { padding: 2% 5%;}
.footer_logo { display: none; }
.nav-brand img { max-width: 75%; }

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}
.pageIndex .swiper-slide.swiper-slide-active:before { bottom: 20%; font-size: 10vw; }
.pageIndex .swiper-slide.swiper-slide-active:after { bottom: 15%; width: 65%; }
.swiper-banner .swiper-slide img { height: 85vw; width: 160%;  max-width: 160%; }
}
@media screen and (max-width: 570px) {
.header_area {  position: relative; }
.navigation { padding: 2%; }
.product_page .products-list { width: 100%; }
.products-list { grid-template-columns: 1fr 1fr; }
.contact_form li {  display: flex; justify-content: space-evenly; flex-direction: column; }
.contact_form li .form__label { width: 100%; }

#content_main { margin-top: -10px; }
.product_page .products-list {  width: auto; }
.products-list {  display: block; }
.products-list .item {   width: 49%; }
.subbox_item {  width: 100%;  border-bottom: none; }
.contact_form li { grid-gap: 0px;}

.footer { padding: 50px 0 0; }
.footer_info li { text-align: center; }
.footer_info ul { display: block;}
.footer_menu a {
	display: inline-block;
    border: 1px #ccc solid;
}
.stellarnav .menu-toggle {  padding: 15px;}

.pageIndex .swiper-slide.swiper-slide-active:before { bottom: 30%; font-size: 10vw; }
.pageIndex .swiper-slide.swiper-slide-active:after { bottom: 15%; width: 65%; }
}


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

}