.menu_wrap{
	display: none;
	position: absolute;
	padding: 30px;
	/* background: rgba(255,255,255,0.7); */
	z-index: 9999;
	top: 0;
	right: 0;
}
#menu_button{
	width: 40px;
	height: 33px;
	text-align: center;
	cursor: pointer;
	/*transform*/
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
}
#menu_button span{
	display: block;
	background: #fff;
	width: 40px;
	height: 2px;
	position: absolute;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
#menu_button.active span{
	/* background: #fff; */
}
#menu_button span:first-child{
	top: 0px;
}
#menu_button span:nth-child(2){
	top: 50%;
	transform: translateY(-50%);
}
#menu_button span:last-child{
	bottom: 0px;
}
#menu_button.active span:first-child{
	-webkit-transform: translateY(12px) rotate(45deg);
	-ms-transform: translateY(12px) rotate(45deg);
	transform: translateY(12px) rotate(45deg);
}
#menu_button.active span:nth-child(2){
	opacity: 0;
}
#menu_button.active span:last-child{
	-webkit-transform: translateY(-12px) rotate(-45deg);
	-ms-transform: translateY(-12px) rotate(-45deg);
	transform: translateY(-12px) rotate(-45deg);
}


@media screen and (max-width: 1366px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 820px){

}
@media screen and (max-width: 640px){
	.menu_wrap{
		display: block;
		padding: 13px 10px;
	}
	#menu_button{
		width: 35px;
		height: 25px;
	}
	#menu_button span{
		width: 35px;
		height: 1px;
	}
}