*{
	margin:0;
	padding:0;
}
.am-menu{
	position:absolute;
	width:38px;
	height:23px;
	cursor:pointer;
}
.am-menu span{
	position:absolute;
	width:100%;
	height:3px;
	background:#000;
}
.am-menu01{
	left:50px;
	top:50px;
}
.am-menu02{
	left:150px;
	top:50px;
}
.am-menu03{
	left:250px;
	top:50px;
}
.am-menu04{
	left:350px;
	top:50px;
	transition: All 1s ease-out;
	-webkit-transition: All 1s ease-out;
	-moz-transition: All 1s ease-out;
	-o-transition: All 1s ease-out;
}
.am-menu05{
	left:450px;
	top:50px;
	transition: All 1s ease-out;
	-webkit-transition: All 1s ease-out;
	-moz-transition: All 1s ease-out;
	-o-transition: All 1s ease-out;
}
.am-menu06{
	left:50px;
	top:150px;
	transition: All .5s ease-out;
	-webkit-transition: All .5s ease-out;
	-moz-transition: All .5s ease-out;
	-o-transition: All .5s ease-out;
}
.am-menu07{
	left:150px;
	top:150px;
	transition: All .8s ease-out;
	-webkit-transition: All .8s ease-out;
	-moz-transition: All .8s ease-out;
	-o-transition: All .8s ease-out;
}
.l1{
	top:0;
	left:0;
	transition: All 0.5s ease-out;
	-webkit-transition: All 0.5s ease-out;
	-moz-transition: All 0.5s ease-out;
	-o-transition: All 0.5s ease-out;
}
.l2{
	top:10px;
	left:0;
	transition: All 0.5s ease-out;
	-webkit-transition: All 0.5s ease-out;
	-moz-transition: All 0.5s ease-out;
	-o-transition: All 0.5s ease-out;
}
.l3{
	top:20px;
	left:0;
	transition: All 0.5s ease-out;
	-webkit-transition: All 0.5s ease-out;
	-moz-transition: All 0.5s ease-out;
	-o-transition: All 0.5s ease-out;
}

.m_line_01_m{
animation:m_line_01_m .8s ease-in-out forwards;
-moz-animation:m_line_01_m .8s ease-in-out forwards;
-webkit-animation:m_line_01_m .8s ease-in-out forwards;
-o-animation:m_line_01_m .8s ease-in-out forwards;
}
.m_line_01_m2{
animation:m_line_01_m2 .8s ease-in-out forwards;
-moz-animation:m_line_01_m2 .8s ease-in-out forwards;
-webkit-animation:m_line_01_m2 .8s ease-in-out forwards;
-o-animation:m_line_01_m2 .8s ease-in-out forwards;
}
.m_line_02_m{
animation:m_line_02_m .8s ease-in-out forwards;
-moz-animation:m_line_02_m .8s ease-in-out forwards;
-webkit-animation:m_line_02_m .8s ease-in-out forwards;
-o-animation:m_line_02_m .8s ease-in-out forwards;
}
.m_line_02_m2{
animation:m_line_02_m2 .8s ease-in-out forwards;
-moz-animation:m_line_02_m2 .8s ease-in-out forwards;
-webkit-animation:m_line_02_m2 .8s ease-in-out forwards;
-o-animation:m_line_02_m2 .8s ease-in-out forwards;
}
.m_line_03_m{
animation:m_line_03_m .8s ease-in-out forwards;
-moz-animation:m_line_03_m .8s ease-in-out forwards;
-webkit-animation:m_line_03_m .8s ease-in-out forwards;
-o-animation:m_line_03_m .8s ease-in-out forwards;
}
.m_line_03_m2{
animation:m_line_03_m2 .8s ease-in-out forwards;
-moz-animation:m_line_03_m2 .8s ease-in-out forwards;
-webkit-animation:m_line_03_m2 .8s ease-in-out forwards;
-o-animation:m_line_03_m2 .8s ease-in-out forwards;
}

@keyframes m_line_01_m{
0%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
}
@-webkit-keyframes m_line_01_m{
0%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
}
@-moz-keyframes m_line_01_m{
0%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
}
@-o-keyframes m_line_01_m{
0%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
}
@keyframes m_line_01_m2{
0%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-webkit-keyframes m_line_01_m2{
0%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-moz-keyframes m_line_01_m2{
0%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-o-keyframes m_line_01_m2{
0%{
top:10px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:0;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@keyframes m_line_02_m{
0%{
top:10px;
opacity:1
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:0
}
}
@-webkit-keyframes m_line_02_m{
0%{
top:10px;
opacity:1
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:0
}
}
@-moz-keyframes m_line_02_m{
0%{
top:10px;
opacity:1
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:0
}
}
@-o-keyframes m_line_02_m{
0%{
top:10px;
opacity:1
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:0
}
}
@keyframes m_line_02_m2{
0%{
top:10px;
opacity:0
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:1
}
}
@-webkit-keyframes m_line_02_m2{
0%{
top:10px;
opacity:0
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:1
}
}
@-moz-keyframes m_line_02_m2{
0%{
top:10px;
opacity:0
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:1
}
}
@-o-keyframes m_line_02_m2{
0%{
top:10px;
opacity:0
}
50%{
top:10px;
opacity:0
}
100%{
top:10px;
opacity:1
}
}
@keyframes m_line_03_m{
0%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
}
}
@-webkit-keyframes m_line_03_m{
0%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
}
}
@-moz-keyframes m_line_03_m{
0%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
}
}
@-o-keyframes m_line_03_m{
0%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
}
}
@keyframes m_line_03_m2{
0%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-webkit-keyframes m_line_03_m2{
0%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-moz-keyframes m_line_03_m2{
0%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
@-o-keyframes m_line_03_m2{
0%{
top:10px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
}
50%{
top:10px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
}
100%{
top:20px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);  
}
}
.m02l1{
	top:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
}
.m02l2{
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}
.m02l3{
	top:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
}

.m03l1{
	top:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
}
.m03l2{
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}
.m03l3{
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}
.mf{
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg); 
	-moz-transform:rotateY(180deg); 	
	-webkit-transform:rotateY(180deg); 
	-o-transform:rotateY(180deg);
}
.mz{
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg); 
	-moz-transform:rotateZ(180deg); 	
	-webkit-transform:rotateZ(180deg); 
	-o-transform:rotateZ(180deg);
}
.m04l1{
	top:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
}
.m04l2{
	opacity:0;
}
.m04l3{
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}
.m06l1{
	top:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
}
.m06l2{
	opacity:0;
}
.m06l3{
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}