*{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 .5s ease-out;-webkit-transition:All .5s ease-out;-moz-transition:All .5s ease-out;-o-transition:All .5s ease-out}.l2{top:10px;left:0;transition:All .5s ease-out;-webkit-transition:All .5s ease-out;-moz-transition:All .5s ease-out;-o-transition:All .5s ease-out}.l3{top:20px;left:0;transition:All .5s ease-out;-webkit-transition:All .5s ease-out;-moz-transition:All .5s ease-out;-o-transition:All .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)}