:root{
        --body-width: 1200px;
        --bg-blue-weight: #b10804;
        
}

.MainContent {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);    
}
.ContentWrapper {
        background: #fff none repeat scroll 0 0;
        margin: 0 auto;
        vertical-align: top;
        width: 1320px;
}

.ContentBanner > div {
        max-width: var(--body-width);
        margin: 0 auto;
}

.ContentWrapper {
        display: flex;
        flex-direction: row;
        width: 100%;
}
.ContentBar {
        max-width: 75%;
        min-width: 75%;
        box-sizing: border-box;
        padding-right: 10px;
}
.RightBar {
        max-width: 25%;
        min-width: 25%;
        box-sizing: border-box;
}
@media (max-width: 768px) {
        .ContentWrapper {
                flex-direction: column;
        }
        
         .ContentWrapper {
			width: 100vw;
        }
        
        .ContentBar,
        .RightBar {
                width: 100%;
                max-width: 100%;
        }
}




*{
        text-rendering: geometricprecision;
        /*font-weight: bold;*/
        /* font-size:14px; */
}
body {
        margin: 0 auto;
        padding: 0;
}



.MainStructure .TopBanner {
        margin: 0 auto;
        /*background: url(Images/header.png) repeat-x center center;*/
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        min-height: 105px;
}
.MainStructure .TopBar {
        text-align: justify;
        position:relative;
        width: 100%;
        margin: 0 auto;
        background: #fff;
}

.view-more::before {
  display: none !important;
  content: none !important;
}

.view-more {
    text-align: right;
}

.view-more a {
	color: #005ba0 !important;
        font-weight: bold;
}

a {
    color: #004370;
    /* font-family: Roboto, sans-serif; */
    font-size: 12px;
    text-decoration: none;
}

.ContentWrapper {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);    
}


@media only screen and (min-width: 1024px) {
    .ContentWrapper {
padding: 5px;
        }
}


/*css layout grid cong tinh 2 cot 75 - 25*/
.congtinh_parent_7525 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
}

.congtinh_div1_2cot_7525 { grid-area: 1 / 1 / 2 / 4; }
.congtinh_div2_2cot_7525 { grid-area: 1 / 4 / 2 / 5; }

@media (max-width: 768px) {
            .congtinh_parent_7525 {
                grid-template-columns: 1fr; /* Chỉ 1 cột */
                grid-template-rows: auto;
            }

            /* Cho phép các phần tử tự động xếp hàng */
            .congtinh_div1_2cot_7525,
            .congtinh_div2_2cot_7525 {
                grid-area: auto;
            }
        }
@media (max-width: 820px) {
    .congtinh_parent_7525 {
        grid-template-columns: 1fr; /* Chuyển sang 1 cột */
        grid-template-rows: auto;
        width: 100vw;
    }

    .congtinh_div1_2cot_7525,
    .congtinh_div2_2cot_7525 {
        grid-area: auto;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .congtinh_parent_7525 {
        grid-template-columns: 1fr; /* Chuyển sang 1 cột */
        grid-template-rows: auto;
    }

    .congtinh_div1_2cot_7525,
    .congtinh_div2_2cot_7525 {
        grid-area: auto;
    }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  
}

/*end - css layout grid cong tinh 2 cot 75 - 25*/