.productList-box {
	display: flex;
	flex-wrap: wrap
}

.productList-box .side-bar,
.productList {
	width: 100%
}

.productList .desc {
	margin-bottom: 10px
}

.productList .media {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #f5f5f5
}

.productList .media a {
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all
}

.productList .media-body,
.productList .media-left {
	display: block;
	float: left
}

.productList .media-body {
	width: 100%
}

.productList .media-left {
	float: inherit;
	width: 100%;
	margin-right: 0;
	padding-right: 0
}

.productList .media-left a {
	display: block;
	border: 1px solid #fff;
	background-color: #fff
}

.productList .media:hover .media-left a {
	border-color: #3478f5
}

.productList .media-object {
	width: 100%;
	-webkit-transition: all .5s;
	transition: all .5s
}

.productList .media:hover .media-left a .media-object {
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95)
}

.productList .media-heading {
	margin-top: 10px;
	margin-bottom: 10px
}

.productList .media-body h4 {
	font-size: 1.1em;
	line-height: 1.5
}

.productList .media-body h4:hover a {
	color: #3478f5
}
a:focus, a:hover{
    text-decoration: none;
}

.productList .media-body .btn-more {
	font-size: 14px;
	line-height: 36px;
	position: relative;
	display: inline-block;
	margin-top: 15px;
	padding: 0 20px;
	border: 1px solid #ddd;
	background-color: #fff
}

.productList .media:hover .media-body .btn-more {
	color: #fff;
	border: 1px solid #3478f5;
	background-color: #3478f5
}

.productList .media-body .btn-more:hover {
	padding-right: 22px
}

.productList .media-body .btn-more .icon-arrow-right {
	margin-left: 0;
	color: #fff
}

.explain h2 {
	padding: 0
}

.explain-bd {
	max-height: 18vh
}

.productMenu-bd {
	background-color: #f5f5f5
}

.productMenu-hd {
	font-size: 1.1em;
	font-weight: 700;
	padding: 10px 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background-color: #3478f5
}

.productMenu-bd .panel-group .panel {
	border: none
}

.productMenu-bd .panel-heading {
	padding: 0 15px
}

.productMenu-bd .panel .panel-title {
	padding: 0
}

.productMenu-bd .panel .panel-title a {
	font-size: 15px;
	display: block;
	padding: 12px 15px;
	color: #444;
	/*! border-bottom: 1px dashed #ddd; */
}

.productMenu-bd .panel:last-child .panel-title a {
	border-bottom-color: #f5f5f5
}

.productMenu-bd .panel .icon-arrow-down {
	display: inline-block;
	float: right;
	width: 7px;
	height: 7px;
	margin-top: 4px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	color: #666;
	border-width: 0 2px 2px 0;
	border-style: solid
}

.productMenu-bd .panel .panel-title a.collapsed .icon-arrow-down {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.productMenu-bd .panel-group .panel+.panel {
	margin-top: 0
}

.productMenu-bd .panel:last-child ul {
	padding-bottom: 10px
}

.productMenu-bd ul h3 {
	font-family: inherit;
	font-size: 15px;
	margin-top: 10px
}

.productMenu-bd ul h3 a {
	display: block;
	padding: 5px 15px 5px 30px;
	color: #444
}

.productMenu-bd ul h3 a:hover {
	color: #3478f5
}
.productMenu-bd ul h3 a.on{color: #3478f5;}