﻿
/*Danh sach tin tuc*/
.article_listing .listnews .itemnewsl0{ float: left;clear: both}
.article_listing .listnews .itemnewsl1{float: right}
.article_listing .listnews .itemnewsl{ margin-bottom: 30px}
.article_listing .listnews .itemnewsl .titlenewsl{ color: #009030;font:bold 15px/20px Arial;margin-bottom: 8px;display: block; text-align:justify;}
.article_listing .listnews .itemnewsl .titlenewsl:hover{color: #800013}
.article_listing .listnews .itemnewsl a.KhungAnhCrop{width: 30%;padding-bottom: 23%;height:0;float:left;margin-right: 15px}
.article_listing .listnews .itemnewsl .desnewsl{ color: #5a5a5a;font: 14px/20px Arial;margin-bottom: 15px; text-align: justify; }
.article_listing .listnews .itemnewsl .detail{ background: url(img/xemthem_newhome.png) no-repeat right 2px;color: #009030;font-size: 14px;font-style:italic;padding-right: 13px;background-size: 13% 65% }
.article_listing .listnews .itemnewsl .detail:hover{color: #800013}

/*Chi tiet tin tuc*/
.ArticleDetail .h1title h1{ color: #009030;font: bold 18px Arial;margin-top: 0;display: inline-block}
.ArticleDetail .contentdetail{font: 14px/20px Arial}
.ArticleDetail .contentdetail img{ max-width: 100%;height: auto;display: block;margin: 0 auto }
.ArticleDetail .info{ height: 40px;border-bottom: 1px dashed #c9c9c9;border-top: 1px dashed #c9c9c9;margin-bottom: 15px;margin-top: 5px;width: 100%;overflow: hidden}
.ArticleDetail .info .date{ color: #888888;font: 13px/40px Arial;margin-right: 43px;display: none }
.ArticleDetail .info .view{ color: #888888;font: 13px/40px Arial;display: none }

.ArticleDetail .contentdetail a{color:#333 !important}
.article_ref .cactintuc{ color: #009030;font:bold 16px 'Arial';margin-top: 15px;margin-bottom: 15px;text-transform: uppercase }
.article_ref .title h4{ color: #7f7f7f;font: 12px/20px Arial;background: url(img/icon_newRef.png) no-repeat left 7px;padding-left: 17px;margin-bottom: 5px }
.article_ref .title h4:hover{color: #009030}


/*Responesive Trang chi tiet tin tuc*/
@media screen and (min-width:1280px) {
     #CommonShareDetailthu2{ float: right;margin-top: 9px}
}

@media screen and (min-width:1200px) and (max-width:1279px) {
     #CommonShareDetailthu2{ float: right;margin-top: 9px}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
     #CommonShareDetailthu2{ float: right;margin-top: 9px}
}

@media screen and (min-width:921px) and (max-width:1023px) {
    #CommonShareDetailthu2{ float: right;margin-top: 9px}
}

@media screen and (min-width:768px) and (max-width:920px) {
    #CommonShareDetailthu2{ float: right;margin-top: 9px}
}

@media screen and (min-width:461px) and (max-width:767px) {
   #CommonShareDetailthu2{ float: right;margin-top: 9px}
    .ArticleDetail .info .date{margin-right: 10px}
    #CommonShareDetailthu2{ width: 250px;margin: 0 auto;float: none }
    .ArticleDetail .info{ text-align: center;height: 80px}
    .itemnewR{margin-bottom: 15px}
    .article_listing .listnews .itemnewsl a.KhungAnhCrop{width: 35% !important;padding-bottom: 25% }
}

@media screen and (min-width:361px) and (max-width:460px) {
    #CommonShareDetailthu2{ float: right;margin-top: 9px}
    .ArticleDetail .info .date{margin-right: 10px}
    #CommonShareDetailthu2{ width: 250px;margin: 0 auto;float: none }
    .ArticleDetail .info{ text-align: center;height: 80px}   
    .article_listing .listnews .itemnewsl a.KhungAnhCrop{width: 45% !important;padding-bottom: 30% }
}

@media screen and (min-width:320px) and (max-width:360px) {
    #CommonShareDetailthu2{ float: right;margin-top: 9px}
    .ArticleDetail .info .date{margin-right: 10px}
    #CommonShareDetailthu2{ width: 250px;margin: 0 auto;float: none }
    .ArticleDetail .info{ text-align: center;height: 80px}
    .itemnewR{margin-bottom: 15px}
    .article_listing .listnews .itemnewsl a.KhungAnhCrop{width: 100% !important;padding-bottom: 60%;margin-bottom: 12px }
}

@media screen and (min-width:0px) and (max-width:319px) {
    #CommonShareDetailthu2{ float: right;margin-top: 9px}
    .ArticleDetail .info .date{margin-right: 10px}
    #CommonShareDetailthu2{ width: 250px;margin: 0 auto;float: none }
    .ArticleDetail .info{ text-align: center;height: 80px}
    .itemnewR{margin-bottom: 15px}
    .article_listing .listnews .itemnewsl a.KhungAnhCrop{width: 100% !important;padding-bottom: 60%;margin-bottom: 12px }
}
