@charset "UTF-8";

ul.mtree li { position:relative;}

ul.mtree a {
	position:relative;
	display: block;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

ul.mtree a:hover{color:#5C9E22;}

/*每下一層項目字體都縮小，em會受層級影響*/
ul.mtree ul li , ul.mtree ul li a{ font-size: 0.95em; }

ul.mtree li.mtree-node > a {
	/*font-weight: bold;*/
}

ul.mtree li a {
	padding-right:10px;
	color:#333;
}
ul.mtree li ul a {
	color:#666;
}


/*第一層之項目*/
ul.mtree > li {margin:5px 0;}


/*有下一層之項目*/
ul.mtree > li.mtree-node > a:after {
	position:absolute;
	top:50%;
	right:17px;
	margin-top:-2px;
	width:0;
	height:0;
	content:"";
	border-left:4px solid transparent;
	border-top:5px solid #595757;
	border-right:4px solid transparent;
}


/*滑過項目時的設定*/
/*//ul.mtree li > a:hover:before { opacity:1;}*/

ul.mtree > li:before {
position:absolute;
	top:45px;
	left:-2px;
	width:1px;
	height:calc(100% - 45px);
	content:"";
	background:#b5b3b3;
	/*opacity:0;*/
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

ul.mtree > li.active:before {
	position:absolute;
	top:45px;
	left:-2px;
	width:1px;
	height:calc(100% - 45px);
	content:"";
	/*background:#5C9E22;*/
	opacity:1;
}

/*ul.mtree > li:hover:before{opacity:1;}*/

ul.mtree > li.mtree-open li{/*background:#F7F7F7;*/}


/*第二層有下一層選項的項目設定*/
ul.mtree li li.mtree-node > a:before {
	position:absolute;
	top:50%;
	right:8px;
	margin-top:-4px;
	width:0;
	height:0;
	content:"";
	border-left:8px solid #4D4D4D;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}


ul.mtree a {padding:4px 20px 4px 10px;}

ul.mtree li li > a {padding-left: 30px;}
ul.mtree li li li > a {padding-left: 50px;}
ul.mtree li li li li > a {padding-left: 70px;}
ul.mtree li li li li li > a {padding-left: 90px;}