@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
* {
        text-rendering: geometricprecision;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.4;
}
.TopBanner{
        -webkit-filter: grayscale(0) !important;
        -moz-filter: grayscale(0) !important;
        filter: grayscale(0 !important);
}
.page-title{
        font-family: Merriweather;
        font-weight: 700;
        font-size: 22px;
        color: #1B1D2D;
}
a {
        color: #212529;
        font-size: 14px;
        text-decoration: none;
}
img {
        border: medium none;
        max-width: 100%;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        position: relative;
        width: 100%;
        z-index: 1000;
}
.MainStructure .TopBar {
        text-align: justify;
        width: 100%;
}
.MainStructure .ContentBanner {
        position: relative;
        width: 100%;
        z-index: 1;
}
.MainStructure .MainContent {
        background: #fff none repeat scroll 0 0;
        margin: 0 auto;
        padding: 32px 10px;
        vertical-align: top;
        width: 1260px;
}
.MainStructure .LeftBar {
        padding: 10px 15px 10px 0px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding: 10px 0px 10px 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        text-align: center;
        /* background: #077edd; */
        width: 100%;
}
div.MainStructure .FooterBar {
        width: 100%;
        background: #064B9B url(images/trongdong.png) center;
        background-repeat: no-repeat;
}
.MainStructure table.MainContentFull {
        width: 1260px;
        margin: auto;
        max-width: 100%;
}
.MainStructure table.MainContentFull td#ContentBarFull {
        text-align: left;
}
.yhy-append-wrap{
        position: absolute !important;
        bottom: 0;
        left: 0;
}
@media only screen and (max-width: 768px){
        #yhy-append{
                display:none !important;
        }
        .MainStructure .FooterBar {
                width: 100% !important;
        }
        div.MainStructure .fixed {
                padding-top: 15px !important;
                padding-bottom: 40px !important;
        }
        .MainStructure .ContentBanner {
                position: static;
        }
        /*.MainStructure table.MainContentFull td#ContentBarFull table:nth-child(2) tr{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
}
        .MainStructure table.MainContentFull td#ContentBarFull table:nth-child(2) tr td:first-child{
        order:1;
}
        .MainStructure table.MainContentFull td#ContentBarFull table:nth-child(2) tr td:nth-child(2){
        order:3;
        grid-column:span 2;
}
        .MainStructure table.MainContentFull td#ContentBarFull table:nth-child(2) tr td:last-child{
        order:2;
}*/
        .bottom-tool{
                display:none;
        }
        .page-title{
                align-items:flex-start !important;
        }
        .MainStructure .ContentBar{
                display:block !important;
        }
}