nav.menu{display:inline-block;}
.menu_btn{position:relative;height:65px;width:25px;}
.menu_icon{position:absolute;top:0;bottom:0;left:-5px;margin:auto;width:20px;height:14px;}
.menu_bar{display:block;position:absolute;width:20px;height:2px;margin:auto;background:#757575;border-radius:3px;transform-orign:50%;}
.menu_bar:nth-child(1){top:0%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.menu_bar:nth-child(2){top:0;bottom:0;left:0;right:0;}
.menu_bar:nth-child(3){top:100%;margin:-2px 0 0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.menu_btn.menu_on .menu_bar:nth-child(1){-webkit-animation:bar_on1 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;animation:bar_on1 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;}
.menu_btn.menu_on .menu_bar:nth-child(2){-webkit-animation:bar_on2 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;animation:bar_on2 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;}
.menu_btn.menu_on .menu_bar:nth-child(3){-webkit-animation:bar_on3 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;animation:bar_on3 250ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;}
.menu_wrap{display:none;position:fixed;top:65px;width:100%;height:100%;-webkit-transition:all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);z-index:1000;background:#fff;padding:0px 20px 30px 20px;}
.menu_wrap .menu_list{height:100vh;background:#fff;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:-webkit-transform 250ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 250ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:0px 0 0px 0 transparent;}
.menu_wrap .menu_list a{width:100%;display:block;margin:10px 0px;}
.menu_wrap .menu_list a:hover{color:#e71935;}
.menu_wrap .menu_list a.parent{font-family:Roboto-Bold;text-transform:uppercase;}
.menu_wrap .menu_bg{position:fixed;z-index:-1;top:65px;left:0;width:100%;height:100%;height:100vh;background:rgba(0, 0, 0, 0.5);-webkit-transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0;}
.menu_wrap.menu_on{position:fixed;top:51px;width:100%;height:100%;}
.menu_wrap.menu_on .menu_list{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
.menu_wrap.menu_on .menu_bg{opacity:1;}
.menu_wrap.menu_show{display:block;}
@media (min-width:769px){nav.menu:hover .menu_wrap{display:block;}
    nav.menu .menu_wrap:hover{display:block;}
    .menu_wrap{width:100%;height:auto;max-width:1060px;}
    .menu_wrap .menu_list{height:auto;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}
    .menu_wrap .menu_list .menu_user{margin:0;}
    .menu_bg{display:none;}
}
.menu_wrap.menu showchien_show.menu_on{border-top:1px solid;}