@charset "UTF-8";
body {
  font-size: 16px;
  font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", sans-serif;
  background-image: url("../image/bg.png");
  background-repeat: repeat;
}

.header {
  background-color: #fff;
  padding: 1em 0;
  margin-bottom: 4em;
  border-bottom: 1px solid #eee;
  box-shadow: 0 3px 7px 1px rgba(0, 0, 0, 0.1);
}
.header h1 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}

@media (min-width: 768px) {
  header h1 {
    font-size: 32px;
  }
}
footer {
  background-color: #444;
  color: #fff;
  padding: 50px 0;
  margin-top: 5em;
  text-align: center;
}

.mt--1 {
  margin-top: -1em;
}

.mb--1 {
  margin-bottom: -1em;
}

.mr--1 {
  margin-right: -1em;
}

.ml--1 {
  margin-left: -1em;
}

.pt--1 {
  padding-top: -1em;
}

.pb--1 {
  padding-bottom: -1em;
}

.pr--1 {
  padding-right: -1em;
}

.pl--1 {
  padding-left: -1em;
}

.mt-0 {
  margin-top: 0em;
}

.mb-0 {
  margin-bottom: 0em;
}

.mr-0 {
  margin-right: 0em;
}

.ml-0 {
  margin-left: 0em;
}

.pt-0 {
  padding-top: 0em;
}

.pb-0 {
  padding-bottom: 0em;
}

.pr-0 {
  padding-right: 0em;
}

.pl-0 {
  padding-left: 0em;
}

.mt-1 {
  margin-top: 1em;
}

.mb-1 {
  margin-bottom: 1em;
}

.mr-1 {
  margin-right: 1em;
}

.ml-1 {
  margin-left: 1em;
}

.pt-1 {
  padding-top: 1em;
}

.pb-1 {
  padding-bottom: 1em;
}

.pr-1 {
  padding-right: 1em;
}

.pl-1 {
  padding-left: 1em;
}

.mt-2 {
  margin-top: 2em;
}

.mb-2 {
  margin-bottom: 2em;
}

.mr-2 {
  margin-right: 2em;
}

.ml-2 {
  margin-left: 2em;
}

.pt-2 {
  padding-top: 2em;
}

.pb-2 {
  padding-bottom: 2em;
}

.pr-2 {
  padding-right: 2em;
}

.pl-2 {
  padding-left: 2em;
}

.mt-3 {
  margin-top: 3em;
}

.mb-3 {
  margin-bottom: 3em;
}

.mr-3 {
  margin-right: 3em;
}

.ml-3 {
  margin-left: 3em;
}

.pt-3 {
  padding-top: 3em;
}

.pb-3 {
  padding-bottom: 3em;
}

.pr-3 {
  padding-right: 3em;
}

.pl-3 {
  padding-left: 3em;
}

.mt-4 {
  margin-top: 4em;
}

.mb-4 {
  margin-bottom: 4em;
}

.mr-4 {
  margin-right: 4em;
}

.ml-4 {
  margin-left: 4em;
}

.pt-4 {
  padding-top: 4em;
}

.pb-4 {
  padding-bottom: 4em;
}

.pr-4 {
  padding-right: 4em;
}

.pl-4 {
  padding-left: 4em;
}

.mt-5 {
  margin-top: 5em;
}

.mb-5 {
  margin-bottom: 5em;
}

.mr-5 {
  margin-right: 5em;
}

.ml-5 {
  margin-left: 5em;
}

.pt-5 {
  padding-top: 5em;
}

.pb-5 {
  padding-bottom: 5em;
}

.pr-5 {
  padding-right: 5em;
}

.pl-5 {
  padding-left: 5em;
}

[v-cloak] {
  display: none !important;
}

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

.v-center {
  vertical-align: middle;
}

.subside-table th {
  text-align: center;
}
.subside-table th,
.subside-table td {
  vertical-align: middle !important;
  color: #fff;
}
.subside-table tr.bg-head th {
  background-color: #ff677d;
}
.subside-table tr.bg-primary th,
.subside-table tr.bg-primary td {
  background-color: #75b79e;
}
.subside-table tr.bg-second th,
.subside-table tr.bg-second td {
  background-color: #3282b8;
}
.subside-table tr.bg-third th,
.subside-table tr.bg-third td {
  background-color: #5c7285;
}

.card {
  font-size: 2em;
  padding: 2em;
  text-align: center;
  transition: all 0.3s;
}
.card:hover {
  opacity: 0.8;
}
.card.primary {
  background-color: #ffa34c;
  color: #fff;
}
.card.success {
  background-color: #32afa9;
  color: #fff;
}

#myModal .fa-check-circle {
  font-size: 10em;
  color: #8ac6d1;
}
#myModal .tip {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 40px 0 20px;
}

.modal-dialog {
  margin: 100px 10px;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin: 100px auto;
  }
}
.sm-mb-1 {
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .sm-mb-1 {
    margin-bottom: 0;
  }
}
.alert-error {
  color: #f67280;
  margin: 2px;
}

.link-dotted-line {
  border-bottom: 1px dotted #000;
}

.search-result {
  background-color: #f1f3f4;
}
.search-result table {
  margin-bottom: 0;
}

.important {
  color: red;
}

.vdp-datepicker input {
  outline: none;
  border: none;
  display: block;
  width: 100%;
}/*# sourceMappingURL=main.css.map */