:root {
  --max-width: 100vw;
  --max-device: 2465;
}

@media screen and (min-width: 3600px) {
  :root {
    --max-width: 3600px;
  }
}
@media screen and (max-width: 1400px) and (min-device-width: 1026px) {
  :root {
    --max-width: 1400px;
  }
}
@media screen and (max-device-width: 1025px) {
  :root {
    --max-device: 2465;
  }
}
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
  margin: 0;
  padding: 0;
}

body {
  font: 12px/1.5 tahoma, "Microsoft YaHei", sans-serif;
  background: #121824;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b,
i {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

div {
  outline: none;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th,
ul,
ol {
  padding: 0;
  list-style-type: none;
}

.clearfix:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}

.hidden {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.wrap {
  width: calc(2437 / var(--max-device) * var(--max-width));
  overflow: hidden;
  position: relative;
}

.spr {
  display: block;
  text-indent: -99999px;
}

* {
  user-select: unset;
}

img[src=""],
img:not([src]),
img[src=undefined] {
  display: none !important;
  opacity: 0;
  border: none;
  outline: none;
  pointer-events: none;
}

/* head */
.head,
.content {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* content */
@font-face {
  font-family: "industry";
  src: url("../font/Industry-Demi.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "industrybold";
  src: url("../font/Industry-Bold.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "industrymedium";
  src: url("../font/Industry-Medium.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "jaapokkisubtract";
  src: url("../font/jaapokkisubtract-regular.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../font/SourceHanSansCN-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "NotoSansCJKkr";
  src: url("../font/NotoSansCJKkr-Black.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Industry-Book";
  src: url("../font/Industry-Book.ttf");
  font-weight: normal;
  font-style: normal;
}
.top_nav_logo,
.top_nav_ibtn {
  display: none;
}

.static_icon {
  display: block;
  width: calc(261 / var(--max-device) * var(--max-width));
  height: calc(106 / var(--max-device) * var(--max-width));
  background: url(../images/static_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(1115 / var(--max-device) * var(--max-width));
  top: calc(185 / var(--max-device) * var(--max-width));
  z-index: 50;
}

.w_sloganbox {
  width: calc(750 / var(--max-device) * var(--max-width));
  height: calc(166 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(65 / var(--max-device) * var(--max-width));
  top: calc(395 / var(--max-device) * var(--max-width));
  z-index: 20;
}

.w_title {
  width: calc(746 / var(--max-device) * var(--max-width));
  height: calc(107 / var(--max-device) * var(--max-width));
  background: url(../images/logo.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  transform-origin: 0 0;
  z-index: 20;
}
.w_title.fixed {
  position: fixed;
  left: calc(65 / var(--max-device) * var(--max-width));
  top: 0;
  z-index: 250;
}

.w_para {
  width: calc(705 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(250 / var(--max-device) * var(--max-width));
  top: calc(565 / var(--max-device) * var(--max-width));
  font-size: calc(17.3 / var(--max-device) * var(--max-width));
  color: #ffffff;
  letter-spacing: calc(5.6 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  z-index: 50;
}

.v_play {
  display: block;
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(186 / var(--max-device) * var(--max-width));
  top: calc(746 / var(--max-device) * var(--max-width));
  z-index: 50;
  box-sizing: border-box;
  padding: calc(136 / var(--max-device) * var(--max-width)) 0 0 calc(64 / var(--max-device) * var(--max-width));
  font-size: calc(31 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
  line-height: calc(31 / var(--max-device) * var(--max-width));
  letter-spacing: calc(10 / var(--max-device) * var(--max-width));
  white-space: nowrap;
}
.v_play:before {
  content: "";
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  background: url(../images/vplay_icon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  transform-origin: calc(64 / var(--max-device) * var(--max-width)) calc(58 / var(--max-device) * var(--max-width));
}
.v_play:after {
  content: "";
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  background: url(../images/vplay_icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.v_play .vplay_line {
  display: block;
  width: calc(56 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: 0;
  top: calc(109 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}
.v_play:hover .vplay_line {
  animation: vplay-lineanimate 1s linear infinite;
}
.v_play:hover:after {
  animation: vplay-staranimate 4s linear infinite;
}
.v_play:hover:before {
  transform: scale(1.1);
}

@keyframes vplay-lineanimate {
  0% {
    transform: translate(calc(-31 / var(--max-device) * var(--max-width)), calc(-37 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(31 / var(--max-device) * var(--max-width)), calc(37 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes vplay-staranimate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wishlist_btn {
  width: calc(481 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(152 / var(--max-device) * var(--max-width));
  top: calc(980 / var(--max-device) * var(--max-width));
  display: flex;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #121823;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: calc(34 / var(--max-device) * var(--max-width)) 0 0 calc(180 / var(--max-device) * var(--max-width));
  line-height: calc(48 / var(--max-device) * var(--max-width));
  letter-spacing: calc(-1 / var(--max-device) * var(--max-width));
  z-index: 50;
}
.wishlist_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/wishlist_btn_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.wishlist_btn:hover:after {
  animation: wishlist_btn 2s linear infinite;
}
.wishlist_btn:hover .wishlist_line1 {
  animation: wishlist-animate 2s linear infinite;
}
.wishlist_btn:hover .wishlist_line2 {
  animation: wishlist-animate2 4s linear infinite;
}
.wishlist_btn:hover .wishlist_line3 {
  animation: wishlist-animate3 1s linear infinite;
}
.wishlist_btn:hover .wishlist_bg {
  transform: scale(1.05);
}

.wishlist_bg {
  width: calc(481 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  background: url(../images/wishlist_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.5s;
}

.wishlist_line1 {
  display: block;
  width: calc(41 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(22 / var(--max-device) * var(--max-width));
  top: calc(13 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

.wishlist_line2 {
  display: block;
  width: calc(94 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(36 / var(--max-device) * var(--max-width));
  top: calc(18 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

.wishlist_line3 {
  display: block;
  width: calc(30 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(97 / var(--max-device) * var(--max-width));
  top: calc(25 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

@keyframes wishlist-animate {
  0% {
    transform: translate(calc(-26 / var(--max-device) * var(--max-width)), calc(-29 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(26 / var(--max-device) * var(--max-width)), calc(29 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(52 / var(--max-device) * var(--max-width)), calc(58 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist-animate2 {
  0% {
    transform: translate(calc(-61 / var(--max-device) * var(--max-width)), calc(-71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(61 / var(--max-device) * var(--max-width)), calc(71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist-animate3 {
  0% {
    transform: translate(calc(-40 / var(--max-device) * var(--max-width)), calc(-46 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(40 / var(--max-device) * var(--max-width)), calc(46 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist_btn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.wishlist_icon {
  display: block;
  width: calc(35 / var(--max-device) * var(--max-width));
  height: calc(35 / var(--max-device) * var(--max-width));
  background: url(../images/steam_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(5 / var(--max-device) * var(--max-width)) calc(6 / var(--max-device) * var(--max-width)) 0 0;
}

.w_inner {
  width: calc(1200 / var(--max-device) * var(--max-width));
  margin: 0 auto;
  position: relative;
  padding: calc(1360 / var(--max-device) * var(--max-width)) 0 0 0;
  z-index: 20;
}

.footer {
  width: calc(1770 / var(--max-device) * var(--max-width));
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
}

.w_sm_list {
  width: auto;
  box-sizing: border-box;
  display: flex;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  padding: calc(45 / var(--max-device) * var(--max-width)) 0 calc(18 / var(--max-device) * var(--max-width)) 0;
  position: relative;
}
.w_sm_list2 {
  margin-bottom: calc(20 / var(--max-device) * var(--max-width));
}
.w_sm_list3 {
  margin-top: calc(122 / var(--max-device) * var(--max-width));
}
.w_sm_list a {
  display: block;
  width: calc(90 / var(--max-device) * var(--max-width));
  height: calc(84 / var(--max-device) * var(--max-width));
}
.w_sm_list a.discord_icon {
  background: url(../images/discord_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.facebook_icon {
  background: url(../images/facebook_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.ig_icon {
  background: url(../images/ig_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.tiktok_icon {
  background: url(../images/tiktok_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.twitch_icon {
  background: url(../images/twitch_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.x_icon {
  background: url(../images/x_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.youtube_icon {
  background: url(../images/youtube_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.bilibili_icon {
  width: calc(140 / var(--max-device) * var(--max-width));
  background: url(../images/bili_icon.png) no-repeat;
  background-size: 100% 100%;
}

.cp_bwrap {
  position: relative;
  padding-top: calc(38 / var(--max-device) * var(--max-width));
  padding-bottom: calc(32 / var(--max-device) * var(--max-width));
  border-top: #373940 solid 1px;
  border-bottom: #373940 solid 1px;
}

.footer_jxbox {
  height: calc(100.8 / var(--max-device) * var(--max-width));
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  right: 0;
  top: calc(-132 / var(--max-device) * var(--max-width));
}
.footer_jxbox span {
  display: block;
  width: calc(226.8 / var(--max-device) * var(--max-width));
  height: calc(100.8 / var(--max-device) * var(--max-width));
  margin-left: calc(18 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.footer_jxbox span.footer_jx1 {
  width: calc(226.8 / var(--max-device) * var(--max-width));
  height: calc(100.8 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx2 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon2.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx3 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon3.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx4 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon4.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx5 {
  width: calc(84 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon5.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx6 {
  width: calc(88.8 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon6.png) no-repeat;
  background-size: 100% 100%;
}

.lang_en .footer_jxbox span.footer_jx1, .lang_esla .footer_jxbox span.footer_jx1, .lang_tw .footer_jxbox span.footer_jx1, .lang_zhfz .footer_jxbox span.footer_jx1, .lang_ja .footer_jxbox span.footer_jx1, .lang_ru .footer_jxbox span.footer_jx1, .lang_zh .footer_jxbox span.footer_jx1 {
  display: block;
}

.lang_de .footer_jxbox span.footer_jx2, .lang_de .footer_jxbox span.footer_jx3, .lang_de .footer_jxbox span.footer_jx4, .lang_de .footer_jxbox span.footer_jx5, .lang_fr .footer_jxbox span.footer_jx2, .lang_fr .footer_jxbox span.footer_jx3, .lang_fr .footer_jxbox span.footer_jx4, .lang_fr .footer_jxbox span.footer_jx5, .lang_es .footer_jxbox span.footer_jx2, .lang_es .footer_jxbox span.footer_jx3, .lang_es .footer_jxbox span.footer_jx4, .lang_es .footer_jxbox span.footer_jx5, .lang_it .footer_jxbox span.footer_jx2, .lang_it .footer_jxbox span.footer_jx3, .lang_it .footer_jxbox span.footer_jx4, .lang_it .footer_jxbox span.footer_jx5, .lang_pt .footer_jxbox span.footer_jx2, .lang_pt .footer_jxbox span.footer_jx3, .lang_pt .footer_jxbox span.footer_jx4, .lang_pt .footer_jxbox span.footer_jx5, .lang_tr .footer_jxbox span.footer_jx2, .lang_tr .footer_jxbox span.footer_jx3, .lang_tr .footer_jxbox span.footer_jx4, .lang_tr .footer_jxbox span.footer_jx5, .lang_pl .footer_jxbox span.footer_jx2, .lang_pl .footer_jxbox span.footer_jx3, .lang_pl .footer_jxbox span.footer_jx4, .lang_pl .footer_jxbox span.footer_jx5 {
  display: block;
}

.lang_ko .footer_jxbox span.footer_jx6 {
  display: block;
}

.footer_link {
  position: relative;
  padding: calc(22 / var(--max-device) * var(--max-width)) 0 calc(44 / var(--max-device) * var(--max-width)) 0;
}

.w_cpbox {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 0 0 0 0;
}
.w_cpbox2 {
  margin: calc(30 / var(--max-device) * var(--max-width)) 0 0 0;
}
.w_cpbox a {
  display: block;
  margin: 0 calc(55 / var(--max-device) * var(--max-width)) 0 0;
}
.w_cpbox a.w_cpicon1 {
  width: calc(224 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon2 {
  width: calc(308 / var(--max-device) * var(--max-width));
  height: calc(57 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon3 {
  width: calc(373 / var(--max-device) * var(--max-width));
  height: calc(52 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon4 {
  width: calc(292 / var(--max-device) * var(--max-width));
  height: calc(53 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon5 {
  width: calc(183 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
}
.w_cpbox a img {
  display: block;
  width: 100%;
  height: 100%;
}

.w_agreenment {
  width: calc(1278 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  text-align: center;
  display: flex;
  font-family: "Industry-Book";
  font-weight: normal;
  flex-wrap: wrap;
}
.lang_ru .w_agreenment {
  font-family: "video";
}

.lang_tr .w_agreenment {
  font-family: "video";
}

.w_agreenment a {
  color: #ffffff !important;
  margin: 0 calc(34 / var(--max-device) * var(--max-width)) calc(10 / var(--max-device) * var(--max-width)) 0 !important;
  border: none !important;
  line-height: calc(32 / var(--max-device) * var(--max-width)) !important;
  background: none !important;
  font-size: calc(26 / var(--max-device) * var(--max-width)) !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.w_copyright {
  font-size: calc(16 / var(--max-device) * var(--max-width));
  color: #b4b2b2;
  text-align: right;
  position: absolute;
  right: 0;
  top: calc(26 / var(--max-device) * var(--max-width));
}

.lang_zh .w_cpicon1 {
  display: none;
}
.lang_zh .w_copyright span {
  display: none;
}

.top_page_logo {
  display: block;
  width: calc(287 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  background: url(../images/page_logo.png) no-repeat;
  background-size: 100% 100%;
  transform: scale(0.9);
  transform-origin: 0 0;
  margin-left: calc(23 / var(--max-device) * var(--max-width));
  margin-top: calc(32 / var(--max-device) * var(--max-width));
  float: left;
}

.wrap .w_agreenment {
  margin-left: calc(-112 / var(--max-device) * var(--max-width));
}

.w_register {
  width: calc(71 / var(--max-device) * var(--max-width));
  height: calc(48 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(47 / var(--max-device) * var(--max-width));
  bottom: calc(342 / var(--max-device) * var(--max-width));
  z-index: 30;
}
.w_register:after {
  content: "";
  width: calc(71 / var(--max-device) * var(--max-width));
  height: calc(67 / var(--max-device) * var(--max-width));
  background: url(../images/languagebg2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-12 / var(--max-device) * var(--max-width));
  top: calc(-10 / var(--max-device) * var(--max-width));
  z-index: 0;
}
.w_register:hover {
  width: calc(216 / var(--max-device) * var(--max-width));
  height: calc(48 / var(--max-device) * var(--max-width));
}
.w_register:hover .w_register_wp {
  display: block;
}
.w_register:hover .w_register_btn span {
  display: block;
}
.w_register:hover:after {
  width: calc(230 / var(--max-device) * var(--max-width));
  height: calc(80 / var(--max-device) * var(--max-width));
  background: url(../images/languagebg.png) no-repeat;
  background-size: 100% 100%;
  left: calc(-16 / var(--max-device) * var(--max-width));
  top: calc(-18 / var(--max-device) * var(--max-width));
}

.setspace {
  display: inline-block;
  width: calc(1 / var(--max-device) * var(--max-width));
}

.w_register_btn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: calc(48 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  text-transform: uppercase;
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  font-family: "industrybold";
  display: flex;
  justify-content: center;
  align-items: center;
}
.w_register_btn span {
  display: none;
}
.w_register_btn:before {
  content: "";
  width: calc(27 / var(--max-device) * var(--max-width));
  height: calc(28 / var(--max-device) * var(--max-width));
  display: block;
  background: url(../images/lanicon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: calc(14 / var(--max-device) * var(--max-width));
}

.w_language {
  left: unset;
  right: calc(56 / var(--max-device) * var(--max-width));
  top: calc(60 / var(--max-device) * var(--max-width));
}
.w_language .w_register_p {
  left: calc(58 / var(--max-device) * var(--max-width));
}
.w_language:hover .w_language_list {
  display: block;
}
.w_language.show .w_language_list {
  display: block;
}

.w_language_list {
  width: calc(181 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(18 / var(--max-device) * var(--max-width));
  bottom: calc(60 / var(--max-device) * var(--max-width));
  z-index: 50;
  background: #000000;
  box-sizing: border-box;
  border: #344056 solid 1px;
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  font-family: "industrybold";
  display: none;
}
.w_language_list li {
  height: calc(48 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-left: calc(24 / var(--max-device) * var(--max-width));
  line-height: calc(44 / var(--max-device) * var(--max-width));
  cursor: pointer;
  position: relative;
}
.w_language_list li span {
  position: relative;
  z-index: 20;
}
.w_language_list li.wryh {
  font-family: "SourceHanSansCN";
  line-height: calc(48 / var(--max-device) * var(--max-width));
}
.w_language_list li.krs {
  font-family: "NotoSansCJKkr";
  line-height: calc(48 / var(--max-device) * var(--max-width));
}
.w_language_list li:hover {
  color: #f7f714;
}
.w_language_list li.cur {
  color: #000000;
}
.w_language_list li.cur:after {
  content: "";
  width: calc(221 / var(--max-device) * var(--max-width));
  height: calc(45 / var(--max-device) * var(--max-width));
  background: url(../images/lan_cur.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-38 / var(--max-device) * var(--max-width));
  top: 0;
  pointer-events: none;
}

.w_register_wp {
  width: calc(340 / var(--max-device) * var(--max-width));
  height: calc(214 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(-42 / var(--max-device) * var(--max-width));
  bottom: calc(60 / var(--max-device) * var(--max-width));
  background: #000;
  box-sizing: border-box;
  border: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
  z-index: 50;
  display: none;
}

.w_register_user {
  width: 100%;
  height: calc(90 / var(--max-device) * var(--max-width));
  line-height: calc(90 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding: 0 calc(20 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  font-family: "jaapokkisubtract";
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w_register_user:after {
  content: "";
  width: calc(268 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background: rgba(51, 65, 86, 0.65);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: calc(-134 / var(--max-device) * var(--max-width));
}

.w_loginout {
  display: block;
  width: calc(260 / var(--max-device) * var(--max-width));
  height: calc(44 / var(--max-device) * var(--max-width));
  margin: calc(34 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
}
.w_loginout:before {
  content: "";
  width: calc(385 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  background: url(../images/li_pass.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-124 / var(--max-device) * var(--max-width));
  top: calc(-34 / var(--max-device) * var(--max-width));
  z-index: 0;
}
.w_loginout span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: calc(44 / var(--max-device) * var(--max-width));
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #121823;
  text-transform: uppercase;
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  padding-left: calc(10 / var(--max-device) * var(--max-width));
  font-family: "industry";
}

.lang_en .dia_check_tips {
  width: calc(826 / var(--max-device) * var(--max-width));
}

.d_sm_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(48 / var(--max-device) * var(--max-width)) auto 0;
}
.d_sm_list a {
  display: block;
  width: calc(61 / var(--max-device) * var(--max-width));
  height: calc(49 / var(--max-device) * var(--max-width));
  margin: 0 calc(6 / var(--max-device) * var(--max-width));
  background-image: url(../images/mes_icon_spr.png);
  background-repeat: no-repeat;
  background-size: calc(427 / var(--max-device) * var(--max-width)) calc(49 / var(--max-device) * var(--max-width));
}
.d_sm_list a.d_icon1 {
  background-position: 0 0;
}
.d_sm_list a.d_icon2 {
  background-position: calc(-61 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon3 {
  background-position: calc(-122 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon4 {
  background-position: calc(-183 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon5 {
  background-position: calc(-244 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon6 {
  background-position: calc(-305 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon7 {
  background-position: calc(-366 / var(--max-device) * var(--max-width)) 0;
}

.tips {
  width: 60%;
  padding: calc(18 / var(--max-device) * var(--max-width)) 0;
  position: fixed;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  background: #000;
  border: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
  max-width: calc(1000 / var(--max-device) * var(--max-width));
  opacity: 0;
}
.tips:before {
  content: "";
  width: calc(183 / var(--max-device) * var(--max-width));
  height: calc(96 / var(--max-device) * var(--max-width));
  background: url(../images/tips_left.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-42 / var(--max-device) * var(--max-width));
  bottom: calc(-25 / var(--max-device) * var(--max-width));
  z-index: 20;
  pointer-events: none;
}
.tips:after {
  content: "";
  width: calc(23 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  background: url(../images/tips_right.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  pointer-events: none;
}
.tips p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #E73132;
  font-family: "industry";
}

.top_nav {
  width: calc(2440 / var(--max-device) * var(--max-width));
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  transform-origin: 0 0;
  padding-left: calc(50vw - 1219 / var(--max-device) * var(--max-width));
  padding-right: calc(50vw - 1219 / var(--max-device) * var(--max-width));
}
.top_nav:after {
  content: "";
  width: 100%;
  height: calc(122 / var(--max-device) * var(--max-width));
  background: url(../images/top_nav.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: -1;
}

.top_nav_list {
  display: flex;
  padding-right: calc(36 / var(--max-device) * var(--max-width));
  float: right;
  max-width: 85%;
}
.top_nav_list li {
  height: calc(80 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  line-height: calc(26 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
}
.top_nav_list li a {
  display: inline-block;
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(36 / var(--max-device) * var(--max-width)) 0;
  color: #ffffff;
  white-space: nowrap;
}
.top_nav_list li.light {
  color: #121823 !important;
  display: flex;
  align-items: center;
  margin-left: calc(50 / var(--max-device) * var(--max-width));
}
.top_nav_list li.light a {
  display: flex;
  width: 100%;
  height: calc(46 / var(--max-device) * var(--max-width));
  background: #f7f714;
  padding: 0;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  color: #121823 !important;
  position: relative;
  z-index: 10;
}
.top_nav_list li.light a:before {
  content: "";
  display: block;
  width: calc(35 / var(--max-device) * var(--max-width));
  height: calc(35 / var(--max-device) * var(--max-width));
  background: url(../images/steam_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 calc(6 / var(--max-device) * var(--max-width)) 0 0;
}
.top_nav_list li.light:before {
  content: "";
  width: calc(74 / var(--max-device) * var(--max-width));
  height: calc(72 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(-62 / var(--max-device) * var(--max-width));
  top: 50%;
  background: url(../images/top_steam_btnleft.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  transform: translate(0, -48%);
  z-index: 0;
}
.top_nav_list li.light:after {
  content: "";
  width: calc(74 / var(--max-device) * var(--max-width));
  height: calc(72 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(-42 / var(--max-device) * var(--max-width));
  top: 50%;
  background: url(../images/top_steam_btnright.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  transform: translate(0, -48%);
  z-index: 0;
}
.top_nav_list li.clight {
  color: #f7f714;
}
.top_nav_list li.clight a {
  color: #f7f714;
}
.top_nav_list li.clight:after {
  content: "";
  width: calc(101 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(20 / var(--max-device) * var(--max-width));
  top: calc(11 / var(--max-device) * var(--max-width));
  background: url(../images/nav_mask.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.top_nav_list li:hover {
  color: #f7f714;
}
.top_nav_list li:hover a {
  color: #f7f714;
}
.top_nav_list li.nhov:hover {
  color: #fff;
}
.top_nav_list li.nhov:hover a {
  color: #fff;
}
.top_nav_list li.nhov:hover .top_nav_xl {
  display: block;
}

.wrap .top_nav_list li.cpva1 a,
.wrap .top_nav_list li.cpva2 a {
  pointer-events: none;
  outline: none;
}

.top_nav_p {
  width: 100%;
  height: calc(80 / var(--max-device) * var(--max-width));
  line-height: calc(26 / var(--max-device) * var(--max-width));
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(36 / var(--max-device) * var(--max-width)) 0;
  box-sizing: border-box;
  white-space: nowrap;
}
.top_nav_p:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: calc(12 / var(--max-device) * var(--max-width));
  height: calc(7 / var(--max-device) * var(--max-width));
  background: url(../images/top_nav_xlicon.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-top: calc(10 / var(--max-device) * var(--max-width));
  margin-left: calc(8 / var(--max-device) * var(--max-width));
}

.top_nav_xl {
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(80 / var(--max-device) * var(--max-width));
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.top_nav_xl a {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #fff;
  display: flex !important;
  width: 100%;
  align-items: center;
  border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
  box-sizing: border-box;
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(22 / var(--max-device) * var(--max-width)) !important;
}
.top_nav_xl a:last-child {
  border: none;
}
.top_nav_xl a:hover {
  color: #f7f714 !important;
}
.top_nav_xl a:hover a {
  color: #f7f714 !important;
}

.ot-floating-button {
  display: none !important;
}

.lang_de .wishlist_btn {
  font-size: calc(18 / var(--max-device) * var(--max-width));
}
.lang_de .w_ctpara {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_de .w_check_tips {
  width: calc(670 / var(--max-device) * var(--max-width));
}
.lang_de .w_img_ctitle {
  font-size: calc(22 / var(--max-device) * var(--max-width));
}
.lang_de .w_stay {
  font-size: calc(60 / var(--max-device) * var(--max-width));
}
.lang_de .w_stay span:nth-child(1) {
  transform: translate(-35%);
}
.lang_de .w_stay span:nth-child(2) {
  transform: translate(-30%);
}

.lang_fr .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_fr .w_ctpara {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_fr .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_fr .w_stay {
  font-size: calc(55 / var(--max-device) * var(--max-width));
}
.lang_fr .w_stay span:nth-child(1) {
  transform: translate(-35%);
}
.lang_fr .w_stay span:nth-child(2) {
  transform: translate(-30%);
}

.lang_es .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_es .w_ctpara {
  width: calc(1100 / var(--max-device) * var(--max-width));
}
.lang_es .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_es .w_register_btn.login_btn {
  font-size: calc(14 / var(--max-device) * var(--max-width));
}
.lang_es .w_stay span:nth-child(1) {
  transform: translate(-38%);
}
.lang_es .w_stay span:nth-child(2) {
  transform: translate(-26%);
}

.top_login {
  float: left;
}

.top_login_in {
  display: flex;
  padding-top: calc(20 / var(--max-device) * var(--max-width));
  padding-left: calc(56 / var(--max-device) * var(--max-width));
  cursor: pointer;
  position: relative;
}
.top_login_in:hover .top_login_email {
  display: block;
}

.top_login_img {
  width: calc(56 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
  overflow: hidden;
  border-radius: 50%;
}
.top_login_img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.top_login_p {
  margin-left: calc(20 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(56 / var(--max-device) * var(--max-width));
}

.top_login_email {
  height: calc(38 / var(--max-device) * var(--max-width));
  padding: 0 calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(38 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(56 / var(--max-device) * var(--max-width));
  top: calc(86 / var(--max-device) * var(--max-width));
  border: #7b7d81 solid 1px;
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  display: none;
  white-space: nowrap;
  background: #0a1218;
  float: left;
}

.top_nav_join {
  width: calc(234 / var(--max-device) * var(--max-width));
  height: calc(82 / var(--max-device) * var(--max-width));
  background: url(../images/btn_test.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  box-sizing: border-box;
  padding: calc(17 / var(--max-device) * var(--max-width)) 0 calc(16 / var(--max-device) * var(--max-width)) calc(18 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #e7e713;
  margin: calc(14 / var(--max-device) * var(--max-width)) 0 0 calc(34 / var(--max-device) * var(--max-width));
}

.lang_it .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_it .w_ctpara {
  width: calc(1000 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_it .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}

.lang_pt .wishlist_btn {
  font-size: calc(17 / var(--max-device) * var(--max-width));
}
.lang_pt .w_ctpara {
  width: calc(1000 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_pt .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_pt .w_stay span:nth-child(1) {
  transform: translate(-34%);
}
.lang_pt .w_stay span:nth-child(2) {
  transform: translate(-12%);
}

.lang_ja .wishlist_btn {
  font-size: calc(18 / var(--max-device) * var(--max-width));
}

.lang_zh .news_change_list,
.lang_zhfz .news_change_list {
  font-family: tahoma, "Microsoft YaHei", sans-serif;
}
.lang_zh .news_change_list li,
.lang_zhfz .news_change_list li {
  font-family: tahoma, "Microsoft YaHei", sans-serif;
}
.lang_zh .w_stay span:nth-child(1),
.lang_zhfz .w_stay span:nth-child(1) {
  transform: translate(-36%);
}
.lang_zh .w_stay span:nth-child(2),
.lang_zhfz .w_stay span:nth-child(2) {
  transform: translate(-12%);
}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: none;
}

.addfocus {
  outline-offset: 1px;
  outline: #fff solid 1px;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
  font-weight: normal !important;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
  min-width: 140px !important;
  font-weight: normal;
  position: relative;
  border: #f7f714 solid 1px !important;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler:before,
#onetrust-banner-sdk #onetrust-reject-all-handler:before {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  top: calc(-9.6 / var(--max-device) * var(--max-width));
  background: url(../images/com_btntop.png) no-repeat left top;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler:after,
#onetrust-banner-sdk #onetrust-reject-all-handler:after {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  bottom: calc(-13.6 / var(--max-device) * var(--max-width));
  background: url(../images/com_btnbot.png) no-repeat right bottom;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
  font-weight: normal !important;
  font-size: 0.75em !important;
  border: #f7f714 solid 1px !important;
  position: relative;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):before,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:before {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  top: calc(-12.8 / var(--max-device) * var(--max-width));
  background: url(../images/com_btntop.png) no-repeat left top;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:after {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  bottom: calc(-12 / var(--max-device) * var(--max-width));
  background: url(../images/com_btnbot.png) no-repeat right bottom;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:focus {
  outline: none !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk *:focus {
  outline: none !important;
}

#onetrust-banner-sdk.otFlat {
  border: none !important;
  border: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk {
  border: #f7f714 solid 1px !important;
}

#onetrust-consent-sdk *:focus {
  outline: none !important;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
  border: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-header {
  position: relative;
  border-bottom: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-footer {
  position: relative;
  border-top: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-footer button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: "industrybold";
  font-weight: normal;
  text-transform: uppercase;
}

#onetrust-consent-sdk {
  font-family: "industry";
  font-weight: normal;
}

#onetrust-pc-sdk .ot-switch-nob {
  background: none !important;
  border: #f7f714 solid 1px !important;
}
#onetrust-pc-sdk .ot-switch-nob:before {
  background: #f7f714 !important;
}

#onetrust-pc-sdk .ot-chkbox input:focus,
#onetrust-pc-sdk .ot-tgl input:focus {
  outline: none !important;
}

#onetrust-pc-sdk .ot-tgl input:focus + .ot-switch .ot-switch-nob {
  outline: none !important;
}

#onetrust-pc-sdk .ot-ven-item > button,
#onetrust-pc-sdk .ot-host-item > button,
#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button,
#onetrust-pc-sdk .ot-acc-cntr > button {
  color: #fff !important;
}

#ot-pc-desc,
.ot-category-desc,
.ot-cat-header,
#onetrust-policy-text,
#onetrust-policy-text a {
  color: #fff !important;
}

@media screen and (max-device-width: 1025px) {
  .wishlist_bg {
    width: calc(501 / var(--max-device) * var(--max-width));
  }
  .dia_in {
    transform-origin: 0 0;
    transform: scale(0.8) translate(-50%, -50%);
  }
  .top_nav {
    position: fixed;
  }
  .dia_in {
    border: #f7f714 solid 2px;
  }
  .top_nav_list li:hover,
  .top_nav_list li:hover a {
    color: #ffffff;
  }
  .top_nav_list li:active,
  .top_nav_list li:active a {
    color: #f7f714;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100% !important;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -webkit-touch-callout: none;
    word-break: break-all;
    word-wrap: break-word;
  }
  .w_register_btn {
    line-height: calc(52 / var(--max-device) * var(--max-width));
  }
}
#onetrust-button-group-parent {
  padding-left: 3% !important;
  padding-right: 4% !important;
  margin-left: 0 !important;
}

.ot-sdk-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

#onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateY(0) !important;
}

.ish5 {
  display: none;
}

.poster_btn {
  cursor: pointer !important;
}

@font-face {
  font-family: "projectdtypecurve-bold";
  src: url("../font/projectdtypecurve-bold.ttf");
  font-style: normal;
  font-weight: normal;
}
.hub_bg_box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.hub_bg_box div {
  margin-bottom: -1px;
}
.hub_bg_box div.bg1 {
  height: calc(1715 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg_01.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box div.bg2 {
  height: calc(1715 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg_02.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box div.bg3 {
  height: calc(1715 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg_03.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box div.bg4 {
  height: calc(1715 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg_04.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box div.bg5 {
  height: calc(1715 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg_05.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box2 div.bg1 {
  height: calc(1046 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg1_1.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box2 div.bg2 {
  height: calc(1046 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg2_1.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box2 div.bg3 {
  height: calc(1046 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg3_1.jpg) no-repeat;
  background-size: 100% 100%;
}
.hub_bg_box2 div.bg4 {
  height: calc(1046 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/bg4_1.jpg) no-repeat;
  background-size: 100% 100%;
}

.creatorhub_box {
  width: calc(2432 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: 0 auto;
  font-family: "industry";
  position: relative;
  background: #0d0f18;
}

.creatorhub_in {
  width: calc(1822 / var(--max-device) * var(--max-width));
  margin: 0 auto;
  position: relative;
  z-index: 20;
}

.hub_part1 {
  height: calc(1368 / var(--max-device) * var(--max-width));
  position: relative;
}

.hub_slogan {
  display: block;
  width: calc(1575 / var(--max-device) * var(--max-width));
  height: calc(330 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/slogan.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  top: calc(644 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
}

.hub_slogan_para {
  width: calc(1248 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: calc(948 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  text-align: center;
}

.hub_slogan_btn {
  display: block;
  width: calc(841 / var(--max-device) * var(--max-width));
  height: calc(104 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_top_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: calc(1084 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
}

.hub_part2 {
  height: calc(1110 / var(--max-device) * var(--max-width));
  position: relative;
}

.hub_p2_tit {
  position: absolute;
  left: calc(744 / var(--max-device) * var(--max-width));
  top: 0;
  font-size: calc(66 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  text-transform: uppercase;
  font-family: "industrybold";
  white-space: nowrap;
}
.hub_p2_tit:before {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-86 / var(--max-device) * var(--max-width));
  top: calc(6 / var(--max-device) * var(--max-width));
}
.hub_p2_tit:after {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-74 / var(--max-device) * var(--max-width));
  top: calc(6 / var(--max-device) * var(--max-width));
}

.hub_p2_para {
  width: calc(702 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: calc(364 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}
.hub_p2_para li {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  position: relative;
  margin-bottom: calc(30 / var(--max-device) * var(--max-width));
}
.hub_p2_para li:before {
  content: "";
  width: calc(9 / var(--max-device) * var(--max-width));
  height: calc(10 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_sjicon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-18 / var(--max-device) * var(--max-width));
  top: calc(10 / var(--max-device) * var(--max-width));
}
.hub_p2_para li a {
  color: #f7f714;
  text-decoration: underline;
  font-family: "industrybold";
}

.hub_p2_list {
  width: calc(1282 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(740 / var(--max-device) * var(--max-width));
  top: calc(176 / var(--max-device) * var(--max-width));
  display: flex;
  flex-wrap: wrap;
}
.hub_p2_list li {
  width: calc(426 / var(--max-device) * var(--max-width));
  height: calc(400 / var(--max-device) * var(--max-width));
}

.hub_p2_icon {
  display: block;
  width: calc(64 / var(--max-device) * var(--max-width));
  height: calc(49 / var(--max-device) * var(--max-width));
}
.hub_p2_icon1 {
  background: url(../images/creatorhub/p2_icon1.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p2_icon2 {
  background: url(../images/creatorhub/p2_icon2.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p2_icon3 {
  background: url(../images/creatorhub/p2_icon3.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p2_icon4 {
  background: url(../images/creatorhub/p2_icon4.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p2_icon5 {
  background: url(../images/creatorhub/p2_icon5.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p2_icon6 {
  background: url(../images/creatorhub/p2_icon6.png) no-repeat;
  background-size: 100% 100%;
}

.hub_p2_title {
  font-family: "industrybold";
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #e6e12c;
  line-height: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  padding-bottom: calc(6 / var(--max-device) * var(--max-width));
  margin-top: calc(8 / var(--max-device) * var(--max-width));
}
.hub_p2_title:after {
  content: "";
  width: calc(116 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: #e6e12c solid 1px;
}

.hub_p2_lp {
  width: calc(318 / var(--max-device) * var(--max-width));
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
  margin-top: calc(18 / var(--max-device) * var(--max-width));
}

.hub_part3 {
  height: calc(748 / var(--max-device) * var(--max-width));
  position: relative;
}

.hub_ct1 {
  display: block;
  font-size: calc(70 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(94 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  text-align: center;
  font-family: "industrybold";
  position: absolute;
  left: 50%;
  top: calc(50 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.hub_ct1 span {
  display: block;
  text-align: center;
  color: #eeeeee;
  font-size: calc(76 / var(--max-device) * var(--max-width));
}
.hub_ct1:before {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2_1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-64 / var(--max-device) * var(--max-width));
  top: 50%;
  transform: translate(0, -30%);
}
.hub_ct1:after {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2_2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-96 / var(--max-device) * var(--max-width));
  top: 50%;
  transform: translate(0, -30%);
}
.hub_ct1 i {
  display: block;
  width: calc(228 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(-8 / var(--max-device) * var(--max-width));
  border-bottom: #f7f714 solid 1px;
}

.hub_p4_para {
  width: 60%;
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: calc(154 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  text-align: center;
  font-family: "Industry-Book";
}
.lang_fr .hub_p4_para {
  width: 70%;
}

.hub_p3_para {
  width: calc(684 / var(--max-device) * var(--max-width));
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: calc(302 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  text-align: center;
  font-family: "Industry-Book";
}

.hub_p3_para2 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: calc(516 / var(--max-device) * var(--max-width));
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
  font-family: "Industry-Book";
}
.hub_p3_para2 span {
  display: inline-block;
  vertical-align: top;
  margin: 0 calc(24 / var(--max-device) * var(--max-width));
}
.hub_p3_para2:before {
  content: "";
  width: calc(1674 / var(--max-device) * var(--max-width));
  border-top: rgba(139, 160, 218, 0.1) solid 1px;
  position: absolute;
  left: 50%;
  top: calc(-44 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
}
.hub_p3_para2:after {
  content: "";
  width: calc(1674 / var(--max-device) * var(--max-width));
  border-top: rgba(139, 160, 218, 0.1) solid 1px;
  position: absolute;
  left: 50%;
  bottom: calc(-38 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
}

.hub_part3s {
  height: calc(1018 / var(--max-device) * var(--max-width));
  position: relative;
}

.hub_ct3s {
  position: absolute;
  left: 0;
  top: calc(226 / var(--max-device) * var(--max-width));
  font-size: calc(66 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  text-transform: uppercase;
  font-family: "industrybold";
  line-height: calc(70 / var(--max-device) * var(--max-width));
}
.hub_ct3s:before {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-86 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct3s:after {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-74 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}

.hub_part3s2 {
  height: auto;
  position: relative;
  padding-top: 1px;
  padding-bottom: calc(310 / var(--max-device) * var(--max-width));
}

.hub_ct2s {
  display: block;
  font-size: calc(66 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(94 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  text-align: center;
  font-family: "industrybold";
  position: absolute;
  left: 50%;
  top: calc(6 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.hub_ct2s:before {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-64 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct2s:after {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-96 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}

.hub_p3s_box {
  width: calc(1218 / var(--max-device) * var(--max-width));
  margin: calc(152 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
  background: rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  border: #283342 solid 1px;
  overflow: hidden;
  padding-bottom: calc(60 / var(--max-device) * var(--max-width));
}

.hub_p3s_list {
  width: calc(1108 / var(--max-device) * var(--max-width));
  margin: calc(50 / var(--max-device) * var(--max-width)) 0 0 calc(74 / var(--max-device) * var(--max-width));
  overflow: hidden;
  overflow-y: auto;
}
.hub_p3s_list > li {
  width: calc(1042 / var(--max-device) * var(--max-width));
  padding: calc(44 / var(--max-device) * var(--max-width)) 0 calc(64 / var(--max-device) * var(--max-width)) 0;
  position: relative;
  border-bottom: #242833 solid 1px;
  cursor: pointer;
}
.hub_p3s_list > li:after {
  content: "";
  width: calc(27 / var(--max-device) * var(--max-width));
  height: calc(14 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/ss_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.hub_p3s_list > li:last-child {
  border-bottom: none;
}
.hub_p3s_list > li.show .hub_p3s_para {
  display: block;
}
.hub_p3s_list > li.show .hub_p3s_tit {
  color: #e6e12c;
}
.hub_p3s_list > li.show:after {
  background: url(../images/creatorhub/zk_btn.png) no-repeat;
  background-size: 100% 100%;
}
.hub_p3s_list::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.hub_p3s_list::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.hub_p3s_list::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #ceb591;
}

.hub_p3s_detlist {
  width: calc(804 / var(--max-device) * var(--max-width));
  position: relative;
  margin-left: calc(30 / var(--max-device) * var(--max-width));
  margin-top: calc(40 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}
.hub_p3s_detlist li {
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  position: relative;
  margin-bottom: calc(30 / var(--max-device) * var(--max-width));
}
.hub_p3s_detlist li:before {
  content: "";
  width: calc(9 / var(--max-device) * var(--max-width));
  height: calc(10 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_sjicon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-18 / var(--max-device) * var(--max-width));
  top: calc(8 / var(--max-device) * var(--max-width));
}
.hub_p3s_detlist li a {
  color: #f7f714;
  text-decoration: underline;
  font-family: "industrybold";
}

.hub_p3s_tit {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  font-family: "industrybold";
}

.hub_p3s_para {
  display: none;
  margin-top: calc(50 / var(--max-device) * var(--max-width));
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
  box-sizing: border-box;
  padding-right: calc(88 / var(--max-device) * var(--max-width));
}
.hub_p3s_para a {
  color: #e6e12c;
  font-family: "industrybold";
  text-decoration: underline;
}

.hub_part4 {
  height: calc(952 / var(--max-device) * var(--max-width));
  position: relative;
  padding-top: 1px;
}

.hub_ct2 {
  display: block;
  font-size: calc(70 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(94 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  text-align: center;
  font-family: "industrybold";
  position: absolute;
  left: 50%;
  top: calc(6 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.hub_ct2:before {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2_1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-64 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct2:after {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2_2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-96 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct2 i {
  display: block;
  width: calc(124 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(-8 / var(--max-device) * var(--max-width));
  border-bottom: #f7f714 solid 1px;
}

.hub_man_box {
  width: calc(1748 / var(--max-device) * var(--max-width));
  margin: calc(284 / var(--max-device) * var(--max-width)) auto 0;
  height: calc(480 / var(--max-device) * var(--max-width));
  position: relative;
}

.hub_man_box_in {
  width: 100%;
  height: calc(582 / var(--max-device) * var(--max-width));
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.hub_man_box_in li {
  width: calc(1748 / var(--max-device) * var(--max-width));
  height: calc(480 / var(--max-device) * var(--max-width));
  position: relative;
  display: flex;
}

.hub_left {
  width: calc(366 / var(--max-device) * var(--max-width));
  margin-left: calc(258 / var(--max-device) * var(--max-width));
}

.hub_man_img {
  width: calc(273 / var(--max-device) * var(--max-width));
  height: calc(273 / var(--max-device) * var(--max-width));
  border-radius: 50%;
  position: relative;
  margin: calc(28 / var(--max-device) * var(--max-width)) auto 0;
}
.hub_man_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.hub_man_img:after {
  content: "";
  width: calc(299 / var(--max-device) * var(--max-width));
  height: calc(299 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_hdmask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(-165 / var(--max-device) * var(--max-width)) 0 0 calc(-142 / var(--max-device) * var(--max-width));
}

.hub_smlist {
  width: 100%;
  height: calc(94 / var(--max-device) * var(--max-width));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(28 / var(--max-device) * var(--max-width)) auto 0;
  box-sizing: border-box;
  border-top: rgba(139, 160, 218, 0.23) solid calc(3 / var(--max-device) * var(--max-width));
  border-bottom: rgba(139, 160, 218, 0.23) solid calc(3 / var(--max-device) * var(--max-width));
}
.hub_smlist a {
  display: block;
  margin: 0 calc(34 / var(--max-device) * var(--max-width));
}
.hub_smlist a:first-child {
  margin-left: 0;
}
.hub_smlist a:last-child {
  margin-right: 0;
}
.hub_smlist a img {
  display: block;
  max-width: calc(42 / var(--max-device) * var(--max-width));
  max-height: calc(42 / var(--max-device) * var(--max-width));
  object-fit: contain;
}

.hub_right {
  width: calc(778 / var(--max-device) * var(--max-width));
  margin-left: calc(145 / var(--max-device) * var(--max-width));
  margin-top: calc(34 / var(--max-device) * var(--max-width));
}

.hub_man_t {
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
  position: absolute;
  left: calc(68 / var(--max-device) * var(--max-width));
  top: calc(112 / var(--max-device) * var(--max-width));
  z-index: 30;
}

.hub_man_name {
  font-size: calc(40 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
}

.hub_man_para {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(30 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
  margin-top: calc(22 / var(--max-device) * var(--max-width));
  font-style: italic;
}

.hub_manprev, .hub_mannext {
  width: calc(26 / var(--max-device) * var(--max-width));
  height: calc(59 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/swiper_prev.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: calc(218 / var(--max-device) * var(--max-width));
}
.hub_manprev:hover, .hub_mannext:hover {
  background: url(../images/creatorhub/swiper_prev_hov.png) no-repeat;
  background-size: 100% 100%;
}

.hub_manprev {
  left: calc(-90 / var(--max-device) * var(--max-width));
}

.hub_mannext {
  right: calc(-90 / var(--max-device) * var(--max-width));
  transform: scale(-1, 1);
}

.hub_part_bgbox {
  width: 100%;
  position: relative;
  padding-bottom: 20px;
}
.hub_part_bgbox:before {
  content: "";
  width: calc(2437 / var(--max-device) * var(--max-width));
  height: calc(1858 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/p5_bg.png) no-repeat #10121a;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: calc(-150 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  z-index: 0;
}

.hub_part5 {
  height: calc(606 / var(--max-device) * var(--max-width));
  position: relative;
  z-index: 20;
}

.hub_p5_tit {
  position: absolute;
  left: calc(970 / var(--max-device) * var(--max-width));
  top: calc(64 / var(--max-device) * var(--max-width));
  font-size: calc(66 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  text-transform: uppercase;
  font-family: "industrybold";
  line-height: calc(70 / var(--max-device) * var(--max-width));
}
.hub_p5_tit:before {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-86 / var(--max-device) * var(--max-width));
  top: calc(46 / var(--max-device) * var(--max-width));
}
.hub_p5_tit:after {
  content: "";
  width: calc(170 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/hub_ticon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-74 / var(--max-device) * var(--max-width));
  top: calc(46 / var(--max-device) * var(--max-width));
}

.hub_p5_para {
  width: calc(818 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(970 / var(--max-device) * var(--max-width));
  top: calc(262 / var(--max-device) * var(--max-width));
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}

.hub_p5_btn {
  width: calc(688 / var(--max-device) * var(--max-width));
  height: calc(166 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/p5_btn.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: calc(44 / var(--max-device) * var(--max-width)) calc(156 / var(--max-device) * var(--max-width)) calc(56 / var(--max-device) * var(--max-width)) calc(226 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #11141b;
  position: absolute;
  left: calc(886 / var(--max-device) * var(--max-width));
  top: calc(402 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
}

.w_language2 {
  position: fixed;
  right: calc(52 / var(--max-device) * var(--max-width));
  top: calc(108 / var(--max-device) * var(--max-width));
  bottom: unset;
}
.w_language2:before {
  display: none;
}
.w_language2 .w_language_list {
  bottom: unset;
  top: calc(60 / var(--max-device) * var(--max-width));
}

.creatorhub_login_box {
  width: 100%;
  height: 100vh;
  position: relative;
  background: url(../images/creatorhub/login_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  font-family: "industry";
}

.creatorhub_login_in {
  width: calc(844 / var(--max-device) * var(--max-width));
  height: calc(868 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(-344 / var(--max-device) * var(--max-width)) 0 0 calc(-78 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/login_bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.creatorhub_login_type1 {
  width: calc(800 / var(--max-device) * var(--max-width));
  margin: 0 0 0 calc(28 / var(--max-device) * var(--max-width));
}

.creatorhub_login_t1 {
  display: block;
  margin: calc(104 / var(--max-device) * var(--max-width)) auto 0;
  width: 100%;
  height: auto;
  padding-top: 1px;
  font-family: "projectdtypecurve-bold";
  font-size: calc(62 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(66 / var(--max-device) * var(--max-width));
  text-align: center;
  text-transform: uppercase;
}

.creatorhub_login_t2 {
  margin: calc(64 / var(--max-device) * var(--max-width)) auto 0;
}

.creatorhub_login_list {
  width: calc(514 / var(--max-device) * var(--max-width));
  margin: calc(52 / var(--max-device) * var(--max-width)) auto 0;
}
.creatorhub_login_list > li {
  width: 100%;
  position: relative;
  margin-bottom: calc(52 / var(--max-device) * var(--max-width));
}
.creatorhub_login_list > li:nth-child(1) {
  z-index: 20;
}
.creatorhub_login_list > li:nth-child(2) {
  z-index: 18;
}
.creatorhub_login_list > li:nth-child(3) {
  z-index: 16;
}
.creatorhub_login_list > li:nth-child(4) {
  z-index: 14;
}
.creatorhub_login_list > li:nth-child(5) {
  z-index: 12;
}
.creatorhub_login_list > li:nth-child(6) {
  z-index: 10;
}
.creatorhub_login_list > li:nth-child(7) {
  z-index: 8;
}
.creatorhub_login_list2 {
  margin: calc(26 / var(--max-device) * var(--max-width)) auto 0;
}
.creatorhub_login_list2 > li {
  margin-bottom: calc(30 / var(--max-device) * var(--max-width));
}

.creatorhub_login_tp {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  font-family: "projectdtypecurve-bold";
}

.creatorhub_login_ipt {
  width: 100%;
  height: calc(64 / var(--max-device) * var(--max-width));
  position: relative;
  margin: calc(8 / var(--max-device) * var(--max-width)) auto 0;
}
.creatorhub_login_ipt input {
  display: block;
  width: 100%;
  height: calc(64 / var(--max-device) * var(--max-width));
  background: #15171c;
  outline: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  border: #545658 solid 1px;
  padding: 0 calc(18 / var(--max-device) * var(--max-width));
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(64 / var(--max-device) * var(--max-width));
}
.creatorhub_login_ipt input::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.creatorhub_login_ipt input:focus {
  border: #f7f714 solid 1px;
  color: #f7f714;
}

.creatorhub_login_ipt_para {
  display: block;
  width: 100%;
  height: calc(64 / var(--max-device) * var(--max-width));
  background: #15171c;
  outline: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  border: #545658 solid 1px;
  padding: 0 calc(18 / var(--max-device) * var(--max-width));
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: rgba(255, 255, 255, 0.2);
  line-height: calc(64 / var(--max-device) * var(--max-width));
}
.creatorhub_login_ipt_para.light {
  color: #f7f714;
}

.creatorhub_login_bot {
  width: calc(514 / var(--max-device) * var(--max-width));
  margin: calc(12 / var(--max-device) * var(--max-width)) auto 0;
  display: flex;
  justify-content: space-between;
  font-family: "Industry-Book";
}

.creatorhub_login_para {
  font-size: calc(16 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(22 / var(--max-device) * var(--max-width));
  position: relative;
  padding-left: calc(30 / var(--max-device) * var(--max-width));
  cursor: pointer;
}
.creatorhub_login_para label {
  cursor: pointer;
}
.creatorhub_login_para input {
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.creatorhub_login_para input:checked + .creatorhub_login_para_icon {
  background: url(../images/check_ticon2.png) no-repeat;
  background-size: 100% 100%;
}
.creatorhub_login_para a {
  color: #f7f714;
}

.creatorhub_login_para_icon {
  display: block;
  width: calc(21 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  background: url(../images/check_ticon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: calc(-2 / var(--max-device) * var(--max-width));
}

.creatorhub_login_forgot {
  font-size: calc(16 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-align: right;
}

.creatorhub_login_btn {
  display: block;
  width: calc(581 / var(--max-device) * var(--max-width));
  height: calc(90 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/login_btn.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: calc(17 / var(--max-device) * var(--max-width)) calc(85 / var(--max-device) * var(--max-width)) calc(8 / var(--max-device) * var(--max-width)) calc(186 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(10 / var(--max-device) * var(--max-width)) 0 0 calc(78 / var(--max-device) * var(--max-width));
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #111111;
  text-transform: uppercase;
}
.creatorhub_login_btn2 {
  margin-top: calc(22 / var(--max-device) * var(--max-width));
}

.creatorhub_login_para2 {
  text-align: center;
  font-size: calc(16 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(22 / var(--max-device) * var(--max-width));
  margin: calc(40 / var(--max-device) * var(--max-width)) auto 0;
  text-align: center;
  font-family: "Industry-Book";
}
.creatorhub_login_para2 a {
  color: #f7f714;
}

.creatorhub_login_select {
  cursor: pointer;
}
.creatorhub_login_select:after {
  content: "";
  width: calc(16 / var(--max-device) * var(--max-width));
  height: calc(11 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/login_select.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(14 / var(--max-device) * var(--max-width));
  top: calc(28 / var(--max-device) * var(--max-width));
}

.creatorhub_login_selectlist {
  width: 100%;
  text-align: center;
  background: #000;
  position: absolute;
  left: 0;
  top: calc(104 / var(--max-device) * var(--max-width));
  cursor: pointer;
  display: none;
  height: calc(320 / var(--max-device) * var(--max-width));
  overflow: hidden;
  overflow-y: auto;
}
.creatorhub_login_selectlist::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.creatorhub_login_selectlist::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.creatorhub_login_selectlist::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #ceb591;
}
.creatorhub_login_selectlist li {
  height: calc(64 / var(--max-device) * var(--max-width));
  line-height: calc(64 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: rgba(255, 255, 255, 0.4);
}
.creatorhub_login_selectlist li.light, .creatorhub_login_selectlist li:hover {
  color: #fff;
  box-sizing: border-box;
  border: #fff solid 1px;
}

.creatorhub_login_ipt_more {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: calc(6 / var(--max-device) * var(--max-width)) auto 0;
}

.creatorhub_login_ipt_morein {
  width: calc(162 / var(--max-device) * var(--max-width));
  position: relative;
}
.creatorhub_login_ipt_morein .creatorhub_login_selectlist {
  top: calc(72 / var(--max-device) * var(--max-width));
}

.dia {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}

.dia_task_in {
  width: calc(1043 / var(--max-device) * var(--max-width));
  height: calc(933 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/pop1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding-left: calc(24 / var(--max-device) * var(--max-width));
}

.d_close3 {
  width: calc(70 / var(--max-device) * var(--max-width));
  height: calc(70 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/dia_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-49 / var(--max-device) * var(--max-width));
  top: calc(-43 / var(--max-device) * var(--max-width));
  text-indent: -9999px;
}

.dia_task_t {
  display: block;
  width: 100%;
  text-align: center;
  font-size: calc(56 / var(--max-device) * var(--max-width));
  line-height: calc(60 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  margin: calc(84 / var(--max-device) * var(--max-width)) auto 0;
}

.dia_task_para {
  text-align: center;
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: rgba(255, 255, 255, 0.5);
  margin: calc(10 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "Industry-Book";
}

.dia_task_box {
  width: calc(886 / var(--max-device) * var(--max-width));
  height: calc(340 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: calc(16 / var(--max-device) * var(--max-width)) 0 0 calc(104 / var(--max-device) * var(--max-width));
  overflow-y: auto;
}
.dia_task_box::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_task_box::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_task_box::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #f7f754;
}
.dia_task_box ul {
  width: calc(806 / var(--max-device) * var(--max-width));
  background: rgba(40, 47, 60, 0.78);
}
.dia_task_box ul li {
  height: calc(114 / var(--max-device) * var(--max-width));
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: #283342 solid 1px;
}
.dia_task_box ul li:last-child {
  border-bottom: none;
}

.dia_task_rewbox {
  width: calc(78 / var(--max-device) * var(--max-width));
  height: calc(78 / var(--max-device) * var(--max-width));
  position: relative;
  background: #292f3b;
  box-sizing: border-box;
  border: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  margin-left: calc(92 / var(--max-device) * var(--max-width));
}
.dia_task_rewbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dia_task_rewbox:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/creatorhub/rew_img_mask.png) no-repeat;
  background-size: 100% 100%;
  z-index: 50;
  pointer-events: none;
}

.dia_task_rewname {
  width: calc(404 / var(--max-device) * var(--max-width));
  margin-left: calc(48 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  font-family: "industry";
}

.dia_task_rewnum {
  width: calc(126 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  font-family: "industry";
}

.dia_fqa_box {
  width: calc(932 / var(--max-device) * var(--max-width));
  height: calc(614 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: calc(40 / var(--max-device) * var(--max-width)) 0 0 calc(60 / var(--max-device) * var(--max-width));
  overflow-y: auto;
}
.dia_fqa_box::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_fqa_box::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_fqa_box::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #f7f754;
}
.dia_fqa_box .dia_fqa_list {
  width: calc(894 / var(--max-device) * var(--max-width));
}
.dia_fqa_box .dia_fqa_list li {
  padding-left: calc(32 / var(--max-device) * var(--max-width));
  padding-top: calc(30 / var(--max-device) * var(--max-width));
  padding-bottom: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  border-bottom: #31363e solid 1px;
  cursor: pointer;
}
.dia_fqa_box .dia_fqa_list li:after {
  content: "";
  width: calc(27 / var(--max-device) * var(--max-width));
  height: calc(14 / var(--max-device) * var(--max-width));
  background: url(../images/creatorhub/ss_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: calc(42 / var(--max-device) * var(--max-width));
}
.dia_fqa_box .dia_fqa_list li.show:after {
  background: url(../images/creatorhub/zk_btn.png) no-repeat;
  background-size: 100% 100%;
}
.dia_fqa_box .dia_fqa_list li.show p:nth-child(3) {
  display: block;
}
.dia_fqa_box .dia_fqa_list li.dia_fqa_norm:after {
  display: none;
}
.dia_fqa_box .dia_fqa_list li.dia_fqa_norm .dia_fqa_para {
  display: none;
}
.dia_fqa_box .dia_fqa_list p {
  width: calc(778 / var(--max-device) * var(--max-width));
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(36 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}
.dia_fqa_box .dia_fqa_list p:nth-child(3) {
  margin-top: calc(16 / var(--max-device) * var(--max-width));
  display: none;
}

.dia_fqa_xh {
  display: block;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #ffffff;
  font-family: "industry";
  position: absolute;
  left: 0;
  top: calc(24 / var(--max-device) * var(--max-width));
  white-space: nowrap;
}

.lang_es .hub_p2_tit, .lang_fr .hub_p2_tit {
  line-height: calc(70 / var(--max-device) * var(--max-width));
  top: calc(140 / var(--max-device) * var(--max-width));
}
.lang_es .hub_slogan_btn, .lang_fr .hub_slogan_btn {
  font-size: calc(26 / var(--max-device) * var(--max-width));
}
.lang_es .hub_p3_para2, .lang_fr .hub_p3_para2 {
  font-size: calc(20 / var(--max-device) * var(--max-width));
}

.lang_fr .hub_p5_tit {
  font-size: calc(52 / var(--max-device) * var(--max-width));
  top: calc(94 / var(--max-device) * var(--max-width));
}
.lang_fr .hub_slogan_btn {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}

.lang_de .hub_p5_para {
  top: calc(292 / var(--max-device) * var(--max-width));
}
.lang_de .hub_p2_tit {
  line-height: calc(70 / var(--max-device) * var(--max-width));
  top: calc(140 / var(--max-device) * var(--max-width));
}

.lang_it .hub_p2_tit {
  line-height: calc(70 / var(--max-device) * var(--max-width));
  top: calc(140 / var(--max-device) * var(--max-width));
}
.lang_it .hub_slogan_btn {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}

.lang_pt .hub_p2_tit {
  line-height: calc(70 / var(--max-device) * var(--max-width));
  top: calc(140 / var(--max-device) * var(--max-width));
}
.lang_pt .hub_slogan_btn {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}
.lang_pt .hub_slogan_para {
  /* font-size: calc(16 / var(--max-device) * var(--max-width)); */
}

.lang_zh .top_nav_list li, .lang_zh .hub_slogan_btn, .lang_zh .hub_p5_btn, .lang_zhfz .top_nav_list li, .lang_zhfz .hub_slogan_btn, .lang_zhfz .hub_p5_btn {
  font-weight: bold;
}
.lang_zh .hub_p3_para2, .lang_zhfz .hub_p3_para2 {
  font-size: calc(20 / var(--max-device) * var(--max-width));
}

.lang_ja .top_nav_list li, .lang_ja .hub_slogan_btn, .lang_ja .hub_p5_btn, .lang_ja .hub_p3s_tit, .lang_ko .top_nav_list li, .lang_ko .hub_slogan_btn, .lang_ko .hub_p5_btn, .lang_ko .hub_p3s_tit {
  font-weight: bold;
}
.lang_ja .hub_p3_para2, .lang_ko .hub_p3_para2 {
  font-size: calc(20 / var(--max-device) * var(--max-width));
}

.hub_slogan {
  width: calc(2437 / var(--max-device) * var(--max-width));
  height: calc(394 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: calc(592 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  background: url(../images/creatorhub/slogan_en.png) no-repeat;
  background-size: 100% 100%;
}

.lang_en .hub_slogan {
  background: url(../images/creatorhub/slogan_en.png) no-repeat;
  background-size: 100% 100%;
}

.lang_ja .hub_slogan {
  background: url(../images/creatorhub/slogan_ja.png) no-repeat;
  background-size: 100% 100%;
}

.lang_zh .hub_p3s_tit {
  font-weight: bold;
}
.lang_zh .hub_slogan {
  background: url(../images/creatorhub/slogan_cn.png) no-repeat;
  background-size: 100% 100%;
}

.lang_zhfz .hub_p3s_tit {
  font-weight: bold;
}
.lang_zhfz .hub_slogan {
  background: url(../images/creatorhub/slogan_tw.png) no-repeat;
  background-size: 100% 100%;
}

.lang_ko .hub_slogan {
  background: url(../images/creatorhub/slogan_ko.png) no-repeat;
  background-size: 100% 100%;
}

.lang_de .hub_p2_tit {
  top: calc(0 / var(--max-device) * var(--max-width));
}
.lang_de .hub_slogan {
  background: url(../images/creatorhub/slogan_de.png) no-repeat;
  background-size: 100% 100%;
}

.lang_fr .hub_p2_tit {
  top: calc(0 / var(--max-device) * var(--max-width));
}
.lang_fr .hub_slogan {
  background: url(../images/creatorhub/slogan_fr.png) no-repeat;
  background-size: 100% 100%;
}

.lang_pt .hub_p2_tit {
  top: calc(0 / var(--max-device) * var(--max-width));
}
.lang_pt .hub_slogan {
  background: url(../images/creatorhub/slogan_pt.png) no-repeat;
  background-size: 100% 100%;
}

.lang_it .hub_p2_tit {
  top: calc(0 / var(--max-device) * var(--max-width));
}
.lang_it .hub_slogan {
  background: url(../images/creatorhub/slogan_it.png) no-repeat;
  background-size: 100% 100%;
}

.lang_es .hub_p2_tit {
  top: calc(0 / var(--max-device) * var(--max-width));
}
.lang_es .hub_slogan {
  background: url(../images/creatorhub/slogan_es.png) no-repeat;
  background-size: 100% 100%;
}