/*------------ MENU TOP -----------------*/
.TopMenu99
{             
    float:left;
    width:100%;  
    background-color: #FFFFFF;     
    height:40px; 
}
.TopMenu
{	
	float:right;	
	margin-top:5px;	           
}
.TopMenu ul
{
	float:right;	
}
.TopMenu li
{
	float:left;	
	list-style:none;
	text-align:center;
	margin-top:1px;
	padding:8px 10px 6px 10px;
}
    
.TopMenu li a
{	
    color: rgb(35, 94, 168);
    font-size:13px;
}

.TopMenu li a:hover
{
	
}

#TopMenu_Active
{		
    background-color:White;
    
    text-decoration: underline;
} 
#TopMenu_Active a
{		
    color: rgb(238, 0, 0);
} 


/* o đang nhập đăng ký ở dưới chỗ Dành cho nhà tuyển dụng */
.QuickLogin
{
    float:right;
    padding:10px 30px 0px 0px;    
    
}

/* -------------------- div của control search ----------------- */
.form-control
{    
    border-color: #7CB1FF;
    background: transparent;
}
/* ------------- DIV SEARCH FORM  EXPAND ------------------------*/
#divSearchForm
{
	position:absolute;
	top:70px;	
	left:408px;
	text-align:center;
	background-color:White;	
	border:#d2d1d1 1px solid;	
	border-top:none;
	padding:0px 10px 5px 10px;
	color:#545454;	
	z-index:2001;
}
#divSearchForm a
{
	color:#545454;
}

.Search_Button
{
	background-image:url("Images/Buttons/search-icon.png");		
	background-repeat:no-repeat;	
	background-position:right center;
	cursor:pointer;		
}


/* -------------------- div để chưa ô giỏ hàng ----------------- */

/* -------------------- div của control search ----------------- */
.CartContainer
{
   float: left;
   /* width:97%; */
   position:relative;
   margin-bottom:-500px;
   margin-left: 10px;
   margin-top: 7px;
}
@media (max-width: 378px)
{
   .CartContainer
    {
       margin-bottom:0px;
    }
}
@media (min-width: 992px) 
{
    .CartContainer
    {
		 float: right;
		 /* width:70%; */
		 margin-top: -5px;
		 margin-bottom: -15px;
	}
}

.Cart_Content
{				
	font-size:14px;
}
.Cart_Content a
{
    color: #337ab7;
}
.Cart_Content a:hover
{
    color:#05559A;
}

.Cart_Content ul
{		
}
.Cart_Content li
{    
	list-style:none;
	float:right;			
}
.CartValue
{
    color: #e5101d;
    font-weight:bold;
}


#Language
{
    position:absolute;
    top:90px;
    right:10px;    
}
#Search
{
    position:absolute;
    top: 45px;
    right: 10px;    
}


.Right-Panel 
{
    display:block;
    position:fixed;
    bottom:150px;
    right:-60px;
}
.Right-register
{
    display:block;
    position:fixed;
    bottom:302px;
    right:-60px; 
}
.Right-Panel a, .Right-register a
{
     color:White;
}
.Right-Panel .Login, .Right-register .Register
{
     background-color: #0F57AA;
     transform: rotate(-90deg);
     -moz-border-radius: 5px;/* from vector shape */
     -webkit-border-radius: 5px;/* from vector shape */
     border-radius: 5px;/* from vector shape */
     color: White;
     padding: 6px 20px 10px 20px;
     font-size: 14px;
     width:150px;
     text-align:center;
     opacity:0.7;
}

@media (max-width: 768px) 
{
    .Right-Panel
    {
        
    }
    .Right-register
    {
        
    }
}



/* 4 cột trên top: Search, language, Menu, Login */

.head-col-1 /* hot line*/
{
    width: 20%;
    float:left;
    margin-top: 7px;
    
}
.head-col-2 /* icon share & search */
{    
    float: right;
    text-align: right;
    
}
.head-col-3 /* member */
{
    width: 13%;
    float: right;
    margin-top: 7px;
    
}
.head-col-4 /* card */
{
    width: 4%;
    float: right;
    text-align: right;
    position: relative;
    margin-top: 5px;
    
}

.search{
  display: inline-block;
}

.navbar-nav
{
    float:right;
}

@media (max-width:900px)
{
   .head-col-1
	{
		width:25%;	
		
	}
	
	.head-col-3
	{		
		width:18%;
	}
	.head-col-4 /* card */
	{
		width:7%;
	}

}

@media (max-width:766px)
{
   .head-col-1
	{
		width:22%;	
		
	}
	
	.head-col-3 /* member */
	{		
		width:22%;
		margin-top:0px;
	}
	.head-col-4 /* card */
	{
		width:9%;
	}
	.navbar-nav
	{
	
	}
	
	.nav>li {
        background-color: rgb(219 93 30/0.9);
        width:100%;
        float:left;
    }
}

@media (max-width:640px)
{	
    .TopMenu99
    {
    	height:70px;
    }
	.head-col-1 /* hot line */
	{
		width: 50%;
		float:left;
		padding-left:10px;
	}
	.head-col-2 /* icon share & search */
	{
		position:absolute;
		top:32px;
		left:10px;						
	}
	.head-col-3 /* member */
	{				    
		
		position:absolute;
		top:-3px;
		right:-10px;
		width:50%;		
	}
	.head-col-4 /* card */
	{
		width:50%;
		float:left;
		top:30px;
		right:-10px;
	}
}