@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*{
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px ;
}
body {
        margin: 0 auto;
        padding: 0;
}
a {
        color: #424242;
        font: 10pt arial;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure {
        background: #f4f4f4 none repeat scroll 0 0;
        text-align: center;
}
.MainStructure .TopBanner {
        text-align: center;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        position: relative;
        text-align: justify;
        width: 100%;
        background: #fff;
        /* overflow: hidden; */
}
.MainStructure .ContentBanner {
        background: #f4f4f4 none repeat scroll 0 0;
        display: inline-block;
        position: relative;
        width: 100%;
}
.MainStructure .MainContent {
        background: #ffffff none repeat scroll 0 0;
        display: inline-table;
        margin: 0 auto;
        vertical-align: top;
        width: 1210px;
        padding: 0 10px;
}
.MainStructure .LeftBar {
        padding: 10px;
        text-align: justify;
        vertical-align: top;
        padding-bottom: 0;
}
.MainStructure .ContentBar {
        padding: 10px;
        text-align: justify;
        vertical-align: top;
        padding-bottom: 0;
}
.MainStructure .FooterBanner {
        background: #e9e9e9 none repeat scroll 0 0;
        border-top: 7px solid #479513;
        width: 100%;
}
.MainStructure .FooterBar {
        display: inline-block;
        text-align: justify;
        width: 1210px;
        padding: 20px 0;
}
.ContentBarFull{
        padding: 10px;
        max-width: 100vw;
}
@media only screen and (max-width: 768px){
        .ContentBarFull{
                padding: 0;
        }
}