.product {
	padding: 17px 15px 16px;
	position: relative;
}
.product .img{
	max-width: 155px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.product .img .wrap{
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.product .img img{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height: 90%;
	max-width: 90%;
}
.product .tend{
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
	text-align: center;
	height:44px;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
}
.product .tend h3{
	display: block;
	font-weight: inherit;
	height:inherit;
	overflow: hidden;
	font-size: inherit;
	line-height: inherit;
}
.product:hover .tend a{
	color:#ed1c24;
}
.product .price{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.product .priceR{
	font-size: 16px;
	line-height: 24px;
	color:#d10000;
	font-weight: bold;
	margin-right: 10px;
}
.product .ribbon {
	position: absolute;
	top: 10px;
	right: -5px;
	pointer-events: none;
}
.product .caption{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
}
.product:hover .caption{
	opacity: 1;
	visibility: initial;
}
.product .caption .tend{
	text-align: left;
	margin-bottom: 5px;
}
.product .caption .price{
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.product .caption .price:before{
	content: "";
	width: 80px;
	border-bottom: solid 1px rgba(0,0,0,0.15);
	position: absolute;
	bottom: 0;
	left: 0;
}
.product .caption .promotion{
	margin-bottom: 20px;
}
.product .caption .promotion p{
	padding: 0;
	color:#666666;
}
.product .caption .promotion .pp{
	color:#48b857;
}
.product .caption .df{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.product .caption .cart{
	margin-right: 10px;
}
.product .caption .cart a {
	color: #ed1c24;
	border: solid 1px #ed1c24;
	border-radius: 5px;
	display: block;
	text-transform: uppercase;
	padding: 5px 12px;
	position: relative;
	z-index: 4;
	font-size: 12px;
	line-height: 20px;
}
.product .caption .cart a:hover{
	background: #ed1c24;
	color:#ffffff;
}
.product .caption .compare a{
	position: relative;
	z-index: 4;
	font-size: 12px;
	line-height: 20px;
}
.product .link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
/*==========================================*/
/*=========================================================*/
.boxFilter{
	border:solid 1px #dddddd;
	margin-bottom: 20px;
	background: #ffffff;
	border-top: solid 3px #ed1c24;
}
.boxFilter .title {
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 15px;
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.myCheckbox input{
	display: none;
}
.myCheckbox{
	padding: 9px 10px;
	padding-left: 40px;
	position: relative;
	cursor: pointer;
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.myCheckbox:hover{
	color: #ed1c24;
}
.myCheckbox:before{
	content: "\f096";
	font-family: FontAwesome;
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 15px;
	line-height: 23px;
	color:#999999;
}
.myCheckbox.active:before{
	content: "\f14a";
	color: #ed1c24;
}
.myCheckbox span{
	color:#999999;
}
.boxMore .loadMore {
	font-weight: bold;
	color: #ed1c24;
	padding: 11px 15px;
	cursor: pointer;
}
.boxMore .loadMore .ko{
	display: none;
}
.boxMore.showmore .loadMore .ko{
	display: block;
}
.boxMore.showmore .loadMore .ok{
	display: none;
}
.boxMore .content{
	max-height: 246px;
	overflow: hidden;
}
.boxMore.showmore .content{
	max-height: initial;
}
/*=====================================================*/
.boxProduct{
	margin-bottom: 30px;
	position: relative;
}
.boxProduct .title {
	background: #f4f4f4;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 0px;
	position: relative;
}
.boxProduct .title h2{
	font-size:18px;
	line-height: 27px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 50px;
}
.boxProduct .title h2:before{
	content: "\f0c9";
	font-family: fontAwesome;
	width: 45px;
	height: 45px;
	background: #ed1c24;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	color:#ffffff;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.boxProduct .tools{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: absolute;
	top: 10px;
	right: 10px;
}
.boxProduct .linkMore{
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
}
.boxProduct .linkMore span{
	padding-right: 15px;
	position: relative;
}
.boxProduct .linkMore span:before{
	content: "\f0da";
	font-family: fontAwesome;
	position: absolute;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slideProduct{
	border-left: solid 1px rgba(204, 0, 0, 1);
	border-right: solid 1px rgba(204, 0, 0, 1);
	border-bottom: solid 1px rgba(204, 0, 0, 1);
}
.slideProduct .item{
	/*border-top: solid 1px rgba(204, 0, 0, 1);
	border-right: solid 1px rgba(204, 0, 0, 1);
	border-bottom: solid 1px rgba(204, 0, 0, 1);*/
	border: solid 1px rgba(204, 0, 0, 1);
}
.slideProduct .slick-dots{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -70px;
	text-align: center;
}
.slideProduct .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.slideProduct .slick-dots li button{
	width:10px;
	height:10px;
	background: transparent;
	border-radius: 100%;
	font-size: 0;
	padding:0;
	border:solid 2px #999999;
}
.slideProduct .slick-dots li.slick-active button{
	background: #999999;
}
.boxProduct .grid{
	border-left: solid 1px rgba(0,0,0,0.15);
	margin-bottom: 25px;
}
.boxProduct .grid:after{
	content: "";
	display: block;
	clear: both;
}
.boxProduct .grid .col{
	width: 25%;
	float: left;
	border-top: solid 1px rgba(0,0,0,0.15);
	border-right: solid 1px rgba(0,0,0,0.15);
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.boxProduct .txtPer{
	font-size: 13px;
	line-height: 21px;
	color:#ed1c24;
	font-style: italic;
	margin-right: 15px;
}
.boxProduct .sort select{
	width: 120px;
	height: 30px;
	border:solid 1px rgba(0,0,0,0.15);
}
.boxProduct .linkActive{
	text-align: center;
}
.boxProduct .linkActive a {
	background: #ececec;
	text-align: center;
	padding: 11px 31px;
	display: inline-block;
}
.boxProduct .linkActive a:hover{
	background: #ed1c24;
	color:#ffffff;
}
/*=================================================*/
.productThumbnail {
	padding-left: 70px;
	position: relative;
}
#vnt-thumbnail-nav {
	width: 60px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 27px 0px;
}
div#vnt-thumbnail-nav .slick-list{
	margin: -6px 0;
}
div#vnt-thumbnail-nav .item{
	padding:6px 0;
	cursor: pointer;
}
div#vnt-thumbnail-nav .img{
	border:solid 1px #cccccc;
}
div#vnt-thumbnail-nav .item.slick-current .img{
	border-color: #df2025;
}
div#vnt-thumbnail-for .img{
	padding-top: 100%;
	position: relative;
	background: #ffffff;
	border: solid 1px #cccccc;
}
div#vnt-thumbnail-nav .slick-arrow{
	width:23px;
	height:13px;
	background: none;
	border:none;
	padding:0;
	font-size: 0;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
div#vnt-thumbnail-nav .slick-prev{
	top:0;
}
div#vnt-thumbnail-nav .slick-next{
	bottom:0;
}
div#vnt-thumbnail-nav .slick-arrow:before{
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 40px;
	line-height: 48px;
	color:#dddddd;
}
div#vnt-thumbnail-nav .slick-prev:before{
	content: "\f106";
}
div#vnt-thumbnail-nav .slick-next:before{
	content: "\f107";
}
#vnt-thumbnail-for {
	margin-bottom: 10px;
}
div#vnt-thumbnail-for img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 65%;
	max-height: 65%;
}
#vnt-thumbnail-for .slick-arrow{
	width:30px;
	height:80px;
	background-color: rgba(0,0,0,0.1);
	border:none;
	font-size: 0;
	padding:0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#vnt-thumbnail-for .slick-prev{
	background-image: url(../images/i-arrow-prev.png);
	left:0;
}
#vnt-thumbnail-for .slick-next{
	background-image: url(../images/i-arrow-next.png);
	right:0;
}
#vnt-thumbnail-for .slick-arrow:hover{
	background-color: rgba(0,0,0,0.3);
}
.thumbnailPer{
	text-align: center;
}
.thumbnailPer span{
	padding-left: 25px;
	position: relative;
	color:#555555;
}
.thumbnailPer span:before{
	content: "\f00e";
	font-family: fontAwesome;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 24px;
	color: #df2025;
}

