* {
        text-rendering: geometricprecision;
        font-size:14px;
        font-family: 'Roboto', Arial;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 0;
}
body {
        margin: 0 auto;
        padding: 0;
}
.mb-2 {
        margin-bottom: 0.5rem!important;
        display: flex;
        width: 75%;
}
a {
        color: #424242;
        font-size:14px;
        font-family: 'Roboto', Arial;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure {
        text-align: center;
        /* background: #f1f1f1 url(images/top2.jpg) repeat-x center top; */
        background-position-x:-12px;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        position: relative;
        width: 100%;
        background: url(images/bannerdo.jpg);
        background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: right;
        
}
.MainStructure .TopBar {
        text-align: justify;
        width: 1280px;
        padding: 10px;
        margin: 0 auto;
}
.MainStructure .ContentBanner {
        position: relative;
        width: 100%;
        z-index: 1;
        /* background-image: url("images/bg_trongdong.png"); */
        /* background-attachment: fixed; */
        background-position: right -200px top;
        /* background-repeat: no-repeat; */
}
.MainStructure .MainContent {
        /* background: #fff none repeat scroll 0 0; */
        margin: 0 auto;
        padding: 10px;
        vertical-align: top;
        width: 1280px;
        border-collapse: inherit;
}
.MainStructure .LeftBar {
        padding: 0 15px 0 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        background: #f3f3f3;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        position: relative;
}
.MainStructure .FooterBar {
        margin: 2px auto 0;
        padding: 10px;
        width: 1280px; 
}
.MainStructure .MainContent, .LeftBar, ::after, ::before{
        box-sizing: revert;
}
.MainStructure .MainContent  *{
        line-height: 1.4;
}

.FooterBanner:after {
            content: "";
            position: absolute;
            width: 100%;
            background-color: #b70100;
            right: 0;
            height: 60px;
            bottom: 0;
}
@media only screen and (max-width: 768px) {
        .MainStructure .MainContent{
                padding: 10px 0;
        }
        .MainStructure .TopBar {
padding: 0;
}
        .ListControl .mb-2 {
                margin: 0 !important;
                padding-left: 5px;
                display: inherit;
        }
        .MainStructure {
                text-align: center;
                background: none;
                background-position-x:-12px;
        }
        .MainStructure .TopBanner {
                margin: 0 auto;
                position: relative;
                width: 1180px;
                background: #f1f1f1 url("images/top2.jpg") no-repeat top;
        }
                .FooterBanner:after {
            content: unset;
}
.MainStructure .FooterBar {
    padding: 0px;
}
}