﻿/*------------ MENU TOP -----------------*/
header
{
    background:#fff;
}
.TopMenu99
{
    background-color: #FFFFFF;
}

.TopMenu
{
	/*float:right;*/
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 23px 0 0;
}
@media (max-width:768px)
{
	.TopMenu
	{
		margin-top:5px;
		margin-bottom:30px;
	}
}
.TopMenu ul
{

}
.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);
} 

.Fanpage
{
}
.Fanpage li
{
    float: right;
    list-style:none;
    padding-left:10px;
}
/* -------------- banner --------------------------*/
.Banner99
{
    background-color:White;
    padding-bottom: 20px;
}

.Banner
{
    /* width:997px; */
    /* text-align:left; */
    /* position:relative; */
    /* margin-top: -40px; */
}
.banner-top img
{
	width: auto;
	margin: -50px 0 0 10px;
	height: 80px;
}
@media (max-width:768px)
{
	.banner-top img
	{
		margin-bottom:10px;
		margin-top: -20px;
		width: 100%;
	}
}
.department
{
    position:absolute;
    left: 185px;
    top: 60px;
    font-size: 16px;
    line-height: 16px;
    color: #232323;
    font-weight: 700;
    text-transform: uppercase;
}
/* 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;    
    
}

.MainMenu99
{
    background-color: #FFFFFF;
    /*border-bottom:#eeeeee 3px solid;*/
    /* background-image:url("Images/Menu/mainmenu-bg.png"); */
    background-position:bottom;
    border-bottom:White 1px solid;
}

/* ----------------Menu Sub top ----------------*/
.MainMenu
{

background-color: transparent;


}
.navbar
{
	background: transparent;
	border-color: transparent;
	margin-bottom: 0;
	border: none;
}
@media (max-width:768px)
{
	.navbar
	{
		background: #005da2;
		border-color: #005da2;
	}
	.navbar-nav
	{
		margin:0;
	}
	.dropdown-menu
	{
		width:100% !important;
	}
}
.menu-zise
{
    padding:0;
    background: #005da2;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.menu-zise .navbar-nav>li>a
{
	color: #fff;
	font-size:16px;
	font-weight:400;
}
.menu-zise .navbar-nav>li>ul>li a
{
	color: #fff;
	font-size:15px;
	font-weight:400;
}

.menu-zise .navbar-nav>li> a:hover
{

	background-color: #63acdb;
}

.dropdown:hover 
{
    background-color:#63acdb !important;
}
.dropdown:hover > a
{
    color:#555 !important;
}
.dropdown-menu
{
	padding:0;
	/*width:250px;*/
	margin-top:-2px;
	
}
.menu-zise .navbar-nav>li>ul>li>a
{
	background-color:#2983B7;
	padding:10px 18px;
}
.menu-zise .navbar-nav>li>ul>li>ul>li>a
{
	background-color:#2983B7;
	padding: 13px 15px;
	line-height:15px;
	display:block;
}
.menu-zise .navbar-nav>li>ul>li>a:hover
{
	color:#F14F7A;
	background-color:#629cd8;
}
.menu-zise .navbar-nav>li>ul>li>ul>li>a:hover
{
	color:#F14F7A;
	background-color:#629cd8;
	text-decoration:none;
}
.menu-zise .navbar-nav>li:hover ul.dropdown-menu
{
	display:block;
}
.dropdown-lv2
{
	position:relative;
}
.dropdown-menu-lv2
{
	display:none;
	width:250px;
	position: absolute;
	top: -1px;
	left: 247px;
	z-index: 1000;
	list-style:none;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu-lv2 li
{
}
.dropdown-lv2:hover ul.dropdown-menu-lv2
{
	display:block;
}
/* -------------------- div để chưa ô search ----------------- */
.Search_Content
{
    /* width: 90%; */
    background-color:White;
    border:#cccccc 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:#eeeeee 1px solid;
    background-color:White;
    margin: 0 20px 0 100px;
}
@media (max-width:768px)
{
	.Search_Content
	{
    	width: 100%;
    	margin: 0;
 	}
 	.Search_Content > input
 	{
 		width: 89% !important;
 	}
}
@media (max-width:320px)
{
	.Search_Content > input
 	{
 		width: 86% !important;
 	}
}
.Search_Content ul
{		
}
.Search_Content li
{    
	list-style:none;
	float:right;		
}
.Search_Content > input
{
	width: 90%;
	height:28px;
	border: 0px solid #9A9393;
	padding: 0px 5px 0px 5px;
	background-color:transparent;
	float: left;
}
.Search_Button
{
	width: 30px;
	height: 28px;
	border: 0px solid #cccccc;
	background-color: transparent;
}
.div-btn-search
{height: 28px;}
.Search_Content select
{	
    width:150px;	
	height:21px;
	border:none;			
	border-left:1px solid #be710d;
}
.DefaultSearch
{
    color:#dddddd;
    font-style:italic;
}

.Search_Button
{
	background-image:url("Images/Buttons/search-icon.png");		
	background-repeat:no-repeat;	
	background-position:right center;
	cursor:pointer;			
}

/* ------------- 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;
}


/* -------------------- div để chưa ô giỏ hàng ----------------- */
.Cart_Content
{		
	/*background-image:url("Images/Site/quickCart_bg.png"); */
	float:right;		
	margin-top:-55px;
	margin-right:20px;	
	font-size:14px;
	
}
.Cart_Content a
{
    color:White;
}
.Cart_Content a:hover
{
    color:White;
}

.Cart_Content ul
{		
}
.Cart_Content li
{    
	list-style:none;
	float:right;			
}
.CartValue
{     
    color:Yellow;
    font-weight:bold;
}

.Fanpage li img
{
    width:35px;
    transition: width 1s, height 1s, transform 1s;
}
.Fanpage li img:hover
{
	-webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2); 
    -o-transform: scale(1.2); 
    transform:scale(1.2);
    opacity: 0.7;
}