@charset "UTF-8";
* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  color: #efefef;
  cursor: default;
  font-family: Meiryo, "メイリオ", Verdana, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 11px;
  margin: 0;
  min-height: 750px;
  min-width: 1400px;
  position: relative;
  voice-family: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

p {
  margin: 0;
}

input[type=file] {
  display: none;
}

.autotextSS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 70px;
  background-color: #545454;
  overflow: hidden;
}

.autotextS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 110px;
  background-color: #545454;
  overflow: hidden;
}

.autotextM {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 160px;
  background-color: #545454;
  overflow: hidden;
}

.autotextL {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 230px;
  background-color: #545454;
  overflow: hidden;
}

.btn {
  background-color: #565656;
  border: #efefef 2px solid;
  border-radius: 10px;
  color: #efefef;
  height: 24px;
  width: 90px;
}
.btn:hover {
  background-color: #efefef;
  color: #565656;
}
.Login {
  height: 100%;
  width: 100%;
}
.Login__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed !important;
}
.Login__logo {
  width: 340px;
}

.loginText {
  background-color: #eaeaea;
  border: #eaeaea 1px solid;
  border-radius: 0.2rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 0.5rem;
  width: 25rem;
}
.loginText:hover {
  border: #0c8be2 1px solid;
}

.loginBtn {
  background-color: #0c8be2;
  border: #0c8be2 1px solid;
  border-radius: 0.2rem;
  color: #fff;
  height: 4rem;
  line-height: 4rem;
  transition: 0.4s;
  width: 25rem;
}
.loginBtn:hover {
  background-color: transparent;
  border: #0c8be2 1px solid;
  color: #0c8be2;
  transition: 0.4s;
}