/*============================================*/
.productWrap{
	margin-bottom: 30px;
}
.productTitle{
	padding-bottom: 10px;
}
.productTitle h1, .productTitle h2 {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color:#df2025;
	text-transform: uppercase;
}
.productAttr ul li {
	color: #555555;
	padding: 9px 0px;
	border-top: solid 1px #dddddd;
}
.productAttr .att {
	width: 155px;
	margin-right: 15px;
	position: relative;
	float: left;
}
.productAttr .att:before{
	content: ":";
	float:right;
}
.productAttr .ats{
	color: #666666;
	overflow: hidden;
}
.productAttr .ats .red{
	font-size: 16px;
	line-height: 24px;
	color:#ff0000;
	display: inline-block;
	margin-right: 10px;
}
.productAttr .ats .nor{
	text-decoration: line-through;
	display: inline-block;
	color:#999999;
}
.productAttr{
	margin-bottom: 10px;
}
.productAttr .ats select{
	width:135px;
	height:35px;
	border:solid 1px #eaeaea;
}
.productAttr .link{
	font-size: 11px;
	line-height: 11px;
	text-decoration: underline;
}
.productPromotion {
	padding: 10px 15px;
	border: solid 1px #ed1c24;
	border-radius: 7px;
}
.productPromotion .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #ed1c24;
	padding-left: 25px;
	position: relative;
}
.productPromotion .title:before{
	content: "\f06b";
	font-family: fontawesome;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productPromotion .content{
	color:#666666;
	position: relative;
}
.productPromotion ul li{
	padding-left: 20px;
	position: relative;
}
.productPromotion ul li:before{
	content: "\f0da";
	font-family: fontAwesome;
	position: absolute;
	top: 0;
	left: 0;
	color:#ed1c24;
}
.productStar{
	background: #f9f9f9;
	border:solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.productStar .txt{
	font-weight: bold;
	margin-right: 10px;
}
.productStar ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.productStar ul li{
	margin-right: 5px;
	font-size: 20px;
	line-height: 20px;
	color:#fbd009;
}
.productPrice{
	border:solid 1px rgba(0,0,0,0.15);
	border-top: none;
	padding: 15px;
	margin-bottom: 10px;
}
.productPrice .at{
	width: 65px;
	margin-right: 20px;
	float: left;
}
.productPrice .at:after{
	content: ":";
	float: right;
}
.productPrice .as{
	overflow: hidden;
}
.productPrice .as.b{
	font-weight: bold;
	color:#ed1c24;
}
.productPrice .as.c{
	color:#999999;
	text-decoration: line-through;
}
.productPrice .as.c span{
	color:#ed1c24;
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
}
.productButton .btn1{
	display: block;
	width:100%;
	padding: 6px 10px;
	text-align: center;
	background: #ed1c24;
	border:solid 1px #ed1c24;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	color:#ffffff;
	text-transform: uppercase;
	border-radius: 5px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.productButton .btn1 span{
	padding-left: 30px;
	position: relative;
}
.productButton .btn1 span:before{
	font-family: fontAwesome;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productButton .btn1:hover{
	background: #ffffff;
	color:#ed1c24;
}
.productButton .btn2{
	width:100%;
	height: 40px;
	border:solid 1px #333333;
	font-size: 16px;
	line-height: 24px;
	color:#333333;
	background: none;
	border-radius: 5px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.productButton .btn2 span{
	padding-left: 30px;
	position: relative;
}
.productButton .btn2 span:before{
	font-family: fontAwesome;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productButton .btn2:hover{
	background: #333333;
	color:#ffffff;
}
.productSupport{
	padding: 10px 20px;
	padding-bottom: 5px;
	background: #f5f5f5;
	margin-bottom: 20px;
}
.productSupport .box{
	margin-bottom: 20px;
}
.productSupport .box .tit{
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 25px;
	position: relative;
}
.productSupport .box .tit:before{
	font-family: fontAwesome;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}
.productSupport .box .cont p{
	padding: 0;
}
.productSupport .box .cont .tx{
	color:#666666;
}
/*======================================================*/
.productOther .title {
	background: #e9e9e9;
	padding: 9px 15px;
}
.productOther .title h2{
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: normal;
}
.productOther .content{
	border: solid 1px rgba(0,0,0,0.15);
}
.productOther .item{
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.productF2 {
	padding: 14px 15px;
}
.productF2 .img{
	width: 85px;
	float: left;
	margin-right: 10px;
}
.productF2 .img a{
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	display: block;
}
.productF2 .img img{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height: 90%;
	max-width: 90%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.productF2:hover .img img{
	-webkit-transform: translate(-50%,-50%) scale(1.05);
	-ms-transform: translate(-50%,-50%) scale(1.05);
	-o-transform: translate(-50%,-50%) scale(1.05);
	transform: translate(-50%,-50%) scale(1.05);
}
.productF2 .caption{
	overflow: hidden;
}
.productF2 .tend a{
	display: block;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	height:44px;
	overflow: hidden;
}
.productF2:hover .tend a{
	color:#ed1c24;
}
.productF2 .priceR{
	font-size: 16px;
	line-height: 24px;
	color:#d10000;
	font-weight: bold;
}
.productF2 .priceN{
	color:#bbbbbb;
	text-decoration: line-through;
}
.slideOther{
	padding-bottom: 50px;
}
.slideOther .slick-arrow{
	width: 50%;
	background: #f2f2f2;
	height: 50px;
	position: absolute;
	bottom: 0;
	font-size:0;
	border:none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color:#555555;
}
.slideOther .slick-prev{
	left: 0;
}
.slideOther .slick-next{
	right: 0;
}
.slideOther .slick-arrow:before{
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 24px;
	line-height: 32px;
}
.slideOther .slick-prev:before{
	content: "\f107";
}
.slideOther .slick-next:before{
	content: "\f106";
}
.slideOther .slick-arrow:hover{
	background: #ed1c24;
	color:#ffffff;
}
/*=====================================================*/
.menuAffixWrap{
	margin-bottom: 20px;
}
.menuAffix {
	position: relative;
}
.menuAffix ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	background: #f5f5f5;
}
.menuAffix ul li a{
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 22px;
	padding: 9px 20px;
}
.menuAffix ul li:hover a,
.menuAffix ul li.active a{
	background: #ed1c24;
	color:#ffffff;
}
.menuAffix .mc-menu-tab {
	text-transform: uppercase;
	padding: 9px 15px;
	cursor: pointer;
	position: relative;
	background: #ed1c24;
	color: #ffffff;
}
.menuAffix .mc-menu-tab:before {
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}
/*=============================================*/
.boxP{
	margin-bottom: 20px;
}
.boxP .title{
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.templateTable table{
	width: 100%;
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.templateTable table tr td{
	padding: 10px 15px;
	border-top: solid 1px rgba(0,0,0,0.15);
	border-left: solid 1px rgba(0,0,0,0.15);
}
.templateTable table tr td:last-child{
	border-right: solid 1px rgba(0,0,0,0.15);
}
/*===============================================*/
.the-slide-for{
	margin-bottom: 16px;
}
.the-slide-for img{
	width: 100%;
}
.the-slide-for .slick-arrow{
	width: 25px;
	height: 40px;
	background: none;
	border:none;
	padding:0;
	color:#666666;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-size: 0;
}
.the-slide-for .slick-prev{
	left: -50px;
}
.the-slide-for .slick-next{
	right: -50px;
}
.the-slide-for .slick-arrow:before{
	font-family: fontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 45px;
	line-height: 55px;
}
.the-slide-for .slick-prev:before{
	content: "\f053";
}
.the-slide-for .slick-next:before{
	content: "\f054";
}
.the-slide-for .slick-arrow:hover{
	color:#ed1c24;
}
.the-slide-nav .slick-list{
	margin: 0 -8px;
}
.the-slide-nav .item{
	padding: 0 8px;
}
.the-slide-nav img{
	width: 100%;
}
/*=================================================*/
.gridCom{
	margin: 0 -10px;
}
.gridCom:after{
	content: "";
	display: block;
	clear: both;
}
.gridCom .col{
	width: 33.333333%;
	float: left;
	padding: 0 10px;
}
.productF3 {
	padding: 14px 15px;
	border:solid 1px rgba(0,0,0,0.15);
}
.productF3 .img{
	width: 85px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.productF3 .img a{
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	display: block;
}
.productF3 .img img{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height: 90%;
	max-width: 90%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.productF3:hover .img img{
	-webkit-transform: translate(-50%,-50%) scale(1.05);
	-ms-transform: translate(-50%,-50%) scale(1.05);
	-o-transform: translate(-50%,-50%) scale(1.05);
	transform: translate(-50%,-50%) scale(1.05);
}
.productF3 .caption{
	overflow: hidden;
	margin-bottom: 10px;
}
.productF3 .tend a{
	display: block;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	height:44px;
	overflow: hidden;
}
.productF3:hover .tend a{
	color:#ed1c24;
}
.productF3 .priceR{
	font-size: 16px;
	line-height: 24px;
	color:#d10000;
	font-weight: bold;
}
.productF3 .priceN{
	color:#bbbbbb;
	text-decoration: line-through;
}
.productF3 .info {
	margin-bottom: 10px;
}
.productF3 .info .tit{
	font-weight: bold;
}
.productF3 .info .cont{
	color:#666666;
}
.productF3 .info .cont p{
	padding: 0;
}
.productF3 .linkCom a{
	display: inline-block;
	color:#ed1c24;
	border:solid 1px #ed1c24;
	padding: 8px 20px;
	border-radius: 5px;
}
.productCom {
	padding: 25px 15px;
	border:solid 1px rgba(0,0,0,0.1);
	text-align: center;
	min-height: 290px;
}
.productCom .txt{
	margin-bottom: 20px;
}
.productCom .img{
	margin-bottom: 30px;
}
.productCom input{
	width: 100%;
	height: 35px;
	border:solid 1px rgba(0,0,0,0.15);
	padding: 5px 10px;
	text-align: center;
}
/*==========================================================================*/
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (max-width: 991px){
.boxMore .content{
	max-height: initial;
}
.boxMore .loadMore{
	display: none;
}
.boxFilter .title{
	position: relative;
	cursor: pointer;
}
.boxFilter .title:before{
	content: "\f0d7";
	font-family: fontAwesome;
	position: absolute;
	right:15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.boxFilter .content{
	display: none;
}
.boxFilter.active .content{
	display: block;
}
.boxProduct{
	margin-bottom: 50px;
}
.boxProduct .linkMore{
	position: initial;
}
.boxProduct .linkMore a{
	display: block;
	text-align: center;
	background: #f4f4f4;
	padding: 9px 20px;
}
.boxProduct .grid .col{
	width: 33.333333%;
}
.boxProduct.no{
	margin-bottom: 0;
}

.menuAffix ul{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	top: 100%;
	background: #ffffff;
	display: block;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.154)
}
.menuAffix.active ul{
	opacity: 1;
	pointer-events: auto;
}
.menuAffix ul li:hover a, .menuAffix ul li.active a{
	background: #ffffff;
	color:#ed1c24;
}
.gridCom .col{
	width: 100%;
	margin-bottom: 15px;
}
}

@media all and (max-width: 768px){
.product{
	padding: 10px;
}
.product .priceR{
	font-size: 14px;
	line-height: 22px;
}
.product .caption{
	padding: 10px;
}
.product .price{
	display: block;
}
.boxProduct .grid .col{
	width: 50%;
}
.boxProduct .tools{
	position: initial;
	border-top: solid 2px #ffffff;
	padding: 10px 15px;
	background: #f2f2f2;
	display: block;
}
}
@media all and (max-width: 480px){
.productThumbnail {
	margin-bottom: 15px;
	padding-left: 0;
}
#vnt-thumbnail-nav{
	margin-bottom: 10px;
}
#vnt-thumbnail-nav{
	position: initial;
	padding: 0;
	width:100%;
}
div#vnt-thumbnail-nav .slick-list{
	margin: 0 -6px;
}
div#vnt-thumbnail-nav .item{
	padding:0 6px;
	cursor: pointer;
}
div#vnt-thumbnail-nav img{
	margin: 0 auto;
}
.thumbnailPer{
	display: none;
}
}

@media all and (max-width: 460px){
	.product .caption .cart a{
		font-size: 10px;
		line-height: 20px;
		padding: 5px;
	}
	.product .caption .compare a{
		font-size: 10px;
		line-height: 20px;
	}
}

@media all and (max-width: 370px){
	.boxProduct .grid .col{
		width: 100%;
	}
}