@import url('/css/community.css'); 
/* sbanner */
#sbanner {position: relative;z-index: 1;padding-top: 160px;}
#sbanner a {position: relative;height: 300px;z-index: 1;}
#sbanner:after {position: absolute;width: 100%;height: 105%;background: #ffffff;display: block;top: 0;left: 0;z-index: 2;content: "";}

/* wrap */
.wrap {position: relative;margin: 9vh auto;z-index: 2;width: min(90%, 1280px);}
.wrap h1 { line-height: 150%; }
.bgTxt.title{padding: 0;}
.wrap * {vertical-align: initial;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* waylink */
.waylink {position: absolute;display: inline-block;top: 350px;width: 100%;z-index: 3;}
.waylink ol {font-size: 0;text-align: center;padding: 8px 0;width: 90%;margin: 0 auto;}
.waylink ol li {display: inline-block;color: #4c4a49;font-size: 14px;text-align: center;}
.waylink ol li a {color: #4c4a49;font-size: 14px;}
.waylink ol li:after {margin: 0 5px;display: inline-block;color: #4c4a49;content: "/";}
.waylink ol li:last-child {color: #4c4a49;}
.waylink ol li:last-child:after { content: ""; }

/* contentMain */
.contentMain { position: relative; }

/* sideNav */
#sideNav ul.Cate {text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px;}
#sideNav #sideMenu {width: 90%;margin: 0 auto;margin-top: 28px;padding: 8px 10px;display: none;font-size: 18px;color: #fff;background: #ccc2b8;border: 2px #ccc2b8 solid;}
#sideNav #sideMenu font, #sideNav #sideMenu span { margin-right: 15px; display: inline-block; vertical-align: middle; }
#sideNav #sideMenu span i { margin: 2px 0; width: 3px; height: 3px; background: #ffffff; border-radius: 50%; display: block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#sideNav #sideMenu span.open i:nth-child(2) { margin: 2px 5px; }
.catBox {position: relative;padding-bottom: 4vw;z-index: 2;}
.fixTop { position: fixed; width: 1420px; top: -15px; }
.fixTop.showheader { top: 50px; }
#sideNav>ul>li { position: relative; display: inline-block; }
#sideNav>ul>li.action {background: #ccc2b8;}
#sideNav>ul>li.action>h3 a {color: #fff;}
#sideNav>ul>li>h3 { display: block; }
#sideNav>ul>li>h3 a {display: inline-block;color: #ccc2b8;border: 1px solid #ccc2b8;padding: 5px 15px;}
#sideNav>ul>li>h3 a:hover {background: #ccc2b8;color: #fff;}
#sideNav>ul>li b[data-action="sideOpen"] { display: none; }
#sideNav>ul>li>ul.subUL {overflow: hidden;position: absolute;left: calc(50% - 100px);width: 200px;height: 0;background: #ccc2b8;opacity: 0;}
#sideNav>ul>li:hover>ul.subUL { height: auto; opacity: 1; }
#sideNav>ul>li>ul.subUL li a { display: block; text-align: left; padding: 10px 20px; color: #fff; }
#sideNav>ul>li>ul.subUL li a:hover { background: #f0d8d3; }
#sideNav>ul>li>ul.subUL li ul.sub2UL { background: #deb3aa; }

/* artlsit */
#artlsit ul {font-size: 0;text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;}
#artlsit ul li {width: calc((100% / 3) - 30px);display: inline-block;overflow: hidden;margin: 18px 15px;}
#artlsit ul li .img {position: relative;overflow: hidden;}
#artlsit ul li .img a.photo { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); }
#artlsit ul li .img p.cate { position: absolute; top: 0px; left: 0; padding: 10px 30px; text-align: center; background: #d7a297; color: #fff; }
#artlsit ul li .info {padding: 20px 50px;}
#artlsit ul li .info h3 {color: #6D6D6D;height: 30px;text-align: center;font-size: 16px;font-weight: 400;letter-spacing: .1em;-webkit-line-clamp: 1;}
#artlsit ul li .info article { height: 43px; font-size: 14px; color: #6D6D6D; -webkit-line-clamp: 2; margin: 12px 0 28px; }
#artlsit ul li .info .price { padding-bottom: 10vh; }
#artlsit ul li .info .price span { display: inline-block; color: #6D6D6D; font-size: 16px; }
#artlsit ul li .info .price span.old { float: left; }
#artlsit ul li .info .price span.new { float: right; }
#artlsit ul li .info .price font { color: #d7a297; font-size: 18px; }
#artlsit ul li .info .price .old font { text-decoration: line-through; }

/* content */
#content .articlebar { margin: 13px 0 0px; }
#content .articlebar font {font-size: 1.2rem;color: #ccc2b8;}
#content h1 { text-align: left; border-bottom: 1px solid #d6d6d6; color: #6D6D6D; -webkit-line-clamp: 1; margin-bottom: 7vw; }
#content #describe {padding-top: 20px;margin: 0 auto;overflow: hidden;}

/* faqList */
#faqList li { margin-bottom: 10px; border-bottom: 1px solid #efeff0; }
#faqList li .title { position: relative; padding: 5px 65px 15px 25px; display: block; }
#faqList li .title font { color: #686868; }
#faqList li .title span { position: absolute; width: 17px; height: 17px; display: block; top: calc((100% - 30px) / 2); right: 25px; background: #d7a297; border-radius: 5px; padding: 2px 0px 3px 6px; }
#faqList li .title span:before, #faqList li .title span:after { width: 12px; height: 1px; background: #ffffff; display: block; content: ""; -webkit-transform: translateY(9px); transform: translateY(9px); }
#faqList li .title span:after { -webkit-transform: translateY(8px) rotate(90deg); transform: translateY(8px) rotate(90deg); }
#faqList li .info { padding: 25px 50px 20px; background: #efeff0; color: #686868; font-size: 14px; line-height: 1.8; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#faqList li.current .title span:after { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translateY(8px) rotate(180deg); transform: translateY(180deg) rotate(0); }

/* page-control */
#page-control {padding: 14vh 0 0;margin: 30px 0 0;width: 100%;}
#page-control a {position: absolute;bottom: 58px;font-size: 14px;color: #ccc2b8;border: 1px solid #ccc2b8;padding: 5px 15px;vertical-align: middle;border-radius: 5px;}
#page-control a.page-prev { left: 0; }
#page-control a.page-next { right: 0; }
#page-control a font { color: #6D6D6D; font-size: 12px; vertical-align: top; }
#page-control a:hover {background: #ccc2b8;color: #fff;}

/* pagenav */
#pagenav { margin: 30px 0 0; text-align: center; }
#pagenav a, #pagenav strong {width: 40px;height: 40px;display: inline-block;text-align: center;line-height: 37px;font-size: 18px;color: #ccc2b8;vertical-align: middle;border: 1px solid #ccc2b8;margin-left: 10px;}
#pagenav a { opacity: .5; }

/* form1 */
#form1 {font-size: 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0 40px;margin-top: 40px;}
#form1 p {margin: 10px 0;width: calc(100% - 40px);display: inline-block;vertical-align: text-bottom;}
#form1 p.one{grid-column: 1 / 3;}
#form1 p[class^="col"] {padding: 0;max-width: inherit;width: 100%;}
#form1 p.col-2 {width: 100%;}
#form1 p.col-3 { width: calc((100% / 3) - 40px); }
#form1 p.col-4 { width: calc(25% - 40px); }
#form1 p label { margin-bottom: 5px; display: block; color: #6d6d6d; }
#form1 p label b { margin-left: 5px; color: #ff575f; }
#form1 p input, #form1 select, #form1 textarea {padding: 5px 15px;width: 100%;border: 1px #e4e4e4 solid;display: block;}
#form1 p select {padding: 10px 20px;}
#form1 p input#Checknum {margin-right: 10px;width: 200px;display: inline-block;}
#form1 p.send {text-align: end;display: flex;justify-content: flex-end;align-items: flex-end;}
#form1 p.send a {color: #fff;background: #474747;padding: 15px 60px;}
#form1 p.send a font{color:white}

.webBox .slick-slider.album_list{margin:0 auto;margin-top:30px;width:min(90%,980px)}
.album_list .album_box a{display:block}
.album_list .album_box a img{width:100%;object-fit: cover;height:650px}
.album_list_small{overflow:unset}
.webBox .slick-slider.album_list_small{display:flex;flex-wrap:wrap;margin:15px auto;width: min(90%,990px);}
.album_list_small .album_box{margin:5px}
.album_list_small img{height:140px;object-fit:cover;width:100%}
.album_list_small>div{width:100%;overflow:hidden;padding:0!important}
.album_list_small>div:nth-child(7n){margin-right:0}
.album_list_small>div a{display:block}
.album_list_small .slick-prev:before{content:'';background-image: url(/images/42/left.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}
.album_list_small .slick-next:before{content:'';background-image: url(/images/42/right.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}

@media screen and (max-width: 1470px){
	.webBox .slick-slider.album_list,.webBox .slick-slider.album_list_small{width:min(100%,680px)}
	.album_list .album_box a img{height: 430px;}
}
@media screen and (min-width: 1281px) {
	#artlsit ul li:hover .img a.photo { -webkit-transform: translate(0) scale(1.1); transform: translate(0) scale(1.1); }
	#artlsit ul li:hover .img a.photo img {background: rgb(204 194 184 / 50%);}
	#artlsit ul li .info .cate a:hover, #artlsit ul li .info h3 a:hover { opacity: .6; }
}
@media screen and (max-width:1280px){
	#sbanner{padding-top:0}
	#sbanner a{height:110px}
	.waylink{top:150px}
	.wrap{margin-top:25vh}
}
@media screen and (max-width: 980px) {
	#artlsit ul li { width: calc((100% / 2) - 25px); }
	#form1 p,#form1 p.col-2, #form1 p.col-3 {width: 100%;}
	#form1 p.col-4 { width: calc(50% - 40px); }
	#form1 p.send {text-align: center;}
}
@media screen and (max-width: 768px) {
	.waylink {position: relative;top: auto;}
	.catBox {padding-bottom: 7vw;}
	.wrap{margin-top: 3vh;}
	#page-control a.page-prev { text-align: left; }
	#page-control a.page-next {text-align: right;}
	.album_list_small>div:nth-child(5n){margin-right:0}
}
@media screen and (max-width: 640px) {
	#form1 p.send {display: flex;justify-content: center;}
	#artlsit ul li { width: 95%; margin: 0 auto; margin-bottom: 6vh; }
	#artlsit ul li .info article a { margin: 12px 0 5px; }
	#form1 p.col-4 { width: calc(100% - 40px); }
	.album_list_small>div:nth-child(3n){margin-right:0}
	.album_list_small img{height:80px}
	.album_list_small .slick-next:before,.album_list_small .slick-prev:before{width:10px;height:15px}
	.album_list_small .slick-prev{left:-11px}
	.album_list .album_box a img{height: 250px;}
}