@font-face {
  font-family: "AppleSDGothicNeo";
  src: url("../font/AppleSDGothicNeoL.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "AppleSDGothicNeo";
  src: url("../font/AppleSDGothicNeoM.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "test-font";
  font-family: "AppleSDGothicNeo";
  src: url("../font/AppleSDGothicNeoB.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "AppleSDGothicNeo";
  src: url("../font/AppleSDGothicNeoEB.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "AppleSDGothicNeo";
  src: url("../font/AppleSDGothicNeoH.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
hr {
  margin: 0 !important;
}

/* 
   Scrollbar Style
   -------------------------------------
*/
*::-webkit-scrollbar {
  opacity: 0;
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.3);
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  background: hsla(0deg, 0%, 0%, 0);
}

*::-webkit-scrollbar-track-piece {
  background: transparent;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 8px;
}

*:hover {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

*:hover::-webkit-scrollbar,
*:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

*:hover::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.3);
}

/* 
   -------------------------------------
   Layout Style 
*/
[v-cloak] {
  display: none;
}

html, body {
  font-family: "AppleSDGothicNeo" !important;
  font-weight: 200;
  font-size: 0.8vw;
}

body {
  color: rgb(var(--v-theme-za-text_type01));
}

main {
  padding-top: 7vh !important;
}
main > .v-container {
  padding: 8px !important;
}

.v-toolbar {
  background: rgb(var(--v-theme-za-container_bg));
  border-bottom: 1px solid rgb(var(--v-theme-za-border-color));
}

.v-table {
  background: rgb(var(--v-theme-za-container_bg));
}
.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
  background: rgb(var(--v-theme-za-container_bg));
}

.v-sheet, .v-card {
  background: rgb(var(--v-theme-za-container_bg));
}

/* 
   -------------------------------------
    Custom layer style
*/
.layui-layer-custom {
  background-color: rgb(var(--v-theme-za-container_bg));
  color: rgb(var(--v-theme-za-t-text01));
}
.layui-layer-custom .layui-layer-title {
  background-color: rgb(var(--v-theme-za-container_header_bg));
  color: rgb(var(--v-theme-za-t-text01));
  border-bottom-color: rgb(var(--v-theme-za-border-color));
}
.layui-layer-custom .layui-layer-setwin > span {
  color: rgb(var(--v-theme-za-t-text01));
}
.layui-layer-custom .layui-layer-content {
  color: rgb(var(--v-theme-za-t-text01));
}
.layui-layer-custom .layui-layer-btn {
  padding: 5px 10px 10px;
}
.layui-layer-custom .layui-layer-btn a {
  background: rgb(var(--v-theme-za-t-btn_type02_bg));
  border-color: rgb(var(--v-theme-za-t-btn_type02_bg));
  color: rgb(var(--v-theme-za-t-text01));
}

@media (min-width: 768px) {
  html, body {
    font-size: 14px !important;
  }
}