#campaign-header .container {
  width: 100%;
  padding: 0px;
}

#campaign-header img {
  max-width: 100%;
}

#campaign-end_at {
  display: none;
}

/* ---------------------------------------- */

#input-form {
  background: url('../../img/campaign/48/form-bg.png') top center no-repeat;
  background-size: 100% auto;
  width: 960px;
  height: 540px;
  margin: 0px auto;
  position: relative;
  text-align: center;
}

#input-form input {
  background: url('../../img/campaign/icon_edit.png') right bottom no-repeat;
  background-size: auto 100%;
  border: solid 2px #d8478f;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(17, 34, 51, 0.35);
}

#input-form label {
  display: none;
}

#input-form button {
  background: transparent;
  border: none;
}

#input-form .input-player_id {
  width: 75%;
  margin: 0px auto;
  position: relative;
  top: 190px;
  ime-mode: disabled;
}

#input-form .input-code {
  width: 75%;
  margin: 0px auto;
  position: relative;
  top: 260px;
  ime-mode: disabled;
}

#input-form .input-register {
  margin: 0px auto;
  position: relative;
  top: 290px;
}

@media (max-width: 991px) {
  img.button-register {
    width: 163px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  img.button-register {
    width: 109px;
    height: 25px;
  }
}

/* ---------------------------------------- */

@media (max-width: 349px) {
  #input-area {
    margin: -15px -30px 0px;
  }
  #input-form {
    width: 320px;
    height: 180px;
  }
  #input-form input {
    font-size: 88%;
    padding: 2px;
    height: auto;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none;
  }
  #input-form .input-player_id {
    top: 60px;
  }
  #input-form .input-code {
    top: 80px;
  }
  #input-form .input-register {
    top: 85px;
  }
}

@media (min-width: 350px) {
  #input-form {
    width: 320px;
    height: 180px;
  }
  #input-form input {
    font-size: 88%;
    padding: 2px;
    height: auto;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none;
  }
  #input-form .input-player_id {
    top: 60px;
  }
  #input-form .input-code {
    top: 80px;
  }
  #input-form .input-register {
    top: 85px;
  }
}
@media (max-width: 429px) {
  #input-area {
    margin: -15px -15px 0px;
  }
}

@media (min-width: 430px) {
  #input-form {
    width: 400px;
    height: 225px;
  }
  #input-form input {
    font-size: 100%;
    padding: 3px 6px;
    height: 1.8em;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: none;
  }
  #input-form .input-player_id {
    top: 77px;
  }
  #input-form .input-code {
    top: 102px;
  }
  #input-form .input-register {
    top: 110px;
  }
}

@media (min-width: 768px) {
  #input-form {
    width: 720px;
    height: 405px;
  }
  #input-form input {
    font-size: 125%;
    height: 2.5em;
  }
  #input-form .input-player_id {
    top: 140px;
  }
  #input-form .input-code {
    top: 190px;
  }
  #input-form .input-register {
    top: 220px;
  }
}

@media (min-width: 992px) {
  #input-form {
    width: 960px;
    height: 540px;
  }
  #input-form input {
    font-size: 150%;
    padding: 6px 12px;
    height: 2.5em;
    border-radius: 10px;
  }
  #input-form .input-player_id {
    top: 190px;
  }
  #input-form .input-code {
    top: 260px;
  }
  #input-form .input-register {
    top: 290px;
  }
}

@media (min-width: 1200px) {
  #input-form {
    width: 1120px;
    height: 630px;
  }
  #input-form .input-player_id {
    top: 220px;
  }
  #input-form .input-code {
    top: 310px;
  }
  #input-form .input-register {
    top: 350px;
  }
}