/* header */
.header {
  position: relative;
  height: 54px;
  background: #fff;
  -moz-box-shadow:1px 1px 1px #eee;
  -webkit-box-shadow:1px 1px 1px #eee;
  box-shadow:1px 1px 1px #eee;
  z-index: 9999;
}

.header .logo {
  display: block;
  width: 130px;
  height: 50px;
  padding: 5px 0 0 5px;
}

.header .logo img {
  display: block;
  width: 100%;
}

.header .search {
  position: absolute;
  top: 0;
  right: 35px;
  z-index: 1000;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999em;
  background: url(//images/icon-search.png) no-repeat center center;
  background-size: 40%;
}

.header .search:hover {
  background-color: #0067d2;
}

.header .search span {
  display: none;
}

.header .user-icon {
  position: absolute;
  top: 0;
  right: 70px;
  z-index: 1000;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999em;
  background: url(//images/icon-user.png) no-repeat center center;
  background-size: 40%;
}

.header .user-icon span {
  display: none;
}

.header .user-icon:hover {
  background-color: #0067d2;
}

.header .back {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999em;
  background: url(//images/icon-back.png) no-repeat center center;
  background-size: 12px 20px;
}

@media (min-width:641px) {
  body {
    width: 640px;
    margin: auto;
  }
}