@charset "utf-8";

/**
 * Mainmenu
 -----------------------------*/
#accord-m-l{margin:10px auto 50px auto; width:100%; max-width:360px; background:#fff; /*border:#ccc 1px solid;*/}
#accord-m-l .link{position:relative; display:block; padding:12px 15px 12px 30px; background:#ededed; color:#000; font-size:18px; cursor:pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#accord-m-l > li{/*border-bottom:#ccc 1px solid;*/}
#accord-m-l > li:last-child{border-bottom:0;}
#accord-m-l > li i{position:absolute; top:0; bottom:0; left:12px; margin:auto; display:block; width:20px; height:20px; line-height:20px; font-size:18px; color:#999; vertical-align:middle;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#accord-m-l > li i.fa-chevron-down{right:8px; left:auto; font-size:12px;}


#accord-m-l > li > a:hover{color:#fff; background:#999;}
#accord-m-l > li > a:hover i{color:#fff;}


#accord-m-l > li a.active{color:#fff; background:#1786FF;}
#accord-m-l > li a.active i{color:#fff;}
#accord-m-l > li a.active i.fa-chevron-down {}

/*
#accord-m-l > li a.onit{color:#fff; background:#51C1FF;}
#accord-m-l > li a.onit i{color:#fff;}
*/

/*
#accord-m-l > li a.onit i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
*/


/**
 * Submenu
 -----------------------------*/
.submenu{display:block; font-size:16px; background:#fff;}
.submenu li{}
.submenu li:last-child{}
.submenu a{display:block; text-decoration:none; color:#000; padding:8px 10px; padding-left:30px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.submenu a:hover {
	background:#c9f2e7;
}