@charset "utf-8";
/* CSS Document */

#news{width: 100%; height: auto;padding: 5px 0px; margin: 0px; float: left}
#sidebar-news{width: 100%; height: auto; float: left; margin: 5px 0px; border-bottom: 1px solid #eee; background: #f2f2f2; padding-left: 10px}
#sidebar-news ul li{display: inline-block; margin: 0px}
#sidebar-news ul li:hover{border-bottom: 2px solid #44ba46}
#sidebar-news ul li.set{border-bottom: 2px solid #44ba46}
#sidebar-news ul li a{display: inline-block;
     line-height: 33px;
    font-weight: 700;
    padding: 0 0px;
    margin-right: 20px;
    float: left;
    color: #333;
    font-size: 15px;
    text-transform: uppercase; text-align: center}
#content-news{width: 100%; height: auto; float: left; margin: 5px 0px}
#left-content-news{width: 70%; height: auto; float: left; margin: 0px; padding-right: 2%}
#hot-news{width: 100%; height: auto; float: left; margin: 0px 0px 20px 0px}
#top-hot-news{width: 100%; height: auto; float: left; margin: 0px; position: relative; border-bottom: 1px dashed hsla(0,9%,82%,1.00)}
#img-top-hot-news{width:100%; height: auto; float: left; margin: 0px}
#img-top-hot-news img{max-width: 100%; height: auto; float: left; margin: 0px}
#des-top-hot-news{width: 100%; float: left;   margin: 10px 0px ; background:rgba(249,249,249,0.3); padding: 0px 0px}
#des-top-hot-news h2{margin: 0px; font-weight: normal}
#des-top-hot-news h2 a{ color: #44ba46; margin: 0px 0px ; display: block; font-weight: bold; font-size: 20px}
#des-short-hot-news{width: 100%; height: auto; padding: 5px 0px}
#des-short-hot-news time{text-align: right; margin: 7px 0px; font-size: 13px; color: rgba(70,70,70,1.00); font-style: italic; float: right}
#list-hot-news{width: 100%; height: auto; float: left; padding: 5px 0px}
#list-hot-news .item-hot-news{width: 25%; height: 180px; float: left; margin: 0px; padding: 3px}
#list-hot-news .item-hot-news .img-item-hot-news{
	width: 100%; height: auto; float: left; margin: 0px}
