@charset "utf-8";

/* CSS Document */

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

.multi_menu {

	width: 238px;

	height: auto;

	background-image: url(../../data/wrapper/leftnav/bg.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	padding:0 1px

}



ul.ma_menu {

	width: 100%;

	height: auto;

	padding: 0px;

	list-style-type: none;

	clear: both;

	margin: 0 auto;

}



ul.ma_menu li {

	width: 100%;

	display: block;

	margin: 0 auto;

	overflow: visible;

	cursor: pointer;

	-webkit-transition: background 200ms linear;

	-moz-transition: background 200ms linear;

	-o-transition: background 200ms linear;

	ransition: background 200ms linear;

	border-bottom: 1px dotted #C2C2C2;

}

ul.ma_menu li:hover,ul.ma_menu li.active{

	background-image: url(../../data/wrapper/leftnav/hover.jpg);

	background-position: center top;

	background-repeat: repeat-x;

}

ul.ma_menu > li a {

	width: 85%;

	display: block;

	margin: 0px auto;

	color: #707070;

	font-size: 14px;

	text-decoration: none;

	text-align: left;

	padding: 10px 5px 10px 15%;

	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/dot.jpg);

	background-repeat: no-repeat;

	background-position: 15px 15px;

	font-family: "微軟正黑體";

}

ul.ma_menu > li a:hover,ul.ma_menu > li.active a {

	color: #1494D3;

	text-decoration: none;

	

}



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

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

ul.ma_menu ul {

	width: 100%;

	display: none;

	margin: auto;

}



ul.ma_menu ul li {

	width: 151px;

	color: #666666;

	clear: both;

	margin: auto;

	border-bottom: 0px;

	

}

ul.ma_menu ul li:hover{}

	

ul.ma_menu li.active{

	font-weight: bold;

	color: #684678;

}



ul.ma_menu ul li a {

	color:#7F7F7F;

	font-size: 13px;

	text-decoration: none;

	text-align: left;

	padding: 7px 5px 7px 20px;

	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.jpg);

	background-repeat: no-repeat;

	background-position: 10px 15px;

}

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;

}