:root {
--font-family-main: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.Mid_Content p 
{
    font-family: var(--font-family-main) !important;

    }
    
    .home li
    { font-family: var(--font-family-main) !important;
        }
        
.super_container .ytp-large-play-button
{
    display:none!important;
    
    }
        
        

@media (max-width:960px)
{
     body /* de ẩn menu khi vô chế độ di động, ở trên cùng, do đã chủ động tạo icon đó riêng */
     {   
        margin-top:-26px;
     }
}

img
{
	
}

a
{
	    text-decoration: none;
    color: #1665b1;
    font-size: 15px;
}
a:hover
{
	    text-decoration: none!important;
    color: #4e6497;
}


/*
*
{
    margin: 0;
    padding: 0;
}





*/

.Page
{	    
	margin:1px 0px 0px 0px;
	padding:0px;
	width: 100%;
	/*-webkit-box-shadow: rgba(0,0,0,.14) 0 0 5px; -moz-box-shadow: rgba(0,0,0,.14) 0 0 5px;  
	border-bottom: 10px solid #fff; background-color: #fff; border: 0px solid #7a98a7; overflow:hidden; 
    */
	text-align:justify;
	position:relative;	
}

.Main99
{
    background-repeat:repeat-x;
}

.Main
{
	margin-bottom:7px;
	background-color:White;
	border:#eeeeee 1px solid;
}

.Left
{
	width:200px;	
}

.Mid_Page
{
        /* border: #cccccc 1px solid; */
    /* float: left; */
    width: 100%;
    /* padding-top: 50px; */
    padidng-bottom: 50px;
}
.Mid_Content_Container img
{
	/* width:100%; */
}
.Mid_Title 
{
    background:
    url("Images/Site/mid-title-bg.png") left bottom;
    background-repeat:
    repeat-x;
    color:#f10303;
    text-align:
    left;
    font-weight:
    bold;
    text-transform:
    uppercase;
    /* float:left; */
    width:97.5%;
    padding:20px 0px 15px 0px;
    text-indent:-2px;
    margin-top:-2px;
    /* margin-left:20px; */
}
.Mid_Title h1
{
	 font-size:30px;		
}
.Mid_Title h3
{
    font-size:15px;			
	padding-left:0px;	
	color: #e40000;	
	margin: 8px 2px 5px 5px;
}

.Mid_Content
{
	/* padding:8px 0px 0px 0px; */
	margin-top:-1px;
	/* float:left; */
	width:100%;
}

.Mid_Content_Container /* class này chỉ bao tiêu đề tới phần tóm tắt, không bao phần PageList */
{
    /* padding:0px 10px 0px 10px; */
}

.Mid_NextRecord_Title
{
	    color: #f00800;
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 20px;
}

.Mid_NextRecord_Content ul
{
	margin:3px 0px 10px 0px;	
	float:left;
	width:100%;
}
.Mid_NextRecord_Content li
{
	    padding-left: 0px;
    margin-left: 25px;
    display: list-item;
    list-style-type: disc;
    text-align: -webkit-match-parent;
    font-size: 16px;
    font-weight: 600;
}


/* MENU O DUOI CUNG */
.BottomMenu99
{
    float:left;
    width:100%;    
    background-color:#bcc6ce;
}
.BottomMenu
{		    
    color:White;
    padding:4px 0px 4px 0px;        
    width:985px;                
}
.BottomMenu ul
{	    	
    margin-left:160px;	        
}
.BottomMenu li
{				
	float:left;	
	list-style:none;
	text-align:left;
	padding:0px 5px 0px 5px;
	border-right:1px #eeeeee dotted;
}
.BottomMenu li a
{        
    color:#094f7f;
    font-weight:bold;
}

.BottomMenu li a:hover
{   
    color:#799bb3;      
}

#BottomMenu_Active a
{	
	text-decoration:none;
	color:#e5631b;
}


.Footer-Top
{
    width:100%;
    background-image:url("Images/Footer/footer-bg.png");
    /*border-bottom:#45474a 10px solid;*/
    /*background-color:White;*/
}

.Footer-Top-2
{
    width:100%;
    background-image:url("Images/Footer/footer-bg-2.jpg");
    /*border-bottom:#45474a 10px solid;*/
    /*background-color:White;*/
}


/* MENU O DUOI CUNG */
.Footer99
{
    width:100%;
    float:left;
    background-color: #ff5e00;
}

.Footer
{
	color:#ffffff;
	font:13px/20px Arial;
}
.footer-left
{
	padding:20px 30px;
}
.footer-right
{
	padding:20px 30px;
}
@media (max-width:768px)
{
	.footer-left
    {
	    padding:20px 0px;
	    text-align:center;
    }

	.footer-right
	{
    	padding:0px 0px 60px 0px;    	    	    	    	
    	text-align:center;
	}
}

.Footer table
{
	width:100%;		
}
.Footer td
{	
	width:50%;				
}
.Footer a
{
	color:Yellow;
	text-decoration:underline;
}
.Footer a:hover
{
	color:White;
}


/*----------------- css cho contract page -----------------------*/
.Contact_Form 
{
	float:left;	
	width:100%;
	margin-bottom:10px;
}
.Contact_Form table
{
	BORDER-COLLAPSE: collapse;
	width:99%;
	border:0px;
	font:12/14px Verdana, Arial, Helvetica, sans-serif;	
}
.Contact_Form table td
{
	border:#CCCCCC 0px solid;
	/*background-color:#dae6f8;*/
	padding:3px;
	text-align:left;
}

/* List thư mục tập tin trong control */
.Explorer
{
    float:left;
    padding:10px;
}
.Explorer li
{
    float:left;
    width:150px;
    height:150px;
    list-style:none;
}
.Explorer img
{
    width:80px;
    height:80px;
}


#divLeftBanner
{
   position:fixed;
   top:10px;
}
.divLeftBanner_ img
{
    margin:0px;
    padding:0px;
}

#divRightBanner
{
    position:fixed;
    top:10px;    
}

.Notify
{
    position: fixed;
    top: 400px;
    left: 0px;
    color: White;
    padding: 10px;
    background-color: rgb(6, 186, 82);
}
.slide-items
{
	position:relative;
}
.slider-description
{
    text-align: left;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 60px 20px 10px 20px;
    width: 390px;
    background: rgba(100, 150, 180, 100);
    z-index: 999;
    height: 100%;
}
@media (max-width:1024px)
{
	.slider-description
	{
		width:300px;
	}
}
@media (max-width:768px)
{
	.slider-description
	{
	    padding-top:30px;
		width:250px;
	}
	.slider-description h2 a
	{
	    font-size:10px;
	    line-height:13px;
	}
}
@media (max-width:414px)
{
	.slider-description h2
	{
		font-size:20px;
	}
}
.slider-description h2 a
{color:#fff;font-size: 17px;line-height: 23px;font-weight: 600;}
.slider-description p
{
	font-size: 15px;
	font-weight:400;
}
/*.readmore
{
	font-size:16px;
	font-weight:400;
	color:red;
}*/
.slider-description a.readmore{float:right; color:#346db6; font-size:18px; font-weight:normal; width:80%; text-align:right; 
                                                 padding:6px 20px 6px 0px; margin: 20px 10px 0px 0px;
                                                 background:url(Images/Buttons/read-more-bg.png) repeat-y right center;}
.Mid_NextRecord_Content a
{
	color: #0965AB;
}
.Mid_NextRecord_Content a:hover
{
	color:#B52503;
}


.shadow-box
{
   background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  box-shadow: 0 4px 20px rgb(169, 169, 142);

  transition: all 0.4s;
  height:284px;
  padding:15px;    
  margin-top:20px;  
}

.shadow-box:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  box-shadow: 0 10px 30px rgb(232, 232, 9);
}


/*#region Lên đầu trang */
#goTop {
       position: fixed;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    color: #fda31b;
    font-size: 40px;
}

    #goTop:hover {
           color: #fda31b;
    }
    
/* popup-box ở home    */

.modal-popup-home
{
    width:100%;
    max-width:1000px;
}