@charset "utf-8";

#m_prod h2.tit {position:relative;margin-bottom:30px;font-size:2.3em;font-weight:200;color:#808080;text-transform:uppercase;text-align:center;}
#m_prod h2.tit strong {font-weight:500;color:#808080;}
#m_prod .tab {display:table;width:100%;margin:0;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
#m_prod .tab li {display:table-cell;height:40px;border:1px solid #dfdfdf;text-align:center;vertical-align:middle;background:#fff;background:linear-gradient(#fff 20%,#efefef);box-shadow:inset -1px -1px 0 #fff;}
#m_prod .tab li a {display:block;color:#666;line-height:40px;}
#m_prod .tab li:hover {border-color:#333;background:#4c4c4c;box-shadow:none;}
#m_prod .tab li:hover a {color:#fff;}
#m_prod .tab li.active {border-color:#0d4e9c;background:#0d4e9c;box-shadow:none;}
#m_prod .tab li.active a {font-size:1.2em;color:#fff;}
#m_prod .m_prod_wrap {position:relative;padding:20px 50px;border:1px solid #dfdfdf;border-top:0;border-radius:0 0 5px 5px;text-align:center;background:#f6f6f6;}
#m_prod .m_prod_wrap ul {}
#m_prod .m_prod_wrap ul li {text-align:center;}
#m_prod .m_prod_wrap ul li * {display:block;}
#m_prod .m_prod_wrap ul li span.img {padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.05);}
#m_prod .m_prod_wrap ul li span.cate {margin:15px 0 10px;color:#0b87de;}
#m_prod .m_prod_wrap ul li span.subj {font-size:1.2em;font-weight:500;text-transform:uppercase;}

#m_prod .m_prod_wrap .owl-nav {position:absolute;left:0;right:0;top:100px;}
#m_prod .m_prod_wrap .owl-nav .owl-prev, #m_prod .m_prod_wrap .owl-nav .owl-next {position:absolute;}
#m_prod .m_prod_wrap .owl-nav .owl-prev {left:0;margin-left:-18px;}
#m_prod .m_prod_wrap .owl-nav .owl-next {right:0;margin-right:-18px;}
#m_prod .m_prod_wrap .owl-nav button.owl-prev, #m_prod .m_prod_wrap button.owl-next {display:block;width:36px;height:36px;border-radius:50%;border:none;outline:none;font-size:0;line-height:0;background:#fff;box-shadow:0 0 7px rgba(0,0,0,.2);}
#m_prod .m_prod_wrap .owl-nav button.owl-prev:before, #m_prod .m_prod_wrap button.owl-next:before {font-size:36px;font-family:"FontAwesome";color:#576c85;line-height:36px;}
#m_prod .m_prod_wrap .owl-nav button.owl-prev:before {content:"\f137";}
#m_prod .m_prod_wrap .owl-nav button.owl-next:before {content:"\f138";}

@media all and (max-width:1024px) {
	#m_prod h2.tit {margin-bottom:20px;font-size:1.5em;}
	#m_prod .tab {display:block;margin-bottom:10px;}
	#m_prod .tab:after {display:block;clear:both;content:"";}
	#m_prod .tab li {display:inline-block;float:left;width:33.33%;margin:0 -1px -1px 0;height:40px;}
	#m_prod .tab li a {display:block;color:#666;line-height:40px;}
	#m_prod .m_prod_wrap .owl-nav {top:80px;}
	#m_prod .m_prod_wrap .owl-nav .owl-prev {margin-left:-45px;}
	#m_prod .m_prod_wrap .owl-nav .owl-next {margin-right:-45px;}
}