@charset "utf-8";
section.container {max-width: 100%; padding: 0}
/*note: max width 1110px*/
div.products, div.ccontent, div.prodcut_show {max-width: 1110px}

div.slider {max-width: 1170px}

/*prdoucts*/
div.products {max-width: 1170px; padding: 1rem 0}
div.products>h1 {font-size: 2.133333333333333rem; font-weight: 200; float: left; padding: 1.5rem 1rem 0 0}
div.products>h1>span {font-weight: 500}
div.prodlist {margin: 0 auto; padding: 0}
div.item {cursor: pointer}
.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 14%;
    color: #666 !important;
    font-size: 4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
}
.owl-theme .owl-nav .owl-prev {left: -4rem}
.owl-theme .owl-nav .owl-next {right: -4rem}

/*sBanner*/
div.sBanner {max-width: 1170px}
div.slogan {max-width: 1170px; word-break: break-all; margin-top: 2rem; margin-bottom: 2rem; padding: 0}
div.slogan>h1 {max-width: 1170px; font-size: 3rem}

/*case*/
div.case {max-width: 1170px; background: #efefef; padding: 1.5rem 0 3rem}
div.ccontent {}
div.ccontent>h1 {font-size: 4rem; font-weight: 200}
div.ccontent>h1>span {font-weight: 500}
dl.cimg {margin: 0; padding: 0 1rem}
dl.cimg>dd, dl.cimg>dd dl dd {margin: 0; padding: 0}
dl.cimg>dd dl {margin: 0}
dl.cimg>dd dl dd {background: #fff; text-align: center; padding: .35rem 1.25rem}
dl.cimg>dd dl dd>img {width: auto}
dl.cimg>dd dl dd[onclick]:hover {background: #d2c6b4}
dl.cimg>dd dl dd[onclick]:hover img {opacity: .5}
dl.cimg>dd dl dd figure {margin-bottom: 0}
dl.cimg>dd dl dd figure img.plus {
	width: 80px;
	border-radius: 0;
    position: absolute;
    top: 29%;
    left: 30%;
    z-index: 9;
	display: none
}
dl.cimg>dd:nth-child(2) dl dd:nth-child(1) figure img.plus {top: 22%}
dl.cimg>dd:nth-child(2) dl dd:nth-child(2) figure img.plus {top: 31.5%; left: 39%}
dl.cimg>dd dl dd[onclick]:hover img.plus {opacity: 1; display: block}
dl.cimg>dd:nth-child(1) {border-right: #efefef 1px solid}
dl.cimg>dd:nth-child(2) dl dd {border-bottom: #efefef 1px solid; border-right: #efefef 1px solid; padding: 0}
dl.cimg>dd:nth-child(2) dl dd:nth-child(2) {border-bottom: none}
dl.cimg>dd:nth-child(3) dl dd:nth-child(1) {border-bottom: #efefef 1px solid; padding: 0}
dl.cimg>dd:nth-child(3) dl dd:nth-child(1) figure img.plus {top: 1%; left: 40%}
dl.cimg>dd:nth-child(3) dl dd:nth-child(1) img {height: 190px!important}
dl.cimg>dd:nth-child(3) dl dd:nth-child(2) {border-right: #efefef 1px solid}
dl.cimg>dd:nth-child(3) dl dd:nth-child(2) figure img.plus {top: 65%; left: 14.5%}
dl.cimg>dd:nth-child(3) dl dd:nth-child(3) figure img.plus {top: 65%; left: 63.5%}
dl.case {}
dl.case>dd {max-height: 179px; overflow: hidden}

/*prodcut show*/
div.prodcut_show {padding: 3rem 0}
div.prodcut_show>dl {margin: 0 0 3rem}
div.prodcut_show>dl>dd {}

.ps_title {padding: 6rem 0 0 3rem}
.ps_title>h1 {font-size: 2.666666666666667rem; font-weight: 200; margin-bottom: 0}
.ps_title>h1>span {font-weight: 500}
.ps_title>p {font-weight: 200}

div.btn_figure {background: #958f86; text-align: center}
div.btn_figure>p {background: #fff}

div.btn_figure>figure {
	border-radius: 0;
	text-align: center;
    position: absolute;
    top: 14%;
    left: 38%;
    z-index: 9;
	display: none
}
div.btn_figure>figure>img {}
div.btn_figure>figure>p {font-size: 1.333333333333333rem; color: #fff}
div.btn_figure:hover>img {opacity: .25}
div.btn_figure:hover>figure {display: block; opacity: 1}

/*living room*/
div.prodcut_show>dl>dd>dl>dd:nth-child(1) {margin-bottom: 2.3rem}
div.prodcut_show>dl>dd>dl>dd:nth-child(2) div.btn_figure>figure {top: 65%}

/*bed room*/
dl.bedroom>dd>div.btn_figure>figure {top: 28%}
div.btn_figure>p {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left
}
/*office*/
dl.office>dd div.btn_figure>figure {top: 28%}