body
{
     
    margin: 0 auto;
    background: #F8F8F8;
    color: #444;
}

*
{
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
}

a
{
    color: #555;
}

a:active
{
    /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fff)) repeat-x 0 bottom;*/
}
#header
{ /*-webkit-transition: 500ms;transition: 500ms;-webkit-transform: translateX(260px);*/
    position: fixed;
    z-index: 10; 
    width: 100%;
    height: 50px;
    left:0;
    top:0;
}

#wrapper
{ /*-webkit-transition: 500ms;transition: 500ms;-webkit-transform: translateX(260px);*/
    /*position: absolute;*/
    z-index: 0;
    top: 0px;
    bottom: 0px;
    left: 0;
    width: 100%;
    overflow: auto;
    background: #f8f8f8;
    position:relative;
    min-height:480px;
}
  #header + #wrapper{top: 50px;}

#scroller
{
    /*position: absolute;*/
    z-index: 8;
    /*	-webkit-touch-callout:none;*/
    width: 100%;
}

#footer
{
    /*position: absolute;*/
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 49px;
}


.nav_tit
{
    display:none;
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;
    width: 260px;
    height: 50px;
    background: #222;
    color: #ccc;
}

.nav_wrapper
{
    position: fixed;
    z-index: 104;
    top: 0px;
    bottom: 0px;
    left: 0;
    width: 260px;
    overflow: auto;
    color: #ccc;
     background:#666;
     display:none;
     background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;
}
.nav_tit ~ .nav_wrapper
{
    top:50px;
}
    .nav_wrapper #scroller
    {
        position: absolute;
        z-index: 4;
        width: 260px;
    }



.show_div_tit{ height:49px; border-bottom:1px solid #111; background:#333; background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;text-align:center; color:#999;line-height:49px;font-size:15px;}
.show_div_tit .p_btn{ position:absolute; left:15px; top:8px; height:28px; line-height:28px; width:28px; background:url(closenav.png) no-repeat center center; background-size:20px 20px; }

.show_div_nav {background:#666}
.show_div_nav li
{
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #444;
    border-top: 1px solid #777;
    color: #fff;
    background-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.show_div_nav li:first-child
{
    border-top: 0;
}

.show_div_nav li:last-child
{
    border-bottom: 0;
}

.show_div_nav li a
{
    display: block;
    height: 40px;
    padding-left: 20px;
    color: #f9f9f9;
}

    .show_div_nav li a:visited
    {
        color: #f9f9f9;
    }


.float_btn{height:36px; width:36px; line-height:36px; cursor:pointer; border:2px solid #fff; font-size:11px; text-align:center;
            color:#fff; background:#09c url(menu_btn.png) center center no-repeat; background-size:24px 24px; box-shadow:0 0 4px #555;
             opacity:0.8; position:fixed;bottom:20px; left:20px; z-index:999999; border-radius:50px;}
	
.mask_div{position:absolute; width:100%; height:100%; left:0; top:0; bottom:0;  z-index:100;display:none;}