/* ===下拉MENU */
ul.navigation,ul.navigation li {
    list-style: none;
    padding:0px;
    margin: 0px;
}
ul.navigation li {
	position: relative;
	float: left;
	text-align: center;
}
ul.navigation li a{
	display: block;
	padding:0px;
	color:#333;
    text-decoration: none;
    font-size:16px;
    line-height: 20px;
}
/*第一層MENU*/
ul.navigation > li > a{
	transition: background .2s linear;
	padding: 30px 0px;
}
ul.navigation > li > a > div {
	border-right: 1px solid #ccc;
}
/*第一層最後一個LI没有右線*/
ul.navigation > li:last-child a div {
    border-right: none;
}

ul.navigation > li > a:hover {
	color:#0066cc;

}

/* 第二層顯示 */

ul.navigation li ul {
	display:none;
	float:left;
	position: absolute;
	left:0;
	padding:0px;	
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul{
    display: table;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
ul.navigation li:hover ul li {
    border-bottom:1px solid #eee;
    display: table-cell;
}
ul.navigation li:hover ul li:last-child {
    border-bottom:none;
}
ul.navigation ul a {
	width:200px;
    padding: 10px 12px;    
    color: #0066cc;        
    background: #fff;
}
ul.navigation ul a:hover {
    color: #fff;        
    background: #0066cc;
}

@media(min-width:992px){
	ul.navigation > li > a{
		width: 152px;		
	}	
}
@media(min-width:1200px){
	ul.navigation > li > a{
		width: 192px;		
	}	
}