html, body {
  background-color: #e31f2b;
  color: #fff;
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing: 1px;
  font-size: 15px;
}

html a, html a:hover, html a:active, body a, body a:hover, body a:active {
  color: #fff;
}

.section-home {
  /* margin:0 auto 21%;position: relative; */
  margin-bottom: 18px;
}

.s-border {
  border-bottom: 5px #fff solid;
}

.txt-intro {
  margin-bottom: 31px;
}

.header-over {
  margin-top: 5%;
  /*position: absolute;bottom:-16%;left:0;right:0;*/
}

.header-over img {
  max-width: 60%;
}

.menu img {
  max-width: 60%;
}

.menu .col-12 {
  margin-bottom: 6px;
}

.btn-nav {
  margin-bottom: 6px;
}

.link-tnc {
  text-decoration: underline;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-40 {
  margin-bottom: 40px;
}

.input-wrapper {
  margin-bottom: 7px;
}

.input-wrapper input[type='text'], .input-wrapper select {
  width: 100%;
  height: 36px;
  border-radius: 0;
  border: 0;
  background-color: #fff;
  -webkit-appearance: none;
  font-size: 16px;
  padding-left: 10px;
}

.input-wrapper .select-wrapper {
  position: relative;
}

.input-wrapper .select-wrapper:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #a4a4a4;
  position: absolute;
  pointer-events: none;
  top: 13px;
  right: 8px;
}

.input-wrapper.cb-wrapper {
  /* height:26px; */
}

.input-wrapper.cb-wrapper label {
  margin-bottom: 0;
}

.input-wrapper select, .input-wrapper ::-webkit-input-placeholder {
  color: #a4a4a4;
}

.input-wrapper select, .input-wrapper :-ms-input-placeholder {
  color: #a4a4a4;
}

.input-wrapper select, .input-wrapper ::-ms-input-placeholder {
  color: #a4a4a4;
}

.input-wrapper select, .input-wrapper ::placeholder {
  color: #a4a4a4;
}

.input-wrapper option:not(:checked) {
  color: #000;
}

.input-wrapper select.isDirty {
  color: #000;
}

.input-wrapper input[type='radio'], .input-wrapper input[type='checkbox'] {
  padding: 13px;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  outline: none;
  background-color: #fff;
  margin-right: 10px;
  vertical-align: middle;
}

.input-wrapper input[type='radio']:checked, .input-wrapper input[type='checkbox']:checked {
  display: inline-block;
  background-color: #000;
}

.input-wrapper.upload > div {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 36px;
  text-align: center;
}

.input-wrapper.upload > div span {
  color: #E21F2A;
  margin: auto;
  text-decoration: underline;
  line-height: 36px;
}

.input-wrapper.upload input[type='file'] {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.input-wrapper .error {
  color: #ffdd00;
  display: none;
}

.small {
  color: #cbcbcb;
  font-size: 12px;
}

#modal-Error99 .modal-body {
  background-color: #e31f2b;
  text-align: center;
}

.tnc-page li {
  margin-bottom: 8px;
}

.btn-submit {
  border: 0;
  padding: 0;
}

.btn-submit img {
  width: 192px;
}

.footer {
  background-color: #b60812;
}

ol > li > ul {
  list-style-type: disc;
}

@media (max-width: 991.98px) {
  .tnc-page ol,
  .tnc-page ul {
    padding-left: 25px;
  }
}

@media (min-width: 640px) {
  .header-over {
    margin-top: 25px;
  }
}

@media (min-width: 992px) {
  html, body {
    font-size: 17px;
  }
  .section-home {
    margin-bottom: 31px;
  }
  .section-home .kv-d {
    background: url("../images/kv_blur_d.jpg") no-repeat center;
    background-size: cover;
  }
  .header-over {
    margin-top: 25px;
  }
  .header-over img {
    max-width: 300px;
  }
  .menu {
    margin: 30px auto 0;
    max-width: 992px;
  }
  .menu .col-lg-3 {
    padding: 0 5px;
  }
  .menu .col-lg-3:first-child {
    padding-left: 0;
  }
  .menu .col-lg-3:last-child {
    padding-right: 0;
  }
  .menu img {
    max-width: 100%;
  }
  .input-form {
    max-width: 535px;
    margin: auto;
  }
  .input-form .col-lg-6:nth-child(even) {
    padding-right: 5px;
  }
  .input-form .input-wrapper {
    margin-bottom: 5px;
  }
}
/*# sourceMappingURL=style.css.map */