@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
:root {
        --padding-res: 0 16px;
        --color-primary: #205295;
        --color-hover: #144272;
        --color-black: #0B1215;
        --text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
*{
        font-family: 'Roboto Condensed', sans-serif;
}
a {
        color: #424242;
        /*font: 10pt arial;*/
        text-decoration: none;
}
.MainStructure {
        background: none repeat scroll 0 0 #fff;
        text-align: center;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        width: 1350px;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        text-align: justify;
        width: 1350px;
        position: relative;
}
.MainStructure .ContentBanner {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
}
.MainStructure .MainContent {
        /* background: none repeat scroll 0 0 #fff; */
        display: inline-table;
        margin: 0 auto;
        vertical-align: top;
        width: 1350px;
}
.MainStructure .LeftBar {
        padding: 0 10px 0 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding: 0px 0 0 10px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        /* height: 200px; */
        margin: 0 auto;
        text-align: center;
        rgba(0, 0, 0, 0.5);
        background: #0076c0;
}
.MainStructure .FooterBar {
        border-radius: 0 0 10px 10px;
        display: inline-block;
        text-align: justify;
        width: 1350px;
}
@media only screen and (max-width: 768px){
        .MainStructure{
                background:#fff;
        }
        .MainStructure .ContentBar{
                display:block !important;
                position: static;
                overflow: auto;
                padding-bottom: 0 !important;
                padding: 0;
                height: unset !important;
        }
        .MainStructure .MainContent tbody tr{
                display:flex;
                flex-direction:column;
        }
        .bottom-tool{
                display:none;
        }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
        .MainStructure{
                width : 100vw;
        }
        .MainStructure .TopBanner,
        .MainStructure .TopBar,
        .MainStructure .MainContent,
        .MainStructure .FooterBar{
                width:100%;
        }
        .TopBar, .TopBanner {
        }
        .table-3-col td {
                display: block;
                width: 100% !important;
        }
}