@charset "utf-8";
/*
				作者：Yuxin
				教學文：http://fundesigner.net/only-css-menu
				授權：MIT License
			*/

			/* 初始化 */
			body, ul, li, a{
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-decoration: none;
			}
			ul, li {
	list-style: none;
	height: 40px;
			}
			/* 選單 li 之樣式 */
			ul.navigation li {
	position: relative;
	float: left;
			}
			/* 選單 li 裡面連結之樣式 */
			ul.navigation li a{
				font-size: 24px;
				display: block;
				padding-top: 2px;
				padding-right: 6px;
				padding-bottom: 8px;
				padding-left: 6px;
				color: #FFFFFF;
				background: #A70703;
			}
			/* 特定在第一層，以左邊灰線分隔 */
			ul.navigation > li > a{
				border-bottom: 1px solid #A70703;				
				border-right: 0px solid #A70703;
			}
			ul.navigation > li > a:hover{
				color: #A70703;
				background-color: #F5F5F5;
				text-decoration: none;
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			ul.navigation ul{
				display: none;
				float: left;
				position: absolute;			
				left: 0;	
				margin: 0;
			}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.navigation li:hover > ul{
				display: block;
				border: 1px solid #CCC;
			}			
			/* 特定在第二層或以後下拉部分 li 之樣式 */
			ul.navigation ul li {
				border-bottom: 0px solid #A70703;
			}
			/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
			ul.navigation ul li:last-child {
				border-bottom: none;
			}
			/* 第二層或以後選單 li 之樣式 */
			ul.navigation ul a {
				width: 145px;
				padding: 5px 12px;
				color: #F5F5F5;
				background: #A70703;
			}
			ul.navigation ul a:hover {
				color: #A70703;
				background-color: #F7F7F7;
				text-decoration: none;
			}
			/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
			ul.navigation ul li:hover > ul{
				display: block;
				position: absolute;
				top: 0;
				left: 100%;
				border: 1px solid #CCC;
				margin-top: 2px;
			}
			/* 箭頭向下 */
			.arrow-bottom {
				display: inline-block;
				margin-left: 5px;
				border-top: 4px solid #FFF;
				border-right: 4px solid transparent;				
				border-left: 4px solid transparent;		
				width: 1px;
				height: 1px;
			}

			/* 箭頭向右 */
			.arrow-right {
				display: inline-block;
				margin-left: 6px;	
				border-top: 4px solid transparent;
				border-bottom: 4px solid transparent;
				border-left: 4px solid #FFF;		
				width: 1px;
				height: 1px;
			}