/* header */
#header {position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background: #fff; border-bottom: 1px solid #ddd; transition: .3s;}
#header .inner {height: 60px;}
#header .logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3;}
#header .logo a {display: block;}
#header .logo a::before {content: ''; display: inline-block; width: 114px; height: 43px; background: url("../img/logo.png") no-repeat center/cover; transition: .3s;}

/* scrolled */
.scrolled #header {border-bottom: transparent; box-shadow: 0 0 10px rgb(0, 0, 0, 0.15);}