#gallery .commoncateName {
    font-weight: bold;
    font-size: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    display: block;
    display: table;
    margin: auto;
    margin-bottom: 20px;
    text-transform: uppercase;
}

    #gallery .commoncateName span {
        position: relative;
        display: inline-block;
        padding-bottom: 10px
    }

        #gallery .commoncateName span:after {
            content: "";
            width: 100%;
            height: 3px;
            position: absolute;
            bottom: -1px;
            background: #e88607;
            left: 0
        }

#gallery .parent {
    margin-top: 0;
}

    #gallery .parent .group {
        margin-top: 20px;
        display: flex;
        gap:30px;
        flex-wrap:wrap
    }

    #gallery .parent .group .item  .wImage{
    height:  220px;  
    position:relative;
    }
        #gallery .parent .group .item {
            width: calc((100% - 60px) / 3);
            box-shadow: 0 5px 7.5px #cdcdcd;
        }

            #gallery .parent .group .item:nth-child(3n) {
                margin-right: 0
            }

            /*#gallery .parent .group .item:nth-child(3n + 1) {
                clear: both
            }*/

            #gallery .parent .group .item .wImage:before {
                padding-bottom: 66.66%
            }

        #gallery .parent .group .wImage:after,
        #gallery .lstImg .wImage:after {
            position: absolute;
            height: 100%;
            width: 100%;
            display: block;
            top: 0;
            left: 0;
            content: "";
            z-index: 9;
            opacity: 0;
            background: linear-gradient(to bottom, transparent 40%, #007bff);
            transition: opacity 0.4s;
            -moz-transition: opacity 0.4s;
            border-radius: 3px 3px 0 0;
            pointer-events: none
        }

        #gallery .parent .group .wImage .image:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            border: 5px solid rgba(255, 255, 255, 0.5);
            box-sizing: border-box;
            pointer-events: none
        }

        #gallery .parent .group .item:hover .wImage:after,
        #gallery .lstImg .wImage:hover:after {
            opacity: 0.5
        }

        #gallery .parent .group .item .info {
            box-sizing: border-box;
            padding: 15px 10px 15px 50px;
            background: url(icon/ico-photo.png) center left 10px no-repeat
        }

            #gallery .parent .group .item .info .name {
                font-weight: bold;
                display: block;
                line-height: 21px; /*color: #666 */
            }

                #gallery .parent .group .item .info .name:hover {
                    color: #d4050e;
                    text-decoration: none;
                }

            #gallery .parent .group .item .info .add {
                font-size: 15px;
                color: #909090
            }

    #gallery .parent.video .group .item .info {
        background: url(icon/ico-video.png) center left 10px no-repeat
    }

#gallery ul.pagging {
    margin-top: 10px
}

#gallery.detail .lstImg {
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

#gallery.detail .lstImg .wImage {
    width: calc((100% - 60px) / 3);
    position:relative;
}

    #gallery.detail .lstImg .wImage .image {
    height:200px;

    }

    #gallery.detail .lstImg .wImage .image img {
      width:100%;
      height:100%;
      object-fit:cover;
    }
        #gallery.detail .lstImg .wImage .image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        border: 5px solid rgba(255, 255, 255, 0.5);
        box-sizing: border-box;
        pointer-events: none
    }

    #gallery.detail .lstImg .wImage:before {
        padding-bottom: 66.66%
    }

    #gallery.detail .lstImg .wImage:nth-child(3n) {
        margin-right: 0
    }

    #gallery.detail .lstImg .wImage:after {
        background: rgba(0, 123, 255, 0.7)
    }

#gallery.detail .title {
    font-size: 28px;
    margin-bottom: 50px;
    line-height: 42px
}

#gallery.detail .lstImg .wImage .over {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    pointer-events: none;
    z-index: 10;
    text-align: center;
    color: #fff;
    opacity: 0
}

    #gallery.detail .lstImg .wImage .over .fas {
        margin-right: 3px
    }

#gallery.detail .lstImg .wImage:hover .over {
    opacity: 1
}

#gallery.detail .other .parent .group .item {
    margin:10px 15px;
}

#gallery.detail .other .parent .group  .slick-list {
    padding:0 !important;
}

#gallery .plugDetail {
    margin-top: 10px
}

/*#gallery .other .group .item {
    width: 100% !important
}*/

#gallery .dib {
    display: block;
}

#gallery .fl {
    float: left;
}

#gallery .fr {
    float: right;
}

