@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

/**********ADD BG***************/
.row.p-0.search_info {
    background: #fafafa;
}
.child_info {
    margin: 0 auto;
    width: 1200px;
}
.row.p-0.thematic_info {
    background: #f8f8f8;
}
.row.p-0.eventclosed {
    background-color: #f4f6f6;
    background-image: url(images/event.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.col-12.p-0.child_eventclosed {
    width: 1200px;
}
.header_menu_top {
    background-image: url(images/menu.jpg);
    width: 100%;
}
.row.p-0.cot102 {
    width: 1200px;
    margin: 0 auto;
}
.row.p-0.header_menu_top .child_menu_top {
    width: 1200px;
    justify-content: center;
    margin: 0 auto;
}
.row.p-0 {
    width: 1200px !important;
    margin: 0 auto;
}
.row.p-0.header_menu_top, .row.p-0.tin_van, .row.p-0.eventclosed, .row.p-0.search_info {
    width: 100% !important;
}
.col-lg-9 {
    padding-left: 0;
}
.col-lg-3 {
    padding-right: 0;
}
.row.p-0.thematic_info {
    background: #f8f8f8;
}
.row.p-0.eventclosed {
    background-color: #f4f6f6;
    background-image: url(images/event.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.row.p-0.tin_van {
    background: #fff5f5;
}
.row.p-0.tin_van .child_tin_van {
    width: 1200px;
    margin: 0 auto;
    justify-content: center;
}
/*******************************************/
*{
        text-rendering:geometricprecision}
body{
        margin:0 auto;
        padding:0}
a{
        color:#424242;
        font-size:14px;
        text-decoration:none}
img{
        border:medium none}
.MainStructure {
    font-family:Merriweather;
}
.MainStructure .TopBar{
    background: url("images/trongdong.png") no-repeat top center, url("images/bg.jpg") repeat-x scroll center top;
    text-align: center;
    width: 100%;
	display:inline-block;
	margin-bottom: 20px;
	position: relative;
}
.MainStructure .TopBanner {

}
.MainStructure .ContentBanner{
        display:inline-block;
        position:relative;
        width:100%;
        z-index:1;
}
.MainStructure .ContentBar{

}
.MainStructure .ContentBar td{
        max-width: 1200px;
}
.MainStructure .MainContent .ContentBar div.cottintuc, div.cot93{
	width:1200px;
    margin:0 auto;
}

.MainStructure .MainContent .ContentBar div.normal, .MainStructure .MainContent .ContentBar div.coltab{
		width:1200px;
}
.MainStructure .MainContent .ContentBar div.row{
		justify-content: center;
}
.MainStructure .MainContent .ContentBar div.coltab{
		margin: 0 auto;
}
.MainStructure .MainContent,.MainStructure .bottom-content{
        /* background:#fff none repeat scroll 0 0; */
        margin:0 auto;
        padding: 0;
        vertical-align:top;
        /*width:1200px*/
        }
.MainStructure .FooterBanner {
    margin: 0 auto;
    text-align: center;
    background: #810100;
    padding: 20px 0;
}
.MainStructure .FooterBar{
        display:inline-block;
        text-align:justify;
        width:100%
}

/**************scrollbar********************/
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
 
  /* Track */
  ::-webkit-scrollbar-track {
    background-color: #fafafa;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background-image: linear-gradient(-45deg, #d3d3d3, #d8d8d8);
    border-radius: 50px;
  }
/* end */

@media only screen and (min-width: 1024px) and (max-width:1920px){
        .row.p-0.bacot .col-lg-6 {
            padding-left: 15px !important;
        }
        .row.p-0.bacot .col-lg-6:first-child {
            padding-right: 15px !important;
            padding-left: 0 !important;
        }
}


@media only screen and (max-width:1200px){
        .MainStructure .FooterBanner {
                width: 1200px !important;
        }
        .row>*{
    padding:0 8px;}
        .col-lg-6 {
    padding-left: 15px;}
} 

/*************CSS Ipad ngang************/
 @media only screen and (min-width: 1024px) and (max-width: 1365px){
	.row.p-0, .row.p-0.header_menu_top .child_menu_top, .row.p-0.tin_van .child_tin_van {
	    width: 1024px !important;
	}
	.MainStructure .FooterBanner {
	      width: 100% !important;}
	.row>* {
	    padding:0 8px;
	}
	.col-lg-6 {
	    padding-left: 15px;
	}     
}

/************CSS Ipad dọc*********/
@media only screen and (min-width: 769px) and (max-width: 820px){
 .row.p-0 {
    width: unset !important;
} 
 .MainStructure .FooterBanner {
         width: unset !important;
        }
}

@media only screen and (max-width:768px){
        .cot93 .col-lg-9,
         .cot93 .col-lg-3{
	    padding: 0 !important;
		}
  
        .MainStructure .ContentBar td {
		    width: 100% !important;
		}
        .MainStructure .TopBar{
                margin-bottom:0;
        }
        .MainStructure .FooterBanner {
                margin-bottom: 0 !important;
        }
	    .row.p-0.search_info {
		    background: #fafafa;
		}
        .row.p-0 {
		    width: 100vw !important;
		}
		.child_info {
		    margin: 0 auto;
		    width: 100vw;
		}
		.row.p-0.thematic_info {
		    background: #f8f8f8;
		}
		.row.p-0.eventclosed {
		    background-color: #f4f6f6;
		    background-image: url(images/event.png);
		    background-position: center center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}
		.col-12.p-0.child_eventclosed {
		    width: 100vw;
		}
		.header_menu_top {
		    width: 100%;
		}
		.row.p-0.cot102 {
		    width: 100vw;
		    margin: 0 auto;
		}
		.row.p-0.header_menu_top .child_menu_top {
		    width: 100vw;
		    justify-content: center;
		    margin: 0 auto;
		}  
       .UIFooter_Default .UIFooterControl img{
	        max-width: 50% !important;
        }
}