.nav_btn{
	box-sizing:content-box;
	position:fixed;
	display:none;
	right:56px;
	top:10px;
	z-index:9999;
	height:40px;
}

.nav_btn a {
	box-sizing:content-box;
	position:absolute;
	display: block;
	background:#fff;
	width:36px;
	height:36px;
	padding:2px;
	top: 0;
	left:0;
}
.nav_btn a span {
	box-sizing:content-box;
	display: block;
	background: #1F1713;
	width: 20px;
	height: 3px;
	position: absolute;
	left: 9px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
.nav_btn a span:first-child {
	top: 12px;
}
.nav_btn a span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
.nav_btn a span:last-child {
	bottom: 11px;
}
.nav_btn a.active span:first-child {
	-webkit-transform: translateY(7px) rotate(45deg);
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
.nav_btn a.active span:nth-child(2) {
	opacity: 0;
}

.nav_btn a.active span:last-child {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}

@media only screen and (max-width:954px) {
	.nav_btn{
		display: block;
		right:56px;
		top:10px;
	}
}