@charset "utf-8";
/*CSS Document*/




/***********header***********/
header{position:relative;z-index:999;background-color:#f6f5ed;}
header.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px rgba(0 0 0 / 12%);}
.header{justify-content: space-between; align-items: flex-end; padding: 24px 0;}


/*header-phone*/
.header-phone-more,
.header-phone-close{display:none;}


/*language*/
.language{line-height:14px;}
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;}
.language dt{height:14px;line-height:14px;color:#131313;font-size:14px;font-weight:700;cursor:pointer;padding-right:16px;text-align:center;}
.language dd{position:absolute;top:100%;left:0;right:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display:none;padding:4px 0;text-align:center;border-radius:6px;}
.language dd a{display:block;padding:6px 8px;font-size:14px;line-height:1em;}
.language dd a:hover{color:#FF477E;}
.language dt:after{content:"\e6c7";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;}
.language dt:after{
	content:"\e6c7";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:block;text-align:center;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
/*.language dt.cur:after{content:"\e731";}*/



/*logo*/
.header-logo a{display:block;height:48px;}
.header-logo a img{display:block;height:100%;}
header.header-fixed .header-logo a { height:40px; }


/*header-nav*/
.header-nav { margin-right: 30px; }
.header-nav > ul{line-height:1em;}
.header-nav > ul > li{float:left;margin-right:36px;position:relative;}
.header-nav > ul > li:last-child{margin-right:0;}
.header-nav > ul > li > a{display:inline-block;vertical-align:top;font-weight:500;font-size:16px;line-height:16px;position:relative; letter-spacing: 1px;}
.header-nav > ul > li > a:hover,
.header-nav > ul > li.active > a{color:#597c8d;}
.header-nav > ul > li > a:hover:after,
.header-nav > ul > li.active > a:after{content:"\e6c7";}
.header-nav i.iconfont{display:none;vertical-align:top;font-size:10px;line-height:18px;}
.header-nav > ul > li > a:after{content:"\e6ce";font-family:"iconfont"!important;display:inline-block;vertical-align:top;margin-left:2px;font-size:10px;font-weight:normal; vertical-align: bottom; line-height: 1em;}

.header-subnav{
	position:absolute;top:100%;left:0;z-index:99;padding:8px 0;box-shadow:0 1px 6px rgba(0 0 0 / 12%);background-color:#fff;visibility:hidden;opacity:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);  
}
.header-subnav li a{padding:10px 20px;line-height:1em;display:block;line-height:1.2em;white-space:nowrap;font-size:14px;}  
.header-subnav li a:hover{color:#597c8d;background-color:#f7f7f7;}

.header-nav > ul > li:hover .header-subnav{visibility:visible;opacity:1;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px);  
}

.header-right { display: flex; align-items: center; }










/***********footer***********/
.footer-top { background-color: #ebefea; }
.footer-top .w1680 { justify-content: space-between; align-items: center; }
.footer-nav { display: flex; align-items: center; }
.footer-nav img { display: block; height: 72px; margin-right: 36px; }
.footer-nav ul { grid-gap:30px 40px; }
.footer-nav ul li a { font-size: 16px; display: block; line-height: 1em; } 

.footer-contact h2 a { font-size: 16px; display: block; line-height: 1em; margin-bottom: 40px; font-family: "made-evolve-sans-l"; }
.footer-contact p { font-size: 16px; line-height: 1.2em; font-family: "made-evolve-sans-l"; }
.footer-contact li { margin-bottom: 40px; }
.footer-contact li:last-child { margin-bottom: 0; }

.footer-copyright { background-color: #e8e7db; padding: 20px 0; }
.footer-copyright p { text-align: center; font-size: 10px; color: #231815; font-weight: bold; line-height: 1.2em; padding: 3px 0; }








/***********banner***********/
/**/
.swiper-slide a{position:relative;display:block;}
.swiper-slide a img{display:block;width:100%;height:auto;}

.home-banner { margin-bottom: 10px; }
.home-banner-text{position:absolute; bottom: 30px; left:5%; right: 5%; z-index:2;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3); }
.home-banner-text h2{ font-size:36px; line-height: 1.2em; color:#fff; letter-spacing: 4px; }
.home-banner-text img { width: 124px; display: block; margin: 36px auto 0; }
.home-banner .swiper-slide > img { display: block; width: 100%; }

.home-banner2 img { display: block; width: 100%; }

.home-banner .swiper-slide > img{ width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1.2,1.2); }
.home-banner .swiper-slide-active > img,
.home-banner .swiper-slide-duplicate-active > img{
		transition:7s linear;
		transform:scale(1,1);
		}	


/*page-banner*/
.page-banner-box{position:relative;}
.page-banner-box h1{
	font-size:50px;font-weight:700;line-height:1em;position:absolute;top:50%;left:50%;z-index:9;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.page-banner-box img{width:100%;height:300px;display:block;object-fit:cover;object-position:center center;}













/***********首頁***********/

.home-one-title { display: flex; align-items: center; margin-bottom: 66px; }
.home-one-title img { display: block; height: 90px; margin-right: 24px; }
.home-one-title h2 { font-size: 36px; line-height: 50px; }

.home-one > div { box-sizing: border-box; }

.home-one-l { width: 65%; padding-right: 150px; }
.home-one-l p { font-family: "made-evolve-sans-l"; font-size: 20px; line-height: 1.8em; margin-bottom: 30px; color: #555; text-align: justify; }
.home-one-l p strong { font-size: 20px; color: #131313; }
.home-one-l p:last-of-type { margin-bottom: 0; }

.home-one-r { width: 35%; padding: 22% 0; height: 0; position: relative; }
.home-one-r-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.home-one-r-box > div { display: block; width: 32%; padding: 16% 0; height: 0; position: absolute; } 
.home-one-r-box > div img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.home-one-r-box > div:nth-child(1) { top: 0; left: 0; }
.home-one-r-box > div:nth-child(2) { top: 12%; right: 0; }
.home-one-r-box > div:nth-child(3) { top: 24%; left: 34%; }
.home-one-r-box > div:nth-child(4) { bottom: 23.4%; left: 34%; }
.home-one-r-box > div:nth-child(5) { bottom: 12%; left: 0; }
.home-one-r-box > div:nth-child(6) { bottom: 0; right: 0; }


/* 2 */
.home-two h2 { font-size: 36px; color: #666; line-height: 1.2em; margin-bottom: 36px; }
.home-two-box { position: relative; }
.home-two-box > img:first-child { position: absolute; top: 36px; right: 56px; z-index: 2; width: 120px; height: 120px; display: block; }
.home-two-box > img:last-child { display: block; width: 100%; }
.home-two-box h3 { position: absolute; bottom: 120px; left: 5%; z-index: 9; width: 90%; font-size: 36px; color: #fff; text-align: center; }
























/* products */
.products { display: flex; justify-content: space-between; }

.products-menu h1 a { display: block; font-size: 20px; line-height: 1em; color: #418ea0; margin-bottom: 36px; }
.products-menu-box { display: flex; grid-gap:20px 50px; }
.products-menu-list h2 a { display: block; font-size: 24px; line-height: 1em; margin-bottom: 36px; }
.products-menu-list h2 i { display: none; }
.products-menu-list ul li a { font-family: "made-evolve-sans-l"; font-size: 18px; display: block; line-height: 1em; color: #666; margin-bottom: 24px; letter-spacing: 3px; }
.products-menu-list ul li a:hover { color: #131313; }
.products-menu-list ul li:last-child a { margin-bottom: 0; }
.products-menu-list ul li a span { display: inline-block; vertical-align: bottom; color: #909090; font-family: "made-evolve-sans-l"; line-height: 1em; font-size: 12px; display: none; }

.products-home { padding-top: 72px; width: 65%; }
.products-home img { display: block; width: 100%; }
.products-home .df { justify-content: space-between; align-items: center; padding-top: 10px; }
.products-home .df img { width: 32%; }
.products-home .df p { font-size: 27px; color: #b6a890; padding-left: 20px; }


/*  */
.products-kitchen-box { align-items: flex-end; }
.products-kitchen-box .products-menu { margin-bottom: 220px; }


.products-kitchen { width: 70%; text-align: right; }
.products-kitchen .swiper { position: relative; padding-top: 66px; }
.products-kitchen .swiper-wrapper { display: inline-flex; width: auto; }

.products-kitchen .swiper-slide { padding-right: 12px; padding-bottom: 12px; box-sizing: border-box; }
.products-kitchen .swiper-slide-box { height: 0; padding: 65% 0; position: relative; z-index: 2; overflow: hidden; }
.products-kitchen .swiper-slide-box > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.products-kitchen .swiper-slide-box img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;object-position:center center; }

.products-kitchen .swiper-slide:hover .swiper-slide-box img { 
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); }

.products-kitchen-title { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 5; text-align: right; }
.products-kitchen-title h3 { font-size: 28px; color: #fff; text-align: center; margin-bottom: 12px; letter-spacing: 3px; } 
.products-kitchen-title h3 span { font-family: "made-evolve-sans-l"; display: block; font-size: 14px; color: #fff; text-align: center; margin-top: 5px; }
.products-kitchen-title a { color: #fff; font-size: 14px; }
.products-kitchen-title a:after { content:'';margin-left:3px;width:0;height:0;display:inline-block;
	border-top:solid 10px #fff;
	border-left:solid 10px transparent;
	border-right:solid 0 transparent;
}

.products-kitchen-bg { position: absolute; top: 53%; left: 42%; right: 0; bottom: 0; } 

.products-kitchen .slide-four-swiper-button { position: absolute; top: 0; right: 0; z-index: 9; display: flex; gap: 10px; } 

.products-kitchen .swiper-button-prev,
.products-kitchen .swiper-button-next { width: 150px; position: relative; top: auto; left: auto; right: auto; margin: 0; 
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1); }
.products-kitchen .swiper-button-prev:hover, 
.products-kitchen .swiper-button-next:hover { opacity: .7; }
.products-kitchen .swiper-button-prev { justify-content: flex-start; }
.products-kitchen .swiper-button-next { justify-content: flex-end; }
.products-kitchen .swiper-button-prev.swiper-button-disabled,
.products-kitchen .swiper-button-next.swiper-button-disabled { display: none; }

.products-kitchen .swiper-button-prev:after,
.products-kitchen .swiper-button-next:after { content: ""; display: block; background-color: #597c8d; position: absolute; top: 50%; left: 10px; right: 10px; height: 2px; margin-top: -1px; } 
.products-kitchen .swiper-button-prev:before { content: "\e6c9"; color: #597c8d; }
.products-kitchen .swiper-button-next:before { content: "\e6cc"; color: #597c8d; }








/* products-details */
.products-details-banner { position: relative; }
.products-details-banner > img { display: block; width: 100%; }
.products-details-banner .w1680 { position: absolute; top: 50px; bottom: 50px; left: 50%; z-index: 2;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%); }
.products-details-banner .w1680 span { font-family: "made-evolve-sans-l"; font-size: 24px; line-height: 1em; color: #fff; position: absolute; top: 0; left: 0; display: block; }
.products-details-banner .w1680 h1 { font-size: 50px; line-height: 1em; color: #fff; position: absolute; bottom: 0; left: 0; display: block; }
.products-details-banner .w1680 h1 img { height: 50px; display: inline-block; vertical-align: top; }
.products-details-banner .w1680 > img { position: absolute; bottom: 0; right: 0; width: 100px; display: block; }


/*  */
.products-details-wardrobe-title h2 { font-size: 24px; color: #c8b297; }
.products-details-wardrobe-title h2 span { font-size: 50px; line-height: 1em; display: inline-block; vertical-align: bottom; margin-left: 30px; display: none; }
.products-details-wardrobe-title h2 img { height: 50px; margin-left: 30px; display: inline-block; vertical-align: bottom; }

.products-details-wardrobe-con > div { box-sizing: border-box; }
.products-details-wardrobe-con > div:nth-child(1) { padding-right: 100px; }
.products-details-wardrobe-con > div:nth-child(1) h3 { font-size: 36px; color: #638494; margin-bottom: 10px; }
.products-details-wardrobe-con > div:nth-child(1) p { font-size: 20px; line-height: 1.6em; margin-bottom: 40px; letter-spacing: 0; }
.products-details-wardrobe-con > div:nth-child(1) p strong { font-size: 24px; font-weight: lighter; letter-spacing: 0; }

.products-details-wardrobe-con > div:nth-child(2) img { display: block; width: 100%; }


/*  */
/* .products-details-kitchen-top { justify-content: space-between; } */
.products-details-kitchen-top .pdk-top-l { width: 50%; box-sizing: border-box; padding-right: 25px; }
.products-details-kitchen-top .pdk-top-r { width: 50%; box-sizing: border-box; padding-left: 25px; display: flex; justify-content: flex-end; }
.products-details-kitchen-top .pdk-top-r > div { align-items: baseline; box-sizing: border-box; }
.products-details-kitchen-top .pdk-top-r img { display: block; padding: 10px; box-sizing: border-box; }

.products-details-kitchen-top .pdk-top-l h2 { font-size: 50px; margin-bottom: 30px; }
.products-details-kitchen-top .pdk-top-l h2 img { height: 50px; display: block; }
.products-details-kitchen-top .pdk-top-l h3 { font-size: 36px; margin-bottom: 30px; }
.products-details-kitchen-top .pdk-top-l p { font-size: 20px; line-height: 1.6em; margin-bottom: 36px; letter-spacing: 0; }
.products-details-kitchen-top .pdk-top-l p:last-of-type { margin-bottom: 0; }


/*  */
.products-details-kitchen-lr img { display: block; width: 100%; }
.products-details-kitchen-lr p { font-size: 24px; line-height: 1.6em; letter-spacing: 0; }
.products-details-kitchen-lr p strong { font-size: 30px; font-weight: lighter; letter-spacing: 0; }
.products-details-kitchen-lr > div { margin-left: -15px; margin-right: -15px; }
.products-details-kitchen-lr > div > div { width: 50%; box-sizing: border-box; padding-right: 15px; padding-left: 15px; }




/*  */
/* .products-kitchen-essenza .products-details-kitchen-top .pdk-top-r img { margin: 10px 5px; } */


/*  */
.products-details-kitchen-column img { display: block; width: 100%; }

.products-details-kitchen-column p { font-size: 24px; line-height: 1.6em; padding: 30px 20px 0; letter-spacing: 0; }
.products-details-kitchen-column p strong { font-size: 30px; font-weight: lighter; letter-spacing: 0; }









/*  */
/* .our-labelling { background-color: #ded1bf; } */
.our-labelling h2 { font-size: 30px; margin-bottom: 30px; }
.our-labelling ul { gap: 20px; align-items: center; justify-content: space-around; }
.our-labelling ul li img { width: 75%; display: block; margin: 0 auto; }








/* accessories */
.accessories-one p { font-size: 24px; line-height: 1.6em; }

.accessories-lr > div { width: 50%; }  
.accessories-lr-text { padding-left: 50px; }
.accessories-lr-text p { font-size: 24px; line-height: 1.6em; }
.accessories-lr-text h3 { font-size: 30px; line-height: 1.6em; margin-bottom: 16px; }

.accessories-three .accessories-lr { flex-direction: row-reverse; }
.accessories-three .accessories-lr-text { padding: 0 50px 0 0; }

.accessories-six img { display: block; margin-bottom: 24px; }
.accessories-six p { font-size: 24px; line-height: 1.6em; }
.accessories-six h3 { font-size: 30px; line-height: 1.6em; margin-bottom: 10px; }








/* about */
.about-banner { background-color: #c7b9aa; }
.about-banner-text { background-color: #c7b9aa; padding: 50px 72px; min-width: 210px; }  
.about-banner-text span { display: block; font-size: 18px; color: #fff; }
.about-banner-text h1 { font-size: 30px; margin: 30px 0 50px; }
.about-banner-text img { display: block; width: 80px; }
.about-banner-img img { display: block; width: 100%; }


/*  */
.about-one { flex-direction: row-reverse; }
/* .about-one > div { width: 50%; box-sizing: border-box; } */
.about-one-img img { width: 100%; display: block; }
.about-one-text { padding-right: 80px; padding: 0 !important; }
.about-one-text p { font-size: 24px; line-height: 1.6em; margin-bottom: 36px; letter-spacing: 0; }
.about-one-text p:last-child { margin-bottom: 0; }

/*  */
.about-two-box { position: relative; height: 0; padding: 26% 0; }
.about-two-box img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; }
.about-two-box > div { position: absolute; height: 0; }
.about-two-img1 { width: 18%; padding: 9% 0; top: 0; left: 0; z-index: 3; }
.about-two-img2 { width: 18%; padding: 14% 0; top: 21%; left: 9%; z-index: 2; }
.about-two-img3 { width: 16%; padding: 14% 0; top: 3%; left: 25%; }
.about-two-img4 { width: 38%; padding: 12% 0; bottom: 20%; left: 42%; }
.about-two-img5 { width: 16%; padding: 14% 0; bottom: 0; right: 9%; z-index: 2; }
.about-two-img6 { width: 18%; padding: 9% 0; top: 19%; right: 0; z-index: 3; }
.about-two-img7 { width: 14%; padding: 7% 0; top: 8%; right: 19%; z-index: 4; }

/*  */
.about-three ul li > div { width: 50%; box-sizing: border-box; }
.about-three-img img { width: 100%; display: block; }

.about-three-text { padding: 20px 80px; }
.about-three-text p { font-size: 24px; line-height: 1.6em; letter-spacing: 0; }
.about-three-text h2 { font-size: 24px; line-height: 1.6em; color: #418ea0; margin-bottom: 50px; }

.about-three ul li:nth-child(even) { flex-direction: row-reverse; }
.about-three ul li:nth-child(even) .about-three-text { text-align: right; }











/* showroom */
.showroom-banner { position: relative; z-index: 2; }
.showroom-banner .w1680 { padding-bottom: 30px; }
.showroom-banner .w1680 h1 { font-size: 30px; color: #fff; line-height: 1em; margin-bottom: 30px; }
.showroom-banner .w1680 img { display: block; width: 100%; }
.showroom-banner > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; object-fit:cover; object-position:center; }

.showroom-bg { background:linear-gradient(156deg, #a6826c 14.1%, #5e6454 72.67%); }

.showroom-one ul { grid-gap: 50px 50px; }
.showroom-one ul li img { display: block; width: 100%; height: 100%; object-fit:cover;object-position:center center; }

.showroom-two .pdk-top-l h2 { color: #fff; }
.showroom-two .pdk-top-l p { color: #fff; }
.showroom-two .pdk-top-l p span { display: block; margin-bottom: 20px; color: #fff; line-height: 1.4em; }
.showroom-two .pdk-top-l p span:last-of-type { margin-bottom: 0; }
.showroom-two .pdk-top-l p strong { font-size: 20px; color: #443721; margin-bottom: 20px; display: block; }

.showroom-three { position: relative; z-index: 2; text-align: center; }
.showroom-three > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; object-fit:cover; object-position:center; }
.showroom-three-con { display: inline-block; vertical-align: top; }
.showroom-three-con img { width: 250px; display: block; margin: 0 auto; }
.showroom-three-con p { font-size: 30px; text-align: center; color: #fff; }