@charset "utf-8";

ul.side-menu {
	position: fixed;
	top: 0;
	right: -250px;
	width: 250px;
	height: 100%;
	background-color: #333;
	z-index:100;
 -webkit-transition: right .3s;
 transition: right .3s;
}
ul.side-menu.open {
	right: 0;
	max-height: 100vh;
	overflow: auto;
	z-index: 999;
}
ul.side-menu li {
	padding: 0 20px;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #555;
}
ul.side-menu li a {
	display: block;
	font-size: 12px;
	line-height: inherit;
	color:#fff;
	padding: 10px 0;
	line-height: 20px;
}
ul.side-menu li:hover{ background:#444;}
.side-menu_bg{ width:100%; height:100%; background:#000; position:fixed; top:0; left:0; display:none; z-index:10; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}