﻿#NewCategory{position:relative;z-index: 1;}

#NewCategory .titleHead{ background: url(bgtitle.png) repeat-x;height: 36px;text-align: center;color: #2f6fa2;font: normal 16px/36px RobotoCondensedBold;border-radius: 6px 6px 0 0}
#NewCategory .titleHead span.textcenter{ display: inline-block;vertical-align: middle;margin: 0 20px;text-transform: uppercase;}
#NewCategory .titleHead span.bgLeftCate{ background: url(bgcateLeft.png) no-repeat right center;height: 36px;width: 200px;display: inline-block;vertical-align: middle;}
#NewCategory .titleHead span.bgRightCate{ background: url(bgCateRight.png) no-repeat left center;height: 36px;width: 200px;display: inline-block;vertical-align: middle;}

#NewCategory .lstItemBound{}

#NewCategory .lstItemBound .item{ width: 870px;display: inline-block;margin-right: 31px;margin-bottom: 25px;}
#NewCategory .lstItemBound .item .line{height: 1px;background: #fff;border-top: 1px solid #cdcdcd;}
#NewCategory .lstItemBound .item:nth-of-type(even){ margin-right: 0;}
#NewCategory .lstItemBound .item .khungAnh{ height: 222px;width: 345px;border: 1px solid #e5e5e5;float: left;margin-right: 20px;box-sizing: border-box;padding: 5px;background: #fff;}
#NewCategory .lstItemBound .item .khungAnh .khungAnhCrop2 img{ height: 210px;width: 333px;display: block;position: relative;}

#NewCategory .lstItemBound .item .infoRight{ float: right;width: 505px;}
#NewCategory .lstItemBound .item .infoRight .title{ font: bold 18px/21px Arial;color: #084a7a;}
#NewCategory .lstItemBound .item .infoRight .date{ background: url(icodate.png) no-repeat left center;padding-left: 20px;font: normal 14px/21px Arial;color: #666;margin: 5px 0 12px}
#NewCategory .lstItemBound .item .infoRight .viewDetail{ float: right;display: inline-block;padding-left: 20px;background: url(icodetails.png) no-repeat left 5px;font: normal 14px/24px Arial;color: #666;}
#NewCategory .lstItemBound .item .infoRight .viewDetail:hover{ color: #00adef;background: url(icodetailshv.png) no-repeat left 5px;}
#NewCategory .lstItemBound .item:hover .infoRight .title{color: #00adef}
#NewCategory .lstItemBound .item .infoRight .desc{ font: normal 14px/24px Arial;color: #333333;text-align: justify;}

@media (max-width: 1000px) {

    #NewCategory{ width: 97%;margin: 0px auto}
    #NewCategory .lstItemBound .item{ width: 100%;margin-right: 0px}
    #NewCategory .lstItemBound .item .khungAnh{ height: 152px;width: 275px;border: 1px solid #e5e5e5;float: left;margin-right: 20px;box-sizing: border-box;padding: 5px;background: #fff;}
    #NewCategory .lstItemBound .item .khungAnh .khungAnhCrop2 img{ height: 140px;width: 263px;display: block;position: relative;}
    #NewCategory .lstItemBound .item .infoRight{ float: inherit;width: 100%}
    #NewCategory .lstItemBound .item .infoRight .desc{ height: 100px;overflow: hidden}
}


@media (max-width: 736px) {
    #NewCategory{ width: 97%;margin: 0px auto}
    #NewCategory .lstItemBound .item{ width: 100%;margin-right: 0px}
    #NewCategory .lstItemBound .item .khungAnh{ float: inherit;width: 100%;height: 172px;text-align: center;margin-bottom: 10px}
    #NewCategory .lstItemBound .item .infoRight{float: left;width: 100%}
    #NewCategory .lstItemBound .item .khungAnh .khungAnhCrop2 img{ height: 160px;max-width: 100%;display: inline-block;position: relative;}   
}