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




/***********header***********/
/*html { padding-top: 226px; }*/


header{position:relative;z-index:999;background-color: #fff; }
header.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px rgba(0 0 0 / 12%);}
.header { position: relative; }
header.header-fixed .header-logo { padding: 20px 0; }


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


/*language*/
.language{line-height:14px;margin-right: 100px;}
.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:#7FBE26;}
.language dt:after{content:"\e732";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:"\e732";font-family:"iconfont"!important;position:absolute;top:1px;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:block;text-align:center; font-weight: lighter;
	-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";}*/



/*header-logo*/
.header-logo { text-align: center; position: relative; padding: 50px 0; }
.header-logo a{display:inline-block;height:60px; vertical-align: top;}
.header-logo a img{display:block;height:100%;}


.header-right { position: absolute; top: 72px; right: 0; z-index: 9; display: flex; align-items: center; }
.header-btn { display: flex; }
.header-btn a { display: block; line-height: 1em; margin-left: 30px; }
.header-btn a i { font-size: 18px; line-height: 1em; }
.header-btn a:hover i { color: #7FBE26; }


/*header-nav*/
.header-nav > ul{line-height:1em;justify-content: space-between; padding: 24px 0;}
.header-nav > ul > li{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:18px;line-height:1em;position:relative;}
.header-nav > ul > li > a:hover{color:#7FBE26;}
.header-nav ul i.iconfont{display:none;vertical-align:top;font-size:10px;line-height:18px;}
/*.header-nav i.iconfont + a:after{content:"\e732";font-family:"iconfont"!important;display:inline-block;vertical-align:top;margin-left:6px;font-size:10px;font-weight:normal;}*/

.header-subnav{
	position:absolute;top:100%;left:0;z-index:99;padding:16px;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 { margin-bottom: 12px; }
.header-subnav > li:last-child { margin-bottom: 0; }
.header-subnav > li > a{padding:6px 0;line-height:1em;display:block;white-space:nowrap;font-size:16px;font-weight: 700;border-bottom: 1px solid #000; text-transform:uppercase;}  
/*.header-subnav > li > a:hover{color:#7FBE26;}*/

.header-subnav-sub { padding-top: 6px; }
.header-subnav-sub li a { white-space:nowrap; padding:4px 0; display: block; }
.header-subnav-sub li a span { font-weight: 700; color: #dcdddd; }
.header-subnav-sub li a:hover,
.header-subnav-sub li a:hover span{color:#7FBE26;}


.header-subnav > li:nth-child(2) .header-subnav-sub li a { font-weight: 700; color: #9fa0a0; }
.header-subnav > li:nth-child(2) .header-subnav-sub li a:hover { color: #000; }


.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-nav > ul > li:nth-child(3) > a { pointer-events:none; }*/









/***********footer***********/
footer { background-color: #202128; padding: 50px 0 100px; }
.footer-nav a { font-size: 20px; color: #fff; line-height: 1em; display: block; }
.footer-nav a:hover { color: #7FBE26; }
.footer-nav ul { justify-content: space-between; }
.footer-subnav li { margin-top: 30px; }








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

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



.home-banner-text{
	position:absolute;bottom: 32px; left:50%;z-index:2;text-align:center; width: 950px; max-width: 95%;	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.home-banner-text h2{font-size:50px;color:#fff;}
.home-banner-text p {font-size:50px;color:#fff;letter-spacing:3px; line-height: 1em;}
.home-banner-text p span {display: block; font-size:44px;color:#fff;font-family: "made-evolve-sans-t"; margin-bottom: 10px;letter-spacing:2px; line-height: 1.2em;}
.home-banner-text p span strong {display: inline-block; vertical-align: bottom; font-size:60px;color:#fff;font-family: "made-evolve-sans-t"; letter-spacing:2px; line-height: 1.1em;}
.home-banner-text i {font-size:24px;color:#fff;letter-spacing:3px; display: block; line-height: 1.2em;}
.home-banner .swiper-pagination { display: none; }
.home-banner-text img { display: block; height: 30px; margin: 30px auto 0; }


/*page-banner*/
.page-banner-box{position:relative; background-color: #c7c9bf;text-align: center; padding: 36px 0 24px;}
.page-banner-box h1{font-size:50px;line-height:1em; text-align: center; color: #fff; font-family: "made-evolve-sans-l"; }
.page-banner-box h1 span { font-size: 70px; font-weight: 700; line-height:1em; color: #fff; }
.page-banner-box i { font-size: 30px;line-height:1em; color: #fff; margin-top: 10px; font-family: "made-evolve-sans-l"; }

/*  */
.page-banner-photo { position: relative; }
.page-banner-photo > img{width:100%;display:block;object-fit:cover;object-position:center center; min-height: 120px;}
.page-banner-photo-text { 
	position:absolute;bottom: 50px; left:50%;z-index:2;text-align:center; width: 950px; max-width: 95%;	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%); 
}
.page-banner-photo-text h1 {font-size:80px;color:#fff;font-family: "made-evolve-sans-l";}
.page-banner-photo-text img { display: block; height: 30px; margin: 20px auto 0; }

/* 2 */
.page-banner-photo2 .page-banner-photo-text { bottom: auto; top: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}



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






/*  */
.all-title { background-color: #f4f4f4; text-align: center; position: relative; padding: 20px 0; }
.all-title h2 { font-size: 50px; line-height: 1em; color: #888a8a; }
.all-title > img { display: block; height: 50px; position: absolute; top: 50%; right: 80px; margin-top: -25px; opacity: .5; }











/***********首頁***********/
.home-one { padding-bottom: 140px; }
.home-one > .tac { padding: 36px 0 50px; }

.home-one-list ul { grid-gap:20px 10px; padding: 0 10px; }

.home-one-img a { display: block; width: 100%; height: 0; padding: 40% 0; overflow: hidden; position: relative; border-radius: 16px; } 
.home-one-img a img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; 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 { display: flex; flex-direction: column; align-items: center; padding-top: 50px; }
.home-one-text a { display: block; font-size: 20px; font-weight: 700; color: #939393; }
.home-one-text span { font-size: 20px; font-weight: 700; color: #cdcdcd; }
.home-one-text i { margin-top: 20px; color: #939393; font-size: 18px; }

.home-one-list { position: relative; } 
#home-collection { position: absolute; top: -136px; left: 0; z-index: -9; width: 10px; height: 1px; }









/*  */
.about { padding: 100px 0 200px; }

.about-text { box-sizing: border-box; background-color: #f8f7f1; border-radius: 30px; padding: 46px 80px; }
.about-text h2 { font-size: 36px; font-weight: bolder; color: #888a8a; line-height: 1.4em; letter-spacing:5px; margin-bottom: 30px; }
.about-text p { font-size: 20px; color: #888a8a; line-height: 1.6em; letter-spacing:3px; }

.about-img-list { padding: 100px 10px 160px; }
.about-img-list ul li { margin-bottom: 72px; }
.about-img-list ul li:last-child { margin-bottom: 0; }
.about-img-list ul li:nth-child(even) { text-align: right; }
.about-img-list ul li > div { width: 56%; display: inline-block; vertical-align: top; }

.about-img-list-i { width: 100%; height: 0; padding: 20.5% 0; overflow: hidden; position: relative; } 
.about-img-list-i img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.about-img-list-t h3 { font-size: 30px; line-height: 1em; text-align: center; margin-top: 20px; text-align: center; }

.about-core-values h2 { opacity: 0; }
.about-core-values-list { padding: 0 100px; }
.about-core-values-list li { position: relative; margin-bottom: 180px; }
.about-core-values-list li:last-child { margin-bottom: 0; }

.about-core-values-i img { display: block; width: 100%; }
.about-core-values-t { position: absolute; top: 50%; left: 50%; text-align: center; width: 950px; max-width: 95%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.about-core-values-t h3 { font-size: 56px; font-weight: bolder; color: #fff; letter-spacing:3px; margin-bottom: 16px; }
.about-core-values-t p { font-size: 22px; color: #fff; letter-spacing:2px; line-height: 1.6em; }

.about-core-values-list li:nth-child(1) .about-core-values-t h3,
.about-core-values-list li:nth-child(1) .about-core-values-t p { color: #514F4E; }











/* collection-sabbia */
.collection-sabbia-text { text-align: center; font-size: 20px; line-height: 1.8em; font-family: "made-evolve-sans-l"; color: #9FA0A0; padding: 50px 0; }
.collection-sabbia-text h3 { font-size: 26px; line-height: 1.8em; color: #9FA0A0; font-family: "made-evolve-sans-l"; }
.collection-sabbia-text strong { font-size: 30px; line-height: 1.8em; color: #9FA0A0; font-family: "made-evolve-sans-l"; }

.collection-list-wood { margin-bottom: 120px; }
.collection-list-wood > ul { grid-gap:120px 150px; }
.collection-list-wood > ul > li { padding-bottom: 18px; position: relative; }

.collection-list-wood-img a { display: block; width: 100%; height: 0; padding: 50% 0; overflow: hidden; position: relative; } 
.collection-list-wood-img a img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.collection-list-wood-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); }

.collection-list-wood-text { padding: 20px 0; }
.collection-list-wood-text span { display: block; font-size: 14px; line-height: 1em; font-weight: 700; }
.collection-list-wood-text h3 a { font-size: 22px; font-weight: 700; display: block; margin: 22px 0 18px; }
.collection-list-wood-text h3 a:hover { color: #7FBE26; }
.collection-list-wood-text a.btn-empty { color: #00A29A; line-height: 1em; display: inline-block; vertical-align: top; text-transform:lowercase; margin-top: 20px; font-size: 18px; position: absolute; bottom: 0; right: 0; display: none; }

.collection-list-wood-feature li { display: flex; align-items: center; padding-bottom: 6px; font-size: 18px; color: #9FA0A0; font-family: "made-evolve-sans-l"; }
.collection-list-wood-feature li img { display: block; width: 30px; height: 30px; margin-left: 10px; }
.collection-list-wood-feature li:last-child { padding-bottom: 0; }

.collection-list-products-ul { margin-top: 30px; }
/*.collection-list-products ul { grid-gap:6px 6px; }*/
.collection-list-products ul li a { display: block; overflow: hidden; }
.collection-list-products ul li a img { width: 100%; display: block; }
.collection-list-products 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); }

/*  */
.collection-sabbia-details { padding: 120px 0 200px; }
.collection-sabbia-item { display: flex; margin-bottom: 120px; }
.collection-sabbia-item:last-child { margin-bottom: 0; }
.collection-sabbia-item > div { box-sizing: border-box; }

.collection-sabbia-item-left { width: 48%; }
.collection-sabbia-item-left img { display: block; width: 100%; }

.collection-sabbia-item-right { width: 52%; padding: 0 150px; }
.collection-sabbia-item-right h3 { font-size: 24px; line-height: 1em; display: block; margin-bottom: 36px; }
.collection-sabbia-item-right h2 { font-size: 40px; line-height: 1em; display: block; margin-bottom: 36px; }

.collection-sabbia-item-right .collection-list-wood-feature li { width: 300px; max-width: 100%; justify-content: space-between; font-size: 22px; }
.collection-sabbia-item-right .collection-list-wood-feature li img { width: 40px; height: 40px; } 
.collection-sabbia-item-parameter { margin-top: 36px; }
.collection-sabbia-item-parameter li { margin-bottom: 6px; }
.collection-sabbia-item-parameter li span { display: block; width: 50%; }
.collection-sabbia-item-parameter li span:first-child { font-size: 20px; line-height: 24px; }  
.collection-sabbia-item-parameter li span:last-child { font-size: 15px; line-height: 24px; color: #666; font-family: "made-evolve-sans-l"; }  






/*  */
.product-button { padding-top: 30px; }
.product-button button { background-color: #7fbe25; margin-right: 6px; line-height: 32px; width: 30px; text-align: center; height: 30px; border-radius: 100px; cursor: pointer; }
.product-button button:hover { background-color: #000; }
.product-button button i { color: #fff; font-size: 14px; }










/*  */
.technical-data { padding: 120px 0; }


.technical-data-logo img { display: block; height: 66px; margin-bottom: 36px; }

.technical-data-table { margin-bottom: 20px; }
.technical-data-table img { display: block; }
.technical-data-table table { border-left: 1px solid #231815; border-top: 1px solid #231815; }
.technical-data-table td { border-right: 1px solid #231815; border-bottom: 1px solid #231815; }
.technical-data-table .df { justify-content: center; align-items: center; grid-gap:20px 120px; }

/* t */
.technical-data-table thead tr:first-child { background-color: #7FBE26; }
.technical-data-table thead tr:first-child td { color: #fff; font-size: 32px; }
.technical-data-table thead tr td { padding: 6px 24px; min-height: 30px; }
.technical-data-table thead tr:nth-child(2) { background-color: #ebecec; }
.technical-data-table thead tr:nth-child(2) td { font-size: 20px; font-weight: 700; }


/* l */
.technical-data-table tbody td { padding: 20px 24px; }
.technical-data-table tbody td:nth-child(1) { width: 110px; }
.technical-data-table tbody td:nth-child(3) { width: 230px; text-align: center; }
.technical-data-table tbody td strong { font-size: 20px; }
.technical-data-table tbody td p { font-size: 20px; margin: 6px 0; }

/*  */
.technical-data-table2 tbody td img { margin: 0 auto; }














/*  */
.contact-t-l { width: 30%; padding-right: 50px; box-sizing: border-box; }
.contact-t-l-box { width: 280px; max-width: 100%; }
.contact-t-l h1 { font-size: 50px; color: #7FBE26; line-height: 1em; font-weight: 700; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 5px solid #7FBE26; }
.contact-t-l p { font-size: 20px; color: #948d7b; }

.contact-t-r { width: 70%; margin-bottom: 50px; }
.contact-t-r-img { display:grid;grid-template-columns:repeat(4, 1fr); grid-gap:20px 100px; margin-bottom: 80px; }
.contact-t-r-img img { width: 100%; display: block; border-radius: 15px; }
.contact-t-r form h2 { font-size: 18px; font-weight: 700; padding: 10px 0 16px; }
.contact-t-r .form-btn { padding-top: 30px; }
.contact-t-r .btn-base { background-color: #505258; }


/*  */
.contact-b-l { width: 30%; background-color: #edeeeb; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.contact-b-l > img { display: block; height: 30px; }
.contact-b-l-c li { padding-top: 24px; text-align: center; }
.contact-b-l-c img { height: 30px; display: block; margin: 0 auto 10px; }
.contact-b-l-c p { font-size: 22px; font-weight: 700; line-height: 1.4em; }

.contact-b-r { width: 70%; }
.contact-b-r img { width: 100%; height: 100%; display: block; object-fit:cover;object-position:center center; min-height: 350px; }










/* login */
.login { padding: 80px 0; }
.login a.common_btn { line-height: 50px; font-size: 16px; padding: 0 100px 0 24px; }
.login .if-yanjing:hover { color: #7FBE26; }
.login_return { line-height: 1em; }
.login_return i { font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }

.login_title { margin-bottom: 36px; display: flex; align-items: flex-end; justify-content: space-between; }
.login_title h2 { font-size: 36px; font-weight: 700; line-height: 1em; }
.login_title h2 p { line-height: 1.3em; margin-top: 12px; color: #999; }
.login_title_register { }
.login_title_register a { color: #7FBE26; text-decoration: underline; display: inline-block; margin-left: 5px; }
.login_title_register a:hover { opacity: .7; }

.login_submit { padding-top: 26px; }
.login_submit .form_choice { margin-bottom: 10px; }
.login_submit .common_btn { 
	font-size: 18px; line-height: 50px; height: 50px; margin-left: auto; display: block; width: 100%; border-radius: 100px;
	background: -webkit-linear-gradient(left, #44B675, #7FBE26);
    background: -moz-linear-gradient(left, #44B675, #7FBE26);
    background: -o-linear-gradient(left, #44B675, #7FBE26);
    background: linear-gradient(to right, #44B675, #7FBE26);  
}
.login_submit .common_btn:after { font-size: 14px; vertical-align: top; margin-left: 6px; display: none; }

.login_submit .form_choice a { display: inline-block; vertical-align: top; color: #44B675; margin: 0 3px; }
.login_submit .form_choice a:hover { text-decoration: underline; }

.login_forgot { margin-top: 12px; font-weight: 700; display: inline-block; vertical-align: top; }
.login_forgot i { font-size: 14px; margin-right: 3px; font-weight: normal; }
.login_forgot:hover,
.login_forgot:hover i { color: #7FBE26; }

.login_form label { font-size: 14px; line-height: 1em; margin-bottom: 6px; display: block; }
.login_form label:after { content: "*"; font-weight: normal; font-size: 14px; line-height: 1em; margin-left: 3px; color: #C11819; }
.login_form input[type="text"],
.login_form input[type="password"] { font-weight: normal; border: 0; height: 50px; border-radius: 100px; background-color: #fff; border: 1px solid #131313; width: 100% !important; }

.login_form .form_row { margin-bottom: 14px; }
.login_form .form_input { position: relative; }
.login_form .form_input .form_code_img { margin: 0; height: 48px; position: absolute; top: 1px; right: 6px; border-radius: 20px; overflow: hidden; }
.login_form .form_input .form_code_img img { height: 100%; }
.login_form .form_choice label { font-size: 16px; margin-right: 0; }
.login_form .form_choice label:after { display: none; }

.login_box hr { display: none; }












/*  */
.info-request { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0,.7); display: none; }
.info-request.active { display: block; }
.info-request-box { width: 800px; background-color: #fff; border-radius: 4px; position: absolute; top: 50%; left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.info-request-top { background-color: #7fbe25; line-height: 1em; font-size: 18px; padding: 20px 30px; border-radius: 4px 4px 0 0; color: #fff; position: relative; }  
.info-request-top i { margin-right: 6px; color: #fff; }
.info-request-top .if-BasicIcons-all- { position: absolute; top: 50%; right: 30px; font-size: 16px; display: block; line-height: 1em; margin-top: -8px; cursor: pointer; }
.info-request-top .if-BasicIcons-all-:hover { opacity: .6; }

.info-request-con { padding: 30px; }

.info-request-input-sign { margin-bottom: 14px; }
.info-request-input-sign a { text-decoration: underline; }

.info-request-input { margin-bottom: 30px; }

.info-request-message { margin-bottom: 30px; }
.info-request-message .form-choice label { line-height: 1em; display: block; margin: 0 0 10px; }
.info-request-message h3 { margin-bottom: 14px; }
.info-request-message textarea { line-height: 1.4em; font-size: 14px; }
.info-request-message .form-choice label { font-size: 14px; }

.info-request-footer .form-choice label { font-size: 12px; color: #999; }
.info-request-btn .btn-base { background-color: #7fbe25; color: #fff; }


.form-input select, 
.form-input textarea, 
input[type="tel"], 
input[type="text"], 
input[type="email"], 
input[type="password"] { border-color: #ddd; }












/*  */
.cart { margin: 80px auto 120px; }
.cart h2 { margin-bottom: 30px; }

.cart-box { margin-bottom: 50px; }

.cart_list_cell:nth-child(1) { width: 100px; padding-right: 10px; }
.cart_list_cell:nth-child(2) { width: 45%; padding-right: 10px; }
/*.cart_list_cell:nth-child(3) { width: 15%; padding-right: 10px; margin-left: auto; }*/
.cart_list_cell:nth-child(3) { width: 36px; margin-left: auto; }


.cart_list { width: 100%; border-bottom: 1px solid #131313; }

.cart_list_header { display: flex; border-bottom: 1px solid #131313; padding-bottom: 10px; margin-bottom: 20px; }
.cart_list_header span { font-size: 14px; font-weight: 700; line-height: 18px; display: inline-block; vertical-align: top; }
.cart_list_header a { display: inline-block; vertical-align: top; margin-left: 24px; line-height: 18px; color: #131313; } 
.cart_list_header a i { color: #131313; margin-right: 3px; }  

.cart_list_row { display: flex; align-items: center; margin-bottom: 20px; position: relative; }

.cart_list_row .indexnumber { margin: 0 auto; }
.cart_list_row .indexnumber > div { background-color: #fff; border-radius: 100px; border-color: #C4C4C4; }

.cart_list_row .cart_list_cell:nth-child(1) img { display: block; width: 80px; height: 80px; border-radius: 10px; object-fit: contain; object-position: center center; }

.cart_list_row .cart_list_cell:nth-child(2) p { font-size: 14px; line-height: 1em; }
/*.cart_list_row .cart_list_cell:nth-child(3) span { display: block; border: 1px solid #ddd; line-height: 24px; text-align: center; border-radius: 4px; }  */
.cart_list_row .cart_list_cell:nth-child(3) a { display: block; width: 24px; margin-left: auto; }
.cart_list_row .cart_list_cell:nth-child(3) a i { text-align: center; font-size: 10px; font-weight: 700; color: #131313; width: 24px; height: 24px; line-height: 24px; display: block; background-color: #fff; border-radius: 4px; }


.cart-info-request { border: 1px solid #ddd; border-radius: 10px; }



/*  */
.pay_complete { text-align: center; margin-top: -80px; }
.pay_complete img { width: 270px; height: auto; display: block; margin: 0 auto; }

.pay_complete_txt { margin: 72px auto; width: 750px; max-width: 95%; }
.pay_complete_txt p { font-size: 18px; color: #636a70; line-height: 1.3em; }
.pay_complete_txt h2 { font-size: 30px; margin-bottom: 20px; }

.pay_complete_btn { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; grid-gap:10px 30px; }
.pay_complete_btn a { display: block;  padding: 12px 20px; border-radius: 100px; color: #fff; }
.pay_complete_btn a i { color: #fff; margin-right: 6px; }
.pay_complete_btn a:first-child { background-color: #83ba3a; }
.pay_complete_btn a:last-child { background-color: #ab9e8a; }










/*  */

/* account */
.account { background-color: #FAFAFA; margin: 80px auto 120px; }
.account-box { background-color: #fff; border-radius: 20px; box-shadow: 0 4px 6px rgba(0,0,0,.1); } 
.account-top { 
	border-radius: 20px 20px 0 0; padding: 28px 36px; display: flex; justify-content: space-between;
    background: -moz-linear-gradient(left, #44B675, #7FBE26);
    background: -o-linear-gradient(left, #44B675, #7FBE26);
    background: linear-gradient(to right, #44B675, #7FBE26);
} 
.account-top ul { position: relative; }
.account-top ul:before { content: "\e788"; font-family: "iconfont" !important; position: absolute; top: 50%; left: 0; margin-top: -22px; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 100px; background-color: rgba(0,0,0,.5); color: #fff; }
.account-top ul li { float: left; color: rgba(255,255,255,.5); font-weight: 700; line-height: 44px; padding-left: 30px; display: none; }
.account-top ul li:first-child { display: block; }
.account-top ul li span { color: #fff; font-weight: 700; display: inline-block; vertical-align: top; line-height: 44px; }
.account-top ul li:first-child { padding-left: 60px; }

.account-logout a { color: #fff; display: block; font-weight: 700; line-height: 44px; }
.account-logout a:before { content: "\e79d"; font-family: "iconfont" !important; font-weight: normal; margin-right: 6px; }
.account-logout a:hover { opacity: .7; }

.account-menu ul { padding: 0 36px; border-bottom: 1px solid #CBCBCB; }
.account-menu ul li { float: left; }
.account-menu ul li a { display: block; line-height: 66px; margin-right: 50px; font-weight: 700; border-bottom: 3px solid transparent; opacity: .7; }
.account-menu ul li a i { margin-right: 6px; font-weight: normal; }
.account-menu ul li.active a { border-bottom-color: #7FBE26; opacity: 1; }
.account-menu ul li a:hover { opacity: 1; }

.account-menu ul li:last-child a { margin-right: 0; }

/*  */
.account-main { padding: 66px 36px 80px; }

/*  */
.account-order-history-menu { margin-bottom: 36px; }
.account-order-history-menu a { float: left; display: block; line-height: 28px; border: 1px solid #131313; margin-right: 16px; border-radius: 100px; padding: 0 16px; font-size: 14px; font-weight: 700; }
.account-order-history-menu a:hover,
.account-order-history-menu a.active { background-color: #DE1F26; border-color: #DE1F26; color: #fff; } 

.account-order-history-list ul li { box-shadow: 0 2px 10px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; margin-bottom: 36px; }
.account-order-history-list ul li:last-child { margin-bottom: 0; }

.account-order-history-header { background-color: #E8E8E8; padding: 10px 20px; }
.account-order-history-header > div { float: left; }
.account-order-history-header > div p { float: left; font-size: 14px; line-height: 36px; margin-right: 28px; }
.account-order-history-header > div p span { font-size: 14px; font-weight: 700; display: inline-block; margin-left: 4px; }
.account-order-history-header > div p:last-child { margin-right: 0; }
.account-order-history-header .btn-line { float: right; }

.account-order-history-product { padding: 20px; }
.account-order-history-product > div { align-items: center; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; } 
.account-order-history-product > div:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.account-order-history-product .account-oh-img { width: 66px; min-width: 66px; height: 66px; overflow: hidden; border-radius: 10px; border: 1px solid #DFDFDF; }
.account-order-history-product .account-oh-img img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.account-order-history-product .account-oh-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);
}
.account-order-history-product .account-oh-name { padding: 0 20px; }
.account-order-history-product .account-oh-name a { font-weight: 700; display: inline-block; }
.account-order-history-product .account-oh-name a:hover { text-decoration: underline; }
.account-order-history-product .account-oh-price { text-align: right; padding-left: 20px; margin-left: auto; }
.account-order-history-product .account-oh-price p { display: inline-block; font-size: 14px; color: #9ca0a6; margin-left: 28px; }
.account-order-history-product .account-oh-price p span { font-size: 14px; margin-left: 4px; }
.account-order-history-product .account-oh-price p:first-child { margin-left: 0; }

/*  */
.account-order-history-details .account-order-history-header { background-color: #131313; border-radius: 10px 10px 0 0; margin-top: 30px; }
.account-order-history-details .account-order-history-header p,
.account-order-history-details .account-order-history-header span { color: #fff; }

.account-order-history-bg { background-color: #F3F3F3; border-radius: 0 0 10px 10px; }

.account-order-history-address { padding: 20px; }
.account-order-history-address h2 { color: #131313; font-weight: normal; }

.account-order-history-address-box { 
	display: block; border-radius: 10px; padding: 16px 16px 16px 80px; margin-bottom: 12px; position: relative; cursor: pointer;
	background-clip: padding-box,border-box;  
    background-origin: padding-box,border-box;
    background-image: linear-gradient(135deg,#fff,#fff),linear-gradient(135deg,#4E4B8C,#C92273);
    border: 1px transparent solid;  
}
.account-order-history-address-box:before { content: "\e7a5"; font-family: "iconfont" !important; position: absolute; top: 50%; left: 20px; background-color: #DE1F26; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 100px; margin-top: -22px; color: #fff; }

.account-order-history-pay { width: 350px; margin: 30px 0 0 auto; } 
.account-order-history-pay ul li { display: flex; justify-content: space-between; padding-bottom: 16px; }
.account-order-history-pay ul li:last-child { border-top: 1px solid #C4C4C4; padding: 24px 0 30px; margin-top: 8px; }
.account-order-history-pay ul li:last-child span { font-size: 24px; color: #131313; }
.account-order-history-pay ul li span { font-size: 14px; line-height: 18px; font-weight: 700; color: #828282; }


/*  */
.account-wishlist-top .form-input { display: inline-block; vertical-align: top; margin-bottom: 30px; }
.account-wishlist-top .form-input select { height: 36px; font-size: 14px; border-radius: 100px; background-position: top 13px right 18px; }




.account_order .comm_tabm a { margin-right: 4px; font-size: 15px; padding: 8px 13px; font-weight: 700; display: inline-block; background-color: #b5b5b5; }  
.account_order .comm_tabm a.active { background-color: #DE1F26; }

.account_order .commonorder ul li { box-shadow: 0 2px 10px rgba(0,0,0,.1); background-color: #fff; margin-bottom: 24px; }
.account_order .commonorder ul li .commonorder_top { background-color: #e9e9e9; position: relative; padding: 12px 78px 12px 16px; }
.account_order .commonorder ul li .commonorder_top .commonorder_details_btn { position: absolute; top: 50%; right: 20px; margin-top: -15px; display: block; padding: 0 10px; line-height: 30px; font-size: 14px; }
.account_order .commonorder ul li .commonorder_txt:after { content: ""; clear: both; display: block; height: 0; }
.account_order .commonorder ul li .commonorder_txt p { float: left; margin: 3px 12px 3px 0; }

.account_order .commonorder ul li .commonorder_other { padding: 16px 78px 0 16px; position: relative; } 
.account_order .commonorder ul li .commonorder_other .btn-pay { position: absolute; top: 16px; right: 20px; display: block; padding: 0 10px; line-height: 30px; font-size: 14px; }

.account_order .commonorder ul li .commonorder_con { padding: 16px; }
.account_order .commonorder ul li .commonorder_con > div { position: relative; padding-left: 156px; min-height: 140px; }
.account_order .commonorder ul li .commonorder_img { position: absolute; top: 0; left: 0; z-index: 1; }
.account_order .commonorder ul li .commonorder_img img { width: 140px; height: 140px; }

.account_order .commonorder ul li .commonorder_name { margin-bottom: 10px; }
.account_order .commonorder ul li .commonorder_name a { font-size: 18px; font-weight: 700; margin-bottom: 10px; }














/*  */
.modal:after { background-color: rgba(0,0,0,0.6); }
.cart_list_describe {display: block;margin-top: 10px;}



/*  */
.home-popup .modal-content { top: 50% !important; left: 50% !important;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); }
.home-popup .modal-content img { display: block; }
.home-popup .modal-content .modal-footer { display: none; }