@charset "UTF-8";
:root {
  --text-font-weight: 300;
  --heading-font-weight: 400; }

html, body {
  font-size: 15px;
  overflow-x: hidden; }

html {
  background: #ebebeb;
  background: linear-gradient(to right, #fcfcfc, #f7f6f6); }

body {
  font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: 300;
  font-weight: var(--text-font-weight, 300);
  line-height: 1.6;
  letter-spacing: 0.06rem;
  color: #555;
  background-color: transparent; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
  font-weight: 400;
  font-weight: var(--heading-font-weight, 400);
  line-height: 1.24; }

.h4, h4 {
  font-size: 1.56rem; }

.h5, h5 {
  font-size: 1.03rem; }

.h6, h6 {
  font-size: .88rem; }

@media (max-width: 991px) {
  .h1, h1 {
    font-size: 1.98rem; } }

a, a:hover {
  text-decoration: none; }

strong {
  font-weight: 600; }

label {
  margin-bottom: .25rem;
  padding-left: 2px;
  font-weight: 600;
  font-weight: var(--heading-font-weight, 500); }

*:focus {
  outline: none !important; }

.box-shadow {
  box-shadow: 2px 2px 12px -4px rgba(88, 88, 88, 0.7); }

.my-6 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important; }

.my-7 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important; }

.mt-6 {
  margin-top: 5rem !important; }

.mt-7 {
  margin-top: 8rem !important; }

.btn-primary {
  border-color: #50a2ff;
  background: linear-gradient(to right, #5aa7ff, #278cff); }

.footer {
  padding: 40px 0;
  background: linear-gradient(to right, #e9e9e9, #ececec); }
  @media (max-width: 991px) {
    .footer {
      padding: 20px 0 30px; } }
  .footer, .footer a {
    color: #7c7c7c; }
  .footer .item {
    margin-bottom: .25em; }
  .footer .google-recaptcha-info, .footer .google-recaptcha-info a {
    color: #b5b5b5; }
  .footer .google-recaptcha-info a {
    text-decoration: underline; }
  .footer .btn-outline-primary {
    border-color: #7c7c7c;
    width: 9em; }
    .footer .btn-outline-primary:not(:disabled):not(.disabled):active, .footer .btn-outline-primary:hover {
      color: #7c7c7c;
      background-color: #fff;
      border-color: #7c7c7c; }

[v-cloak], .grecaptcha-badge {
  display: none; }

body.no-scroll {
  overflow: hidden; }
  body.no-scroll:after {
    content: '';
    position: fixed;
    z-index: 4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(20, 20, 20, 0.5); }

.content-container {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  box-shadow: 1px 0px 13px -7px rgba(40, 40, 40, 0.18), -1px 0px 13px -7px rgba(40, 40, 40, 0.18);
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.page-content {
  background-color: #fff;
  flex: 1; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1024px; } }

.heading-1 {
  color: #5e5e5e;
  text-align: center;
  font-size: 1.64rem;
  font-weight: 500;
  letter-spacing: .25em;
  margin-bottom: 1.75rem;
  line-height: 1;
  position: relative;
  z-index: 1; }
  .heading-1:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -.55em;
    display: block;
    height: 2px;
    width: 100%;
    background-color: rgba(242, 242, 242, 0.9); }

.sub-heading {
  width: 80%;
  max-width: 400px;
  margin: 1.2em auto;
  padding: .6em 0;
  border-radius: 100px;
  background: linear-gradient(to right, #fce677, #FFD60B);
  color: #555555;
  text-align: center; }
/*# sourceMappingURL=app.css.map */