*{
        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;
        }
}
@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
        }
        
}
@media (max-width: 680px){

}