:root {
  --color0: #000;
  --color1: #111;
  --color2: #222;
  --color3: #333;
  --color4: #444;
  --color5: #555;
  --color6: #666;
  --color7: #777;
  --color8: #888;
  --color9: #999;
  --colora: #aaa;
  --colorb: #bbb;
  --colorc: #ccc;
  --colord: #ddd;
  --colore: #eee;
  --colorf: #fff;
  --colorz1: #36869A;
  --colorr1: #DBEEF3;
  --colorrgba: rgba(219, 238, 243, 0.50);
}

:root {
  --font: "Microsoft JhengHei", Arial, sans-serif;
}

.inner-left span {
  background-color: var(--colorz1);
}

.inner-left span:nth-child(2) {
  background-color: var(--colorr1);
}

.inner-right h2 span {
  color: var(--colorz1);
}

.inner-right h2 svg {
  fill: var(--colorr1);
}

.inner-right i {
  background-color: var(--colorz1);
}

.form-box {
  background-color: var(--colorrgba);
}

.left-tit {
  background-color: var(--colorz1);
}

.right-tit-info span {
  background-color: var(--colorr1);
}

.form-check-input:checked {
  background-color: var(--colorz1);
  border-color: var(--colorz1);
}

.btn-con {
  background-color: var(--colorz1) !important;
  border-color: var(--colorz1) !important;
  box-shadow: 3px 3px 0 var(--colorr1) !important;
}

.back-con {
  border-color: var(--colorz1) !important;
  color: var(--colorz1) !important;
}

.back-btn:hover {
  color: var(--colorz1) !important;
  background-color: var(--colorrgba) !important;
}