﻿#PageContentCategory{width:100%}
/*#PageContentCategory .list-item-paing .title{margin-bottom:10px;font:30px 'UVNHONGHAHEPBOLD';color:#0c4da2;text-align:center;background:url(ruler.png) no-repeat bottom center;padding-top:10px;padding-bottom:25px;text-transform:uppercase;}*/
#PageContentCategory .list-item-paing{}
#PageContentCategory .item{overflow:hidden;padding-bottom: 10px;position: relative;z-index: 1;margin-bottom:10px;width:280px;float:left;margin-right:45px;min-height:234px}
#PageContentCategory .item2{margin-right:0}
/*#PageContentCategory .item:hover{background:rgba(53,218,0,0.1);filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1}*/
/*#PageContentCategory .item:hover .name{color:#1f7f00}*/
#PageContentCategory .khungAnh {float:left;width:280px;height:160px;margin:0 18px 10px 0 ;position: relative;z-index: 1;background:#fff}
#PageContentCategory .khungAnhCrop {width:280px;height:160px}
#PageContentCategory .khungAnhCrop img {height:160px}
#PageContentCategory .name {text-align:center;display:block;font-weight:bold;font-family:Arial;font-size:18px;line-height:20px;margin-bottom: 2px;color: #333}
/*#PageContentCategory .date{ display: block;font: normal 12px/20px 'Arial'; color: #999999;margin-top:-4px}*/
#PageContentCategory .des {display:block;color:#333;line-height:21px;color: #333;font-size:14px;padding-top:10px}
/*#PageContentCategory .more{ color: #999999;position: absolute;bottom: 20px;right: 0;line-height: 14px;text-decoration:underline}
#PageContentCategory .more:hover{ color: #00569e}*/
#PageContentCategory .item:hover a.name{color:var(--color-main);}
#PageContentCategory .pagging{font:normal 12px Arial;color:#757575;margin-bottom: 30px;margin: auto}
#PageContentCategory .pagging .fl{float:right!important;}
#PageContentCategory .textpagging{float:right;color:#757575;padding-top:5px;font-style:italic;font-size:12px}
#PageContentCategory .truoc{font:normal 12px Arial;padding:7px 14px; line-height:26px; margin:2px; background:url(truoc.gif.ashx) no-repeat center}
#PageContentCategory .sau{font:normal 12px Arial;padding:7px 14px; line-height:26px; margin:2px; background:url(sau.gif.ashx) no-repeat center}
#PageContentCategory .dau{display:none;font:normal 12px Arial;padding:7px 44px; line-height:26px; margin:2px; background:url(dau.gif.ashx) no-repeat center}
#PageContentCategory .cuoi{font:normal 12px Arial;padding:7px 44px; line-height:26px; margin:2px; background:url(cuoi.gif.ashx) no-repeat center}
#PageContentCategory .hientai{font:normal 12px Arial;text-align:center;padding:0 0;width:27px;display:inline-block; line-height:26px; margin:2px; color:#fff;background:#0C4DA2}
#PageContentCategory .trangkhac{font:normal 12px Arial;text-align:center;padding:0 0;width:27px;display:inline-block; line-height:26px; margin:2px; color:#333; background:url(trangkhac.gif.ashx) no-repeat center}
#PageContentCategory .title{font:bold 20px/40px Arial;color:var(--color-main);text-transform:uppercase;border-bottom:1px solid #ccc;}

#WPageContentCategory .choose-active {height:411px}
#WPageContentCategory .content-choose-active {width:980px;margin:auto;padding:20px 0}
#WPageContentCategory .content-choose-active .choose {width:470px;float:left}
#WPageContentCategory .content-choose-active .active {width:470px;float:right}

#PageContentCategory .nen{position:absolute;width:100%;z-index: 1000;height:100%;top:0px;background:rgba(0,0,0,0.4);z-index:2;display:none}
#PageContentCategory .icon{background:url(play.png.ashx) no-repeat center;width:58px;height:58px;display:block;position:absolute;top:33%;left:40%;}
#PageContentCategory .khungAnh:hover .nen{display:block;}