.main-content {
    background: #f9f9f9;
}
.danhmucsanpham {float:left;}
.danhmucsanpham h1{text-transform:uppercase;padding-bottom:5px;color:#000;margin-top:5px;padding:0 10px 5px 10px;border-radius:3px;font-weight:300;text-align:center}
.danhmucsanpham a{color:#000}
.danhmucsanpham .sapo {padding:10px 0 30px;}
.danhmucsanpham .title{font-size:16px;text-transform:uppercase;padding:5px 10px;font-weight:bold;float:left;border-radius:2px;}
.danhmucsanpham .title a{color:#08c}
.danhmucsanpham .listsanpham  {float:left;width:100%;}
.danhmucsanpham .hinh-anh  {width:100%;float:left;margin:20px 0}
.danhmucsanpham .hinh-anh img{width:100%}
.danhmucsanpham .mota{width:100%;float:left;margin-bottom:20px;font-size:20px;}
.danhmucsanpham .listsanpham  h1{text-transform:uppercase;}
.danhmucsanpham .listsanpham .sold-out,.danhmucsanpham .listsanpham .sold-out-stock {border:1px solid #f00!important;}
.danhmucsanpham .listsanpham .sold-out:before{content:"Sold out but you can still request produce";position:absolute;background:#f00;color:#fff;width:100%;left:0;padding:10px 0;top:215px;font-size:12px;}
.danhmucsanpham .listsanpham .sold-out-stock:before{content:"Sold out";position:absolute;background:#f00;color:#fff;width:100%;left:0;padding:10px 0;top:215px;font-size:12px;}
.danhmucsanpham .listsanpham .sanpham {width:22.75%;float:left;margin:0px 3% 3% 0;text-align:left;text-align:center;position:relative;background:#fff;border-radius:5px;overflow:hidden;box-shadow: 2px 2px 20px #00000017;}

.danhmucsanpham .listsanpham .sanpham:nth-child(4n){margin-right:0;}
.danhmucsanpham .listsanpham .sanpham:nth-child(12n){margin-right:0!important;}
.danhmucsanpham .listsanpham .sanpham p{padding:5px 10px;color:#777;}
.danhmucsanpham .listsanpham .sanpham img {width:100%;-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.danhmucsanpham .listsanpham .sanpham .hinhanh{height:245px;overflow:hidden;}
.danhmucsanpham .listsanpham .sanpham .detail{}
.danhmucsanpham .listsanpham .sanpham .ten{font-weight:300;padding:7px 10px 0 10px;height: 55px;font-size:16px;   
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;}
.danhmucsanpham .listsanpham .sanpham:hover {}
.danhmucsanpham .listsanpham .sanpham:hover a{}
.danhmucsanpham .listsanpham .sanpham:hover img{}
.danhmucsanpham .listsanpham .sanpham .gia{font-weight:bold;color:#ec008c;font-size:16px;padding:10px 10px 0 10px}
.danhmucsanpham .listsanpham .sanpham .congthem{font-weight:bold;color:#fff;background:#08c;width:100%;padding:10px 0;color:yellow}
.danhmucsanpham .listsanpham .sanpham .khuyenmai{font-size:14px;text-decoration:line-through;height:20px; }
.danhmucsanpham .listsanpham .sanpham .quantam{text-align:center;background:url('../images/love.png') center left no-repeat;cursor:pointer}
.danhmucsanpham .listsanpham .sanpham .added{text-align:center;background:url('../images/love-added.png') center left no-repeat;color:#ff4431}
.danhmucsanpham .listsanpham .sanpham .addon{font-size:12px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;padding:10px 0;float:left;width:100%;}
.danhmucsanpham .listsanpham .sanpham .addon .city{width:50%;float:left}
.danhmucsanpham .listsanpham .sanpham .price{font-weight:bold;font-size:18px;color:#4ab742}
.danhmucsanpham .listsanpham .sanpham .discount{text-decoration: line-through;opacity:0.6;padding:0 10px;width:100px;}
.danhmucsanpham .listsanpham .sanpham .addon .rate{width:50%;float:left;color:#ffeb3b}
.danhmucsanpham .viewmore{text-align:right;clear:both}
.bosom .bosom-right {
	width:940px; margin-left:10px;
}
.danhmucsanpham .listsanpham .sanpham:hover > .muangay-wrap {opacity:1;-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.danhmucsanpham .listsanpham .sanpham-hoa {width:31.33%;}
.danhmucsanpham .listsanpham .sanpham-hoa:nth-child(3n) {margin-right:0;}
.danhmucsanpham .listsanpham .sanpham-hoa:nth-child(4n) {margin-right:3%;}
.danhmucsanpham .listsanpham .sanpham-hoa .hinhanh{height:335px;}
.danhmucsanpham  .listsanpham  .sanpham-hoa  .detail {padding-bottom:20px;}
.danhmucsanpham  .phantrang {margin-bottom:20px;float:left;width:100%;}
.danhmucsanpham  .content {padding-bottom:50px;float:left;width:100%;}
.danhmucsanpham  .content h2{padding:5px 0 10px;}
.danhmucsanpham  .content p, .danhmucsanpham  .sapo p{padding:5px;}
.danhmucsanpham  .content ul{border-left:5px solid #4ab742;font-style:italic;margin-left:10px;padding:10px 0;}
.danhmucsanpham  .content ul li{padding-left:15px;}
.danhmucsanpham  .content ul li:before{content: "\f105";
    color: #000;
    margin-right: 10px;
    font-family: "FontAwesome";}
.muangay-wrap {opacity:0;background:rgba(0,0,0,0.4);padding:0px 0;width:100%;position:absolute;top:110px;left:0;}
.muangay-wrap .muangayb{color:#fea40b!important;padding:12px 0!important;
width:100%;cursor:pointer;font-size:15px;font-weight:bold;}
p.trang {width:100%;float:left;text-align:center;}
p.trang a{ display:inline-block;padding:5px 10px;border:1px solid #eee;margin:0 3px;}
p.trang a.active {background:#eee;font-weight:bold;}
.danhmucsanpham .catelist h4,.danhmucsanpham .catelist-shophoa h4 {font-family: "Roboto-Bold", Arial,Helvetica,sans-serif;font-size:18px;padding:0;margin-bottom:10px;font-weight:300;line-height:21px}
.danhmucsanpham .catelist {float:left;padding:0px 20px 20px 0;margin:10px 0;border-radius:10px;border-bottom:1px dashed #eee;}

.danhmucsanpham .catelist p.time, .danhmucsanpham .catelist-shophoa p.time {color:#000;margin-bottom:10px;}
.danhmucsanpham .catelist p, .danhmucsanpham .catelist-shophoa p {font-size:14px;line-height:18px;color:#5f5f5f;display: -webkit-box;
	-webkit-line-clamp: 3;overflow:hidden;max-height:58px;
	-webkit-box-orient: vertical;}
.danhmucsanpham .catelist div {line-height:22px;    font-size: 16px;}
.danhmucsanpham .catelist img{width:100%;height:auto;float:left;padding-right:20px;}
.danhmucsanpham .mark-link-wrap {position:relative} 
.danhmucsanpham .mark-link {padding:20px;background:#f9f9f9;border: 1px solid #ccc;margin: 0 0 20px 0;float:left;margin-right:20px;} 
.danhmucsanpham .mark-link  p{padding-bottom:10px;font-weight:700} 
.danhmucsanpham .mark-link ul{padding-left:20px;} 
.danhmucsanpham .mark-link ul li {list-style:decimal;   margin-bottom: 5px;margin-left:5px!important;padding-bottom:0;padding-left:0px;}
.danhmucsanpham  .mark-link li:before {content:""!important;padding-right: 0px!important;color: #08c;}
.danhmucsanpham  .mark-link ul li a{color:#08c;}
.danhmucsanpham  .mark-link ul li ul li{padding-left:5px;margin-left:20px;list-style: lower-latin;}
.danhmucsanpham  .baiviet-wrap {width:100%;float:left;background:#f9f9f9;margin-bottom:20px;border-radius:5px;}
.danhmucsanpham  .baiviet-wrap h3{padding:10px;font-size:24px;}
.danhmucsanpham  .baiviet {width:25%;float:left;padding:2%;font-weight:bold;}
.danhmucsanpham  .baiviet img{height: 125px;width:100%;margin-bottom:5px;}