/* wrap */
.wrap .rowInfo { margin: 0; box-shadow: none; }

#showSide { display: inline-block; }

/* main-article */
#main-article { width: 100%; }

/* proList */
ul#proList { overflow: hidden; }
ul#proList li { margin: 10px; padding: 20px 15px; float: left; width: calc((100% / 4) - 50px); background: #fff; box-shadow: 0 0 10px #e2e2e2; }
ul#proList li a.photo img { width: 100%; }
ul#proList li h3 a { margin: 20px 0; height: 41px; text-align: center; font-size: 26px; color: #000; -webkit-line-clamp: 1; }
ul#proList li p { text-align: center; }
ul#proList li p.price { min-height: 30px; }
ul#proList li p.price span { margin: 0 10px; display: inline-block; font-size: 18px; color: #0072ea; vertical-align: middle; }
ul#proList li p.price span.old { text-decoration: line-through; font-size: 14px; color: #6d6d6d; }
ul#proList li p a.more { margin-top: 15px; padding: 5px 15px; background: #5a5858; display: inline-block; font-size: 16px; color: #fff; }

#main-products { margin: 20px 15px; padding: 15px; background: #fff; box-shadow: 0 0 10px #e2e2e2; }
/* products-detail */
#products-detail { text-align: center; }
#products-detail >div { width: 30%; display: inline-block; }
#products-detail .sub-pro-img { margin-right: 8%; }
#products-detail .sub-pro-img .imgList >div a.photo img { width: 100%; }
#products-detail .sub-pro-img .imgList >div a.photo img:first-child { display: none; }
#products-detail .productInfo p { margin: 5px 0; font-size: 16px; }
#products-detail .productInfo p.cat a { color: #706e6e; }
#products-detail .productInfo h2 { font-size: 30px; }
#products-detail .productInfo p label , #products-detail .orderstyleSet label { display: inline-block; color: #888; vertical-align: middle; }
#products-detail .productInfo p b { display: inline-block; vertical-align: middle; }
#products-detail .productInfo .price p.old b { text-decoration: line-through; }
#products-detail .productInfo .price p.offer b { font-size: 20px; color: #c81616; }
#products-detail .orderstyleSet a { display: inline-block; background: #5f5f5f; color: #fff; width: 21px; text-align: center; height: 21px; border-radius: 50%; line-height: 18px; font-size: 20px; vertical-align: middle; }
#products-detail .orderstyleSet a.limit { background: #b0b0b0; }
#products-detail .orderstyleSet input { font-size: 15px; width: 40px; text-align: center; background: none; margin: 0 5px; display: inline-block; vertical-align: middle; }
#products-detail .btns { overflow: hidden; margin-top: 30px; padding-top: 25px; border-top: 2px #000 solid; }
#products-detail .btns a { float: left; margin: 10px 0; padding: 15px 0; width: calc((100% - 10px) / 2); background: #d9d9d9; box-shadow: 1px 1px 3px #b8b8b8; text-align: center; color: #000; }
#products-detail .btns a.addcar { margin-right: 10px; background: rgb(30,157,247); background: -moz-linear-gradient(top, rgba(30,157,247,1) 0%, rgba(19,146,237,1) 100%); background: -webkit-linear-gradient(top, rgba(30,157,247,1) 0%,rgba(19,146,237,1) 100%); background: linear-gradient(to bottom, rgba(30,157,247,1) 0%,rgba(19,146,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9df7', endColorstr='#1392ed',GradientType=0 ); color: #fff; }
#productTabs ul li article a{padding: 0px;border: 0px;display: initial; font-size: 14px;}
#productTabs ul li:hover article a{color: initial;}

/* productTabs */
#productTabs ul.tabs { margin: 110px 0 20px; border-bottom: 1px #1997f2 solid; text-align: center; }
#productTabs ul.tabs li { display: inline-block; }
#productTabs ul.tabs li a { padding: 10px 30px; border: 1px transparent solid; border-bottom: 0; display: block; font-size: 18px; color: #171717; }
#productTabs ul.tabs li:hover a , #productTabs ul li.active a { border-color: #1895f1; color: #1796f2; }



/* contactBox */
#contactBox { margin: 20px 15px; box-shadow: 0 0 10px #e2e2e2; }

/* side-nav */
#side-nav { position: absolute; overflow-x: scroll; max-height: calc(100% - 105px); background: #fff; box-shadow: 0 0 10px #a5a5a5; top: 85px; left: -200%; }
#side-nav::-webkit-scrollbar { width: 0; height: 0; }

@media screen and (max-width: 1280px) {
	ul#proList li p.price { min-height: 53px;  }
	ul#proList li p.price span { display: block; text-align: center; }
	#products-detail >div { width: calc(46% - 10px); }
	#products-detail .sub-pro-img { margin-right: 4%; }
}
@media screen and (max-width: 1024px) {
	ul#proList li { width: calc((100% / 3) - 50px); }
}
@media screen and (max-width: 640px) {
	ul#proList li { width: calc((100% / 2) - 50px); }
	#products-detail >div { width: 100%; }
	#products-detail .sub-pro-img { margin-bottom: 30px; margin-right: 0; }
	#products-detail .sub-pro-img .imgList >div a.photo img { width: auto; }
}
@media screen and (max-width: 480px) {
	ul#proList li { float: none; width: calc(100% - 50px); }
	#side-nav { width: 100%; }
}