@font-face {
  font-family: "modeng";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/beame.ttf") format("truetype");
}

@font-face {
  font-family: "Omnium-Bold";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-Bold.otf");
}

@font-face {
  font-family: "Omnium-ExtraBold";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-ExtraBold.otf");
}

@font-face {
  font-family: "Omnium-Light";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-Light.otf");
}

@font-face {
  font-family: "Omnium-Medium";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-Medium.otf");
}

@font-face {
  font-family: "Omnium-SemiBold";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-SemiBold.otf");
}

@font-face {
  font-family: "Omnium-Thin";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Omnium-Thin.otf");
}

@font-face {
  font-family: "Comfortaa-Bold";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Comfortaa-Bold.ttf");
}

@font-face {
  font-family: "Comfortaa-Light";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Comfortaa-Light.ttf");
}

@font-face {
  font-family: "Comfortaa-Medium";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Comfortaa-Medium.ttf");
}

@font-face {
  font-family: "Comfortaa-Regular";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Comfortaa-Regular.ttf");
}

@font-face {
  font-family: "Comfortaa-SemiBold";
  font-weight: normal;
  font-display: swap;
  src: url("~static/fonts/Comfortaa-SemiBold.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-Bold";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-Bold.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-ExtraLight";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-ExtraLight.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-Heavy";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-Heavy.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-Light";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-Light.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-Regular";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-Regular.ttf");
}

@font-face {
  font-family: "GenSenMaruGothicTW-Medium";
  font-weight: normal;
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/GenSenMaruGothicTW-Medium.ttf");
}

@font-face {
  font-family: "VD-LOGO-Std-E";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/VD-LOGO-Std-E.TTF");
}

@font-face {
  font-family: "VD-LOGO-JR-Std-U";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/VD-LOGO-JR-Std-U.ttf");
}

@font-face {
  font-family: "NotoSansTC-Bold";
  font-display: swap;
  src: url("https://affordablesmiles.oss-cn-hongkong.aliyuncs.com/font/NotoSansTC-Bold.woff2");
}

@font-face {
  font-family: "NotoSansTC-Light";
  font-display: swap;
  src: url("https://affordablesmiles.oss-cn-hongkong.aliyuncs.com/font/NotoSansTC-Light.woff2");
}

@font-face {
  font-family: "NotoSansTC-Regular";
  font-display: swap;
  src: url("https://affordablesmiles.oss-cn-hongkong.aliyuncs.com/font/NotoSansTC-Regular.woff2");
}

@font-face {
  font-family: "NotoSansTC-Medium";
  font-display: swap;
  src: url("https://affordablesmiles.oss-cn-hongkong.aliyuncs.com/font/NotoSansTC-Medium.woff2");
}

@font-face {
  font-family: "FugazOne-Regular";
  font-display: swap;
  src: url("https://beame.oss-cn-hongkong.aliyuncs.com/font/FugazOne-Regular.ttf");
}

.test {
  font-family: "MMT";
}

* {
  color: #323e48;
}

a {
  color: #323e48 !important;
}

body {
  touch-action: pan-y;
}

.iconfont {
  font-family: "modeng" !important;
  font-size: 100px;
  font-style: normal;
}

.blog-css ul,
.blog-css ol {
  list-style-type: initial !important;
}

.blog-css ul.no-dot li {
  list-style-type: none !important;
}

.blog-css p a,
.blog-css li a {
  text-decoration: underline !important;
}

.blog-css p a:hover,
.blog-css li a:hover {
  color: #00e467 !important;
}

.blog-css ul.list-pl30 li {
  padding-left: 30px !important;
}

.blog-css h2 {
  font-weight: 800 !important;
  padding-bottom: 10px !important;
}

.el-scrollbar .el-scrollbar__bar {
  opacity: 1 !important;
}

.custom-body {
  height: 100%;
  background-color: #f2f2f2;
}

@media all and (max-width: 570px) {
  .el-message-box {
    width: 80% !important;
  }

  .custom-body {
    height: 100%;
    background-color: #fff;
  }
}