@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&family=Roboto:wght@400;500&display=swap');
*{
        font-family: 'Roboto';
        font-size: 14px;
}
.fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome !important;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
.SearchResults .DataPager .CurrentPage {
        color: #114d8d;
        font-weight: bold;
}
body {
        margin: 0 auto;
        padding: 0;
        background: #eee url("images/bgtrongdong.png") top center no-repeat;
}
a {
        color: #424242;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure .TopBar > table:first-child {
        /* height: 150px; */
}
.trang-chu-63642 {
        display: none;
}
.MainStructure {
        text-align: center;
        /*    background: url(images/bg.png); */
        box-shadow: 0 0 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171;
        max-width: 1320px;
        margin: auto;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        max-width: 1320px;
        /* width: 1100px; */
        /*  background: #fff;*/
}
.MainStructure .TopBar {
        text-align: justify;
        max-width: 1320px;
        position: relative;
        margin: 0 auto;
        padding: 0px;
        /* box-shadow: 0 -1px 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171;*/
        background-color: #fff;
}
/*.MainStructure .ContentBanner .row{
box-shadow: 0 0 0 0 white, 0 1px 0 0 white, 4px 0 15px -4px #7b7b7b, -4px 0 15px -4px #717171;
background-color: #fff;
}*/
.MainStructure .ContentBanner {
        position: relative;
        max-width: 1320px;
        z-index: 1;
        padding-top: 0;
        padding-bottom: 0;
        background: #fff;
}
.MainStructure .MainContent {
        background: #fff;
        margin: 0 auto;
        padding: 5px;
        vertical-align: top;
        width: 1300px;
        /* width: 1100px;*/
}
.MainStructure .LeftBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
}
.MainStructure .ContentBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
}
.MainStructure .FooterBar {
        color: #E9E9E9;
        /* margin-bottom: 30px; */
}
.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: 1320px;
        background: #114d8d;
        height: auto;
        padding: 20px 10px;
        margin: auto;
        position: relative;
        background-image: url("images/pattern2.png");
}
@media only screen and (min-width: 769px) and (max-width: 1300px){
        .MainStructure{
                width:100vw;
        }
        .MainStructure .MainContent{
                width:100vw;
        }
        .MainStructure .TopBanner, .MainStructure .TopBar, .MainStructure .FooterBanner{
                width:100vw;
        }
}
@media only screen and (max-width: 768px) {
        .MainStructure .ContentBar {
                display: block !important;
                --position: fixed;
                right: 0;
                top: 0;
                z-index: 10;
                bottom: 0;
                padding: 0px 0px !important;
                /* overflow-y: scroll; */
                background: white;
                /* margin-top: 30px !important; */
                /* padding-bottom: 40px !important; */
                /* height: 100vh !important; */
                width: 100vw !important;
                box-shadow: 0 0 10px #444444;
                padding-top: 5px !important;
        }
        .bottom-tool {
                display: none;
        }
        .table-3-col td {
                margin-top: unset !important;
        }
        .btn-right {
                display: none;
        }
        .btn-left {
                display: none;
        }
        .bottom-tool {
                display: none;
        }
}
@media(max-width: 768px){
}