@charset "UTF-8";
.capitalize {
  text-transform: uppercase !important;
}
.capitalize::first-letter {
  font-size: 1.2em;
}
.capitalize:lang(en) {
  text-transform: capitalize !important;
}
.capitalize:lang(en)::first-letter {
  font-size: 1em;
}
.hide {
  display: none !important;
}
.transparent {
  opacity: 0;
}
.full-height {
  height: 100vh;
}
.first-letter-bigger::first-letter {
  font-size: 1.2em;
}
.serif {
  font-family: serif;
}
.sans-serif {
  font-family: Arial, Helvetica, sans-serif;
}
.text-overflow {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
html,
body {
  background-image: url("../img/mobile/news/bg.jpg");
  background-color: #353029;
  background-size: cover;
  color: #636b6f;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 100;
  height: auto;
  width: 100%;
  max-width: unset;
  min-width: 1000px;
  min-height: 100vh;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
html ul,
body ul,
html li,
body li,
html h1,
body h1,
html h2,
body h2,
html h3,
body h3,
html h4,
body h4,
html h5,
body h5,
html h6,
body h6,
html p,
body p {
  margin: 0;
  padding: 0;
}
html ul,
body ul,
html li,
body li {
  list-style: none;
}
html article,
body article {
  width: 1000px;
  height: 100%;
  margin: 0 auto 0;
  padding-top: 100px;
}
html article .title,
body article .title,
html article .sub-title,
body article .sub-title {
  color: white;
  font-size: 48px;
  text-align: center;
  text-transform: uppercase !important;
  margin: 0 auto;
}
html article .title::first-letter,
body article .title::first-letter,
html article .sub-title::first-letter,
body article .sub-title::first-letter {
  font-size: 1.2em;
}
html article .sub-title,
body article .sub-title {
  text-align: center;
  font-size: 16px;
}
html article .cover,
body article .cover {
  display: block;
  width: 1000px;
  min-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 30px auto;
  border-radius: 10px;
}
html article .content,
body article .content {
  padding: 30px 60px;
  margin: 20px auto;
  font-size: 21px;
  color: #b2b2af;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  border: 1px solid white;
  min-height: calc(100vh - 500px);
  word-break: break-word;
  word-wrap: break-word;
  text-align: justify;
}
html article .content img,
body article .content img,
html article .content video,
body article .content video {
  max-width: 100%;
}
html.mobile,
body.mobile {
  font-weight: 100;
  height: auto;
  width: 100%;
  max-width: unset;
  min-width: 7.5rem;
  margin: 0 auto;
  background-image: url("../img/mobile/news/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
html.mobile header,
body.mobile header {
  width: 100%;
  height: 1rem;
  position: fixed;
  z-index: 100;
  font-size: 0.3rem;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html.mobile header .logo,
body.mobile header .logo {
  width: 2.01rem;
  height: 0.6rem;
  background-image: url("../img/common/logo.png");
  background-size: 100%;
  margin: 0 0 0 0.4rem;
  color: transparent;
}
html.mobile header a,
body.mobile header a {
  color: #88a2af;
  text-decoration: none;
  text-transform: uppercase;
}
html.mobile header > a,
body.mobile header > a {
  height: 100%;
  line-height: 1rem;
  display: inline-block;
}
html.mobile header .menu,
body.mobile header .menu {
  height: 0.98rem;
  width: 0.924rem;
  position: absolute;
  top: 0;
  right: 0.2rem;
  background-image: url("../img/mobile/common/header.png");
  background-size: auto 100%;
  background-position: center right;
}
html.mobile header .login,
body.mobile header .login,
html.mobile header .language,
body.mobile header .language {
  position: absolute;
  top: 0;
  right: 2.3rem;
}
html.mobile header .language,
body.mobile header .language {
  right: 1.2rem;
  width: 2rem;
  text-align: center;
}
html.mobile header ul.languages,
body.mobile header ul.languages,
html.mobile header ul.menus,
body.mobile header ul.menus {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
}
html.mobile header ul.languages li,
body.mobile header ul.languages li,
html.mobile header ul.menus li,
body.mobile header ul.menus li {
  width: 2rem;
  height: 1rem;
  text-align: center;
  line-height: 0.7rem;
  background-color: #101111;
  color: #88a2af;
}
html.mobile header ul.languages li:hover,
body.mobile header ul.languages li:hover,
html.mobile header ul.menus li:hover,
body.mobile header ul.menus li:hover {
  background-color: #88a2af;
}
html.mobile header ul.languages li:hover a,
body.mobile header ul.languages li:hover a,
html.mobile header ul.menus li:hover a,
body.mobile header ul.menus li:hover a {
  color: #101111;
}
html.mobile header ul.menus,
body.mobile header ul.menus {
  right: 0;
}
html.mobile header ul.menus li,
body.mobile header ul.menus li {
  width: 2.35rem;
}
html.mobile article,
body.mobile article {
  width: 7.5rem;
  margin: 0 auto 0;
  padding-top: 1.4rem;
}
html.mobile article .title,
body.mobile article .title,
html.mobile article .sub-title,
body.mobile article .sub-title {
  color: white;
  font-size: 0.34rem;
  text-align: center;
  text-transform: uppercase !important;
  margin: 0 auto;
}
html.mobile article .title::first-letter,
body.mobile article .title::first-letter,
html.mobile article .sub-title::first-letter,
body.mobile article .sub-title::first-letter {
  font-size: 1.2em;
}
html.mobile article .sub-title,
body.mobile article .sub-title {
  text-align: center;
  font-size: 0.16rem;
}
html.mobile article .cover,
body.mobile article .cover {
  display: block;
  width: 7rem;
  min-height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0.3rem auto;
  border-radius: 0.1rem;
}
html.mobile article .content,
body.mobile article .content {
  width: 7rem;
  padding: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.4rem auto;
  font-size: 0.21rem;
  color: #b2b2af;
  text-align: unset;
  border-radius: 0.1rem;
  border: none;
}
html.mobile article .content img,
body.mobile article .content img,
html.mobile article .content video,
body.mobile article .content video {
  max-width: 100%;
}
article.article-wrapper {
  min-height: calc(100vh - 585px);
}
.pc header,
.pc footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc header {
  height: 50px;
  background: black;
  top: 0;
  z-index: 100;
}
.pc header .logo {
  height: 36px;
}
.pc header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pc header a {
  text-decoration: none;
  color: #c8c7c7;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pc header .starterNavPc {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
}
.pc header .starterNavPc h1 {
  margin: 0;
  float: left;
  height: 100%;
}
.pc header .starterNavPc h1 .logo {
  margin-top: 5px;
}
.pc header .starterNavPc h1 a {
  display: block;
  height: 100%;
  width: 200px;
  text-align: center;
  line-height: 50px;
}
.pc header .starterNavPc .starterNavPcLeft {
  display: block;
  height: 100%;
  float: left;
  margin-left: 10px;
}
.pc header .starterNavPc .starterNavPcLeft li {
  float: left;
  height: 100%;
  line-height: 50px;
  margin: 0 30px;
}
.pc header .starterNavPc .starterNavPcLeft li a {
  font-size: 19px;
  font-weight: bolder;
  text-transform: uppercase;
}
.pc header .starterNavPc .starterNavPcLeft li a:hover {
  color: white;
  text-shadow: 0 0 5px #fff;
}
.pc header .starterNavPc .starterNavPcRight {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.pc header .starterNavPc .starterNavLogin,
.pc header .starterNavPc .starterNavLogout li:last-of-type {
  list-style: none;
  width: 160px;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc header .starterNavPc .starterNavLogin a,
.pc header .starterNavPc .starterNavLogout li:last-of-type a {
  text-transform: uppercase;
  font-weight: bolder;
}
.pc header .starterNavPc .starterNavLogout li:first-of-type {
  padding: 0 20px;
}
.pc header .starterNavPc .language {
  float: right;
  color: white;
  margin-top: 11px;
  margin-right: 20px;
  cursor: pointer;
}
.pc header .starterNavPc .language .language-default {
  width: 128px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.47);
  text-align: center;
  line-height: 28px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: white;
  font-size: 16px;
}
.pc header .starterNavPc .language:hover .language-open {
  display: block;
}
.pc header .starterNavPc .language .language-open {
  display: none;
  background-color: #22242a;
  border: 1px solid #2d2f35;
  border-bottom: none;
}
.pc header .starterNavPc .language .language-open li {
  padding: 0;
}
.pc header .starterNavPc .language .language-open li:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pc header .starterNavPc .language .language-open a {
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-bottom: 1px solid #2d2f35;
}
.pc header .starterNavPc .language .language-open a:hover {
  background-color: #43454a;
}
.pc .footer {
  bottom: 0;
  height: 240px;
  width: 100%;
  background: #111111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pc .footer .svg-inline--fa {
  width: 1.125em;
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.pc .footer a {
  color: #fff;
  text-decoration: none;
}
.pc .footer .footer_top {
  border-bottom: 1px solid #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 55px 0 25px;
}
.pc .footer .footer_top h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pc .footer .footer_top h2 img {
  padding-right: 30px;
}
.pc .footer .footer_top h2::after {
  content: "";
  width: 1px;
  border-left: 1px solid #FFF;
  height: 25px;
}
.pc .footer .footer_top .footer_platform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 20px;
  top: -10px;
  position: relative;
}
.pc .footer .footer_top .footer_platform i {
  font-style: normal;
  color: #FFF;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
}
.pc .footer .footer_top .footer_platform ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  list-style: none;
}
.pc .footer .footer_top .footer_platform ul li {
  color: #FFF;
  padding: 0 10px;
  font-size: 30px;
}
.pc .footer .footer_top .download {
  margin-left: auto;
}
.pc .footer .footer_top .download a {
  margin-left: 13px;
}
.pc .footer .footer_top .download a img {
  height: 50px;
}
.pc .footer .footer_bot {
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pc .footer .footer_bot p {
  color: #FFF;
}
.pc .footer .footer_bot .footer_other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pc .footer .footer_bot .footer_other li {
  color: #FFF;
  padding-left: 35px;
  cursor: pointer;
  list-style: none;
}
.pc .footer .footer_bot .footer_other li:hover {
  color: #CCC;
  text-decoration: underline;
}