/*
	作者：Yuxin
	教學文：http://fundesigner.net/only-css-menu
	授權：MIT License
*/
/* 初始化 */


#leftmenu {
	position: relative; left:0px; top:-1px; z-index:1000;
	text-align:left;
	background:#addfff;
	width:240px;
}
/* 選單 li 之樣式 */


ul.leftmenu > li.arrow_square2 > a {background:url(/images/arrow_square2.png) no-repeat left center;}
ul.leftmenu > li.arrow_square2:hover > a {background:url(/images/arrow_square2.png) no-repeat left center;}

ul.leftmenu > li.arrow_square3 > a {background:url(/images/arrow_square3.png) no-repeat left center;}
ul.leftmenu > li.arrow_square3:hover > a {background:url(/images/arrow_square3.png) no-repeat left center;}

ul.leftmenu > li.arrow_square1 > a {background:url(/images/arrow_square1.png) no-repeat left center;}
ul.leftmenu > li.arrow_square1:hover > a {background:url(/images/arrow_square1.png) no-repeat left center;}

ul.leftmenu > li.arrow_point > a {background:url(/images/arrow_point.png) no-repeat left center;}
ul.leftmenu > li.arrow_point:hover > a {background:url(/images/arrow_point.png) no-repeat left center;}

ul.leftmenu > li.arrow_square5 > a {background:url(/images/arrow_square5.jpg) no-repeat left center;}
ul.leftmenu > li.arrow_square5:hover > a {background:url(/images/arrow_square5.jpg) no-repeat left center;}


ul.leftmenu > li.categories2 {
 background:url(/images/arrow_categories2.png) no-repeat left center #0071cd;
 color:#fff;
 font-size: 13pt;
 line-height:34px;
 padding: 0;
 text-indent:28px;
}

ul.leftmenu > li.categories > a {
 background:url(/images/arrow_categories.png) no-repeat left center #0071cd;
 color:#fff;
 font-size: 13pt;
 line-height:34px;
}
ul.leftmenu > li.categories:hover > a {
 background:url(/images/arrow_categories.png) no-repeat left center #0470bb;
 color:#fff;
}



ul.leftmenu {
	display:inline-block;
	white-space:nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
	width:240px;
}
ul.leftmenu li {
	font-family:sans-serif;
	position: relative;
	float:left;
	display:inline-block;
	vertical-align:top;*display:inline;*zoom:1;
	text-align:left;
	padding: 0;
	margin:0;
	border-right: #fff 1px solid;
	border-top:#fff 1px solid;
	width:100%;

}
ul.leftmenu li a img {border:0;padding:0;margin:0;}

/* 選單 li 裡面連結之樣式 */
ul.leftmenu li a {
	display: block;
	padding: 0px 0px 0px 28px;
	margin:0;
	text-decoration: none;
	line-height:26px;
}

ul.leftmenu li.categories_img a {
	padding: 0;
}

/* 特定在第一層 */

ul.leftmenu > li > a {
	font-size: 11pt;
	font-weight: 400;
	color:#0861b5;
	word-spacing:0px;
	letter-spacing:1px

}
ul.leftmenu > li:hover > a {
	color: #ff7b00;
	background: #d8e4ec;
}
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.leftmenu ul {
	display: none;
	float: left;
	position: absolute;
	list-style: none;
	left: 230px;
	top:3px;
	margin: 0;
	padding: 0;
	z-index:1002;
	background: #f8f8f8;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.leftmenu li:hover > ul{
	display: block;
	borde: 1px solid #fff;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.leftmenu ul li {
	display: block;
	color:#0861b5;
	font-size:11pt;
	font-weight:400;
	padding:0;
	margin: 0;

}
/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
ul.leftmenu ul li:last-child {
	border-bottom: none;
}
/* 第二層或以後選單 li 之樣式 */
ul.leftmenu ul a {
	width: auto;
	color:#0861b5;
	margin:0;
	padding:0 20px 0 7px;
	width:180px;
	background:#abc9db;
	borde: 1px solid #fff;
}
ul.leftmenu ul a:hover {
	color: #ff7b00;
	background: #d8e4ec;
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
ul.leftmenu ul li:hover > ul{
	display: block;
	position: absolute;
	top: 5px;
	left: 90%;
}

ul.leftmenu ul ul{
	background: #f8f8f8;
	border:1px solid #ccc;
	box-shadow: 0px 2px 3px #ccc;
}