.Activ {
  color: #ffffff;
  display: flex;
  font-size: 110%;
  height: 100%;
  position: relative;
  width: 100%;
}
.Activ__func {
  background-color: #333333;
  flex-grow: 2;
  height: 100%;
  width: 300px;
}
.Activ__func__logo {
  margin-left: 30px;
  margin-top: 20px;
  width: 200px;
}
.Activ__func__list {
  margin-top: 30px;
}
.Activ__func__item, .Activ__func__item--activ, .Activ__func__item--wait {
  border-left: transparent 5px solid;
  color: #636363;
  height: 33px;
  line-height: 33px;
  padding-left: 40px;
}
.Activ__func__item--wait{
  color: #ffffff;
}
.Activ__func__item--wait:hover{
  background-color: #4c4c4c;
}
.Activ__func__item--activ {
  background-color: #4c4c4c;
  border-left: #0c8be2 5px solid;
  color: #ffffff;
}
.Activ__func__border {
  border-top: #262626 1px solid;
  margin: 10px 30px 10px 40px;
  width: 75%;
}
.Activ__pc {
  background-color: #3f3f3f;
  flex-grow: 1.5;
  height: 100%;
  padding: 20px;
  width: 200px;
}
.Activ__pc__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2254.59px%22%20height%3D%2239.13px%22%20viewBox%3D%220%200%2054.59%2039.13%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2054.59%2039.13%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23666666%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.39%2C34.07l-4.86-6.11V2.25c0-1.24-1.01-2.25-2.25-2.25H7.31C6.06%2C0%2C5.06%2C1.01%2C5.06%2C2.25v25.7L0.2%2C34.07%20C0.07%2C34.23%2C0%2C34.42%2C0%2C34.63v2.71c0%2C0.99%2C0.8%2C1.8%2C1.8%2C1.8h50.99c0.99%2C0%2C1.8-0.8%2C1.8-1.8v-2.71C54.59%2C34.42%2C54.52%2C34.23%2C54.39%2C34.07%20z%20M8.23%2C3.18h38.12v21.6H8.23V3.18z%20M32.42%2C36.99H22.16v-2.72h10.26V36.99z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 90px;
  background-position: center 20px;
  background-repeat: no-repeat;
  border: transparent 1px solid;
  border-radius: 10px;
  color: #9e9e9f;
  margin-top: 30px;
  padding: 20px;
}
.Activ__pc__icon:hover {
  border: #f2d500 1px solid;
}
.Activ__pc__no {
  margin-top: 8px;
  font-size: 160%;
}
.Activ__pc__name {
  margin-top: 30px;
}
.Activ__pc__valid {
  background-color: #333333;
  border-radius: 5px;
  margin-top: 5px;
  padding: 3px 40px;
}
.Activ__main {
  background-color: #4c4c4c;
  flex-grow: 6;
  height: 100%;
  padding: 20px 0;
  width: calc(100% - 300px - 200px);
}
.Activ__main__inner {
  margin: 0 auto;
  height: 100%;
  width: 800px;
}
.Activ__updateBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #F5D91C, #AA5F12);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(100% - (25px * 2));
  margin-left: 25px;
}
.Activ__updateBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__updateBtn:first-child {
  margin-left: 0;
}
.Activ__updateBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__updateBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.96px%22%20height%3D%2241.96px%22%20viewBox%3D%220%200%2041.96%2041.96%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.96%2041.96%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.98%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.98s9.39%2C20.98%2C20.98%2C20.98s20.98-9.39%2C20.98-20.98S32.57%2C0%2C20.98%2C0z%20M17.87%2C35.95%20l0.17-3.24l-0.55-0.16c-1.9-0.57-3.65-1.61-5.06-3.03c-2.28-2.28-3.54-5.31-3.54-8.54c0-1.67%2C0.33-3.28%2C1-4.81l0.15-0.35L13%2C17.11%20l-0.15%2C0.35c-0.48%2C1.12-0.73%2C2.3-0.73%2C3.53c0%2C2.37%2C0.92%2C4.59%2C2.6%2C6.27c0.74%2C0.74%2C1.58%2C1.33%2C2.52%2C1.77l0.98%2C0.45l0.14-2.58l8.27%2C4.45%20L17.87%2C35.95z%20M32.07%2C25.79l-0.15%2C0.35l-2.95-1.28l0.15-0.35c0.48-1.11%2C0.73-2.3%2C0.73-3.53c0-2.37-0.92-4.59-2.6-6.27%20c-0.74-0.73-1.59-1.33-2.52-1.77l-0.98-0.46l-0.14%2C2.59l-8.28-4.45l0.92-0.48l1.53-0.81l6.31-3.33l-0.17%2C3.23l0.55%2C0.16%20c1.9%2C0.57%2C3.65%2C1.62%2C5.06%2C3.03c2.28%2C2.28%2C3.54%2C5.32%2C3.54%2C8.55C33.06%2C22.65%2C32.73%2C24.27%2C32.07%2C25.79z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__startBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #2E8CCC, #0F0762);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(67% - (25px * 12));
  margin-left: 25px;
}
.Activ__startBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__startBtn:first-child {
  margin-left: 0;
}
.Activ__startBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__startBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.94px%22%20height%3D%2241.94px%22%20viewBox%3D%220%200%2041.94%2041.94%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.94%2041.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.97%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.97s9.39%2C20.97%2C20.97%2C20.97s20.97-9.39%2C20.97-20.97S32.55%2C0%2C20.97%2C0z%20M19.35%2C6.94%20h3.24v13.19h-3.24V6.94z%20M20.97%2C33.2c-6.88%2C0-12.47-5.6-12.47-12.47c0-4.55%2C2.35-8.6%2C6.29-10.83l0.57-0.32v3.83l-0.14%2C0.11%20c-2.18%2C1.74-3.47%2C4.43-3.47%2C7.21c0%2C5.09%2C4.14%2C9.24%2C9.24%2C9.24c5.09%2C0%2C9.24-4.14%2C9.24-9.24c0-2.78-1.3-5.47-3.47-7.21l-0.14-0.11V9.57%20l0.57%2C0.33c0.83%2C0.48%2C1.6%2C1.05%2C2.3%2C1.7c0.25%2C0.23%2C0.43%2C0.42%2C0.57%2C0.57l0.07%2C0.07c0.16%2C0.17%2C0.26%2C0.29%2C0.36%2C0.41L30.76%2C13l0.29%2C0.4%20c0.11%2C0.15%2C0.19%2C0.26%2C0.27%2C0.37l0.09%2C0.14c1.33%2C2.03%2C2.04%2C4.39%2C2.04%2C6.83C33.44%2C27.61%2C27.85%2C33.2%2C20.97%2C33.2z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__startEXPTBtn {
  transition: 0.3s;
  /*background: linear-gradient(to right, #2E8CCC, #0F0762);*/
  background: linear-gradient(to right, #4EACCC, #2F2762);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(67% - (25px * 12));
  margin-left: 25px;
}
.Activ__startEXPTBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__startEXPTBtn:first-child {
  margin-left: 0;
}
.Activ__startEXPTBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__startEXPTBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.94px%22%20height%3D%2241.94px%22%20viewBox%3D%220%200%2041.94%2041.94%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.94%2041.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.97%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.97s9.39%2C20.97%2C20.97%2C20.97s20.97-9.39%2C20.97-20.97S32.55%2C0%2C20.97%2C0z%20M19.35%2C6.94%20h3.24v13.19h-3.24V6.94z%20M20.97%2C33.2c-6.88%2C0-12.47-5.6-12.47-12.47c0-4.55%2C2.35-8.6%2C6.29-10.83l0.57-0.32v3.83l-0.14%2C0.11%20c-2.18%2C1.74-3.47%2C4.43-3.47%2C7.21c0%2C5.09%2C4.14%2C9.24%2C9.24%2C9.24c5.09%2C0%2C9.24-4.14%2C9.24-9.24c0-2.78-1.3-5.47-3.47-7.21l-0.14-0.11V9.57%20l0.57%2C0.33c0.83%2C0.48%2C1.6%2C1.05%2C2.3%2C1.7c0.25%2C0.23%2C0.43%2C0.42%2C0.57%2C0.57l0.07%2C0.07c0.16%2C0.17%2C0.26%2C0.29%2C0.36%2C0.41L30.76%2C13l0.29%2C0.4%20c0.11%2C0.15%2C0.19%2C0.26%2C0.27%2C0.37l0.09%2C0.14c1.33%2C2.03%2C2.04%2C4.39%2C2.04%2C6.83C33.44%2C27.61%2C27.85%2C33.2%2C20.97%2C33.2z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__endBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #79BC28, #00431E);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(67% - (25px * 12));
  margin-left: 25px;
}
.Activ__endBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__endBtn:first-child {
  margin-left: 0;
}
.Activ__endBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__endBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.94px%22%20height%3D%2241.94px%22%20viewBox%3D%220%200%2041.94%2041.94%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.94%2041.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.97%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.97c0%2C11.58%2C9.39%2C20.97%2C20.97%2C20.97c11.58%2C0%2C20.97-9.39%2C20.97-20.97%20C41.94%2C9.39%2C32.55%2C0%2C20.97%2C0z%20M20.97%2C8.4l5.76%2C7.68h-3.29v7.52H18.5v-7.52h-3.29L20.97%2C8.4z%20M33.78%2C28.76%20c0%2C0.66-0.53%2C1.19-1.19%2C1.19H9.35c-0.66%2C0-1.19-0.53-1.19-1.19v-7.6h3.18v5.61H30.6v-5.61h3.18V28.76z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__infoWrap {
  height: calc(100% - 420px);
  width: 100%;
}
.Activ__info {
  background-color: #595959;
  height: 100%;
  padding: 15px;
  width: calc((100% - 25px) / 2);
}
.Activ__info:first-child {
  margin-right: 25px;
}
.Activ__info th, .Activ__info td {
  vertical-align: top;
}
.Activ__info td:nth-child(2) {
  white-space: normal;
}
.Activ__rel {
  border: #0c8be2 1px solid;
  border-radius: 10px;
  color: #0c8be2;
  font-weight: bold;
  padding: 8px;
}
.Activ__news {
  border-bottom: #3f3f3f 1px solid;
  padding: 15px 0;
  margin: 0;
}
.Activ__title {
  font-weight: bold;
}
.Activ__text {
  margin-top: 10px;
  margin-left: 0;
}
.Activ__ad {
  height: 200px;
  width: 100%;
}
.Activ__ad__inner {
  height: 100%;
  margin: 0 auto;
  width: 94%;
}
.Activ__ad__item {
  background-color: #3f3f3f;
  height: 200px;
  margin: 0 10px;
  padding: 15px;
}
.Activ__ad__item img {
  height: auto;
  width: 60px;
}
.Activ__ad__item h1 {
  border-bottom: #595959 1px solid;
  font-size: 105%;
  font-weight: normal;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  width: 100%;
}
.Activ__ad__item h1::after {
  background-color: #0c8be2;
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
}

