body{font:normal 14px Arial;color:#333;margin:0;padding:0}
a{text-decoration:none}

/*================Các thông số mặc định để ở phần khung ảnh================*/
.khungAnh{position:relative;z-index:1}
.khungAnh:before{content:"";display:block;padding-bottom:66%}
.khungAnhCrop,
.khungAnhCrop0{overflow:hidden;text-align:center;display:inline-block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}


/*================Trường hợp ảnh lọt trong khung================*/
.khungAnhCrop0 img{max-width:100%;max-height:100%;min-width:0;min-height:0;position:relative;z-index:1;top:50%;transform:translateY(-50%)}


/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
.khungAnhCrop img{min-width:100%;min-height:100%;max-width:150%;max-height:150%;position:relative;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
.khungAnhCrop img.wide{height:100%;max-width:none}

/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
.khungAnhCrop img.tall{width:100%;max-height:none}


/*================Hiệu ứng zoom ảnh khi hover================*/
.khungAnhCrop img,
.khungAnhCrop0 img{-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}

.khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}
.khungAnhCrop0:hover img{transform:translateY(-50%) scale(1.1)}


/*========================Css dùng chung==========================*/
/*textarea box*/
input[type=text],
input[type=password],
textarea{border:1px solid #d9d9d9;border-radius:2px;width:100%;box-sizing:border-box;color:#333;padding:10px 10px 10px 10px;resize:none;font:normal 12px Arial}
textarea{height:60px}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{border:1px solid #009be7;box-shadow:0 0 3px #bbb}
select{background:#fff;border:1px solid #d2d2d2;color:#666666;padding:6px}

textarea:focus,
input[type=text]:focus{border:1px solid #009be7;box-shadow:0 0 3px #bbb}
select.notfilled,
textarea.notfilled,
input[type=text].notfilled{background:#faebe7;border:dashed 1px #eb340a}


/*Chi tiết bài viết*/
.contentview{text-align:justify;line-height:22px}
.contentview table{max-width:100% !important;table-layout:fixed}
.contentview img{max-width:100% !important;height:auto !important;padding-top:10px;padding-bottom:10px}
.emptyresult,
.emptyResult{padding-top:20px;min-height:100px;text-align:center}


/*================Các thông số chỉnh sửa cho phần khung ảnh tùy theo yêu cầu================*/
.khungAnh:before{padding-bottom:66%}
.khungAnhCrop,
.khungAnhCrop0{box-shadow:0 0 0 1px #dfdfdf}

/*Tiêu đề hạn chế 2 dòng, với line-height:22px, padding:8x 0 thì max-height sẽ là: 22*2 - 8/2 = 40*/
.title{font-weight:bold;color:blue;display:inline-block;line-height:22px;padding:8px 0;max-height:40px;overflow:hidden}
.item:hover .title{color:green}

/*Mô tả hạn chế 4 dòng, với line-height:22px thì max-height sẽ là: 22*4 = 88*/
.desc{text-align:justify;line-height:22px;max-height:88px;overflow:hidden}