#contentMain.PBox{padding-top:100px;}

/* productlsit */
#productlist ul { font-size: 0; }
#productlist ul li {position: relative;margin-bottom: 50px;border-bottom: 1px solid #ddd;padding-bottom: 50px;}
#productlist ul li .info{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#productlist ul li .info .img {width: 50%;background: no-repeat 50% / cover;}
#productlist ul li .info .img a{position:relative;display: block;}
#productlist ul li .info .img a img{width:100%;}
#productlist ul li .info .img p{position:absolute;top: 60px;left: 50px;writing-mode: vertical-lr;font-size: 23px;background: #2f2e2e;color: #fff;padding: 20px 5px;letter-spacing: 3px;margin: 0;font-weight: 400;}
#productlist ul li .info .p_info{width: 45%;}
#productlist ul li .info h3 {margin-bottom: 10px;height: auto;-webkit-line-clamp: 1;font-size: 45px;color: #1e1e1e;font-weight: 300;}
#productlist ul li .info article {color: #393939;margin-top: 80px;font-weight: 300;line-height: 190%;font-size: 16px;text-align: justify;letter-spacing: .5px;margin-bottom: 100px;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
#productlist ul li .info p{color: #5d8f5e;font-size: 25px;font-weight: 300;margin-bottom: 80px;}
#productlist ul li .more {position: relative;width: 250px;margin-top: 40px;}
#productlist ul li .more a {padding: 15px 0;width: 200px;border: 1px #cdcdcd solid;display: block;text-align: center;}
#productlist ul li .more a font {position: relative;font-size: 16px;color: #0c0b19;z-index: 2;-webkit-transition-duration: .3s;transition-duration: .3s;}
#productlist ul li .more a span {position: absolute;width: 70px;height: 1px;background: #000;display: block;right: 0;top: calc((100% - 1px) / 2);z-index: 3;-webkit-transition-duration: .2s;transition-duration: .2s;}
#productlist ul li .more a span:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 16px 7px 0; border-color: transparent transparent #0c0b19 transparent; right: -1px; bottom: 50%; content: ""; }
#productlist ul li .more a:after {position: absolute;width: 0;height: 100%;background: #5d8f5e;display: block;top: 0;left: 0;content: "";z-index: 1;-webkit-transition-duration: .2s;transition-duration: .2s;}
#productlist ul li .more:hover a font { color: #fff; }
#productlist ul li .more:hover a span {right: 10px;}
#productlist ul li .more:hover a:after {width: 202px;}

/* productdetail */
#productdetail {margin-bottom: 100px;font-size: 0;}
#productdetail .row {margin-bottom: 0;}
#imglist{margin-bottom:40px;}
#imglist .img_box{margin-bottom:10px}
#imglist .img_box a{display:block;}
#imglist .img_box img{height: 750px;width: 100%;object-fit: cover;}
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; }
#imglist .img_box .slick-prev{left: 2%;height: 42px;width: 22px;z-index: 2;}
#imglist .img_box .slick-prev:before{content: url(/images/36/slide_prev.png);height: 42px;width: 22px;display: block;opacity: 1;}
#imglist .img_box .slick-next{right: 2%;height: 42px;width: 22px;z-index: 2;}
#imglist .img_box .slick-next:before{content: url(/images/36/slide_next.png);height: 42px;width: 22px;display: block;opacity: 1;}
#productdetail #imglist >div a.photo { position: relative; }
#productdetail #imglist >div a.photo img { width: 100%; }
#productdetail #imglist >div a.photo img:first-child { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; z-index: -999; }
#productdetail #productinfo {margin-top: 50px;}
#productdetail #productinfo h2 { margin-bottom: 10px; font-size: 40px; }
#productdetail #productinfo .price { margin-bottom: 20px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: bottom; line-height: 100%; font-size: 28px; }
#productdetail #productinfo .price font.offer { color: #d21a20; }
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) { text-decoration: line-through; }
#productdetail #productinfo .txt { overflow: hidden; margin: 5px 0; text-align: right; font-size: 0; }
#productdetail #productinfo .txt label { float: left; display: inline-block; line-height: 33px; font-size: 16px; color: #898989; }
#productdetail #productinfo .txt a , #productdetail #productinfo .txt b { color: #212121; }
#productdetail #productinfo .info { margin: 15px 0; }
#productdetail #productinfo .info .txt { margin: 0; padding: 5px 15px; border-bottom: 1px #e2e2e2 solid; }
#productdetail #productinfo .info .txt label { color: #0f2942; }
#productdetail #productinfo .info .txt a , #productdetail #productinfo .info .txt b { display: inline-block; font-weight: 400; color: #141212; vertical-align: middle; }
#productdetail #productinfo article { font-size: 14px; color: #616161; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #222 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #262555 solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin: 20px 0; text-align: right; }
#productdetail #productinfo .btns a { margin: 5px 0 5px 20px; padding: 5px 15px; display: inline-block; color: #0f2942; }
#productdetail #productinfo .btns a.addcar { background: #0f2942; color: #fff; }
#productdetail #productinfo .btns a.ask { border: 1px #0f2942 solid; }

/* productTabs */
#productTabs ul.tabs { margin: 50px 0 35px; padding: 0 15px; border-bottom: 1px #e5e5e5 solid; text-align: center; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 10px 25px; background: #fff; border: #eee solid; border-width: 1px 1px 0 0; display: inline-block; color: #8a8d91; }
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a { background: #ad9c8f; border-width: 0 1px 1px; border-color: #ad9c8f; color: #fff; }
#productTabs .btns{border-top: 1px #e5e5e5 dashed;margin-top: 60px;padding-top: 30px;text-align: center;}
#productTabs .btns p{text-align: center;color: #393939;overflow: hidden;font-weight: 300;line-height: 190%;font-size: 16px;letter-spacing: .5px;margin-bottom: 20px;}
#productTabs .btns a{background: #5d8f5e;color: #fff;padding: 20px 60px;}

@media screen and (min-width:1281px) {
	#productTabs ul.tabs li:hover a { background: #ad9c8f; border-color: #ad9c8f; color: #fff; }
}
@media screen and (max-width:1280px) {
	#contentMain.PBox{padding-top:79px;}
	#productlist ul li .info article{-webkit-line-clamp: 3;}
}
@media screen and (max-width:980px) {
	#productlist ul li .info p{margin-bottom:40px;}
	#productlist ul li .info article{-webkit-line-clamp: 2;margin: 0;}
	#productlist ul li .info .img{width:100%;}
	#productlist ul li .info .p_info{width:100%;margin-top:40px;}
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a , productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media screen and (max-width:500px) {
	#productdetail{margin-bottom:50px;}
	#imglist .img_box img{height: 270px;}
	#productlist ul li .info p{font-size: 20px;}
	#productlist ul li .info h3{font-size: 30px;}
	#productlist ul li .info .img p{top: 30px;left: 30px;font-size: 18px;}
	#productlist ul { text-align: center; }
	#productlist ul li { width: 70%; }
}
@media screen and (max-width:450px) {
	#productlist ul li { width: 100%; }
}