#menu nav ol,#menu nav ul{list-style:none; margin:0 0 0 -40px; width:100%;}
#menu nav{width:100%; position:absolute; top:0; left:0; font-size:1.6rem; font-weight:bold;}
#menu nav h1{top:0; width:27.8%; cursor:pointer; bottom:0; right:1.25%; position:absolute; z-index:100; display:none; padding:2.3% 0 0 0;}
#menu nav h1 img{width:100%;}
#menu nav h1:hover:before{color:#000000;}

#menu nav a{color:#000000; padding:1px 5px; display:block; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; border-radius:1px; -webkit-transition10px: background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; transition:background-color 300ms;}
#menu nav a:before{color:#000000; content:""; font-size:1.6rem;}
#menu nav a:hover{color:#000000; background-color:#fff4ea;}
#menu nav a:hover:before{color:#000000;}
#menu nav a:active{background-color:#fff4ea; -webkit-transition:background-color 50ms; -moz-transition:background-color 50ms; -o-transition:background-color 50ms; transition:background-color 50ms;}
#menu nav .close{cursor:pointer; border:none; display:none; padding:3.125%; text-align:center; background-color:#b4b4b3; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; transition:background-color 300ms; width:93.75%;}
#menu nav .close:before{content:""; display:inline-block; margin:0; background:url(../img/close_01.png); height:22px; width:85px; background-size:contain;}
#menu nav .close:hover{background-color:#5d3d19;}
#menu nav .close:active{background-color:#757574; -webkit-transition:background-color 50ms; -moz-transition:background-color 50ms; -o-transition:background-color 50ms; transition:background-color 50ms;}


#menu nav{width:100%; height:100%;}
#menu nav h1{display:block;}
#menu nav #gn{margin-top:-1200px; padding-top:14.6875%; -webkit-transform-style:preserve-3d; top:0; right:0; bottom:auto; left:0; position:absolute; -webkit-transition:-webkit-transform 300ms; -moz-transition:-moz-transform 300ms; -o-transition:-o-transform 300ms; transition:transform 300ms;}
#menu nav #gn.open{-webkit-transform:translate(0, 1200px); -moz-transform:translate(0, 1200px); -ms-transform:translate(0, 1200px); -o-transform:translate(0, 1200px); transform:translate(0, 1200px);}
#menu nav #gn li{border-top:1px solid #ff9966; background-color:#ffffff;}
#menu nav #gn li.close{border-top:none; background-color:#b4b4b3;}
#menu nav #gn li a{display:block; padding:2.34375% 1.5625%; position:relative; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
#menu nav #gn li a:before{content:""; top:10px; right:11px; position:absolute; background:url(../img/pull_mark.png) no-repeat; height:13.5px; width:7.8px; background-size:contain;}
#menu nav .close{display:block; position:relative !important}





#header nav h2{width:30%; cursor:pointer; top:15.5%; left:40.4%; position:absolute; z-index:100; display:none;}
#header nav h2 img{width:100%;}

#header nav h2:hover:before{color:#000000;}
#header nav .close{cursor:pointer; border:none; display:none; padding:3.125%; text-align:center; background-color:#b4b4b3; -webkit-transition:background-color 300ms; -moz-transition:background-color 300ms; -o-transition:background-color 300ms; transition:background-color 300ms; width:93.75%;}
#header nav .close:before{content:""; display:inline-block; margin:0; background:url(../img/close_01.png); height:22px; width:85px; background-size:contain;}
#header nav .close:hover{background-color:#5d3d19;}
#header nav .close:active{background-color:#757574; -webkit-transition:background-color 50ms; -moz-transition:background-color 50ms; -o-transition:background-color 50ms; transition:background-color 50ms;}

#header nav{width:100%; height:100%;}
#header nav h2{display:block;}
#header nav #gn2{margin-top:-1100px; padding-top:3.125%; top:0; right:0; bottom:auto; left:0; position:absolute; -webkit-transition:-webkit-transform 300ms; -moz-transition:-moz-transform 300ms; -o-transition:-o-transform 300ms; transition:transform 300ms; background-color:#ffffff;}
#header nav #gn2.open{-webkit-transform:translate(0, 1100px); -moz-transform:translate(0, 1100px); -ms-transform:translate(0, 1100px); -o-transform:translate(0, 1100px); transform:translate(0, 1100px); z-index:500;}
#header nav .login_title{margin-top:4.6875%; margin-bottom:0; margin-left:auto; margin-right:auto; padding:2.5% 0 2.5% 1.875%; font-size:1.2rem; line-height:120%; color:#ff0000; font-weight:bold; background:url(../img/login_bg.jpg) repeat-x; width:88.4375%; border:1px solid #cecece; background-size:contain;}
#header nav .login_box{margin:0; margin-bottom:0; margin-left:auto; margin-right:auto;  padding:3.125% 0 4.6875% 0; background-color:#f6f6f6; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece; width:90.3125%;}
#header nav .login_box2{display:-webkit-box; margin-top:1.5625%; margin-left:auto; margin-right:auto; width:100%;}
#header nav .login_l{margin:2.03125% 0 0 15%; width:19.53125%; font-size:1.1rem; line-height:130%; color:#000000; text-align:right;}
#header nav .login_r{margin:0.78125% 0 0 1.875%; width:42.03125%;}
#header nav .login_r input[type="text"]{font-size:1.3rem; width:96.654275%;}
#header nav .login_r input[type="password"]{font-size:1.3rem; width:96.654275%;}
#header nav p{font-size:1.1rem; line-height:130%; color:#000000; text-align:center; margin-top:3.125%; margin-bottom:3.125%;}
#header nav p a:link{color:#173c8f; text-decoration:underline; font-weight:bold;}
#header nav p a:visited{color:#173c8f; text-decoration:underline;}
#header nav p a:hover{color:#ff6600; text-decoration:underline;}
#header nav p a:active{color:#173c8f; text-decoration:underline;}
#header nav #gn2 .close{border-top:none; background-color:#b4b4b3;}
#header nav .close{display:block; position:relative !important}


@media screen and (min-width:400px){
#header nav .close:before{content:""; display:inline-block; margin:0 0.625% 0 0; background:url(../img/close_01.png); height:44px; width:170px; background-size:contain;}
#header nav .login_title{margin-top:4.6875%; margin-bottom:0; margin-left:auto; margin-right:auto; padding:2.5% 0 2.5% 1.875%; font-size:1.8rem; line-height:120%; color:#ff0000; font-weight:bold; background:url(../img/login_bg.jpg) repeat-x; width:88.4375%; border:1px solid #cecece; background-size:contain;}
#header nav .login_l{margin:2.03125% 0 0 15%; width:19.53125%; font-size:1.7rem; line-height:130%; color:#000000; text-align:right;}
#header nav .login_r input[type="text"]{font-size:1.9rem; width:96.654275%;}
#header nav .login_r input[type="password"]{font-size:1.9rem; width:96.654275%;}
#header nav p{font-size:1.7rem; line-height:130%; color:#000000; text-align:center; margin-top:3.125%; margin-bottom:3.125%;}
#menu nav #gn li{border-top:1px solid #ff9966; background-color:#ffffff; font-size:2.4rem;}
#menu nav #gn li a:before{content:""; top:14px; right:22px; position:absolute; background:url(../img/pull_mark.png); height:27px; width:16px; background-size:contain;}
#menu nav .close:before{content:""; display:inline-block; margin:0; background:url(../img/close_01.png); height:30px; width:116px; background-size:contain;}



}