.ActivSwWrap {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000000;
}

.ActivSw {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 93%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  z-index: 100000000;
}
.activPc {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2254.59px%22%20height%3D%2239.13px%22%20viewBox%3D%220%200%2054.59%2039.13%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2054.59%2039.13%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%233A71ED%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.39%2C34.07l-4.86-6.11V2.25c0-1.24-1.01-2.25-2.25-2.25H7.31C6.06%2C0%2C5.06%2C1.01%2C5.06%2C2.25v25.7L0.2%2C34.07%20C0.07%2C34.23%2C0%2C34.42%2C0%2C34.63v2.71c0%2C0.99%2C0.8%2C1.8%2C1.8%2C1.8h50.99c0.99%2C0%2C1.8-0.8%2C1.8-1.8v-2.71C54.59%2C34.42%2C54.52%2C34.23%2C54.39%2C34.07%20z%20M8.23%2C3.18h38.12v21.6H8.23V3.18z%20M32.42%2C36.99H22.16v-2.72h10.26V36.99z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  border: #f2d500 1px solid;
  color: #3A71ED;
}
.subBtn, .subBtnL {
  background-color: transparent;
  border: #9e9e9f 1px solid;
  border-radius: 2px;
  color: #efefef;
  height: 22px;
  padding: 0 15px;
}
.subBtn:hover, .subBtnL:hover {
  border: #efefef 1px solid;
}

