/*Content CSS*/
#header_wrap { width:100%; height:60px;background: transparent; z-index:57; transition: all 0.3s; border-bottom: 1px solid rgba(255, 255, 255, .15);
position: fixed; left: 0; top:0; }
#logo {  padding:0; position: absolute; top: 0; left: 0; width:100%; display: block;}
#logo a {display: block; height: 60px; line-height:60px;text-align: center; font-size: 0; background: url('../img/logo_w.png')no-repeat 50% 50%; background-size: auto 33px; max-width: 180px; margin:0 auto; transition: background-image .3s; }
/* #logo img {height: 32px;} */
.scrolled #header_wrap { background: #fff; border-bottom-color: #ddd; }
.scrolled #header_wrap #logo a { background-image: url('../img/logo.png');}
/* #header_wrap.sub {background: #fff; border-bottom-color: #ddd;}
#header_wrap.sub #logo a { background: url('../img/logo.png')no-repeat 50% 50%; background-size: auto 32px;} */


/* @media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 640px) {
    #header_wrap {top:0px;}
} */