.img-item-hot-news img{width: 100%; height: 120px; float: left; margin: 0px}	
.name-item-hot-news{width: 100%; height: auto; float: left; margin: 0px}
.name-item-hot-news h3{margin: 0px; font-weight: normal}
.name-item-hot-news h3 a{font-weight: bold;   color: #000; margin: 5px 0px; display: block; font-size: 14px}

.name-item-hot-news time{text-align: right; margin: 7px 0px; font-size: 12px; color: rgba(70,70,70,1.00); font-style: italic; }
.item-news{
	width: 100%; height: auto; float: left; margin: 10px 0px; border-bottom: 1px solid #eee
 }
.item-news .title{width: 100%; height: auto; float: left; margin: 0px; border-bottom: 1px solid #eee}
.item-news .title h2{margin:0px; float: left; font-weight:normal}
.item-news .title h2 a{font-size: 20px;
    text-transform: uppercase;
    line-height: 30px; display:block; color:#000}
.item-news .title .viewAll{float:right;
 color: #44ba46; margin: 5px 
}
    .item-news .title .viewAll a {
        color: #44ba46
    }
    .content-item-news {
        width: 100%;
        height: auto;
        float: left;
        margin: 5px 0px
    }
.content-item-news .left-content-item-news{
	
	width: 40%; height: auto; float: left; margin: 0px
}
.left-content-item-news .img{
	width: 100%; height: auto; float: left; margin: 0px
}
.left-content-item-news .img img{
	width: 100%; height: auto; float: left; margin: 0px 0px 10px 0px
}
.left-content-item-news h3{ margin:0px;}
.left-content-item-news h3 a{
	color: #44ba46; font-size: 14px; margin: 5px 0px
}
.left-content-item-news .des {
	font-size: 13px; color: #424242; margin: 5px 0px
}
.left-content-item-news time{text-align: right; margin: 7px 0px; font-size: 12px; color: rgba(70,70,70,1.00); font-style: italic; }
.right-content-item-news{
	width: 60%; padding: 0px 0px 5px 10px; margin: 0px; float:left
}
.tear-item-news{
	width: 100%; height: auto; float: left; margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px dashed #eee; padding: 5px 0px 10px 0px
}
.tear-item-news img{
	width: 90px; height: auto; float: left; margin: 0px 7px 7px 0px
}
.tear-item-news h4{ 
margin: 0px
}
.tear-item-news h4 a{
	color: #000; margin: 0px 0px 5px 0px; display: block
}

.des-tear-item-news{
	font-size: 13px;
color: #696969; margin: 5px 0px
}
.tear-item-news time{  margin: 7px 0px; font-size: 12px; color: rgba(70,70,70,1.00); font-style: italic; }
#right-content-news{
	width: 30%; height: auto; float: left; margin: 0px
}
.item-right-news{
	width: 100%; height: auto; float: left; margin: 0px 0px 10px 0px; border-bottom: 1px eee solid
}
.item-right-news .title{
	width: 100%; height: auto; float: left;  
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    background:#44ba46 url("../images/san_pham_noi_bat_bg.png") 0 0 no-repeat;
    background-size: contain;
    padding: 10px 10px;
     font-family: OpenSans-bold;   border-top-right-radius: 5px; border-top-left-radius: 5px
}
.list-news{
	width: 100%; height: auto; float: left; margin: 5px 0px
}
.item-list-news{width: 100%; height: auto; float: left; margin: 5px 0px; border-bottom: 1px solid #eee; padding: 5px 0px}
.list-news .icon {
    font-size: 20px;
    font-weight: bold;
    width: 40px;
    height: 30px;
    background: #ededed;
    display: block;
    float: left;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    color: #999;
    margin-right: 10px
}
    .list-news .icon i{color:#fff}
    .list-news .name-tem-list-news {
        width: auto;
        height: auto;
    }
.list-news .name-tem-list-news a{
	color: #000; margin: 5px; display: block
}
.list-news .name-tem-list-news a time{color:hsla(0,0%,41%,1.00); font-size: 13px; font-style: italic }
.list-news .icon-date{ 
     width: 40px;
    height: 40px;   text-align: center; border: 1px solid #e2e6e4; border-radius:3px;  content: "\f272";
    float: left; 
	margin-right: 10px}
.list-news .icon-date .day-month{
	width: 100%; height: auto; float: left; margin: 0px; border-bottom: 1px solid #dedbdb; font-size: 12px;color: #8b8b8b; margin-top: 5px; }
.list-news .icon-date .year{
	width: 100%; height: auto; float: left; margin: 0px;color: #8b8b8b;
}
.item-product-news{width: 100%; height: auto; float: left; margin: 5px 0px; border-bottom: 1px solid #eee; padding: 5px 0px}
.item-product-news img{width: 70px; height: auto; float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px; border-radius:3px}
.item-product-news a.name{color: #44ba46; margin: 0px 5px; display: block; font-weight: bold}
.item-product-news p{margin: 2px 5px; display: block}
.item-product-news p .price-sale{font-weight: bold; color: hsla(359,94%,26%,1.00);

}
.item-product-news p .price{
	color:hsla(0,0%,31%,1.00); font-size: 12px
}

.list-blogs{width: 100%; height: auto; float: left; margin: 5px 0px; padding: 0px 5px; border-bottom: 1px solid #eee}
.list-blogs img{width: 120px; height: auto; float: left; margin: 0px 10px 5px 0px}
.list-blogs h3{margin: 0px}
.list-blogs h3 a{color: #000; margin: 0px 5px}
.list-blogs .des{ color:#5a5a5a;
font-size: 13px; padding: 5px
}
.list-blogs .des time{color:hsla(0,0%,41%,1.00); font-size: 13px; font-style: italic }
.list-blogs  .viewAll{float:right;
 color: #44ba46; margin: 5px 
}
#left-content-news .name-news{
	width: 100%; height:auto; padding: 5px 0px; border-bottom: 1px solid #eee; margin-bottom: 10px
}
#left-content-news .name-news h1{font-site:16px;  text-transform: uppercase; font-family: OpenSans-bold; margin: 0px

}
#comment span.name {
    color: #44ba46;
    padding: 10px 5px 10px 5px;
    display: block;
    font-family: OpenSans-bold;
    text-transform: uppercase;
    font-size: 17px;
} 
#blog-detail{
	width: 100%; height: auto; float: left; margin: 0px
}
#blog-detail #name{width: 100%; height: auto; float: left; margin: 0px}
#blog-detail #name h1{    font-size: 19px;
    text-transform: uppercase;
    color: #3e3e3e;
    font-family: "Open Sans",sans-serif!important;
    margin: 5px 0px 5px 0px;
    font-weight: bold;}
#blog-detail #name time{color: #9c9c9c; font-size: 13px; margin: 0px}
#content-blogs{
	width: 100%; height: auto; float: left; margin: 10px 0px; font-size: 14px; text-align: justify; line-height: 20px
}
#content-blogs video{width:100%; height:auto; float:left; margin:5px 0px}
#content-blogs img {
    max-width: 100%;
    height: auto !important
}
#blog-detail #des_blog{
	font-size: 14px; font-weight: bold; text-indent: 15px; line-height: 20px; width:100%;  float:left; margin:10px 0px
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .youtube iframe, .youtube object, .youtube embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }