@charset "utf-8";
/* CSS Document */
			
			ul, li {
				list-style: none;
			}
			/* 選單 li 之樣式 */
			ul.navigation li {
				position: relative;
				float: left;
			}
			/* 選單 li 裡面連結之樣式 */
			ul.navigation li a{
				display: block;
				padding: 27px 58px 0px 0px;				
				color: #666;
				font-size: 16px;
				font-weight:bold;	
				letter-spacing:-0.5px;	
				text-decoration:none;		
			}
			/* 特定在第一層，以左邊灰線分隔 */
			ul.navigation > li > a{
				
			}
			ul.navigation > li > a:hover{
				color: #3899d1;		
				text-decoration:none;	
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			ul.navigation ul{
				display: none;
				float: left;
				position: absolute;			
				left: 0;	
				margin: 0;				
				border: 1px solid #e0dede;	
			}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.navigation li:hover > ul{
				display: block;
			}			
			/* 特定在第二層或以後下拉部分 li 之樣式 */
			ul.navigation ul li {
				border-bottom: 1px solid #e0dede;	
			}
			/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
			ul.navigation ul li:last-child {
				border-bottom: none;
			}
			/* 第二層或以後選單 li 之樣式 */
			ul.navigation ul a {
				width: 160px;
				padding: 5px 10px;	
				color: #666;		
				background: url(../images/menu_bg01.gif) bottom repeat-x #f9f9f7;	
				font-size: 12px;	
				font-weight:normal;		
			}
			ul.navigation ul a:hover {		
				color: #fff;	
				background: url(../images/menu_bg02.gif) top repeat-x #016db5;		
			}
			/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
			ul.navigation ul li:hover > ul{
				display: block;
				position: absolute;
				top: 0;				
				left: 100%;
			}
			/* 箭頭向下 */
			.arrow-bottom {

			}

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