@charset "UTF-8";

.c-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.c-form input,
.c-form select,
.c-form textarea {
  font-size: 15px;
  color: #474747;
}

.c-form input[type="text"]:not(.c-captcha__input),
.c-form input[type="tel"],
.c-form input[type="email"],
.c-form input[type="passeord"],
.c-form select {
  height: 40px;
  border: none;
  border-bottom: 1px solid #313131;
}

.c-form select {
  padding: 0;
  background-position: center right;
  background-color: transparent;
  background-size: 12px auto;
}

.c-form textarea {
  padding: 20px;
  min-height: 190px;
  border: 1px solid #313131;
}

.c-form__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 30px 0;
}

.c-form__item.two {
  width: calc(50% - 15px);
}

.c-form__item .c-radio {
  min-width: 110px;
  margin: 10px 40px 10px 0;
}

.c-form__item .c-radio:last-child {
  margin: 10px 0;
}

.c-form__select {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 30px 0 20px 0;
}

.c-form__select+.c-form__select {
  margin: -30px 0 30px 0;
  border-top: 1px solid #dfdfdf;
}

.c-form__select__title {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 1.2;
  color: #313131;
}

.c-form__select .c-radio {
  min-width: 110px;
  margin: 10px 40px 10px 0;
}

/****表單工具列****/
.c-form__tool {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.c-form__tool__captcha {
  max-width: 370px;
  flex: 0 1 auto;
}

.c-form__tool__submit {
  max-width: 180px;
  margin: 0 0 0 20px;
}

@media screen and (max-width: 991px) {

  /****表單工具列****/
  .c-form__tool__captcha {
    max-width: 335px;
  }
}

@media screen and (max-width: 767px) {
  .c-form__item.two {
    width: 100%;
  }

  .c-form__select {
    display: block;
    padding: 30px 0;
  }

  .c-form__select__title {
    margin: 0 0 15px 0;
  }

  .c-form__select .c-radio {
    margin: 0 0 15px 0;
  }

  .c-form__select .c-radio:last-child {
    margin: 0;
  }

  /****表單工具列****/
  .c-form__tool {
    display: block;
  }

  .c-form__tool__captcha {
    max-width: none;
  }

  .c-form__tool__submit {
    max-width: none;
    margin: 40px 0 0 0;
  }
}

@media screen and (max-width: 575px) {

  .c-form input,
  .c-form select,
  .c-form textarea {
    font-size: 14px;
  }

  .c-form__item {
    margin: 0 0 20px 0;
  }

  .c-form__select {
    margin: 0 0 20px 0;
  }

  .c-form__select+.c-form__select {
    margin: -20px 0 20px 0;
  }

  .c-form__select__title {
    font-size: 14px;
  }
}

/****觸控螢幕****/
@media (any-hover: none) {}

/****IOS樣式****/
@supports (-webkit-touch-callout: none) {}