body {
  background-color: #f2ecec;
  font-family: 'Roboto', sans-serif; }

@media (min-width: 415px) {
  .active-mb {
    display: none; } }
@media (max-width: 414px) {
  .active-mb {
    display: block; } }

.main-content {
  width: 640px;
  margin: 15px auto 200px auto; }
  .main-content .banner-top {
    margin-bottom: 15px; }
    .main-content .banner-top img {
      display: block;
      width: 100%;
      height: 160px;
      border-radius: 8px; }
      @media (max-width: 414px) {
        .main-content .banner-top img {
          height: auto; } }
  .main-content .form-common {
    padding: 60px 20px 15px 20px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ccc; }
    .main-content .form-common .label {
      font-family: 'Quicksand', sans-serif;
      font-size: 16px;
      line-height: 1.25;
      color: #202020;
      padding: 0;
      display: inline-block;
      margin-bottom: 10px;
      font-size: 20px;
      left: 0;
      top: -20px; }
    .main-content .form-common .input-field {
      padding: 0;
      margin: 0; }
      @media (max-width: 414px) {
        .main-content .form-common .input-field {
          width: 100%; } }
    .main-content .form-common .select-feild {
      padding: 0; }
      .main-content .form-common .select-feild .label {
        margin-bottom: 20px; }
      .main-content .form-common .select-feild .choice-orther label {
        float: left; }
        .main-content .form-common .select-feild .choice-orther label input {
          height: 1.5rem;
          margin-left: 35px; }
          @media (max-width: 414px) {
            .main-content .form-common .select-feild .choice-orther label input {
              margin-left: 0; } }
        @media (max-width: 414px) {
          .main-content .form-common .select-feild .choice-orther label {
            width: 100%; } }
    .main-content .form-common.common-child {
      padding-top: 25px; }
      .main-content .form-common.common-child .label {
        margin-bottom: 20px;
        font-size: 16px; }
      .main-content .form-common.common-child p label {
        color: #333 !important;
        font-weight: normal !important; }
    .main-content .form-common.form-birthday .calendar.icon {
      left: -10px;
      top: -3px; }
    .main-content .form-common.form-birthday .input.ui {
      width: 100%; }
    .main-content .form-common.form-birthday input {
      padding-left: 30px !important;
      display: block;
      width: 100%; }
      @media (max-width: 414px) {
        .main-content .form-common.form-birthday input {
          width: auto; } }
    .main-content .form-common.form-validate {
      border: 1px solid red; }
      .main-content .form-common.form-validate input[type=text]:not(.browser-default) {
        border-bottom: 1px solid #D93025;
        box-shadow: 0 1px 0 0 #D93025; }
      .main-content .form-common.form-validate .helper-text {
        color: #D93025; }
  .main-content .color-red {
    color: #D93025; }
  .main-content .form-content-intro {
    position: relative;
    padding-top: 25px; }
    .main-content .form-content-intro::before {
      position: absolute;
      content: '';
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      left: -1px;
      top: -1px;
      width: calc(100% + 2px);
      height: 10px;
      background-color: #7d4140; }
    .main-content .form-content-intro .title {
      font-family: 'Quicksand', sans-serif;
      font-weight: 400;
      font-size: 32px;
      line-height: 1.35;
      color: #000;
      margin-bottom: 10px; }
      @media (max-width: 414px) {
        .main-content .form-content-intro .title {
          font-size: 30px; } }
    .main-content .form-content-intro p {
      margin-bottom: 5px; }
    .main-content .form-content-intro a {
      color: #0000EE; }
      @media (max-width: 414px) {
        .main-content .form-content-intro a {
          font-size: 12px; } }
  .main-content .box-button {
    text-align: center; }
    .main-content .box-button .btn {
      width: 150px; }
      .main-content .box-button .btn:hover {
        color: #fff; }
      @media (max-width: 414px) {
        .main-content .box-button .btn {
          width: 100%; } }
  @media (max-width: 414px) {
    .main-content {
      width: 100%;
      padding: 0 15px; } }

/*# sourceMappingURL=style.css.map */