form.ww-form input[type="text"], form.ww-form input[type="password"] {
  background: rgba(255, 255, 255, 0.3);
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.625rem 1rem;
  margin-bottom: 0.625rem;
  border: 0px solid #c0c0c0;
  font-size: 0.8rem;
  color: #fff;
  font-family: 'Kanit', sans-serif;
  font-weight: 300; }
  form.ww-form input[type="text"]::placeholder, form.ww-form input[type="password"]::placeholder {
    color: #fff; }
  form.ww-form input[type="text"].invalid, form.ww-form input[type="password"].invalid {
    border-color: #c0392b;
    color: #c0392b; }
    form.ww-form input[type="text"].invalid::placeholder, form.ww-form input[type="password"].invalid::placeholder {
      color: #c0392b; }
form.ww-form input[type="checkbox"] {
  display: none; }
  form.ww-form input[type="checkbox"] + label {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 0.625rem;
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 300; }
    form.ww-form input[type="checkbox"] + label::before {
      display: inline-block;
      box-sizing: border-box;
      width: calc(0.8rem + 0.625rem);
      height: calc(0.8rem + 0.625rem);
      margin: 0.3125rem;
      margin-left: 0.625rem;
      padding: 0.3125rem;
      border: 1px solid #c0c0c0;
      border-radius: 0.3125rem;
      font-size: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      content: '\00a0';
      margin-right: 0.625rem;
      font-weight: 600; }
  form.ww-form input[type="checkbox"]:checked + label::before {
    content: '\2714'; }
form.ww-form input[type="radio"] {
  display: none; }
  form.ww-form input[type="radio"] + label {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 0.625rem;
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 300; }
    form.ww-form input[type="radio"] + label::before {
      display: inline-block;
      box-sizing: border-box;
      width: calc(0.8rem + 0.625rem);
      height: calc(0.8rem + 0.625rem);
      margin: 0.3125rem;
      margin-left: 0.3125rem;
      padding: 0.3125rem 0;
      border: 1px solid #c0c0c0;
      border-radius: 50%;
      font-size: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      content: '\00a0';
      margin-right: 0.625rem;
      font-weight: 600; }
  form.ww-form input[type="radio"]:checked + label::before {
    content: '\2B24'; }
form.ww-form hr {
  height: 0;
  margin-top: 0.625rem;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 1.25rem;
  border: 0;
  border-bottom: 1px solid #c0c0c0; }

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