.ContentBanner .BeforeArticle {
        width: 1300px;
        margin: 0 auto;
    }
     
    /*
    * {
            font-family: "Merriweather", "Roboto", "Inter";
    } 
    */
    :root{
            --bg-blue: #0471b6;
            --bg-blue-light: #5b8fbb;
            --bg-blue-weight: #004c76;
            --padding-res: 0 16px;
    }
    @media only screen and (max-width: 768px){
            .MainStructure  .layout-1-flex div.flex-content {
                    display: block !important;
            }
    }
    .MainStructure .layout-1-flex div.flex-content > div[type="zone"] >* {
        min-width: 100px;
    }
    .MainStructure  .layout-1-flex div.flex-content .flex-content div[type=zone] {
            display: flex;
    }
    .MainStructure .layout-1-flex div.flex-content > div[type="zone"] {
        display: flex;
    }
    .MainStructure  .layout-1-flex div.flex-content {
            display: flex;
            justify-content: end;
            align-items: baseline;
            gap: 20px;
            /* margin-top: 20px; */
    }
    .MainStructure  .layout-1-flex div.flex-content, .MainStructure .layout-1-flex, .MainStructure .layout-1-flex .zone {
            width: 100%;
    }
    .MainStructure .ContentBar:first-child {
            padding: 10px 0;
    }
    body {
            margin: 0 auto;
            padding: 0;
            /* background: url(images/bg-trongdong.png) top fixed; */
            background-repeat: no-repeat;
            background-size: contain;
            /* background-color: #A90D11; */
    }
    td:has(>.UIBannerControl) {
            position: relative;
    }
    a {
            color: #212529;
            font-size: 15px;
            text-decoration: none;
            line-height: 1.4;
    }
    img {
            border: medium none;
            max-width: 100%;
    } 
figure.image-wrapper{
        overflow: hidden;
        display: inline-block;
        margin: 0;
}
    .MainStructure .TopBanner {
            margin: 0 auto;
            position: relative;
            width: 1300px;
            display: flex;
            justify-content: center;
            margin-top: 20px;
    }
    .MainStructure .TopBar {
            display: inline-block;
            text-align: justify;
            width: 100%;
    }
    .MainStructure .ContentBanner {
        display: flex;
        /* position: relative; */
        width: 100%;
        z-index: 1;
        justify-content: center;
        background-size: 100%;
        /* flex-wrap: wrap; */
        flex-direction: column;
    }
    .MainStructure .MainContent {
            /* background: #fff none repeat scroll 0 0; */
            display: table;
            margin: 0 auto;
            padding: 10px;
            vertical-align: top;
            width: 1200px;
    }
    .MainStructure .LeftBar {
            padding: 20px 20px 10px 0px;
            text-align: justify;
            vertical-align: top;
            padding-top: 0;
    }
    .MainStructure .ContentBar {
            padding: 0;
            text-align: justify;
            vertical-align: top;
    }
    .MainStructure .FooterBanner {
            width: 100%;
            padding: 0;
            color: #fff;
            text-align: center;
            font-size: 15px;
            line-height: 22px;
            display: flex;
            justify-content: center;
    }
  .MainStructure .FooterBar {
        color: #E9E9E9;
        /* margin-bottom: 30px; */
        width: 1300px;
        margin: auto;
}
.MainStructure .FooterBar a{
        color:#d0d0d0;
}
.MainStructure .FooterBar a:hover{
        color:#fff;
}
/*.MainStructure .FooterBanner {
text-align: center;
width: 1260px;
background: #005ba0;
height: auto;
padding: 20px 10px;
margin: auto;
position: relative;
background-image: url("images/pattern2.png");
}*/
.MainStructure .FooterBanner {
        text-align: center;
        max-width: 100%;
        width: 100%;
        background: #f5f5f5;
        height: auto;
        padding: 20px;
        margin: auto;
        position: relative;
        /* background-image: url("images/pattern2.png"); */
        border-top: 45px solid #f0f0f0;
}
    img[src=""]::after {
            content: '';
            width: 100%;
            height: 100%;
            background: white url(images/noimage.png);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            font-weight: bold;
            background-size: cover;
            background-repeat: no-repeat;
            border: 1px solid #ededed;
    }
    img[src=""] {
            position: relative;
            /* border: 1px solid silver; */
            border-radius: 2px;
            min-width: 20px;
            min-height: 20px;
            display: inline-block;
            background: white url(images/noimage.png) !important;
            background-size: cover !important;
    }
    ::-webkit-scrollbar {
            width: 4px;
            height: 6px;
    }
    ::-webkit-scrollbar-track {
            background: #CCCCCC;
            border-radius: 3px;
    }
    ::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background: #6c757d59;
    }
    td#ContentBar1 {
            padding: 0;
    }
    .no-img{
        display: none;
      }
    @media only screen and (min-width: 1024px) and (max-width: 1190px){
            .MainStructure .LeftBar{
                    max-width: calc(100vw - 300px);
            }
            .MainStructure .ContentBar>table>tbody>tr>td:nth-child(1) {
                    max-width: calc(100vw - 300px);
            }
            .MainStructure .TopBanner{
                    width: 100vw;
            }
    }
    @media only screen and (max-width: 1024px){
            div.MainStructure .fixed {
                    padding-top: 10px !important;
            }
            div.MainStructure .LeftBar {
                    padding-top: 10px;
            }
            .MainStructure .MainContent{
                    width: 100%;
                    max-width: 100%;
            }
            .MainStructure .layout-1-flex div.flex-content, .MainStructure .layout-1-flex, .MainStructure .layout-1-flex .zone{
                    width: 100vw;
            }
            .row-5-col > td {
                    max-width: 335px !important;
            } 
            div.MainStructure .LeftBar tr.tr-col3 > td {
                    max-width: 350px;
            }
    }
    @media only screen and (max-width: 768px){
            div.MainStructure .LeftBar tr.tr-col3 > td, .row-5-col > td {
                    max-width: 100vw !important;
            }
           .MainStructure .ContentBanner > div {
               max-width: 100vw !important;
            }
            .MainStructure .ContentBanner > .MainArticle {
                grid-template-areas:
                    "left"
                    "right"
                    "bottom";
                grid-template-columns: 100vw;
                margin: 0;
            }
            .MainArticle > div.ArticleLeft,
            .MainArticle > div.ArticleRight{
                max-width: 100vw;
            }
            .MainStructure .layout-1-flex {
                    display: none;
            }
            .MainStructure .ContentBanner{
                    margin-top: 60px;
            }
            .bottom-tool{
                    display: none !important;
            }
            .MainStructure .FooterBar{
                    width: 100%
            }
            
    }