#gallery .mr20 {
    margin-right: 20px;
}

#gallery .lh35 {
    line-height: 35px;
}

#gallery .total_pagingvz {
    
    width: 100%;
}

    #gallery .total_pagingvz a:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    #gallery .total_pagingvz a {
        padding:10px;
        border-radius:4px;
    }

#gallery.detail .date {
    padding:10px 0;
}

#gallery .commonTitleDetail {
    font-size: 30px;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    line-height: 1.5;
    text-decoration: none
}

    #gallery.commonTitleDetail:hover {
        color: #09f
    }


#gallery #CommonCuoiChiTietTin {
    background: #f3f3f3;
    border-top: solid 1px #ebebeb;
    font-size: 16px !important;
    color: #aaaaaa;
    padding: 5px;
    margin: 20px 0;
    position: relative;
    z-index: 3;
    margin-bottom: 15px;
    clear: both
}

    #gallery #CommonCuoiChiTietTin a {
        display: inline-block;
        font-size: 16px !important
    }

    #gallery #CommonCuoiChiTietTin .apd a {
        color: #aaaaaa;
        padding-left: 20px;
        margin-top: 3px;
        display: inline-block;
        margin-left: 20px;
        text-decoration: none
    }

    #gallery #CommonCuoiChiTietTin a.email {
        background: url(icon/email.gif) no-repeat left center;
        padding-right: 15px
    }

        #gallery #CommonCuoiChiTietTin a.email span {
            display: none
        }

    #gallery #CommonCuoiChiTietTin a.print {
        background: url(icon/print.gif) no-repeat left center
    }

    #gallery #CommonCuoiChiTietTin a:hover {
        color: #0054a6
    }

    #gallery #CommonCuoiChiTietTin a.prevDBT {
        background: url(icon/prev.gif) no-repeat left center;
        margin-left: 0
    }

    #gallery #CommonCuoiChiTietTin a.top {
        background: url(icon/top.gif) no-repeat left center;
        padding-right: 20px
    }

    #gallery #CommonCuoiChiTietTin .shareItem {
        width: 25px;
        height: 20px;
        display: inline-block;
        position: relative;
        z-index: 1;
        top: 2px
    }

#gallery #CommonHoTroCuoiBaiViet {
    padding: 20px 0
}

    #gallery #CommonHoTroCuoiBaiViet a {
        display: inline-block;
        padding: 10px 22px;
        color: #fff;
        text-transform: uppercase;
        background: #0054a6;
        margin-right: 10px
    }

#gallery #CommonCuoiChiTietTin .fl {
    float: left;
}

#gallery #CommonCuoiChiTietTin .fr {
    float: right;
}


#gallery #CommonCuoiChiTietTin .cb {
    clear: both
}

#gallery #CommonCuoiChiTietTin .pl20 {
    padding-right: 20px
}

#gallery #CommonCuoiChiTietTin .fb_iframe_widget {
    top: 3px
}

.titleOther {
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 2px solid #666;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #048ff4
}

    .titleOther i {
        margin-right: 3px
    }


#gallery .other .owl-next,
#gallery .other .owl-prev,
#gallery #news.detail .other .owl-next {
    border: none;
    width: 25px;
    height: 25px;
    border: 1px solid #333333;
    font-family: FontAwesome;
    font-weight: 900;
    outline: none;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    text-align: center
}

.other .group {
    margin-bottom:40px;
}

.other .owl-next:before {
    content: "\f054";
    text-align: center;
    line-height: 25px;
    color: #333333
}

.other .owl-prev:before {
    content: "\f053";
    text-align: center;
    line-height: 25px;
    color: #333333
}

.other .owl-next:hover,
.other .owl-prev:hover {
    background: #0054a6;
    border-color: #0054a6
}

    .other .owl-next:hover:before,
    .other .owl-prev:hover:before {
        color: #fff
    }

.other .owl-nav {
    position: absolute;
    top: -55px;
    right: 0
}

.other .owl-prev {
    width: 25px;
    height: 25px;
    border: 1px solid #333333;
    font-family: FontAwesome;
    font-weight: 900;
    outline: none;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    text-align: center;
}

.noidung {
    width: 100%;
    min-height: unset;
    text-align: justify;
    line-height: 1.5rem;
    margin: 10px 0;
}



#gallery {
    margin-top:20px;
}

#gallery .parent .group .item img  {
    width:100%;
    height:100%;
    object-fit:cover;
}

#gallery.wide {
    max-width:96%;
}