@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

/*-------------------------------------------- 
	tree_gray_v
---------------------------------------------*/
.tree_gray_v{
	overflow: hidden;
	/*width: 220px;*/
	width: 100%;
	margin: 0 0 40px 0;
	/*border: 3px solid #F90;*/
}
.tree_gray_v h2 {
	display:block;
	margin: 25px 0 18px 0;
	text-align: center;
	color: #D90000;
	/*font-size: 150%;*/
	/*font-family: 'Helvetica', 'arial';*/
	/*font-family: 'Myriad pro', 'arial';*/
	/*font-weight: bold;*/
}
.tree_gray_v ul {
	margin:0 0 0 0px;
	padding: 0;
	list-style:none;
}
.tree_gray_v li a {
	display:block;
	width: calc(100% - 14px);
	line-height: 40px;
	padding: 0 0 0 14px;
	text-decoration:none;
	color:#000;
	margin:0 0 0 0px;
	border-bottom: 1px dashed #CCC;
	/*background:#A5A5A5 url(images/arrow_right_blue.gif) 8px center no-repeat;*/
}

.tree_gray_v .icon_svg{
	width: 12px;
	height: 12px;
	float: right;
	margin: 12px 10px 0 0;
	fill:#AAA;
}

.tree_gray_v li a:hover {
	color:#000;
	/*background-color:#DCE5FF;*/
}

.tree_gray_v li a:active, .tree_gray_v li a.selected {
	/*font-size:16px;*/
	font-weight: bolder;
	border:1px solid #000;
}


/*-------------------------------------------- 
	first_menu
---------------------------------------------*/
.tree_gray_v .mw-nav > li {
	line-height: 42px;
	/*background: url(../../../../../cufiles/images/web/layout/list_squire_gray.png) 0px 15px no-repeat;*/
	border-bottom:1px solid #FFF;
	/*border:3px solid #F00;*/
}
.tree_gray_v .mw-nav > li > a {
	color:#666;
	margin: 0px 0;
	/*margin: 6px 0;*/
	line-height: 36px;
	background: #EEE;
	border-bottom: 0px solid #EEE;
	border-left: 4px solid #D9534F;
}
.tree_gray_v .mw-nav li.action > a {
	color: #30B14F;
	font-weight: bold;
}

.tree_gray_v .mw-nav > li > a:hover {
	color:#D90000;
}
.tree_gray_v .mw-nav > li > a.active {
	color:#D90000;
	background: #FDF7F7;
	border-left: 4px solid #D9534F;
}


/*-------------------------------------------- 
	second_menu
---------------------------------------------*/
.tree_gray_v ul.arrow-pad {
	display: none;
	margin: 0 0 0 30px;
	padding: 0px;
	list-style:none;
	/*border:1px Solid #0F0; */
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li {
	border-top:1px solid #EEE;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > a {
	margin: 8px 0;
	font-size: 1.4rem;
	line-height: 30px;
	background: none;
	border-left: 4px solid #EEE;
	border-bottom: 0px solid #EEE;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > a:hover {
	color:#000;
	background-color: #FEEAE6;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > a.active {
	color:#D90000;
}

/*-------------------------------------------- 
	third_menu
---------------------------------------------*/
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad {
	display: none;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li {
	border-top:1px solid #EEE;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li > a {
	margin: 8px 0;
	font-size: 1.4rem;
	line-height: 30px;
	/*background: #F8F8F8;*/
	border-left: 4px solid #999;
	border-bottom: 0px solid #EEE;
	color:#999;
}

.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li > a:hover {
	color:#AAA;
	background-color: #FEEAE6;
}
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li > a.active {
	color:#D90000;
}

/*-------------------------------------------- 
	four_menu
---------------------------------------------*/
.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li > ul.arrow-pad > li > a {
	background-color:#B6B6B6;
	/*8FC3FF*/
}

.tree_gray_v .mw-nav > li > ul.arrow-pad > li > ul.arrow-pad > li > ul.arrow-pad > li > a:hover {
	color:#000;
	background-color:#DCE5FF;
}


/*-------------------------------------------- 
	tools
---------------------------------------------*/
.tree_gray_v .tools {
	float:right;
}

.tree_gray_v .tools img {
	margin:5px;
}