@charset "utf-8";

/* CSS Document */

/*第一層---------------------*/

.multi_menu {

	width: 200px;

	height: auto;

	padding-bottom: 20px;

	padding-left: 16px;

}
ul.ma_menu {

	width: 100%;

	height: auto;

	padding: 0px;

	list-style-type: none;

	clear: both;

	margin: 0 auto;

}



ul.ma_menu li {

	width: 80%;

	display: block;

	overflow: visible;

	cursor: pointer;

	-webkit-transition: background 200ms linear;

	-moz-transition: background 200ms linear;

	-o-transition: background 200ms linear;

	ransition: background 200ms linear;

	background-image: url(../../data/wrapper/leftnav/dot.png);

	background-repeat: no-repeat;

	background-position: 17px 8px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-bottom: 5px;

	padding-left: 20%;

	border-bottom: 1px dotted #C19C7B;
	
	list-style-type: none;

}

ul.ma_menu > li a {

	display: block;

	color: #583302;

	font-size: 13px;

	text-decoration: none;

	outline: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

	line-height: 25px;

}

ul.ma_menu > li a:hover {

	color: #FF7F00;

	text-decoration: none;

}



/*第一層---------------------*/

/*第二層---------------------*/

ul.ma_menu ul {

	display: none;

	margin:0;
	
	list-style-type: none;

}



ul.ma_menu ul li {
	
	color: #666666;

	clear: both;
	
	list-style-type: none;

	background:none; 
	
	border:none;
	padding:0;
	margin:0;
}

ul.ma_menu ul li:hover{

		background-image: none;
}

	

ul.ma_menu li.active{

	font-weight: bold;

	color: #684678;

}

ul.ma_menu ul li a{

	color:#674678;

	font-size: 13px;

	text-decoration: none;

	text-align: left;

	outline: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

	background-image: url(../../data/wrapper/leftnav/dot2.png);

	background-repeat: no-repeat;

	background-position: 3px 10px;
	
	list-style-type: none;
	
	padding-left:13px;

}

ul.ma_menu ul li a:hover {

	color: #D50080;

	text-decoration: none;

}

/*第二層---------------------*/



ul.ma_menu ul ul li a {

	color:silver;

	padding-left: 40px;

}



ul.ma_menu ul ul li a:hover {

	background-color:#D3CEB8;

	color:#675C7C;

}



ul.ma_menu span{

	float:right;

}