.slogan{
	margin-bottom: 20px;
}
.slogan-1{
	padding: 0px 15px 0px 0px;
}
.slogan-2{
	padding: 0px 15px;
}
.slogan-3{
	padding: 0px 0px 0px 15px;
}
.back-slogan{
	background: #f6f6f6;
	height: 200px;
	text-align: center;
}
.back-slogan > p{
	font-weight: 700;
	margin-top: 20px;
	font-size: 20px;
}
.giao-hang{
	margin-top: 10px;
}
.an-toan{
	margin-top: 10px;
}
.san-pham{
	height: 40px;
	color: #fff;
	background: #f67777;
	text-align: center;
	line-height: 40px;
	margin-bottom: 15px;
	font-size: 20px;
	text-transform: uppercase;
}
.sp-1{
	width: 100%;
	padding: 0px 15px 30px 15px;
}
.bor-1-sp{
	width: 100%;
	border: solid 1px #ddd;
	min-height: 420px;
	padding: 10.5px;
}
.bor-1-vd{
	width: 100%;
	border: solid 1px #ddd;
	min-height: 320px;
	padding: 10.5px;
	background: #fff;
}
.bor-1-sp:hover{
	border: solid 1px #f67777;
}
.img_sp{
	width: 100%;
}
.img-sp{
	width: 99%;
}
.title-sp{
	padding: 10px 0px;
	border-bottom: solid 2px #bbb;
}
.title-sp p{
	font-weight: bold;
	color: #3a3a3a;
	font-size: 17px;
	margin: 0px;
	min-height: 50px;
	text-align: center;
}
.code-sp{
	padding: 10px 0px;
}
.code-sp {
	font-weight: bold;
	font-size: 19px;
	color: #3a3a3a;
}
.price-sp{
	padding: 10px 0px;
	text-align: right;
	color: #3a3a3a;
	font-weight: bold;
	font-size: 19px;
}
.cate-1{
	padding: 10px 15px 10px 15px;
}
.gioiThieu{
	text-align: center;
	padding: 36px;
	font-family: arial;
	color: #777;
	font-weight: 700;
	border: dotted;
	margin-bottom: 20px;
	font-size: 16px;
	position: relative;
}
.gioiThieu span{
	text-transform: uppercase;
	font-size: 24px;
	color: #333;
	display: inline-block;
	font-family: opb;
	position: absolute;
	background: #fff;
	width: 20%;
	left: 40%;
	top: -20px;
}
@media(max-width: 767px){
	.sp-1{
		padding: 0px 0px 30px 0px !important;
	}
	.cate-1{
		padding: 10px 0px !important;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	.slogan-1, .slogan-2, .slogan-3{
		padding: 0px;
		margin-bottom: 5px;
	}
	.gioiThieu span{
		width: 40%;
		left: 30%;
		text-align: justify;
	}
}
.mo-rong{
	padding: 10px 0px;
}
.mua-hang{
	text-align: left;
}
.mua-hang > a{
	border: solid 1px #888;
	padding: 10px;
	color: #888;
	font-size: 14px;
}
.mua-hang > a:hover{
	text-decoration: none;
	color: #fff;
	border: solid 1px #f67777;
	background: #f67777;
}
.xem-chi-tiet{
	text-align: right;
}
.xem-chi-tiet > a{
	border: solid 1px #888;
	padding: 10px;
	color: #888;
	font-size: 14px;

}
.xem-chi-tiet > a:hover{
	text-decoration: none;
	color: #fff;
	border: solid 1px #3A7D9A;
	background: #3A7D9A;
}
.navbar{
	margin-bottom: 5px !important;
}
.note{
	background: #B6D1E2;
	padding: 8px 0px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.note > a{
	color:#fff;
	background:#3A7D9A;
	line-height:16px;
	padding:10px 20px;
	font-weight:700;
	border-right: solid 5px #fff;
}
.xem-them{
	position: absolute;
	right: 30px;
	color: #3A7D9A;
	font-weight: 700;
}
/*slider*/
.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            width: 16px;
            height: 16px;
            background: url('public/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('public/img/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }

		.content-right{
			padding: 10px 0px;
		}
		@media (max-width: 767px){
			.content-right{
				padding: 0px !important;
			}
		}