html {
  --red: #fe1427;
  --line: #06c755;
  --CI-Midnight-Blue: #00073c;
  --CI-Light-Blue: #2e6693;
  --Primary-Blue: #0d66d0;
  --System-Semi-Black: #151515;
}
body {
  height: 100vh;
  font-family: "Noto Sans Thai" !important;
  font-size: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans Thai" !important;
}
p {
  font-family: "Noto Sans Thai" !important;
  margin-bottom: 0;
}
main {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  color: var(--Black-80, #333);
}
.content-block {
  width: 100%;
  padding-bottom: 150px;
  /* flex: 1 1 auto; */
}
.btn-main {
  padding: 16px;
  border-radius: 80px;
  border: 1px solid var(--Blue, #69b7f8);
  background: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Blue, #69B7F8);
}
.btn-main:hover {
  color: var(--Blue, #69B7F8);
}
.logo {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
}