.ArticleInMenu {
        background-color: #FFFFFF;
        display: block;
        margin: 0;
        padding: 0px;
        margin-bottom: 10px;
}
.ArticleInMenu .Apple-tab-span {
        display: none;
}
.ArticleInMenu img {
        max-width: 650px !important;
}
.ArticleInMenu li img {
        border: 1px solid #CCCCCC;
        height: 135px;
        padding: 2px;
        width: 160px;
}
.ArticleInMenu .detail {
        /*display: none;*/
}
.ArticleInMenu li .Title a {
        color: #0052af;
        font-weight: bold;
        font-size: 16px;
}
.ArticleInMenu li .Title a .new{
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn-2//themes/cdc/uihotnewsmodule/images/moi.gif) right center no-repeat;
}
    .page-item.active .page-link
 {
        z-index: 3;
        color: #fff;
        background-color: #ecc63a;
        border: none;
    }
.ArticleInMenu li .Title a:hover{
        /* color: #004ee2; */
        text-decoration:none;
}
.ArticleInMenu ul {
        display: inline-block;
        margin: 0;
        padding: 0;
}

.ArticleInMenu a img {
        float: left;
        margin-right: 10px;
}
.ArticleInMenu h2 {
        margin-bottom: 5px;
        line-height: 14px;
}
.ArticleInMenu .Page {
        clear: both;
        display: block;
}
.ArticleInMenu .Paging {
        margin-top: 20px;
        text-align: right;
}
.ArticleInMenu .SingleArticle > table {
        margin: 0 !important;
}
.ArticleInMenu > table {
        margin: 0 !important;
        width: 100% !important;
}
.ArticleInMenu .SingleArticle .title {
        font: bold 11pt arial;
        /*display: none;*/
}
.ArticleInMenu .SingleArticle .Tochuc .Cap1 {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        padding: 5px 0 5px 25px;
}
.ArticleInMenu .SingleArticle .Tochuc li {
        background: url("Images/p.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        margin: 0 0 0 17px;
        padding: 2px 0 2px 22px;
        a
}
.ArticleInMenu .SingleArticle .Tochuc ol, .Tochuc ul {
        margin: 0;
        padding: 0 0 0 40px;
}
.ArticleInMenu .SingleArticle .Tochuc .Phong {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        margin-left: 40px;
        padding: 5px 0 5px 20px;
}
/*=========================*/
.ArticleInMenuNew {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        /* padding: 10px; */
        text-align: justify;
        width: 100%;
        border: 1px solid #ddd;
}
.ArticleInMenuNew .Apple-tab-span {
        display: none;
}
.ArticleInMenuNew img {
        max-width: 650px !important;
}
.ArticleInMenuNew li {
        clear: both;
        display: block;
        list-style: none outside none;
        padding: 10px 0;
}
.ArticleInMenuNew li img {
        border: 1px solid #CCCCCC;
        height: 135px;
        padding: 2px;
        width: 160px;
}
.ArticleInMenuNew .detail {
        clear: both;
        text-align: justify;
}
.ArticleInMenuNew li .Title a {
        color: #111;
        font-weight: bold;
}
.ArticleInMenuNew li .Title a:hover{
        color: #004ee2;
        text-decoration:none;
}
.ArticleInMenuNew ul {
        display: inline-block;
        margin: 0;
        padding: 0;
}
.ArticleInMenuNew a img {
        float: left;
        margin-right: 10px;
}
.ArticleInMenuNew h2 {
        margin-bottom: 5px;
        line-height: 14px;
}
.ArticleInMenuNew .Page {
        clear: both;
        display: block;
}
.ArticleInMenuNew .Paging {
        margin-top: 20px;
        text-align: right;
}
.ArticleInMenuNew .SingleArticle > table {
        margin: 0 !important;
}
.ArticleInMenuNew .SingleArticle .Ngaydang {
        color: #121212;
        /* font: italic 12px 'Roboto'; */
        text-align: left;
        /* margin-bottom: 10px; */
        height: 40px;
        width: 100%;
        line-height: 40px;
}
.ArticleInMenuNew > table {
        margin: 0 !important;
        width: 100% !important;
}
.ArticleInMenuNew .SingleArticle .title {
        color: #222b45;
        margin: 0 0 10px;
        text-align: left;
        font-size: 20px;
        font-weight: 700;
}
.ArticleInMenuNew .SingleArticle .Summary {
        text-align: justify;
        /* font-weight: 600; */
        padding: 5px 0;
        font-size: 16px;
        font-style: italic;
}
.ArticleInMenuNew .SingleArticle .author {
        text-align: right;
        font-weight:bold;
}
.ArticleInMenuNew .SingleArticle .Tochuc .Cap1 {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        padding: 5px 0 5px 25px;
}
.ArticleInMenuNew .SingleArticle .Tochuc li {
        background: url("Images/p.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        margin: 0 0 0 17px;
        padding: 2px 0 2px 22px;
}
.ArticleInMenuNew .SingleArticle .Tochuc ol, .Tochuc ul {
        margin: 0;
        padding: 0 0 0 40px;
}
.ArticleInMenuNew .SingleArticle .Tochuc .Phong {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        margin-left: 40px;
        padding: 5px 0 5px 20px;
}
.ArticleInMenuNew .SingleArticle .tool {
        /* height: 40px; */
        /* background: #fff; */
        text-align: right;
        width: 100%;
        padding-top: 0;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        align-items: center;
}
.ArticleInMenuNew .SingleArticle .Font_Color {
        position:relative;
        top: 20%;
        float: right;
        /* right: 32%; */
}
.ArticleInMenuNew .SingleArticle .tool span.line_height_increase {
        padding-right: 5px;
        background: url(images/tangtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
}
.ArticleInMenuTool{
        display:flex;
        align-items: center;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        margin: 10px 0;
}
.ArticleInMenuNew .SingleArticle .tool span.line_height_decrease {
        background: url(images/giamtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool #tangtuongphan {
        background: url(images/tangtuongphan.png) no-repeat 0 0;
        width: 35px;
        height: 35px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool #giamtuongphan {
        background: url(images/giamtuongphan.png) no-repeat 0 0;
        width: 35px;
        height: 35px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool span.font_plus {
        background: url(images/up.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
}
.ArticleInMenuNew .SingleArticle .tool span.font_minus {
        background: url(images/down.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: top;
}
.ArticleInMenuNew .SingleArticle .tool .print{
        background: url(images/p.png) no-repeat left top;
        width: 40px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
        line-height: 31px;
        font-size: 14px;
        font-weight: bold;
        color: #0051a0;
}
.ArticleInMenuNew .SingleArticle .tool .audio {
        background: url(images/audio.png) no-repeat 0 0;
        width: 45px;
        height: 35px;
        border:none;
        cursor: pointer;
        display:none;
}
.ArticleInMenuNew .SingleArticle .tool input::after {
        font-weight: bold;
        color: #0051a0;
}
input#Color {
        color: transparent;
        width: 20px;
        padding: 0;
        padding-left: 0 !important;
        border-spacing: 0;
        border-collapse: collapse;
        height: 20px;
        border: none;
}
.ArticleInMenuNew .UISocialShare {
        margin: 20px 0;
}
.ArticleInMenuNew .UISocialShare .facebook, .likefacebook, .gplus {
        float: left;
        margin-right: 10px;
}
@media only screen and (max-width: 768px) {
        .ArticleInMenuNew .ArticleInMenuTool {
                height: 40px;
                background: #fff;
                text-align: right;
                width: 100%;
                padding-top: 0;
                cursor: pointer;
                /* display: block !important; */
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                margin-bottom:25px;
        }
        .ArticleInMenuNew .SingleArticle .tool {
                width: 83vw !important;
                display: flex;
                justify-content: space-around !important;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: stretch;
                height: 40px !important;
                line-height: 40px !important;
        }
        .PostDate{
                line-height: 40px;
                font-size: 10px;
                display: inline-block;
                width: 60vw;
                line-height: 40px !important;
        }
        .tool{
                width: 60vw !important;
                display: flex;
                justify-content: space-around !important;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: stretch;
                height: 40px !important;
                line-height: 40px !important;
        }
        .tool .font_plus,
        .tool .font_minus,
        .tool .print,#tuongphan{
                display: none !important;
        }
        .speak-text{
                font-size: 12px;
                padding-right: 5px !important;
        }
        .ArticleInMenuNew .SingleArticle .Ngaydang{
                width: 65vw !Important;
                font-size: 12px;
        }
        .custom-audio{
                padding-right: 10px;
        }
        .ArticleInMenu{
                overflow: hidden !important;
                border:unset !Important;
                box-shadow: unset !important;
                margin: 0 !important;
        }
        .ArticleInMenuNew{
                padding: 0 10px !important;
                margin: 0 !important;
        }
        .ArticleInMenuNew .SingleArticle .Font_Color span{
                font-size:12px;
        }
        .ArticleInMenuNew .bm-player .play-button{
                margin-top: 0 !Important;
        }
}
.ArticleInMenu .Apple-tab-span {
        display: none;
}
.ArticleInMenu img {
        max-width: 650px !important;
}
ul.ArticleList li.row .col-lg-2, 
ul.ArticleList li.row .col-lg-10 {
    width: 100%; /* Ép cả ảnh và chữ rộng 100% của ô lưới */
    max-width: 100%;
    padding: 0;
    height: 200px;
    margin-bottom: 20px;
}
.ArticleInMenu .ArticleList li {
        list-style: none outside none;
        display: flex;
        flex-direction: column;  /* Chuyển nội dung bên trong ô thành dạng dọc (ảnh trên, chữ dưới) */
        width: 100%;
        margin: 0;
        padding: 10px;
         /* Tạo khung nhẹ cho từng ô nếu muốn */
        box-sizing: border-box;
}
.ArticleInMenu li img {
        border: 1px solid #CCCCCC;
        padding: 2px;
        width: 100%;
        height: auto; /* Giữ đúng tỷ lệ ảnh, không bị méo */
        object-fit: cover;
        margin-bottom: 10px; /* Tạo khoảng cách với chữ bên dưới */
}
.ArticleInMenu .detail {
        /*display: none;*/
}
.ArticleInMenu li .Title a {
        color: #0052af;
        font-weight: bold;
        font-size: 16px;
}
.ArticleInMenu li .Title a .new{
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn-2//themes/cdc/uihotnewsmodule/images/moi.gif) right center no-repeat;
}
}
.ArticleInMenu li .Title a:hover{
        /* color: #004ee2; */
        text-decoration:none;
}
.ArticleInMenu ul.ArticleList {
        margin: 0;
        display: grid !important;
        grid-template-columns: repeat(4, 1fr); /* Chia thành 3 cột đều nhau */
        gap: 20px; /* Khoảng cách giữa các ô lưới */
}
.ArticleInMenu a img {
}
.ArticleInMenu h2 {
        margin-bottom: 5px;
        line-height: 14px;
        float: unset !important;
}
.ArticleInMenu .Page {
        clear: both;
        display: block;
}
.ArticleInMenu .Paging {
        margin-top: 20px;
        text-align: right;
}
.ArticleInMenu .SingleArticle > table {
        margin: 0 !important;
}
.ArticleInMenu > table {
        margin: 0 !important;
        width: 100% !important;
}
.ArticleInMenu .SingleArticle .title {
        font: bold 11pt arial;
        /*display: none;*/
}
.ArticleInMenu .SingleArticle .Tochuc .Cap1 {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        padding: 5px 0 5px 25px;
}
.ArticleInMenu .SingleArticle .Tochuc li {
        background: url("Images/p.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        margin: 0 0 0 17px;
        padding: 2px 0 2px 22px;
        a
}
.ArticleInMenu .SingleArticle .Tochuc ol, .Tochuc ul {
        margin: 0;
        padding: 0 0 0 40px;
}
.ArticleInMenu .SingleArticle .Tochuc .Phong {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        margin-left: 40px;
        padding: 5px 0 5px 20px;
}
/*=========================*/
.ArticleInMenuNew {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        /* padding: 10px; */
        text-align: justify;
        width: 100%;
        border: 1px solid #ddd;
}
.ArticleInMenuNew .Apple-tab-span {
        display: none;
}
.ArticleInMenuNew img {
        max-width: 650px !important;
}
.ArticleInMenuNew li {
        clear: both;
        display: block;
        list-style: none outside none;
        padding: 10px 0;
}
.ArticleInMenuNew li img {
        border: 1px solid #CCCCCC;
        height: 135px;
        padding: 2px;
        width: 160px;
}
.ArticleInMenuNew .detail {
        clear: both;
        text-align: justify;
}
.ArticleInMenuNew li .Title a {
        color: #111;
        font-weight: bold;
}
.ArticleInMenuNew li .Title a:hover{
        color: #004ee2;
        text-decoration:none;
}
.ArticleInMenuNew ul {
        display: inline-block;
        margin: 0;
        padding: 0;
}
.ArticleInMenuNew a img {
        float: left;
        margin-right: 10px;
}
.ArticleInMenuNew h2 {
        margin-bottom: 5px;
        line-height: 14px;
}
.ArticleInMenuNew .Page {
        clear: both;
        display: block;
}
.ArticleInMenuNew .Paging {
        margin-top: 20px;
        text-align: right;
}
.ArticleInMenuNew .SingleArticle > table {
        margin: 0 !important;
}
.ArticleInMenuNew .SingleArticle .Ngaydang {
        color: #121212;
        /* font: italic 12px 'Roboto'; */
        text-align: left;
        /* margin-bottom: 10px; */
        height: 40px;
        width: 100%;
        line-height: 40px;
}
.ArticleInMenuNew > table {
        margin: 0 !important;
        width: 100% !important;
}
.ArticleInMenuNew .SingleArticle .title {
        color: #222b45;
        margin: 0 0 10px;
        text-align: left;
        font-size: 20px;
        font-weight: 700;
}
.ArticleInMenuNew .SingleArticle .Summary {
        text-align: justify;
        /* font-weight: 600; */
        padding: 5px 0;
        font-size: 16px;
        font-style: italic;
}
.ArticleInMenuNew .SingleArticle .author {
        text-align: right;
        font-weight:bold;
}
.ArticleInMenuNew .SingleArticle .Tochuc .Cap1 {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        padding: 5px 0 5px 25px;
}
.ArticleInMenuNew .SingleArticle .Tochuc li {
        background: url("Images/p.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        margin: 0 0 0 17px;
        padding: 2px 0 2px 22px;
}
.ArticleInMenuNew .SingleArticle .Tochuc ol, .Tochuc ul {
        margin: 0;
        padding: 0 0 0 40px;
}
.ArticleInMenuNew .SingleArticle .Tochuc .Phong {
        background: url("Images/home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        color: #CF3433;
        font: bold 10pt arial;
        margin-left: 40px;
        padding: 5px 0 5px 20px;
}
.ArticleInMenuNew .SingleArticle .tool {
        /* height: 40px; */
        /* background: #fff; */
        text-align: right;
        width: 100%;
        padding-top: 0;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        align-items: center;
}
.ArticleInMenuNew .SingleArticle .Font_Color {
        position:relative;
        top: 20%;
        float: right;
        /* right: 32%; */
}
.ArticleInMenuNew .SingleArticle .tool span.line_height_increase {
        padding-right: 5px;
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/tangtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool span.line_height_decrease {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/giamtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool #tangtuongphan {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/tangtuongphan.png) no-repeat 0 0;
        width: 35px;
        height: 35px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool #giamtuongphan {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/giamtuongphan.png) no-repeat 0 0;
        width: 35px;
        height: 35px;
        display: inline-block;
}
.ArticleInMenuNew .SingleArticle .tool span.font_plus {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/up.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
}
.ArticleInMenuNew .SingleArticle .tool span.font_minus {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/down.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
}
.ArticleInMenuNew .SingleArticle .tool .print{
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/p.png) no-repeat left top;
        width: 40px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
        line-height: 31px;
        font-size: 14px;
        font-weight: bold;
        color: #0051a0;
}
.ArticleInMenuNew .SingleArticle .tool .audio {
        background: url(https://storage-vnportal.vnpt.vn/cmu-khdn/1/images/audio.png) no-repeat 0 0;
        width: 45px;
        height: 35px;
        border:none;
        cursor: pointer;
}
.ArticleInMenuNew .SingleArticle .tool input::after {
        font-weight: bold;
        color: #0051a0;
}
input#Color {
        color: transparent;
        width: 20px;
        padding: 0;
        padding-left: 0 !important;
        border-spacing: 0;
        border-collapse: collapse;
        height: 20px;
        border: none;
}
.ArticleInMenuNew .UISocialShare {
        margin: 20px 0;
}
.ArticleInMenuNew .UISocialShare .facebook, .likefacebook, .gplus {
        float: left;
        margin-right: 10px;
}
@media only screen and (max-width: 768px) {
        .ArticleInMenuNew .ArticleInMenuTool {
                height: 40px;
                background: #fff;
                text-align: right;
                width: 100%;
                padding-top: 0;
                cursor: pointer;
                /* display: block !important; */
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                margin-bottom:25px;
        }
        .ArticleInMenuNew .SingleArticle .tool {
                width: 83vw !important;
                display: flex;
                justify-content: space-around !important;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: stretch;
                height: 40px !important;
                line-height: 40px !important;
        }
        .PostDate{
                line-height: 40px;
                font-size: 10px;
                display: inline-block;
                width: 60vw;
                line-height: 40px !important;
        }
        .tool{
                width: 60vw !important;
                display: flex;
                justify-content: space-around !important;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: stretch;
                height: 40px !important;
                line-height: 40px !important;
        }
        .tool .font_plus,
        .tool .font_minus,
        .tool .print,#tuongphan{
                display: none !important;
        }
        .speak-text{
                font-size: 12px;
                padding-right: 5px !important;
        }
        .ArticleInMenuNew .SingleArticle .Ngaydang{
                width: 65vw !Important;
                font-size: 12px;
        }
        .custom-audio{
                padding-right: 10px;
        }
        .ArticleInMenu{
                overflow: hidden !important;
                border:unset !Important;
                box-shadow: unset !important;
                margin: 0 !important;
        }
        .ArticleInMenuNew{
                padding: 0 10px !important;
                margin: 0 !important;
        }
        .ArticleInMenuNew .SingleArticle .Font_Color span{
                font-size:12px;
        }
        .ArticleInMenuNew .bm-player .play-button{
                margin-top: 0 !Important;
        }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .ArticleInMenu,.ArticleInMenuNew{
                width:100vw !Important;
        }
        .SingleArticle img{
                width:100% !important;
        }
        .SingleArticle{
                width: 100% !important;
        }
}
.Ngaydang,.ArticleCatName{
        display:none;
}