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




/*********** header ***********/
header { position: relative; z-index: 999; background-color: #fff; }
header/* .header-fixed */ { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 2px 6px rgba(0,0,0,.3); }


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


/* language */
.language { line-height: 1em; }
.language dl { display: inline-block; vertical-align: top; position: relative; z-index: 990; cursor: pointer; }
.language dt { height: 28px; line-height: 28px; color: #131313; font-size: 12px; font-weight: 700; cursor: pointer; width: 28px; text-align: center; border-radius: 100px; border: 1px solid #cdcdcd; }
.language dt:hover { border-color: #131313; }
.language dt a { display: block; position: relative; color: #131313; font-size: 12px; font-weight: 700; cursor: pointer; }
.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,.3); margin-top: 4px; display: none; padding: 4px 0; text-align: center; border-radius: 10px }
.language dd a { display: block; padding: 6px 8px; font-size: 12px; line-height: 18px; }
.language dd a:hover { color: #FF477E; }
.language i { position: absolute; top: 0; right: 0; z-index: -1; font-size: 12px; color: #131313; line-height: 18px; display: none; }
.language i:before { content: "\e732"; display: block; text-align: center;
	-webkit-transform: scale(.8); 
	-moz-transform: scale(.8); 
	-ms-transform: scale(.8); 
	-o-transform: scale(.8); 
	transform: scale(.8);
}

.header-top { padding: 16px 0 12px; align-items: center; }

.header-logo a { display: block; height: 50px; }
.header-logo a img { display: block; width: auto; height: 100%; }

.header-right { margin-left: auto; align-items: center; }

.header-other { margin-left: 36px; align-items: center; }
.header-other > div { margin-right: 14px; }
.header-other > div:last-child { margin-right: 0; }

.header-sign a { line-height: 44px; background-color: #131313; font-size: 16px; color: #fff; border-radius: 100px; padding: 0 18px; display: block; } 

.header-like a,
.header-cart a { display: block; } 
.header-like a i,
.header-cart a i { font-size: 16px; display: block; width: 28px; height: 28px; line-height: 30px; text-align: center; /* border: 1px solid #cdcdcd; border-radius: 100px; */ } 
.header-like a i:hover,
.header-cart a i:hover { border-color: #131313; }


.header-search > div.ts03 { position: relative; background-color: #ebebeb; border-radius: 100px; width: 350px; height: 44px; }
.header-search > div.ts03 input { font-family: "Bayon"; border: 0; background-color: transparent; height: 100%; padding: 0 54px 0 20px; border-radius: 100px; }
.header-search > div.ts03 input::-webkit-input-placeholder { color: #131313; }
.header-search > div.ts03 input:-moz-placeholder { color: #131313; opacity: 1; } 
.header-search > div.ts03 input::-moz-placeholder { color: #131313; opacity: 1; } 
.header-search > div.ts03 input:-ms-input-placeholder { color: #131313; }
.header-search > div.ts03 button { width: 44px; height: 44px; line-height: 44px; text-align: center; background-color: transparent; position: absolute; top: 0; right: 0; z-index: 9; cursor: pointer; }
.header-search > div.ts03 button:hover { opacity: .6; }

.header-search-ai { border-radius: 100px; border: 1px solid #cdcdcd; padding: 0 12px 0 32px; display: flex; flex-direction: column; justify-content: center; margin-left: 12px; cursor: pointer; position: relative; display: none; }
.header-search-ai span { display: block; line-height: 1em; font-size: 13px; color: #F3A68F; }
.header-search-ai span:first-child { color: #999; }
.header-search-ai:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 10px; margin-top: -8px; background: url(../images/icon-1.png) no-repeat; background-size: 100% 100%; }
.header-search-ai:hover { border-color: #131313; }


/* 0 */
.header-nav > ul > li { float: left; width: 14.2%; text-align: center; position: relative; }
.header-nav > ul > li i { display: none; }  
.header-nav > ul > li > a { display: block; line-height: 1em; padding: 20px 0; color: #95a08d; }
.header-nav > ul > li:hover > a { background-color: #f5f5f5; color: #131313; }
.header-nav > ul > li > i + a:after { content: "\e732"; font-family: "iconfont" !important; font-size: 10px; margin-left: 6px; }


/* 1 */
.header-subnav a { padding-right: 24px !important; }
.header-subnav i + a:after { content: "\e72f"; font-family: "iconfont" !important; font-size: 8px; margin-right: 6px; position: absolute; top: 50%; right: 10px;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

.header-subnav { position: absolute; top: 100%; left: 0; right: 0; background-color: #939598; box-shadow: 0 4px 4px rgba(0,0,0,.1); text-align: left; padding: 8px 0; opacity: 0; visibility: hidden; }

.header-subnav > li { position: relative; }
.header-subnav > li > a { display: block; align-items: center; font-size: 16px; padding: 12px 16px; color: #fff; }
.header-subnav > li > a.df { display: flex; }
.header-subnav > li > a img { width: 50px; height: 50px; display: block; margin-right: 6px; }
.header-subnav > li:hover > a { opacity: .7; }

.header-nav > ul > li:hover .header-subnav { opacity: 1; visibility: visible; }
.header-nav > ul > li:nth-child(3) .header-subnav { background-color: #CCCFC9; }
.header-nav > ul > li:nth-child(3) .header-subnav li > a { color: #95a08d; }


/* 2 */
.header-subnav-sub i + a:after { right: 4px; display: none; }

.header-subnav-sub { position: absolute; top: 0; left: 100%; background-color: #b7bbb4; padding: 8px 0; opacity: 0; visibility: hidden; }
.header-subnav-sub li { position: relative; }
.header-subnav-sub a { display: block; font-size: 14px; line-height: 1.2em; padding: 4px 16px; white-space: nowrap; color: #fff; }
.header-subnav-sub a:last-child { margin-bottom: 0; }
/* .header-subnav-sub a:hover { background-color: #f5f5f5; color: #95a08d; } */
.header-subnav-sub li:hover > a { opacity: .7; }
/* .header-subnav > li:hover .header-subnav-sub { opacity: 1; visibility: visible; } */
.header-subnav > li:hover .header-subnav-sub { opacity: 1; visibility: visible; }


/* 3 */
.header-subnav-sub-sub { display: none; position: absolute; top: 0; left: 100%; background-color: #a1a59d; padding: 10px 0; opacity: 0; visibility: hidden; }
.header-subnav-sub-sub a { display: block; font-size: 14px; line-height: 1.2em; padding: 4px 16px !important; white-space: nowrap; }
.header-subnav-sub-sub a:hover { opacity: .7; }
.header-subnav-sub li:hover .header-subnav-sub-sub { opacity: 1; visibility: visible; }











/*********** footer ***********/
footer { background-color: #131313; padding-top: 80px; position: relative; z-index: 2; }

/*  */
.footer-top { margin-bottom: 50px; display: none; }
.footer-top p { color: #fff; font-size: 16px; line-height: 1.5em; margin-bottom: 14px; }
.footer-top .grid2 { display: grid; grid-template-columns: 29% 71%; }

.footer-top input[type="text"] { border: 0; border-bottom: 1px solid rgba(255,255,255,.6); border-radius: 0; padding: 0; height: 36px; }
.footer-top .form-row { margin-bottom: 0; }
.footer-top .grid2 > .form-row:nth-child(2) input { padding-right: 120px; }

.footer-top .btn-basic { background-color: #fff; color: #131313; position: absolute; bottom: 1px; right: 0; z-index: 2; line-height: 36px; }

/*  */
.footer-center { margin-bottom: 80px; }
.footer-center-title { font-size: 20px; line-height: 1em; margin-bottom: 24px; color: #95a08d; }


/* .footer-nav ul { padding-top: 10px; } */
.footer-nav ul li:nth-child(1) { margin-right: 66px; }
.footer-nav ul li a { font-size: 14px; color: #fff; display: block; line-height: 1.2em; margin-bottom: 12px; }
.footer-nav ul li a:last-child { margin-bottom: 0; }
.footer-nav ul li a:hover { opacity: .7; }

/* .footer-contact ul { margin-top: 20px; } */
/* .footer-contact ul li { width: 25%; } */
/* .footer-contact ul li:first-child { width: 100%; margin-bottom: 2px; } */
/* .footer-contact ul li > div { padding: 20px 16px 18px; margin: 1px; background-color: #333; height: 100%; box-sizing: border-box; } */

.footer-contact h2 { width: 100%; }
.footer-contact > div:nth-of-type(1) { margin-bottom: 30px; width: 30%; }
.footer-contact > div:nth-of-type(2) { width: 70%; }
.footer-contact > div:nth-of-type(2) ul li { padding-right: 36px; box-sizing: border-box; }
.footer-contact > div:nth-of-type(2) ul li:last-child { padding-right: 0; }

.footer-contact h3 { font-size: 15px; line-height: 1em; color: #fff; margin-bottom: 16px; /* border-bottom: 1px solid rgba(255,255,255,.3); */ position: relative; padding-left: 17px; }
.footer-contact h3:before { content: "\e7a5"; font-family: "iconfont" !important; font-size: 12px; display: block; position: absolute; top: 0; left: 0; }

.footer-contact h4 { font-size: 14px; line-height: 1em; color: rgba(255,255,255,.5); margin-bottom: 10px; }
.footer-contact span { font-size: 12px; color: rgba(255,255,255,.5); display: block; line-height: 1.2em; margin-bottom: 6px; position: relative; padding-left: 10px; }
.footer-contact span:last-child { margin-bottom: 0; }
.footer-contact span:before { content: ""; width: 4px; height: 4px; border-radius: 100px; background-color: #fff; display: block; position: absolute; top: 5px; left: 0; opacity: .5; }
/* .footer-contact span:before { font-family: "iconfont" !important; font-size: 12px; display: block; position: absolute; top: 2px; left: 0; opacity: .7; }
.footer-contact span:nth-of-type(1):before { content: "\e7a5"; }
.footer-contact span:nth-of-type(2):before { content: "\e7a4"; }
.footer-contact span:nth-of-type(3):before { content: "\e78e"; } */




/*  */
.footer-bottom { border-top: 1px solid rgba(255,255,255,.3); align-items: center; padding: 14px 0; } 
.footer-bottom .copyright { font-size: 14px; color: rgba(255,255,255,.6); line-height: 1.2em; } 

.footer-share { margin-left: auto; } 
.footer-share ul li { float: left; }
.footer-share ul li a { background-color: #fff; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 100px; margin-left: 10px; display: block; }
.footer-share ul li a i { font-size: 14px; }
.footer-share ul li a:hover { background-color: rgba(255,255,255,.7); }
.footer-share ul li:first-child a { margin-left: 0; } 










/*********** banner ***********/
.home-banner .slide a { position: relative; display: block; }
.home-banner .slide a img { display: block; width: 100%; height: auto; }
.home-banner .slide a p { font-family: "JosefinSans"; font-weight: 700; position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 44px; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
}
.home-banner .slide a p span { display: block; font-size: 18px; color: #fff; line-height: 1.4em; margin-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }



/* page-banner */
.page-banner-box { position: relative; }
.page-banner-box > .w1560 { 
	position: absolute; top: 50%; left: 50%; text-align: center;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);  
}
.page-banner-box h1 { font-size: 50px; line-height: 1.2em; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,.3); }
.page-banner-box p { font-size: 24px; line-height: 1.2em; color: #fff; margin-top: 10px; text-shadow: 0 2px 6px rgba(0,0,0,.3); }
.page-banner-box img { width: 100%; height: 300px; display: block; object-fit: cover; object-position: center center; }

/* 2 */
.page-banner2 { background-color: #cecdc4; }
.page-banner2 h1 { font-size: 70px; font-weight: 700; line-height: 1.2em; padding: 15px 0; color: #fff; }








/*********** 首頁 ***********/
.home-main-box { margin: 0 auto; /* background-color: #F9FBFD; */ }
/* .home-main-box > div { margin-top: 66px; } */


/* 1 */
.home-one { margin: 66px auto 100px; }
.home-one ul li { width: 14.2%; }
.home-one ul li > div { padding: 0 30px; }

.home-one-img { margin: 0 24px; }
.home-one-img a { display: block; width: 100%; height: 0; padding: 50% 0; overflow: hidden; position: relative; border-radius: 100px; } 
.home-one-img a img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.home-one-img a:hover 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);
}

.home-one-text a { display: block; text-align: center; font-size: 14px; font-weight: 700; line-height: 19px; margin-top: 12px; display: flex; height: 38px; align-items: center; justify-content: center; }  
.home-one-text a:hover { color: #95a08d; }

.home-one .swiper-pagination { display: none; }


/* 2 */
/* .home-two > div { margin-bottom: 10px; }  */
/* .home-two > div:last-child { margin-bottom: 0; }  */

.home-two-large a { display: block; position: relative; }
.home-two-large a > img { display: block; width: 100%; object-fit: cover; object-position: center center; }
.home-two-large span { position: absolute; top: 20%; bottom: 20%; left: 50%; display: block; /* font-size: 46px; color: #fff; line-height: 1.4em; font-weight: normal; */
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%);  
}
.home-two-large span img { display: block; width: auto; height: 100%; }  


.home-two-list ul { margin: 10px -5px; }
.home-two-list ul li > a { display: block; position: relative; height: 100%; margin: 0 5px; overflow: hidden; }
.home-two-list ul li > a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.home-two-list ul li > a:hover 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);
}
.home-two-list ul li > a span { letter-spacing: 3px; font-family: "JosefinSans"; position: absolute; left: 24px; bottom: 24px; font-size: 30px; color: #fff; line-height: 1.5em; }


.home-two-text p { font-size: 24px; line-height: 1.8em; padding: 66px 0; color: #999; }


/* 4 */
.home-three { background-color: #E4E2D9; padding: 66px 0; }
.home-three ul li { float: left; width: 16.66%; }
.home-three ul li a { display: block; margin: 2px; overflow: hidden; position: relative; background-color: #fff; }
.home-three ul li a img { 
	display: block; width: 100%; opacity: .7; transition: opacity .3s , transform 2s cubic-bezier(0,0,.44,1.18);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); 
}
.home-three ul li a img:last-child { position: absolute; top: 0; left: 0; opacity: 0; }
.home-three ul li a img:first-child { position: static; opacity: .7; }

.home-three ul li a:hover img { 
	-webkit-transform: scale(1.12); 
	-moz-transform: scale(1.12); 
	-ms-transform: scale(1.12); 
	-o-transform: scale(1.12); 
	transform: scale(1.12);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);  
}


.home-three ul li a:hover img:last-child { opacity: 1; }
.home-three ul li a:hover img:first-child { opacity: 0; }



.home-three h2 { font-size: 36px; text-align: center; margin-bottom: 30px; }
















/* about */
.about { background-color: #231815; padding-bottom: 100px; }
.about * { letter-spacing: 3px; }
.about > div { margin-bottom: 100px; }
.about > div:last-child { margin-bottom: 0; }
.about-btn { position: relative; min-height: 60px; display: inline-block; vertical-align: top; }
.about-btn span:nth-child(1) { min-height: 60px; display: inline-block; vertical-align: top; background-color: #adab9f; color: #fff; font-size: 20px; padding: 2px 120px 2px 30px; position: relative; z-index: 2; overflow: hidden; line-height: 1em; display: flex; align-items: center; }
.about-btn span:nth-child(2) { display: inline-block; vertical-align: top; background-color: #7c7b74; width: 100%; height: 100%; position: absolute; left: 20px; bottom: -14px; }
.about-btn:hover span:nth-child(1) { background-color: #959386; }
.about-btn:hover span:nth-child(2) { margin: 0 0 14px -20px !important; }
.about-btn span:nth-child(1):after { content: "\e6cc"; font-family: "iconfont" !important; color: #fff; font-size: 14px; margin-left: 10px; display: inline-block; vertical-align: top; margin-top: -1px; }


.about-btn span:nth-child(1) > i { font-style: normal; color: #fff; line-height: 1em; display: flex; flex-direction: column; align-items: flex-start; text-align: left; }  
.about-btn span:nth-child(1) > i i { font-style: normal; margin-bottom: 2px; color: #646862; line-height: 1em; }   


.about-epilog { position: relative; }
.about-epilog > div { width: 680px; background-color: #4e4244; padding: 36px; box-sizing: border-box; border-radius: 6px; }
.about-epilog h3 { font-size: 24px; line-height: 1.2em; color: #fff; margin-bottom: 10px; }
.about-epilog p { font-size: 20px; line-height: 1.4em; color: #fff; font-family: "made-evolve-sans-t"; opacity: .8; }
.about-epilog:before { content: ""; height: 24px; display: block; background-color: #4e4244; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; margin-top: -12px; }


/* t */
.about-top { background: transparent url(../images/about-bg.jpg) top center/auto no-repeat fixed; margin-bottom: 0 !important; }
.about-top-logo { 
	display: flex; align-items: center; justify-content: center; 
	height: -webkit-calc(100vh - 135px);
	height: -moz-calc(100vh - 135px); 
	height: calc(100vh - 135px); 
}
.about-top-logo img { display: block; width: 26%; height: auto; }
.about-top-title img { display: block; width: 42%; margin: 20px auto 440px;  }
.about-top-text { position: relative; z-index: 2; }
.about-top-text p { font-family: "made-evolve-sans-t"; font-size: 32px; line-height: 1.8em; color: #fff; text-align: justify; }
.about-top-group { background-color: #231815; padding: 66px 0 88px; position: relative; } 
.about-top-group > div { background-color: #7d7b77; border-radius: 6px; padding: 50px; box-sizing: border-box; }
.about-top-group:before { content: ""; display: block; background-color: #231815; width: 100%; height: 80px; position: absolute; bottom: 100%; left: 0; }
.about-top-group h1 { font-size: 30px; font-weight: 700; line-height: 1.3em; margin-bottom: 20px; color: #fff; }
.about-top-group p { font-size: 20px; line-height: 1.8em; color: #fff; text-align: justify; }


/* 1 */
.about-one { position: relative; }
.about-one img { display: block; width: 100%; }
.about-one h2 { 
	font-size: 88px; font-weight: 700; line-height: 1.4em; color: #fff; text-align: center; position: absolute; top: 50%; left: 3%; right: 3%; letter-spacing: 20px;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}


/* 2 */
.about-two { position: relative; overflow: hidden; }
.about-two-l img:nth-child(1) { display: block; width: 60.5%; margin: 0 0 0 auto; }  
.about-two-l img:nth-child(2) { display: block; width: 60.5%; margin: 36px 72px 0 auto; }  
.about-two-r-t p { padding: 10px 30px 0; font-family: "made-evolve-sans-t"; font-size: 26px; line-height: 1.4em; color: #fff; text-align: center; }
.about-two-r-t img { width: 41.5%; display: block; margin: 40px auto 80px; }
.about-two-r-b { display: flex; align-items: center; }
.about-two-r-b img { display: block; width: 37.5%; margin: 0 20px; }

.about-two .about-epilog > div { margin: -30px 170px 0 auto; }
.about-two .about-epilog:before { right: 200px; }


/* banner */
.about-banner { position: relative; background-color: #231815; }
.about-banner img { display: block; width: 82%; margin-left: auto; }
.about-banner h2 { font-size: 88px; font-weight: 700; line-height: 1em; margin-bottom: 20px; color: #fff; text-align: center; position: absolute; bottom: 80px; left: 126px; z-index: 2; margin: 0; }
.about-banner-l img { margin-left: 0; }
.about-banner-l h2 { left: auto !important; right: 126px; }


/* 4 */
.about-four { position: relative; background-color: #231815; }

.about-four-t { display: flex; align-items: center; }
.about-four-t > div { width: 50%; }
.about-four-t-l img { display: block; width: 60%; margin: 0 72px 0 auto; }
.about-four-t-r img { display: block; width: 50%; }
.about-four-t-r img:nth-child(1) { margin-left: 4%; }
.about-four-t-r img:nth-child(2) { margin: 30px 22%; }
.about-four-t-r img:nth-child(3) { margin: 0 4% 0 auto; }

.about-four-b { display: flex; align-items: center; padding: 50px 0 124px; }
.about-four-b > div { width: 50%; }
.about-four-b-l { display: flex; align-items: center; padding-top: 50px; } 
.about-four-b-l img { display: block; width: 30%; margin: 0 30px 0 auto; }
/* .about-four-b-l .about-btn { width: 60%; } */
.about-four-b-r p { font-family: "made-evolve-sans-t"; font-size: 30px; line-height: 1.6em; color: #fff; text-align: center; width: 660px; max-width: 94%; margin: 0 auto; }

.about-four .about-epilog > div { margin: 0 172px 0 auto; }
.about-four .about-epilog:before { left: auto; width: 200px; }


/* 5 */
.about-five-l img { display: block; width: 60%; margin: 0 72px 0 auto; }
.about-five-r img { display: inline-block; vertical-align: top; }
.about-five-r > div { padding-top: 100px; }
.about-five-r img:nth-child(1) { width: 30%; margin: 120px 30px 0 0; }
.about-five-r img:nth-child(2) { width: 22%; }
.about-five-r p { font-family: "made-evolve-sans-t"; font-size: 30px; line-height: 1.6em; color: #fff; text-align: center; width: 660px; max-width: 94%; margin: 50px 0 80px; }

.about-five .about-epilog > div { margin: -50px auto 0 20%; width: 400px; }
.about-five .about-epilog:before { right: auto; width: 22%; }


/* 6 */
.about-six-l { text-align: right; }
.about-six-l img { display: block; width: 60%; margin: 0 72px 0 auto; }
.about-six-l .about-btn { margin: 50px 100px 0 0; }
.about-six-r img { width: 40%; margin: 50px 0 0 100px; }
.about-six-r p { font-family: "made-evolve-sans-t"; font-size: 30px; line-height: 1.6em; color: #fff; text-align: center; width: 660px; max-width: 94%; margin: 50px 0 80px; }

.about-six .about-epilog > div { margin: 0 20% 0 auto; width: 500px; }
.about-six .about-epilog:before { left: auto; width: 20%; }


/* 7 */
.about-seven-l img { display: block; width: 60%; margin: 80px 72px 100px auto; }
.about-seven-r img { display: block; width: 50%; }
.about-seven-r p { font-family: "made-evolve-sans-t"; font-size: 30px; line-height: 1.6em; color: #fff; text-align: center; width: 50%; max-width: 94%; margin: 50px 0 100px; }

.about-seven .about-epilog > div { margin: -30px auto 0 20%; width: 400px; }
.about-seven .about-epilog:before { right: auto; width: 22%; }
















/* ceramic-porcelaintiles */
.ceramic-porcelaintiles { margin: 80px auto 120px; position: relative; } 

.ceramic-porcelaintiles-list .cpt-list-title h2 { font-size: 30px; line-height: 1em; padding-bottom: 54px; margin-bottom: 20px; }

.ceramic-porcelaintiles-list ul li:nth-child(3n-2) .cpt-list-title h2:before { content: ""; display: block; height: 20px; background-color: #e0e0dd; border-top: 7px solid #f2f1f0; border-bottom: 7px solid #f2f1f0; width: 100%; position: absolute; left: 0; margin-top: 50px; }
.ceramic-porcelaintiles-list ul { grid-gap: 80px 50px; }

.ceramic-porcelaintiles-list .cpt-list-img a { display: block; height: 0; position: relative; padding: 30% 0; overflow: hidden; }
.ceramic-porcelaintiles-list .cpt-list-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; }
.ceramic-porcelaintiles-list .cpt-list-img a:hover 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);    
}
 
/*  */
.ceramic-porcelaintiles-top ul { grid-gap: 20px 20px; margin-bottom: 30px; }
.ceramic-porcelaintiles-top ul li { position: relative; }
.ceramic-porcelaintiles-top ul li > div { position: relative; }
.ceramic-porcelaintiles-top ul li img { display: block; width: 100%; }
.ceramic-porcelaintiles-top span { display: block; font-size: 28px; line-height: 1em; color: #fff; position: absolute; left: 30px; bottom: 20px; z-index: 2; display: none; }
.ceramic-porcelaintiles-top ul li:first-child span { display: block; }

/*  */
.ceramic-porcelaintiles-info h2 { margin-bottom: 20px; }
.ceramic-porcelaintiles-info ul { grid-gap: 50px 20px; }
.ceramic-porcelaintiles-info ul li .click-amplify a { display: block; overflow: hidden; position: relative; height: 0; padding: 25% 0; overflow: hidden; }  
.ceramic-porcelaintiles-info ul li .click-amplify a img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center; }
.ceramic-porcelaintiles-info ul li .click-amplify a:hover 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);  
} 
.ceramic-porcelaintiles-info ul li .cpt-info-text { padding-top: 6px; }
.ceramic-porcelaintiles-info ul li .cpt-info-text span { display: block; font-size: 14px; margin-top: 2px; line-height: 1em; }
.ceramic-porcelaintiles-info ul li .cpt-info-text i { font-style: normal; font-size: 14px; line-height: 1em; margin-right: 6px; }

/*  */
.ceramic-porcelaintiles-best-t { background-color: #7c7b74; padding: 20px 0 40px; margin-top: 120px; position: relative; margin-bottom: 50px; }
.ceramic-porcelaintiles-best-t:after { content: ""; display: block; width: 100%; height: 20px; background-color: #adab9f; position: absolute; bottom: 0; left: 0; }
.ceramic-porcelaintiles-best-t h2 { font-size: 36px; line-height: 1em; color: #fff;  }

.ceramic-porcelaintiles-best-c { display: flex; align-items: flex-end; }
.ceramic-porcelaintiles-best-c .image-group { margin-left: -10px; }
.ceramic-porcelaintiles-best-c .image-group a { display: block; margin: 0 10px; }

.ceramic-porcelaintiles-best-c .about-btn { margin: 0 0 20px 30px; }











/* product-wood */
.product-wood { margin: 80px auto 120px; }
.product-wood .ceramic-porcelaintiles-list .cpt-list-title h2 span { display: inline-block; background-color: #f2f1f0; border-radius: 10px; padding: 5px 10px; font-size: 30px; line-height: 1em; }
.product-wood .ceramic-porcelaintiles-list .cpt-list-img a { padding: 18% 0; }


/*  */
.product-wood-item { margin-bottom: 100px; padding-bottom: 20px; border-bottom: 20px solid #F9F9F9; }
div.product-wood-item:last-of-type { border: 0; }

.product-wood-top:after { content: ""; clear: both; display: block; height: 0; }

.product-wood-top-l { float: left; width: 30%; }
.product-wood-top-l > div { position: relative; width: 100%; height: 0; padding: 50% 0; overflow: hidden; }
.product-wood-top-l span { position: absolute; right: 14px; bottom: 14px; z-index: 2; display: block; font-weight: 700; line-height: 1em; color: #fff; }
.product-wood-top-l img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; z-index: 1; }

.product-wood-top-r { float: right; width: 70%; box-sizing: border-box; padding-left: 10px; } 
.product-wood-top-list { display: flex; width: 100%; margin-bottom: 10px; }
.product-wood-top-list li { width: 25%; }  
.product-wood-top-list li a { position: relative; display: block; height: 0; padding: 50% 0; overflow: hidden; margin-right: 10px; }
.product-wood-top-list li img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; z-index: 1; }
.product-wood-top-list li:last-child a { margin-right: 0; }

.product-wood-top-text { background-color: #F7F2EE; padding: 20px; }
.product-wood-top-text li { margin-bottom: 6px; }
.product-wood-top-text li:last-child { margin-bottom: 0; }
.product-wood-top-text span { display: inline-block; vertical-align: top; line-height: 1.2em; margin-right: 6px; }

/*  */
.product-wood-labelling { margin-top: 50px; }
.product-wood-labelling-tilte { background-color: #EFEFEF; padding: 20px 0; margin-bottom: 36px; }
.product-wood-labelling-tilte h2 { font-size: 36px; font-weight: 700; color: #B5B5B6; line-height: 1em; } 

.product-wood-labelling-list { display: flex; align-items: center; flex-wrap: wrap; grid-gap: 20px 60px; }
.product-wood-labelling-list img { display: block; }
.product-wood-labelling-list li:last-child img { margin-right: 0; }

.product-wood-bs-title { background-color: #7C7B73; border-bottom: 14px solid #ADAB9F; padding: 16px 0; margin-bottom: 36px; }
.product-wood-bs-title .df { align-items: center; justify-content: space-between; }
.product-wood-bs-title h2 { display: flex; align-items: center; font-size: 36px; color: #fff; line-height: 1em; }
.product-wood-bs-title h2 img { margin-right: 12px; }

.product-wood-bs-list { grid-gap: 30px 30px; } 
.product-wood-bs-img { position: relative; }
.product-wood-bs-img a { display: block; }
.product-wood-bs-img a img { display: block; width: 100%; }
.product-wood-bs-img i { position: absolute; top: 24px; right: 24px; z-index: 2; pointer-events: none; }
.product-wood-bs-img span { position: absolute; right: 24px; bottom: 24px; z-index: 2; display: block; font-weight: 700; line-height: 1em; color: #fff; pointer-events: none; font-size: 24px; font-weight: normal; text-align: right; }
.product-wood-bs-text { padding-top: 16px; }
.product-wood-bs-text span { font-size: 14px; font-weight: 700; line-height: 1.2em; margin: 2px 0; display: block; }
.product-wood-bs-text h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin: 14px 0; }











/* engineering-stone */
.engineering-stone { position: relative; }
.engineering-stone > div { margin-bottom: 50px; position: relative; }
.engineering-stone > div:last-child { margin-bottom: 0; }
.engineering-stone:after { content: ""; width: 100%; height: 100%; background:url(../images/engineering-stone-bg2.png) no-repeat top right; position: absolute; right: 0; top: 200px; pointer-events: none; background-size: 35% auto; }

/* 1 */
.engineering-stone-one { background-color: #e9ede9; padding: 50px 0; }
.engineering-stone-one:before { content: ""; display: block; width: 100%; height: 96%; position: absolute; top: 2%; left: 0; background:url(../images/engineering-stone-bg1.png) no-repeat center; background-size: auto 100%; pointer-events: none; }
.engineering-stone-one h2 { font-size: 36px; font-weight: 700; color: #afbfaf; }
.engineering-stone-one p { font-size: 17px; line-height: 1.3em; margin-top: 20px; }

/* 2 */
.engineering-stone-two { z-index: 2; }
.engineering-stone-two h2 { font-size: 36px; font-weight: 700; color: #5E5C5E; margin-bottom: 30px; }
.engineering-stone-two > div { padding-right: 200px; }
.engineering-stone-two .fr .df { align-items: flex-end; justify-content: space-between; }
.engineering-stone-two .fr .btn-base { background-color: #e9eee9; }
.engineering-stone-two .fr .btn-base img { width: 140px; display: inline-block; vertical-align: middle; }
.engineering-stone-two .es-two-img { display: block; overflow: hidden; width: 420px; max-width: 100%; }
.engineering-stone-two .es-two-img img { display: block; width: 90%; margin-right: 10%; }
.engineering-stone-two .es-two-img:hover 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);
}  

/* 3 */
.engineering-stone-three { z-index: 2; } 
.engineering-stone-three > div { padding-right: 200px; align-items: center; } 
.engineering-stone-three img { display: block; margin-right: 36px; }
.engineering-stone-three ul { margin-left: auto; } 
.engineering-stone-three ul li h3 { text-align: center; color: #5E5C5E; }
.engineering-stone-three ul li img { display: block; margin: 0 auto 6px; }










/* engineering-marble */
/* .engineering-marble > div { margin-bottom: 0; }  */

.engineering-marble-banner { position: relative; /* margin-bottom: 50px; */ }
.engineering-marble-banner h1 { 
	position: absolute; top: 50%; left: 5%; width: 90%; font-size: 60px; color: #fff; line-height: 1em; text-align: center; letter-spacing: 5px; font-weight: 700;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%);  
}
.engineering-marble-banner img { display: block; width: 100%; }


/*  */
.engineering-marble-item { margin-top: 50px; }

.engineering-marble-top img { display: block; width: 100%; }

.engineering-marble-list h2 { background-color: #dcddd9; text-align: center; font-size: 50px; line-height: 1em; padding: 10px 0; color: #fff; margin: 50px 0; }
.engineering-marble-item:nth-child(3) .engineering-marble-list h2 { background-color: #ccc9cd; }
.engineering-marble-item:nth-child(4) .engineering-marble-list h2 { background-color: #424648; }

.engineering-marble-list ul { grid-gap: 50px 50px; }
.engineering-marble-list ul li .click-amplify a { display: block; position: relative; height: 0; padding: 50% 0; overflow: hidden; }
.engineering-marble-list ul li .click-amplify a img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.engineering-marble-list ul li .click-amplify a:hover 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);  
}
.engineering-marble-list ul li h3 { margin-top: 10px; color: #464041; font-weight: 700; }
 
.engineering-marble-sizes { display: flex; align-items: center; margin: 50px auto 30px; }
.engineering-marble-sizes strong { font-size: 24px; line-height: 1em; color: #464041; margin-right: 36px; }
.engineering-marble-sizes span { display: block; padding: 7px 20px; border-radius: 100px; font-size: 14px; border: 1px solid #464041; margin-right: 16px; }

.engineering-marble-finish { background-color: #f3f2f1; padding: 20px 0; }
.engineering-marble-finish strong { font-size: 24px; line-height: 1em; color: #464041; }
.engineering-marble-finish strong span { font-size: 24px; line-height: 1em; color: #464041; font-family: "made-evolve-sans-t"; margin-left: 36px; }
.engineering-marble-finish > div { display: flex; align-items: center; justify-content: space-between; }
.engineering-marble-finish ul li { float: left; width: 60px; text-align: center; padding: 0 10px; }
.engineering-marble-finish ul li p { font-size: 12px; line-height: 1.1em; }











/* projects */
.projects {  }
.projects > div {}

.projects-top img { width: 950px; max-width: 100%; display: block; margin: 80px auto; }  

.projects-item { margin-bottom: 100px;  }

.projects-banner { display: flex; border-radius: 20px; overflow: hidden; }
.projects-banner > div { width: 50%; }
.projects-banner-text { background-color: #c4d1cb; display: flex; flex-wrap: wrap; align-content: center; text-align: center; letter-spacing: 6px; }
.projects-banner-text h2 { font-size: 34px; color: #fff; margin-bottom: 66px; width: 100%; padding: 0 10px; }
.projects-banner-text p { font-size: 24px; color: #fff; width: 100%; padding: 0 10px; }
.projects-banner-img img { width: 100%; display: block; }

.projects-item.pi-l .projects-banner { flex-direction: row-reverse; }
.projects-item.pi-l .projects-banner-text { background-color: #8bb1b4; }

.projects-icon { margin: 30px 0 80px auto; width: 650px; max-width: 70%; }
.projects-icon img { display: block; width: 100%; }

.projects-picture { margin: 50px auto 0; width: 1080px; max-width: 100%; }
/* .projects-picture .image-group { flex-wrap: wrap; }
.projects-picture .image-group li > div { margin: 0 10px 20px; }
.projects-picture .image-group li { height: 600px; } */
.projects-picture img { display: block; width: 100%; }

/*  */
.projects-ourclients-title { background-color: #c4d1cb; text-align: center; padding: 12px 0; margin-bottom: 50px; }
.projects-ourclients-title h2 { display: inline-block; vertical-align: top; font-size: 30px; color: #fff; line-height: 1em; }
.projects-ourclients-title h2:after { content: ""; width: 0; height: 0; display: inline-block; margin-left: 3px;
	border-top: solid 22px #fff; 
	border-left: solid 18px transparent; 
	border-right: solid 0 transparent; 
}
.projects-ourclients-list { margin-bottom: 80px; }
.projects-ourclients-list ul { grid-gap: 30px 30px; grid-gap: 50px 20px; }
.projects-ourclients-list ul li a { display: block; border-radius: 8px; overflow: hidden; background-color: #fff; }
.projects-ourclients-list ul li a img { display: block; width: 100%; }
.projects-ourclients-list ul li a:hover img { 
	-webkit-transform: scale(.9); 
	-moz-transform: scale(.9); 
	-ms-transform: scale(.9); 
	-o-transform: scale(.9); 
	transform: scale(.9); 
}
.projects-ourclients-list ul li a.dn { display: none; }

.projects-ourclients-list ul.grid-6 { margin-top: -44px; }
.projects-ourclients-list ul.grid-6 li a img { width: auto; height: 93px; object-fit:cover;object-position:center center; margin-left: -20px; }
.projects-ourclients-list ul.grid-6 li:first-child a img { margin-left: 0; }





/* retails */
/* .retails { margin: 80px auto 120px; } */
.retails * { letter-spacing: 4px; } 

.retails-banner { position: relative; } 
.retails-banner img { display: block; width: 100%; } 
.retails-banner h1 { font-size: 80px; color: #fff; line-height: 1.2em; text-align: center; position: absolute; bottom: 120px; left: 3%; width: 94%; letter-spacing: 6px; }

.retails-text { padding: 90px 0; }
.retails-text h2 { font-size: 44px; color: #95a08d; font-weight: 700; margin-bottom: 32px; }  
.retails-text h2:after { content: ""; width: 0; height: 0; display: inline-block; margin-left: 6px;
	border-top: solid 36px #95a08d; 
	border-left: solid 36px transparent; 
	border-right: solid 0 transparent; 
}
.retails-text p { font-size: 21px; color: #747A6C; line-height: 2em; }  
.retails-text .about-btn { height: 36px; margin: 6px 0 0 16px; }
.retails-text .about-btn span:nth-child(1) { font-size: 16px; line-height: 36px; padding: 0 66px 0 20px; }  

.retails-item { margin-bottom: 90px; }
.retails-item img { display: block; width: 100%; margin-bottom: 10px; }
.retails-item span { display: block; font-size: 24px; line-height: 1.2em; color: #A2B0C5; margin-top: 30px; }
.retails-item img:last-of-type { margin-bottom: 0; }

/* .retails-list { text-align: center; padding-top: 50px; }
.retails-list ul { display: inline-block; vertical-align: top; }
.retails-list ul li { display: flex; align-items: center; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #e3e3e3; position: relative; }
.retails-list ul li:last-child { margin-bottom: 0; }

.retails-list ul li > .df { width: 65%; align-items: center; }
.retails-list-img { width: 300px; display: flex; align-items: center; }
.retails-list-img img { width: 100%; border-radius: 350px; object-fit: cover; object-position: center center; }
.retails-list-text { padding-left: 66px; text-align: left; padding-right: 50px; position: relative; }  
.retails-list-text:after { 
	content: ""; width: 0; height: 0; display: block; position: absolute; top: 0; right: 0;
	border-top: solid 36px #95a08d; 
	border-left: solid 36px transparent;
	border-right: solid 0 transparent; 
}
.retails-list-text span { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #95a08d; display: block; margin-bottom: 6px; }
.retails-list-text h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px; }
.retails-list-text p { font-size: 20px; line-height: 1.2em; color: #555; }

.retails-map { width: 35%; }
.retails-map a { position: relative; display: block; margin-left: 50px; overflow: hidden; cursor: pointer; border-radius: 10px; }
.retails-map img { display: block; }
.retails-map a:hover 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);
}
.retails-map iframe { width: 100%; display: block; }

.retails-list ul li:nth-child(1) .retails-list-text:after { border-top-color: #C8BCA5; }
.retails-list ul li:nth-child(2) .retails-list-text:after { border-top-color: #D0D1CA; }
.retails-list ul li:nth-child(3) .retails-list-text:after { border-top-color: #849383; }
.retails-list ul li:nth-child(4) .retails-list-text:after { border-top-color: #C8BCA5; }
.retails-list ul li:nth-child(5) .retails-list-text:after { border-top-color: #323536; }
.retails-list ul li:nth-child(6) .retails-list-text:after { border-top-color: #868C81; }
.retails-list ul li:nth-child(7) .retails-list-text:after { border-top-color: #C1AA8A; }

.retails-list-text .open-btn { display: none; } */

.image-amplify {
    display: block;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/zoomio-icon.png) no-repeat;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2; pointer-events: none; }

.retails-list { padding-top: 50px; }
.retails-list > ul > li { margin-bottom: 100px; display: flex; align-items: center; }
.retails-list > ul > li:nth-child(3) { align-items: flex-start; }

.retails-list-left { width: 40%; }
.retails-list-left img { display: block; width: 100%; }


.retails-list-right { width: 60%; box-sizing: border-box; padding-left: 50px; }

.retails-list-address li { position: relative; padding-right: 250px; margin-bottom: 80px; }
.retails-list-address li:last-child { margin-bottom: 36px; }
.retails-list-address li:after { 
	content: ""; width: 0; height: 0; display: block; position: absolute; top: 0; right: 220px;
	border-top: solid 30px #95A18E; 
	border-left: solid 30px transparent;
	border-right: solid 0 transparent; 
}
.retails-list > ul > li:nth-child(2) .retails-list-address li:after { border-top-color: #E7E2D5; }
.retails-list > ul > li:nth-child(3) .retails-list-address li:after { border-top-color: #C3BEBD; }
.retails-list > ul > li:nth-child(3) .retails-list-address li:nth-child(2):after { border-top-color: #EAE7E4; }
.retails-list > ul > li:nth-child(4) .retails-list-address li:after { border-top-color: #504D44; }
.retails-list > ul > li:nth-child(5) .retails-list-address li:after { border-top-color: #B9BBB5; }
.retails-list > ul > li:nth-child(6) .retails-list-address li:after { border-top-color: #B88F51; }
.retails-list > ul > li:nth-child(7) .retails-list-address li:after { border-top-color: #A5A4A8; }

.retails-list > ul > li:nth-child(1) .retails-list-address li { padding-right: 30px; }
.retails-list > ul > li:nth-child(1) .retails-list-address li:after { right: 0; }

.retails-list-address li > img { position: absolute; top: -5px; right: 0; display: block; width: 180px; height: 180px; }
.retails-list-address h4 { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #95a08d; display: block; margin-bottom: 6px; }
.retails-list-address h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px; }
.retails-list-address h4 span { font-weight: lighter; font-size: 24px; font-family: "made-evolve-sans-l"; color: #95a08d; }
.retails-list-address h3 span { font-weight: lighter; font-size: 24px; font-family: "made-evolve-sans-l"; }
.retails-list-address p { font-size: 18px; font-weight: lighter; line-height: 1.2em; color: #555; font-family: "made-evolve-sans-l"; }
.retails-list-address li .df { position: absolute; top: 0; right: 50px; }
.retails-list-address li .df img { width: 100px; display: block; }
.retails-list-address li .df img:first-child { margin-right: 8px; }

.retails-map { width: 450px; }
.retails-map iframe { display: block; width: 100%; }  
















/* contact */
.contact { margin: 100px auto 160px; }
.contact-box { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.contact-box img { display: block; width: 100%; } 

.contact-r { width: 44%; }
.contact-r iframe { width: 100%; display: block; }
.contact-r-t { margin-bottom: 30px; }
.contact-r-t img { margin-bottom: 30px; }
.contact-r-t p { font-size: 30px; font-weight: lighter; font-family: "made-evolve-sans-l"; display: inline-block; margin: 0 50px 16px 0; }
.contact-r-t p:first-of-type { margin-right: 0; }
.contact-share { display: flex; margin-top: 30px; }
.contact-share a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 100px; background-color: #000; margin-right: 30px; }
.contact-share a i { font-size: 20px; color: #fff; }

.contact-l { width: 44%; }








/* outlet */
.outlet-logo img { width: 750px; max-width: 80%; display: block; margin: 80px auto 50px; }

.outlet-partner { background-color: #F9F7F3; padding: 50px 0; }
.outlet-partner ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; justify-content: space-around; }
.outlet-partner ul li { height: 100%; background-color: #fff; padding: 14px 10px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }  
.outlet-partner ul li a { display: block; }
.outlet-partner ul li a img { display: block; max-height: 30px; }
/* .outlet-partner a {  } */

.outlet-mie { margin: 80px auto; }
.outlet-mie > div { display: flex; align-items: center; }
.outlet-mie-t { margin-bottom: 36px; justify-content: center; }
.outlet-mie-t p { font-size: 24px; background-color: #AA9E89; color: #fff; padding: 10px 100px; border-radius: 10px; letter-spacing: 10px; }
.outlet-mie-t img { margin-left: 50px; }
.outlet-mie-d { justify-content: space-around; }
.outlet-mie-d img { height: 220px; }

.outlet-picture img { display: block; width: 100%; margin: 0 auto 10px; }
.outlet-picture img:last-child { margin-bottom: 0; }
.outlet-picture-title { font-size: 80px; font-weight: 700; line-height: 1em; text-align: center; padding: 30px 0; color: #D11D2A; background-color: #F9F7F3; letter-spacing: 10px; font-family: "JosefinSans"; }

.outlet-footer { background-color: #000; text-align: center; padding: 80px 36px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; }
.outlet-footer p { color: #AA9E89; font-weight: 700; font-size: 18px; margin-bottom: 6px; display: flex; align-items: center; }
.outlet-footer p:first-child { font-size: 24px; letter-spacing: 4px; margin-bottom: 14px; display: flex; text-align: left; }
.outlet-footer p:first-child img { height: 50px; width: auto; display: block; margin-right: 10px; }












/* .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      } */







/* product-bathroom */
.product-bathroom { margin: 80px 0 120px; }
.product-bathroom > div { margin-bottom: 66px; }
.product-bathroom > div:last-child { margin-bottom: 0; }

.product-bathroom .line-solid { border-bottom: 10px solid #F7F8F8; }

.product-bathroom-mii { display: flex; align-items: center; margin-bottom: 50px; }
.product-bathroom-mii .pb-mii-t { font-size: 50px; line-height: 1em; padding: 2px 60px; border-radius: 18px; background-color: #EFEFEF; display: block; }
.product-bathroom-mii .pb-mii-p { font-size: 18px; line-height: 1em; padding: 8px 16px; border-radius: 10px; background-color: #EFEFEF; display: block; margin-left: 20px; }
.product-bathroom-mii .pb-mii-x { font-size: 30px; line-height: 1em; display: block; margin-left: auto; color: #868687; }

.product-bathroom-color { display: flex; align-items: center; }
/*.product-bathroom-color img { display: block; width: 50px; height: 50px; margin-right: 16px; }*/
.product-bathroom-color span { display: block; width: 36px; height: 36px; margin-right: 16px; border-radius: 100px; border: 1px solid #ddd; }


/* 1 */
/* .product-bathroom-top { margin-bottom: 50px; } */
.product-bathroom-top-list { margin-bottom: 80px; }
.product-bathroom-top-b img { display: block; width: 100%; }

.product-bathroom-d-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 50px 30px; }
.product-bathroom-d-list-img img { display: block; width: 300px; max-width: 90%; margin: 0 auto 30px; }
.product-bathroom-d-list .product-bathroom-color { justify-content: center; }


/* 2 */
.product-bathroom-labelling-t { background-color: #EFEFEF; margin-bottom: 36px; }
.product-bathroom-labelling-t h2 { font-size: 30px; color: #B5B5B6; padding: 24px 0; }

/* .product-bathroom-labelling { margin-bottom: 50px; } */
.product-bathroom-labelling > .df { align-items: center; }

.product-bathroom-labelling-l { width: 28%; }
.product-bathroom-labelling-l img { display: block; width: 100%; }
.product-bathroom-labelling-r { width: 72%; }
.product-bathroom-labelling-r { display: flex; }
.product-bathroom-labelling-r-icon { padding: 0 100px; }
.product-bathroom-labelling-r-icon img { display: block; min-width: 180px; margin: 0 auto; }
.product-bathroom-labelling-r-icon img:first-child { margin-bottom: 80px; }
.product-bathroom-labelling-r-text p { font-size: 20px; line-height: 1.5em; text-align: center; max-width: 700px; margin-left: auto; }  


/* 3 */
.product-bathroom-d-list-item { border-top: 20px solid #F7F8F8; padding: 50px 0; }
.product-bathroom-d-list-item:first-child { border-top-width: 40px; }
.product-bathroom-d-list-item:last-child { padding-bottom: 0; }
.product-bathroom-d-list-item .line-solid { margin: 36px auto; }
.product-bathroom-d-list-icon { display: flex; justify-content: flex-end; align-items: center; }
.product-bathroom-d-list-icon img { display: block; height: 120px; margin-right: 50px; }
.product-bathroom-d-list-icon img:last-child { margin-right: 0; height: 100px; }


/* 4 */
.product-bathroom-d-banner a { display: block; }
.product-bathroom-d-banner a img { width: 100%; display: block; }


/* 5 */
.product-bathroom-one-b { display: flex; }
.product-bathroom-one-l { display: flex; align-items: center; }
.product-bathroom-one-l > img { width: 600px; margin-right: 50px; }
.product-bathroom-one-r { margin-left: auto; display: flex; align-items: center; }
.product-bathroom-one-r img { display: block; height: 120px; margin-right: 50px; }
.product-bathroom-one-r img:last-child { margin-right: 0; height: 100px; }


/* 6 */
.product-bathroom-two-b { display: flex; align-items: center; }

.product-bathroom-two-r { padding-left: 50px; margin-left: auto; }  
.product-bathroom-two-r-t > img { width: 700px; max-width: 100%; margin-bottom: 30px; }
.product-bathroom-two-r-t .product-bathroom-color { justify-content: center; }
.product-bathroom-two-r-b { display: flex; justify-content: flex-end; align-items: center; padding-top: 30px; }
.product-bathroom-two-r-b img { display: block; height: 120px; margin-right: 50px; }
.product-bathroom-two-r-b img:last-child { margin-right: 0; height: 100px; }
















/* product-sanitary-ware */
.product-sanitary-ware { margin: 80px 0 120px; }
.product-sanitary-ware > div { margin-bottom: 80px; }
.product-sanitary-ware > div:last-child { margin-bottom: 0; }

.product-sanitary-ware .psw-item-box { align-items: center; }  
.product-sanitary-ware .psw-item-box .product-bathroom-color { justify-content: center; }


.product-sanitary-ware .psw-item-labelling { background-color: #e2e4e4; padding: 36px 0; margin-top: 50px; }
.product-sanitary-ware .psw-item-labelling h2 { font-size: 36px; font-weight: 700; color: #9D9F9E; line-height: 1em; margin-bottom: 30px; }
.product-sanitary-ware .psw-item-labelling-icons { display: flex; justify-content: flex-end; grid-gap: 20px 36px; }
.product-sanitary-ware .psw-item-labelling-icons img { height: 100px; }
.product-sanitary-ware .psw-item-labelling + .line-solid { border-bottom: 12px solid #e2e4e4; margin-top: 14px; }

.product-sanitary-ware .psw-item-box-l { width: 40%; }
.product-sanitary-ware .psw-item-box-l img { display: block; width: 100%; }

.product-sanitary-ware .psw-item-box-r { width: 60%; }
.product-sanitary-ware .psw-item-box-r ul { margin-left: 50px; grid-gap: 50px 30px; }
.product-sanitary-ware .psw-item-box-r ul li > img { display: block; width: 300px; max-width: 100%; margin: 0 auto 20px; }

.product-sanitary-ware .psw-item-box-only { justify-content: center; }
.product-sanitary-ware .psw-item-box-only img { display: block; width: 500px; max-width: 100%; }


/*bathroom-mixer*/
.bathroom-mixer-p { font-size: 30px; margin-bottom: 24px; font-family: "made-evolve-sans-l"; }
.bathroom-mixer-one-img img { display: block; } 

.bathroom-mixer .product-bathroom-color { flex-direction: column; }
.bathroom-mixer .product-bathroom-color span { flex-direction: column; margin: 0 0 10px; border-color: transparent; }
.bathroom-mixer .product-bathroom-color span img { display: block; }












/*kitchen*/
.kitchen-banner .page-banner-box img { height: auto; }
.kitchen-banner .page-banner-box > .w1560 { top: auto; bottom: 50px;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
}

.kitchen { margin: 50px auto 80px; }
.kitchen > div { margin-bottom: 80px; }
.kitchen > div:last-child { margin-bottom: 0; }

.kitchen-about { background-color: #f5f5f1; padding: 36px 0; }
.kitchen-about h2 { font-size: 24px; font-family: "made-evolve-sans-l"; margin-bottom: 16px; }
.kitchen-about p { line-height: 1.5em; font-family: "made-evolve-sans-l"; }

.kitchen-item > div { margin-bottom: 80px; }
.kitchen-item > div:last-child { margin-bottom: 0; }

.kitchen-item-img1 { position: relative; padding-right: 180px; box-sizing: border-box; }
.kitchen-item-img-l { padding-right: 50px; }
.kitchen-item-img-l img { width: 100%; display: block; }
.kitchen-item-img-r { position: absolute; top: 50%; right: 0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%); 
}
.kitchen-item-img-r img { width: 180px; display: block; }
.kitchen-item-img-r img:first-child { margin-bottom: 50px; }

.kitchen-item-img2 img { width: 100%; display: block; }

.kitchen-item-text strong,
.kitchen-item-text p { font-family: "made-evolve-sans-l"; font-size: 20px; line-height: 1.5em; color: #808282; text-align: center; letter-spacing:3px; }
.kitchen-item-text p:after,
.kitchen-item-text p:before { content: ""; width: 460px; max-width: 80%; height: 5px; background-color: #dadad7; display: block; margin: 0 auto; border-radius: 10px; }
.kitchen-item-text p:after { margin-top: 30px; }
.kitchen-item-text p:before { margin-bottom: 30px; }

.kitchen-wardrobe-title { background-color: #e2e4e4; text-align: center; margin-bottom: 80px; }
.kitchen-wardrobe-title h2 { color: #808282; font-size: 36px; line-height: 1em; padding: 18px 0; letter-spacing: 3px; }
.kitchen-wardrobe-box { text-align: center; }
.kitchen-wardrobe-box > img { width: 100%; display: block; margin-bottom: 50px; }
.kitchen-wardrobe-box .about-btn span:nth-child(1) { padding: 5px 30px; box-sizing: border-box; }
.kitchen-wardrobe-box .about-btn span:nth-child(1) img { display: inline-block; vertical-align: top; height: 50px; margin-left: 6px; }











/*  */
.sauna-item-mii .pb-mii-p { font-size: 18px; line-height: 1.2em; padding: 8px 16px; border-radius: 10px; background-color: #EFEFEF; display: inline-block; margin-bottom: 20px; }

.sauna-item1 .grid-2 { grid-gap:30px 80px; }
.sauna-item1-img { width: 100%; height: 0; padding: 32% 0; overflow: hidden; position: relative; }
.sauna-item1-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;object-position:center center; }

.sauna-item1 ul li p { font-size: 20px; text-align: center; padding-top: 10px; }
.sauna-item2 img { display: block; margin: 0 auto; }

.sauna-item2 .grid-2 { align-items: center; }





/*  */
.product-bathroom-mii .pb-mii-x { display: flex; align-items: center; }
.product-bathroom-mii .pb-mii-x img { height: 100%; margin-left: 6px; height: 30px; }  

.header-right{display:none;}

@media screen and ( max-width:767px ){ 
	.product-bathroom-mii .pb-mii-x img { height: 20px; } 
}