:root{
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
        --bg-blue-weight: #004c76;
        --padding-res: 0 10px;
        --color-primary: #034494;
        --menu-color: #1154b6;
        --color-yellow: #fff584;
        --color-brown: #b96f26;
        --color-red: #ff1100;
        --color-black: #031739;
        --color-white: #ffff;
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        --vass-red: var(--color-red);
        --vass-blue: #2085d5;
        --text-main: #333333;
        --bg-gray: #f8f9fa;
        --box-shadow: 0 4px 10px rgb(52 52 52 / 10%);
        --padding-box: 15px;
        --rounded: 8px;
        --margin-bottom: 15px;
        --swiper-theme-color: #007aff;
        --default-border: 1px solid #f8fafc;
        --label-size: 19px;
        --label-weight: 700;
        --label-top: 6px;
        --padding-double: 20px;
        --padding-box-mb: 0 10px;
}
*{
        text-rendering:geometricprecision}
body{
        margin:0 auto;
        padding:0;
        font-family: arial, sans-serif;
}
a{
        color:#222;
        font-size:14px;
        text-decoration:none}
img{
        border:medium none}
.MainStructure .TopBanner{
        background:#fff none repeat scroll 0 0;
        margin:0 auto;
}
.MainStructure .TopBannerTop{
        max-width: 1170px;
        margin: 0 auto!important;
}
.MainStructure .TopBar{
        background:#fff none repeat scroll 0 0;
        display:inline-block;
        /* margin-bottom:5px; */
        text-align:justify;
        width:100%;
        margin: 0!important
}
.MainStructure .ContentBanner{
        display:inline-block;
        position:relative;
        width:100%;
        z-index:1}
.MainStructure .ContentBar{
        max-width: 1170px;
}
.MainStructure .ContentBar td{
        max-width: 1170px;
}
.MainStructure .MainContent,.MainStructure .bottom-content{
        background:#fff none repeat scroll 0 0;
        margin:0 auto;
        vertical-align:top;
        display: flex;
        justify-content: center;
        max-width: 1170px;
}
.MainStructure .MainContent > .LeftBar {
        width:900px;
}
.MainStructure .MainContent > .ContentBar1 {
        width: 300px;
}
.MainStructure .MainContent:has(.ContentBar){
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 30px;
}
.MainStructure .FooterBanner {
        margin: 0 auto;
        text-align: center;
        background: #072043;
}
.MainStructure .FooterBar{
        background:#fff  none repeat scroll 0 0;
        display:inline-block;
        text-align:justify;
        width:100%}
@media only screen and (max-width:768px){
        .MainStructure .TopBar{
                margin-bottom:0}
        .MainStructure .FooterBanner {
                margin-bottom: 0 !important;
        }
        .MainStructure .MainContent:has(.ContentBar) {
                grid-template-columns: 1fr;
                gap: 30px;
        }
        .MainContent-one {
                padding: 0;
        }
}
@media only screen and (max-width:1200px){
        .MainStructure .FooterBanner {
                max-width: 1200px;
        }
}
.ContentBar1{
        margin-left: 20px;
}
.MainContent-one {
        max-width: 1170px!important;
        margin: auto;
}
.layout-2col-gap30{
        gap: 20px!important;
}
.layout-2col-gap30-1, .layout-2col-gap30-2 {
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-top: 15px;
}
.MainContent-one{
        margin: auto;
        max-width: 1170px;
}
@media (max-width: 1023px){
        .layout-2col-gap30{
                gap: 12px!important;
        }
        .ContentBar1{
                margin-left: 12px;
        }
        .layout-2col-gap30-1{
                margin-left: 10px;
        }
        .table-3-col td.td-layout:nth-child(3) {
                display: none!important;
        }
}
@media (max-width: 880px){
        .layout-2col-gap30-1, .layout-2col-gap30-2{
                border: none;
                align-content
        }
        .layout-2col-gap30-1{
                margin-left: 0px;
        }
}
@media (max-width: 768px){
        .ContentBar1{
                display: block!important;
        }
        .MainStructure .MainContent,.MainStructure .bottom-content{
                display: flex;
                flex-direction: column;
        }
        .MainStructure .MainContent > .LeftBar{
                width: auto!important;
                display: block!important;
                order:2;
        }
        .layout-2col-gap30{
                gap: 0px!important;
        }
        .ContentBar1{
                margin: 0px 0;
                width: 100vw !important;
                order:1;
        }
        .layout-2col-gap30-1, .layout-2col-gap30-2{
                border: none;
                margin-top: 0px;
                margin-left: 0!important
        }
        .table-3-col td.td-layout{
                width:100%!important;
        }
}
@media (min-width: 768px){
        .MainStructure .TopBanner,
        .MainStructure .ContentBanner,
        .MainStructure .FooterBanner{
                min-width: 1170px;
        }
}