/* PC¶Ë */
/* >=1920px */
@media (min-width: 1921px) {
  html {
    font-size: 30px;
  }
}
@media (max-width: 1920px) {
  html {
    font-size: 26px;
  }
}
@media (max-width: 1600px) {
  html {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  html {
    font-size: 22px;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 18px;
  }
}
/* Òƶ¯¶Ë */
@media (max-width: 999px) {
  html {
    font-size: 20px;
  }
}
@media (max-width: 759px) {
  html {
    font-size: 20px;
  }
}
@media (max-width: 376px) {
  html {
    font-size: 20px;
  }
}
* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
html,
body {
  width: 100%;
  height: auto;
}
.logo_none {
  display: none;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('/templates/d2ssoft/font/Roboto-Medium.ttf');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('/templates/d2ssoft/font/Roboto-Regular.ttf');
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}