/*Content CSS*/
#header_wrap { width:100%; height:60px;background: #fff; z-index:57; transition: all 0.3s; border-bottom: 1px solid #ddd;
position: fixed; left: 0; top:0;  text-align: center;}
#logo {  padding:0; position: absolute; top: 0; left: 0; width:100%; display: block;}
#logo a {height: 60px; display: inline-flex; align-items: center; justify-content: center; position: relative;}
#logo a img {transition: opacity .3s; height: 32px; }
/* #logo a img + img {opacity: 0; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2;} */

/* .scrolled #header_wrap { background: #fff;  border-bottom-color:#ddd; }
.scrolled #logo a img { opacity: 0;}
.scrolled #logo a img + img { opacity: 1;} */


/* #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;}
} */