body {
    margin: 0 auto;
    padding: 0;
}
a {
    color: #424242;
    font: 10pt arial;
    text-decoration: none;
}
img {
    border: medium none;
}
.MainStructure {
    background: url("images/bg.jpg") no-repeat scroll center top #fff;
    text-align: center;
       
}
.MainStructure .TopBanner {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.MainStructure .TopBar {
    display: inline-block;
    margin-top: 0;
    text-align: left;
    width: 1150px;

}
.MainStructure .ContentBanner {
    display: inline-block;
    width: 100%;
}
.MainStructure .MainContent {
    display: inline-table;
    margin: 5px auto 0;
    vertical-align: top;
    width: 1150px;
 
}
.MainStructure .LeftBar {
    padding: 5px 20px 15px 12px;
    text-align: justify;
    vertical-align: top;
}
.MainStructure .ContentBar {
    padding: 5px 10px 15px 0;
    text-align: justify;
    vertical-align: top;
}
.MainStructure .FooterBanner {
    background: url("images/f.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 140px;
    margin: 0 auto;
    width: 100%;
}
.MainStructure .FooterBar {
    margin: 0 auto;
    width: 1150px;
}
.TabArticleControl{
height:auto!important;
}
@media only screen and (max-width: 768px){
        .MainStructure .FooterBar {
                width: 100% !important;
        }
        div.MainStructure .fixed {
                padding-top: 15px !important;
                padding-bottom: 40px !important;
        }
        .MainStructure .LeftBar,.MainStructure .LeftBanner,.MainStructure .ContentBar {
                display:block !important;
        }
        .MainStructure .ContentBanner {
                position: static;
        }
        .bottom-tool{
                display:none;
        }
        .MainContent>tbody>tr{
                display:flex !important;
                flex-direction:column-reverse !important;
        }
    .MainStructure {
        background-size: contain;
}
}