.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: #f8f9fb;
	height: 200px;
	text-align: center;
}
.back-slogan > p{
	font-weight: 700;
	margin-top: 20px;
	font-size: 20px;
	color: #777;
}
.giao-hang{
	margin-top: 10px;
}
.an-toan{
	margin-top: 10px;
}
.san-pham{
	height: 40px;
	color: #777;
	font-weight: 700;
	background: #f8f9fb;
	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;
	background: #fff;
}
.bor-1-sp:hover{
	border: solid 1px #47B75E;
}
.img_sp{
	width: 100%;
}
.title-sp{
	padding: 10px 0px;
	border-bottom: solid 2px #bbb;
}
.title-sp p{
	font-weight: bold;
	color: #3a3a3a;
	font-size: 16px;
	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;
}
.uses{
	min-height: 40px;
}
.gioiThieu{
	text-align: center;
	padding: 24px;
	font-family: arial;
	color: #777;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 16px;
	position: relative;
	background: #f8f9fb;
}
.gioiThieu p{
	text-transform: uppercase;
	font-size: 24px;
	color: #333;
	font-family: opb;
	text-align: center;
}
@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: 80%;
		left: 10%;
	}
}
.mo-rong{
	padding: 10px 0px;
}
.mua-hang{
	margin-top: 10px;
}
.mua-hang>a>span{
	text-align: center;
	background: #47B75E;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.mua-hang > a{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
}
.mua-hang > a:hover{
	text-decoration: none;
}
.xemchitiet{
	position: absolute;
    background: rgba(230,186,124,.7);
    min-height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    height: 100%;
    bottom: 0;
    line-height: 250px;
    display: none;
}
.xemchitiet > a{
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}
.xemchitiet > a:hover{
	text-decoration: none;
	color: #fff;
}
.bor-1-sp:hover .xemchitiet{
	display: block;
	-webkit-transition: all .45s ease;
	transition-duration: .5s;
}
.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;
			}
		}