/*<!-- 讓自訂選單變hover 下拉 -->*/ 
@media (min-width: 1200px){
	ul.navbar-nav li {
	    position: relative;
	    float: left;
		list-style:none;  
	} 
	ul.navbar-nav li a{
	    display: block;
	    padding: 12px 20px; 
		text-decoration:none;  
	} 
	/* 以下為多層選單的樣式..... 第二層之後下拉部分之樣式.....css-2 */
	ul.navbar-nav li ul{
	    display: none;
	    float: left;
	    position: absolute;
	    margin: 0;    /*margin: 0;padding: 0;後block才會靠左對齊*/
	    padding: 0;
	}
	/* 當第一層選單被觸發時，指定第二層顯示 */
	ul.navbar-nav li:hover > ul{
	    display: block;
	}
	 
	/* 特定在第二層或之後下拉部分 li （最後一項不要底線）之樣式 */
	ul.navbar-nav ul li:last-child {
	    border-bottom: none;
	}

	/**/
	/* 第二層或之後 選單 li 之樣式 */
	ul.navbar-nav ul a {
	    width: 142px;
	    padding: 10px 12px;    
	    color: #666;   
	} 
	/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
	ul.navbar-nav ul li:hover > ul{
	    display: block;
	    position: absolute;
	    top: 0;    
	    left: 100%;
	}
	.mega_menu{width: 100px;}
	#customMenu .navbar-nav>li:nth-last-child(1)>.mega_menu, #customMenu .navbar-nav>li:nth-last-child(2)>.mega_menu, #customMenu .navbar-nav>li:nth-last-child(3)>.mega_menu, #customMenu .navbar-nav>li:nth-last-child(4)>.mega_menu { 
	    transform: translateX(-50%);
	}

	ul.navbar-nav li ul li{
	    position: relative;
	    float:unset; 
	    list-style: none;
	    background: #fff;
	}
	ul.navbar-nav li ul.mega_menu li ul{
	    border: 1px solid #eee; 
	}
	ul.navbar-nav li ul.mega_menu li ul li{
	    border-bottom: 1px solid #eee;
	    padding: 5px;
	}
	.mega_menu>li {width: 100%;float:left;}

	#customMenu .navbar-nav>li:hover ul.dropdown-menu.mega_menu{
		display: inline-table;
	}

	#customMenu ul.navbar-nav li ul.mega_menu li { 
	    width: 100%;
	}
	#customMenu .navbar-nav>li:nth-last-child(2)>.mega_menu{
		transform: translateX(-100%);
	} 
}