#about.hp {padding: 45px 0}
#about.hp .group .item { width: calc((100% - 140px) / 5); float: left; margin-right: 35px}
#about.hp .group .item:nth-child(5n) {margin-right: 0}
#about.hp .group .item .khungAnh { width: 149px; margin: auto; margin-bottom: 23px}
#about.hp .group .item .khungAnh:before {padding-bottom: 100%}
#about.hp .group .item .name { display: block; line-height: 22px; font-size: 15px; text-align: center}
#about.hp .group .item:hover .name {color: #099dca}

#about.cate .item { width: calc((100% - 45px) / 2); float: left; margin-right: 45px;margin-bottom: 40px}
#about.cate .item:nth-child(2n) {margin-right: 0}
#about.cate .item .khungAnh { width: 29.48%; float: left; position: relative}
#about.cate .item .khungAnh:after { content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 5px solid rgba(255, 255, 255, 0.3);z-index: 5;pointer-events: none}
#about.cate .item .khungAnh:before {padding-bottom: 62.65%}
#about.cate .item .info { width: 65.54%;float: right}
#about.cate .item .info .name { font-size: 18px; display: block; font-family: SegoeUISemiBold ;margin-bottom: 10px}
#about.cate .item .info .name:hover {color: #099dca }
#about.cate .item .info .cont { line-height: 21px; max-height: 63px; overflow: hidden}


#about .other ul { padding: 0; margin: 0}
#about .other ul li { list-style: none; padding: 10px 0; border-bottom: 1px dotted #c8c8c8; width: 50%; display: inline-block; padding-right: 10px; box-sizing: border-box}
#about .other ul li:nth-child(2n - 1) {margin-right: -4px}
#about .other ul li a { padding-left: 17px; padding-right: 20px; background: url(lst.png) left top 5px no-repeat; background-size: 10px 10px; box-sizing: border-box; display: block;line-height: 21px}
#about .other ul li h2 { display: inline; margin-right: 5px}
#about .other ul li a:hover { background: url(lsthv.png) left top 5px no-repeat; color: #099dca;background-size: 10px 10px}