@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* ===== CHỐNG COPY & LẤY ẢNH ===== */

/* Chặn bôi đen */
/** {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

/* Chặn kéo ảnh */
/*img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
}*/

/* Chặn highlight */
/*::selection {
    background: transparent;
}
::-moz-selection {
    background: transparent;
}*/

* {
        text-rendering: geometricprecision;
        font-family: 'Roboto Condensed', sans-serif !important;
        outline: none;
        line-height: 1.5;
}
:root{
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
        --bg-blue-weight: #004c76;
        --padding-res: 0 16px;
        --color-primary: #034494;
        --menu-color: #1154b6;
        --color-yellow: #fff584;
        --color-brown: #b96f26;
        --color-red: #ff0000;
        --color-black: #000;
        --color-white: #ffff;
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.MainStructure #ContentBar>table:nth-child(odd) {
        /*background: #ebebeb;*/
        background: rgb(255 245 234);
}
.fa, .fas {
    font-family: "Font Awesome 5 Pro" !important;
}
.w-blue{

}
.w-1col-gray{
/*background: #FFF7E1 !important;*/
}
.w-gray{/* background: #FFF7E1; */}
img[src=""], img:not([src]) {
        content: url(https://storage-vnportal.vnpt.vn/vass/vme/2026/01/05/b40e135c-323a-4a42-855b-efa544929030.png);
}
img[src="https://storage-vnportal.vnpt.vn/vass/vme/content/uploads/cms/2022/01/14/logogreen.png"]{
        object-fit: contain !important;
        background: #fff !important;
}
.w-black{
        background: #2c2c2c;
}
.mt-30{
        margin-top: 30px;
}
.mt-20{
        margin-top: 20px;
}
body {
        margin: 0 auto;
        padding: 0;
}
a {
        text-decoration: none;
        font-size: 15px;
}
a:hover {
        color: #d42918;
        text-decoration: none;
}
img {
        border: medium none;
        max-width: 100%;
}
/*.layout-sticky.is-normal{
	position: fixed !important;
}*/
.layout-sticky.is-sticky .DropdownMenu{
background-color: #fff;
}
.MainStructure {
        background: none repeat scroll 0 0 #fff;
        text-align: center;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        width: 100%;
        display: flex;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        text-align: justify;
        width: 100%;
        min-height: 50px;
        position: relative;
}
.MainStructure .ContentBanner {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-bottom: 0;
}
.MainStructure .ContentBar1 {
        text-align: justify;
        vertical-align: top;
        padding: 10px 0px 10px 0px;
        padding-top: 0;
}
.MainStructure .LeftBar1 {
        text-align: justify;
        vertical-align: top;
        padding: 0px 10px 10px 0px;
}
.MainStructure .MainContent {
    background-color: #fff;
    display: inline-table;
    vertical-align: top;
    width: 100%;
    min-height: 50px;

}

.MainStructure .LeftBar {
        padding: 35px 15px 15px 15px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure table.w-1200-n >tbody>tr {
        display: flex;
        width: 1280px;
        margin: auto;
        position: relative;
        gap: 10px;
}
.MainStructure table.w-1200-n >tbody>tr>td:last-child {
        flex: 1;
}
.MainStructure table.w-1200.w-3col > tbody>tr {
     width: 1280px;
}
.MainStructure table.w-1200>tbody>tr {
        display: flex;
        width: 1280px;
        margin: auto;
        /*padding: 50px 0;*/
        position: relative;
        gap: 10px;
}
.MainStructure table.w-1200 >tbody>tr>td:last-child {
        flex: 1;
}
.MainStructure .ContentBar {
        text-align: justify;
        vertical-align: top;
}

.MainStructure .FooterBanner {
        min-height: 180px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        background-position: top;
        background-repeat: no-repeat;
}
.MainStructure .FooterBanner *{
        color: #0F3A2C;
}
.MainStructure .FooterBar {
        display: inline-block;
        text-align: justify;
        width: 1280px;
        position: relative;
}
::-webkit-scrollbar {
        width: 12px;
        height: 5px;
}
::-webkit-scrollbar-track {
        background: #e9ecef;
        border-radius: 3px;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d59;
}
@media only screen and (max-width: 768px){
        .MainStructure .TopBanner {
                margin: 0;
        }
        .MainStructure table.w-1200>tbody>tr {
                padding: 10px 0;
                display: block;
        }
        .MainStructure .ContentBar1 {
                padding: 0px;
        }
        .MainStructure .LeftBar1 {
                padding: 0px;
        }
        .MainStructure .MainContent {
                max-width: 100%;
        }
        .MainStructure .FooterBar {
                padding: 10px !important;
                padding-top: 0px !important;
                width: 100vw;
        }
        .MainStructure .ContentBar {
                padding: 0px;
        }
        .MainStructure .ContentBar1 {
                padding-left: 0;
        }
        .MainStructure table.w-1200-n >tbody>tr {
                width: 100vw;
        }
}