@charset "UTF-8";

ul {
  text-align: center;
}

#wrap {
  border: 1px sollid red;
  /* width: 960px; */
  margin: 0 auto;
}

header,
h1,
header ul,
header form {
  display: liline-block;
}

#wrap #header {
  width: 100%;
}

#wrap #header .wrap {
  background-color: #aae;
  width: 1200px;
  margin: 0 auto;
  border: 1px blue solid;
  position: relative;
}

#wrap #header .wrap .sub-bg {
  width: 100%;
  height: 150px;
  background-color: #ddd;
}

#wrap #header .wrap > ul {
  width: 100%;
}

#wrap #header .wrap > ul > li:nth-child(1) {
  width: 1020px;
  height: 180px;
  background-color: #eea;
}

#wrap #header .wrap > ul > li:nth-child(2) {
  width: 1020px;
  height: 100px;
  background-color: #aee;
}

li + li {
  padding: 20px;
}