/****************************************************************************************/
.menu
{
	width:300px;
	position:absolute;
	top:0px;
	left:-300px;
	z-index:210;
	text-align:left;
	overflow-y:hidden;
	direction:rtl;
	opacity:0;
}
/****************************************************************************************/
.menu_item
{
	width:100%;
	padding:10px 10px 0 10px;
	z-index:90;
	direction:ltr;
	background-color:#fff;
	color:#000;
	font-size:9pt;
}
.menu_line
{
	width:calc(100% - 20px);
	height:3px;
	margin:0 10px 0 10px;
	float:right;
	background-color:#222;
	clear:both;
}
.menu_line_icon
{
	width:100%;
	height:1px;
	background-color:#fff;
	clear:both;
}
/****************************************************************************************/
.menu_bg
{
	width:100%;
	position:absolute;
	top:1px;
	bottom:0;
	left:0;
	z-index:0;
	overflow:hidden;
	background-color:#000;
	opacity:0;
	display:none;
}
/****************************************************************************************/
.menu_tran
{
	-webkit-transition: all 0.3s linear;
	-moz-transition:	all 0.3s linear;
	-ms-transition:	 	all 0.3s linear;
	-o-transition:	  	all 0.3s linear;
	transition:		 	all 0.3s linear;
}
.menu_bg_tran
{
	-webkit-transition: opacity 0.3s linear;
	-moz-transition:	opacity 0.3s linear;
	-ms-transition:	 	opacity 0.3s linear;
	-o-transition:	  	opacity 0.3s linear;
	transition:		 	opacity 0.3s linear;
}
.menu_item_tran
{
	-webkit-transition: all 0.1s linear;
	-moz-transition:	all 0.1s linear;
	-ms-transition:	 	all 0.1s linear;
	-o-transition:	  	all 0.1s linear;
	transition:		 	all 0.1s linear;
}