@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
:root {
        --primary: #b90e01;
}
* {
        text-rendering: geometricprecision;
        outline: none;
        text-decoration: none;
        font-family: 'Roboto Condensed', sans-serif;
}
body {
        margin: 0 auto;
        padding: 0;
}
a {
        color: #444;
        text-decoration: none;
        font-size: 14px;
}
a:hover {
        color: #b90e01;
        text-decoration: none;
        font-size: 14px;
}
img {
        border: medium none;
        max-width: 100%;
}
.MainStructure {
        background: none repeat scroll 0 0 #fff;
        text-align: center;
}
.MainStructure .TopBanner {
        margin: 0 auto;
        /* width: 1180px; */
        /* box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 10%); */
        background: #fff;
        display: flex;
        margin-bottom: 10px;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        text-align: justify;
        width: 100%;
        min-height: 50px;
        position: relative;
}
.MainStructure .TopBar table[style="table-layout: fixed"]{
        width: 1180px;
        margin: 0 auto;
}
.MainStructure .ContentBanner {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-bottom: 0;
}
.MainStructure .MainContent {
        background: none repeat scroll 0 0 #fff;
        /* box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 10%); */
        display: inline-table;
        margin: 0 auto;
        vertical-align: top;
        width: 1180px;
        min-height: 50px;
}
.MainStructure .LeftBar {
        padding: 35px 15px 15px 15px;
        text-align: justify;
        vertical-align: top;
        width: 220px !important;
}
.MainStructure .ContentBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        background: #03a800 none repeat scroll 0 0;
        min-height: 180px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        /* box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 10%); */
}
.MainStructure .FooterBar {
        display: inline-block;
        text-align: justify;
        width: 1180px;
        padding: 20px 0;
}
::-webkit-scrollbar {
        width: 5px;
        height: 5px;
}
::-webkit-scrollbar-track {
        background: #e9ecef;
        border-radius: 3px;
}
::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #6c757d59;
}
@media only screen and (min-width: 769px){
.MainStructure .TopBar .layoutkdt {
    width: 1180px;
    margin: 0 auto;
    background: white;
    padding-bottom: 5px;
    /*display: block;*/
        height: 105px;
}
} 
@media only screen and (max-width: 768px){
        .MainStructure .TopBanner {
                margin: 0;
        }
        .MainStructure .MainContent {
                max-width: 100%;
        }
        .MainStructure .FooterBar {
                padding: 20px !important;
                padding-top: 15px !important;
        }
}
