@charset "UTF-8";
/*容器基本框架*/
.wrapper, .content {
  background-size: 150%;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 45.3125%;
}

.header .container .man {
  width: 76.79688%;
  height: 0;
  padding-bottom: 59.76562%;
  top: 6.03448%;
  left: 10%;
}

.header .container .slogan {
  width: 85.9375%;
  height: 0;
  padding-bottom: 19.29688%;
  top: 67.24138%;
  left: 6.25%;
  z-index: 1;
}

.header .container .money {
  width: 103.82812%;
  height: 0;
  padding-bottom: 22.34375%;
  top: 101.2069%;
  left: -1.5625%;
}

.header .container .logo {
  width: 20.3125%;
  height: 0;
  padding-bottom: 14.0625%;
  top: 2.58621%;
  left: 4.45312%;
}

/* ================= 內容 ================= */
.content {
  /*帳號 & 手機輸入*/
}

@media only screen and (max-width: 415px) {
  .content .container h3 {
    top: -38px;
  }
}

@media only screen and (max-width: 376px) {
  .content h5 > span {
    display: block;
  }
}

@media only screen and (max-width: 376px) {
  .content .div_input_area .div_input {
    padding-bottom: 5%;
  }
  .content .div_input_area .div_input .div_tip {
    width: 50%;
    padding-bottom: 2%;
  }
  .content .div_input_area .div_input input {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}