.subBtnL {
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
}
.l-column, .Activ__pc__icon {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.l-mtML {
  margin-top: 14px;
}
.l-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.colorBtn {
  border: 1px #636363 solid;
  height: 20px;
  width: 40px;
}

.LoaderWrap {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.js-scroll {
  overflow: hidden;
  position: relative;
}
.l-right {
  display: flex;
  justify-content: flex-end;
  margin-right: auto;
}
.l-left {
  display: flex;
  margin-right: auto;
}
.l-flex {
  display: flex;
}
.l-mtActiv {
  margin-top: 25px;
}
.l-mtM {
  margin-top: 8px;
}
.l-row{
  align-items: center;
  display: flex;
}

.inputtextL {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 230px;
}
.layoutTable {
  border-collapse: separate;
  border-spacing: 0 2px;
  margin: -2px 0 -2px 0;
}
.layoutTable th, .layoutTable td {
  height: 20px;
}

.layoutTable--right td:nth-child(odd) {
  text-align: right;
}

.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.Subwindow {
  border: #3f3f3f 1px solid;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}
.Subwindow__head {
  background-color: #ffffff;
  color: #3f3f3f;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  width: 100%;
}
.Subwindow__head__btn {
  font-size: 15px;
  height: 100%;
  width: 30px;
}
.Subwindow__head__btn:hover {
  background-color: #ff0000;
  color: #ffffff;
}
.Subwindow__head__minBtn {
  font-size: 15px;
  height: 100%;
  width: 30px;
}
.Subwindow__head__minBtn:hover {
  background-color: #efefef;
}
.Subwindow__body {
  background-color: #565656;
  padding: 10px 10px 16px 10px;
  position: relative;
  width: 100%;
}
.MinSubwindow {
  background-color: #636363;
  border-right: #3f3f3f 1px solid;
  height: 27px;
  line-height: 27px;
  padding-left: 8px;
  width: 150px;
}
.MinSubwindow:hover {
  background-color: #6d6d6d;
}
.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.Unit{
  border: #3f3f3f 1px solid;
  padding: 8px;
}
.Header {
  background-color: #565656;
  height: calc(27px * 4);
  width: 100%;
}

.Body {
  display: flex;
  height: calc(100% - calc(27px * 4) - 27px);
  width: 100%;
}

.Footer {
  background-color: #565656;
  height: 27px;
  width: 100%;
}

.closed {
  display: none;
}