@charset "UTF-8";
* {
  font-family: "Noto Sans TC", sans-serif; }

.page {
  margin: 0; }

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100vh;
  padding: 0; }

main {
  color: #2c4d65;
  text-align: center; }
  main h5 {
    font-weight: 500;
    letter-spacing: 1.8px;
    font-size: 18px;
    line-height: 36px;
    margin: 0; }
  main .wire {
    height: 1px;
    background-image: linear-gradient(to right, #2a4c65 5px, transparent 5px);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    margin: 64px 32px; }
  main input[type="number"] {
    width: 200px;
    height: 52px;
    margin: 32px 0 64px 0;
    padding-left: 0.5rem;
    border: 1px solid #707070;
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-size: 16px;
    line-height: 32px;
    color: #434343;
    opacity: 1;
    background: none;
    text-align: center; }
  main input[type="number"]:focus {
    outline: none !important;
    box-shadow: none !important;
    color: #434343 !important; }
  main input[type="number"]:-webkit-autofill,
  main input[type="number"]:-webkit-autofill:hover,
  main input[type="number"]:-webkit-autofill:focus,
  main input[type="number"]:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #434343 !important;
    caret-color: none !important; }
  main input::placeholder {
    text-align: center;
    padding-right: 0.5rem;
    letter-spacing: 1.6px;
    font-size: 16px;
    line-height: 32px;
    color: #434343;
    opacity: 0.5; }
  main input[type="submit"] {
    border: 0;
    border-radius: 32px;
    background-color: #2c4d65;
    color: #fafafa;
    font-weight: 400;
    letter-spacing: 1.6px;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 48px; }
  main div h5 {
    color: #434343;
    font-weight: 400;
    letter-spacing: 1.8px;
    font-size: 18px;
    line-height: 36px;
    margin: 0; }

@media screen and (max-width: 320px) {
  main {
    margin-top: 5rem; } }
/* 隱藏所有瀏覽器的數字輸入欄位箭頭 */
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.air {
  margin-bottom: 50px; }

.swal2-html-container {
  font-size: 18px !important;
  color: #434343 !important;
  font-weight: 400 !important;
  letter-spacing: 1.8px !important;
  line-height: 32px !important; }

.swal2_btn_verify {
  position: relative !important; }

.swal2_btn_verify_btn {
  position: absolute;
  border: 0;
  background: #2a4c65;
  color: #ffffff;
  padding: 0.625em 1.1em;
  border-radius: 0.25em;
  font-weight: 500;
  z-index: 1000; }

.swal2-footer {
  margin-top: -72px;
  margin-right: 51px;
  border: 0;
  padding: 0;
  display: flex;
  justify-content: center; }

.swal4px-confirm {
  box-shadow: none !important;
  font-weight: 500; }

.swal2-html-container {
  margin: 0 !important;
  margin-top: 28px !important; }

.swal2-input {
  border: 1px solid #434343 !important; }

.swal2-input:focus {
  outline: none !important;
  box-shadow: none !important;
  color: #434343 !important;
  border: 1px solid #434343 !important; }

.swal2-loader {
  margin: 0; }

.swal2-actions {
  position: relative; }

.swal2-cancel {
  margin-left: 57px !important;
  visibility: hidden; }

.swal2-styled {
  position: relative;
  margin: 0 0 28px; }

.swal2-popup {
  padding: 0; }

.demo_link {
  text-align: center; }
  .demo_link .demo {
    border-radius: 32px;
    background-color: #2c4d65;
    color: #fafafa;
    font-weight: 400;
    letter-spacing: 1.6px;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 48px;
    text-decoration: none; }

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