@keyframes show_from_left{
	0%{left:-100%;opacity:0;}
	100%{left:0%;opacity:1;}
}
#category_menu.show{
	display:block;
	animation:show_from_left 0.5s;
}
#category_menu.hide{
	display:none;
}
#category_menu{
	position:fixed;
	top:0px;
	z-index:10000;
	background-color:rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
}
#category_menu div.category_body{
	position:absolute;
	top:5%;
	width:80%;
	height:90%;
	left:0px;
	background-color:white;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#category_menu label{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	color:#da8f3e;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	border-bottom:2px solid #da8f3e;
}
#category_menu ul.menu_item_con{
	height:calc(100% - 40px);
	overflow-y:auto;
}
#category_menu .menu_item{
	display:flex;
	height:50px;
	color:#333;
	font-size:14px;
	justify-content:space-between;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	align-items:center;
	cursor:pointer;
}
#category_menu .menu_item.on{
	color:#da8f3e;
}
#category_menu .menu_item.on .menu_right_angle{
	border-top:2px solid #da8f3e;
	border-right:2px solid #da8f3e;
}
#category_menu .menu_item .menu_right_angle{
	width:7px;
	height:7px;
	border-top:2px solid #e5e5e5;
	border-right:2px solid #e5e5e5;
	transform:rotate(45deg);
}
#category_menu .fadeIn_icon{
	position:absolute;
	width:32px;
	height:16px;
	background:url("/img/fadein_icon.png") no-repeat;
	background-size:100% 100%;
	right:10px;
	top:calc(50% - 16px);
	transform:rotate(-90deg);
}