#wrap{width: 100%; height: 100%;}
#header{width: 100%; height: 50px; background: #ffffff; position: fixed; z-index: 1000;}
#nav{width: 45%; height: 100%; position: fixed; left: -500px; top: 50px; background: url(/m/images/pic/nav_logo.png) center 85% no-repeat #404040; z-index: 1000; box-shadow: 3px 0px 3px rgba(0,0,0,0.5); background-size: 60%;}
#section{width: 100%; height: 100%; position: relative; top: 50px;}

#header .menu_btn{float: left; cursor: pointer; margin: 15px 0 0 3%}
#header h1#logo{position: absolute; left: 50%; top: 13px; margin-left:-75px;}
#header h1#logo span{display: none;}
#header .top_map{float: right; margin: 10px 3% 0 0;}

#nav ul{width: 100%; height: auto;}
#nav ul li{font-size: 1.1em; color: #ffffff; letter-spacing: -0.5px; line-height: 50px; border-bottom:1px solid #999999; padding-left: 8%; width: 92%; background: url(/m/images/pic/nav_arrow.png) 95% center no-repeat;} 
#nav ul li a{color: #ffffff; display: block;} 
#nav .nav_logo{position: absolute; width: 100%; left: 50%; bottom: 13%; margin-left: 35%;}
#nav .nav_logo img{width: 60%;}

/* footer */
#footer {  text-align:center; color:#333; padding:15px 0; padding-top : 63px; font-size:10px }
#footer address { font-style:normal; color:#333; line-height:1.3; margin:0 0 5px }
#footer address a { color:#333 }
#footer address span { display:inline-block; margin:0 3px }
#footer .copyright { text-transform:uppercase }

.l_0{left: 0;}
.l_40{left: 40;}