[v-cloak] {
  display: none;
}
[v-cloak] * {
  display: none;
}
p.center-align {
  text-align: center;
}
.btn:disabled {
  background: #aaa !important;
}
a.nav-link.menu-link {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
}
a.nav-link.menu-link:hover {
  background: #EAEEF4;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
  color: var(--orange);
}
.page-wrapper .page-body-wrapper .page-body {
  animation: unset !important;
  transition: unset !important;
}
.vertical-menu-main {
  display: flex;
  gap: 4rem;
}
.list-btn-wrap {
  display: flex;
  padding: 1rem 0;
}
.form-select {
  border: 1px solid var(--gray);
  border-radius: 2px;
  padding: 0.25rem;
}
.item-count {
  margin: 0.25rem 1rem;
}
.tab-content > .active {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(100vh - 250px);
}
.tab-header {
  position: relative;
  top: 2rem;
}
ul.group-tabs li a {
  font-size: 1rem;
}
ul.group-tabs li {
  padding: 0.75rem;
  border-bottom: 1px solid #ccc;
}
ul.group-tabs li.active {
  border-bottom: 1px solid var(--danger);
}
span.logo-txt {
  display: inline-flex;
  position: relative;
  padding: 0 1rem 0 3rem;
  cursor: pointer;
  font-size: 1.8rem;
  color: #18578c;
  font-family: fantasy;
  letter-spacing: 0.15rem;
  align-items: center;
}
.col-0 {
  display: none !important;
}
.items {
  display: flex;
  flex-wrap: wrap;
  width: 1160px;
  margin: 0 auto;
  border: 1px solid #e6e6e6;
  border-width: 1px 0 0 1px;
}
.items ul {
  list-style: none;
  width: calc(25% - 1px);
  padding: 1rem 0;
  margin: 0;
  border: 1px solid #e6e6e6;
  border-width: 0 1px 1px 0;
}
.items ul li {
  width: 80%;
  margin: 0 auto;
}
li.service_code {
  display: inline;
  color: #fff;
  background: lightseagreen;
  font-weight: 600;
  position: relative;
  left: 10%;
  padding: 2px 0.5rem;
  top: -4px;
  border-radius: 2px;
}
li.addr1 {
  font-weight: 600;
  padding: 6px;
  font-size: 1rem;
}
.label {
  background: steelblue;
  margin-right: 12px;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
}
li.start_time .txt, li.duration .txt {
  font-family: tahoma;
  font-weight: 600;
  color: #333;
  opacity: 0.75;
}
li.duration span.txt {
  position: absolute;
  font-size: 1.2rem;
  margin-top: -4px;
  color: mediumvioletred;
}
li.duration span.postfix {
  margin-left: 1.2rem;
}
.pagination-wrap {
  display: flex;
  justify-content: center;
}
.page-wrapper .vertical-menu-main {
  top: 10px;
}
.page-wrapper .page-body-wrapper .page-body {
  margin-top: 75px;
}
body.earn div#app {
  display: grid;
  grid-template-columns: 33% 64%;
  gap: 3%;
  padding-top: 2rem;
}
body.earn .tit {
  background: #ACE2E1;
  color: #fff;
  padding: 0.5rem 1.2rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
body.earn .fullname {
  font-weight: 600;
  font-size: 1.2rem;
}
body.earn .shortname {
  margin-top: 0.45rem;
}
body.earn .name-wrap {
  margin-left: 1rem;
  margin-top: 0.5rem;
  color: #fff;
}
body.earn .ic-wrap {
  width: 4rem;
  margin: 0 auto;
}
body.earn .ic-wrap img {
  width: 100%;
}
body.earn .box-wrap .stake-wrap {
  padding: 0;
  background: #F7EEDD;
  border-radius: 1rem;
}
body.earn .box-wrap .stake-wrap > div.icon-block {
  text-align: left;
  background: #41C9E2;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}
body.earn .box-wrap .stake-wrap .symbol-wrap {
  display: flex;
}
body.earn .box-wrap .stake-wrap .symbol-wrap .ic-wrap {
  width: 4rem;
  position: relative;
  display: inline-block;
}
body.earn .box-wrap .stake-wrap .symbol-wrap .ic-wrap img {
  width: 100%;
  max-width: 4rem;
  height: auto;
}
body.earn .box-wrap .stake-wrap .yield-wrap {
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}
body.earn .box-wrap .stake-wrap .yield {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body.earn .box-wrap .stake-wrap .yield .desc {
  display: flex;
  flex-direction: column;
}
body.earn .box-wrap .stake-wrap .yield .number {
  font-weight: 600;
  color: var(--dark-800);
  font-size: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}
body.earn .box-wrap .stake-wrap .yield .rx span.label {
  margin-top: 0.5rem;
  display: inline-block;
}
body.earn .item.current_stake.col-12 {
  padding-top: 1.4rem;
}
body.earn .up-part {
  display: flex;
  justify-content: space-between;
}
body.earn .btn-stake {
  background-color: var(--yellow);
  color: white;
  font-weight: 600;
  right: 0.25rem;
  top: 0.75rem;
  position: relative;
  padding: 0.8rem 1.2rem;
  height: fit-content;
  border-radius: 0.5rem;
  text-transform: uppercase;
}
body.earn .ref-wrap .lp > div {
  background: #efefef;
  padding: 1.2rem;
  border-radius: 0.5rem;
}
body.earn .ref-wrap .st {
  display: grid;
  grid-template-columns: 70% 25%;
  margin: 1.5rem 0;
}
body.earn .ref-wrap .lp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
body.earn .section.grid {
  display: grid;
  grid-template-columns: 60% 40%;
}
body.earn .grid .bx {
  display: inline-flex;
  justify-content: flex-end;
}
body.earn .grid .bx a {
  display: inline-flex;
  max-height: 4rem;
}
body.earn span.box.reward {
  margin-top: 1.6rem;
  background: var(--accent-color);
  color: #fff;
  border-radius: 1rem;
  padding: 0.3rem 1.5rem 0.2rem 1.5rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), 1px 1px 1px rgba(0, 0, 0, 0);
}
body.earn .afill-wrap {
  display: flex;
  gap: 1rem;
}
body.earn span.qr-link, body.earn span.copy-link {
  align-items: center;
  display: inline-flex;
}
body.earn span.box.current {
  margin-top: 0.4rem;
  background: var(--accent-color);
  color: #fff;
  border-radius: 1rem;
  padding: 0.3rem 1.5rem 0.2rem 1.5rem;
}
body.earn .recom {
  font-size: small;
  text-align: center;
}
body.earn .box-wrap .ref-wrap {
  display: grid;
  grid-template-columns: 50% 50%;
  transform: scale(1.2);
  padding: 1rem 2rem;
}
body.earn span.number {
  color: var(--info);
  font-family: tahoma;
  font-weight: 600;
  font-size: 1.5rem;
}
body.earn .bonus {
  text-align: center;
  font-size: small;
  border-left: 1px dashed #ccc;
}
body.earn .rank-wrap {
  display: grid;
  grid-template-columns: 70% 30%;
}
body.earn .lv-wrap .ic-wrap {
  width: 4rem;
  margin: 0 auto;
}
body.earn span.rank-txt {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  transform: scale(1.4);
}
body.earn .rank-txt span.label {
  margin-top: 0.3rem;
  margin-right: 0.5rem;
}
body.earn .lv-wrap {
  text-align: center;
  transform: scale(1.2);
  position: relative;
  left: 2rem;
  top: 1.8rem;
}
body.earn ul.cps {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
body.earn .sp-wrap span.label {
  font-size: smaller;
}
body.earn .stc-wrap .rank-wrap, body.earn .stc-wrap .info {
  width: 80%;
  margin: 2rem auto;
}
body.earn .stc-wrap .info {
  transform: scale(0.8);
}
body.earn .rank-txt span.number {
  color: var(--blue);
}
body.earn .cps span.go.number {
  color: var(--warning);
}
body.earn ul.sps {
  display: grid;
  grid-template-columns: 25% 75%;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 1.6rem;
  row-gap: 0.5rem;
}
body.earn ul.sps li {
  align-items: center;
  display: flex;
}
body.earn ul.sps li.profit-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
body.earn .position img {
  width: 2rem;
}
body.earn .sp-wrap {
  margin: 2rem;
}
body.earn span.rank {
  width: 5rem;
  font-size: 1.2rem;
  font-weight: 600;
  font-family: tahoma;
}
body.earn span.position {
  width: 8rem;
}
body.earn span.nick {
  width: 10rem;
}
body.earn ul.sps {
  margin-top: 1rem;
}
body.earn .sp-wrap .info {
  text-align: center;
  margin: 2rem 0;
}
body.earn .current-stake-wrap .btn-max {
  cursor: pointer;
}
body.earn .current-stake-wrap .interface {
  display: flex;
  justify-content: space-around;
  gap: 2.2rem;
  transform: scale(0.9);
  transform-origin: top;
}
body.earn .current-stake-wrap .pane {
  width: 49%;
  padding-left: 4%;
  background: #EAE5E3;
  padding-top: 0.7rem;
  padding-bottom: 1rem;
  border-radius: 1rem;
  overflow: hidden;
}
body.earn .current-stake-wrap .ic-swap {
  position: absolute;
  left: 45.6%;
  margin-top: 2rem;
}
body.earn .current-stake-wrap .ic-swap i {
  font-size: 2rem;
}
body.earn .current-stake-wrap .pane .number {
  font-size: 2rem;
  font-family: tahoma;
  font-weight: 600;
  margin-top: 0.2rem;
}
body.earn .current-stake-wrap .pane .tit {
  margin-bottom: 0.2rem;
}
body.earn .current-stake-wrap .choose-wrap {
  display: flex;
  justify-content: flex-end;
  padding-right: 10%;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
body.earn .current-stake-wrap input.form-control.cnt {
  width: 4rem;
  margin-bottom: 0;
}
body.earn .current-stake-wrap span.badge.btn-max {
  margin-right: 1rem;
}
body.earn .current-stake-wrap p.bt.center {
  border-top: 1px solid silver;
  padding-top: 1.2rem;
  margin-top: 0.5rem;
  text-align: center;
}
body.earn .current-stake-wrap ul.info {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 90%;
  margin: 0.5rem auto;
}
body.earn .current-stake-wrap .summary-wrap {
  padding: 1rem;
  background: #EAE5E3;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
body.earn .current-stake-wrap li.txt {
  text-align: right;
  color: #333;
  font-weight: 600;
  font-family: tahoma;
}
body.earn .current-stake-wrap span.badge.btn-max {
  background-color: var(--blue);
  color: white;
  font-weight: 600;
  position: relative;
  padding: 0.6rem 1rem;
  height: fit-content;
  border-radius: 0.5rem;
  text-transform: uppercase;
  font-size: 1rem;
}
body.earn .current-stake-wrap button.btn.btn-large.btn-stake2[disabled] {
  background: #F7EEDD;
  color: #000;
  border: 3px solid #FFC17B;
}
body.earn .current-stake-wrap button.btn.btn-large.btn-stake2 {
  border-radius: 1rem;
  border: 3px solid var(--yellow);
  margin-top: -0.5rem;
  background: var(--blue);
  color: #fff;
}
body.wallet ul.networks {
  display: flex;
  justify-content: space-evenly;
  margin: 1rem 0;
}
body.wallet ul.networks li.network {
  width: auto;
  cursor: pointer;
}
body.wallet ul.networks li.network.active {
  text-decoration: underline;
  font-weight: 600;
}
body.wallet img.symbol.ic {
  width: 100%;
}
body.wallet div#app {
  display: grid;
  grid-template-columns: 60% 36%;
  gap: 3%;
  padding-top: 2rem;
}
body.wallet .tit {
  background: #ACE2E1;
  color: #fff;
  padding: 0.5rem 1.2rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
body.wallet span.balance {
  width: calc(100% - 9rem);
  display: inline-flex;
  height: 2rem;
  align-items: center;
  top: 0.5rem;
  position: relative;
  justify-content: flex-end;
  gap: 0.5rem;
}
body.wallet .name-wrap .ic-wrap {
  width: 2.5rem;
}
body.wallet li.wallet {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
  border-bottom: 1px solid #eee;
  justify-content: center;
  align-items: center;
}
body.wallet li.wallet .amount, body.wallet li.wallet .estimated, body.wallet li.wallet .btns {
  text-align: center;
}
body.wallet .section.wallet-wrap {
  padding: 1rem;
  background: #f6f6f6;
  border-radius: 1rem;
}
body.wallet .name-wrap {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  gap: 1rem;
}
body.wallet li .name {
  margin-left: 1rem;
}
body.wallet ul.wallets-header {
  height: -webkit-fill-available;
  align-items: center;
}
body.wallet ul.wallets-header li {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  padding-bottom: 0.5rem;
}
body.wallet ul.wallets {
  background: #fff;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
body.wallet .btn-wrap {
  display: flex;
  margin-left: 1rem;
}
body.wallet .btn-wrap .btns {
  cursor: pointer;
}
body.wallet .btns.btn-swap {
  width: 1.5rem;
  height: 1.5rem;
}
body.wallet .btns.btn-swap i.mdi.mdi-swap-horizontal {
  position: relative;
  font-size: 2rem;
  color: #c0c0c0;
  top: -0.8rem;
}
body.wallet .tx-wrap .section {
  min-height: 40rem;
  width: 100%;
  background: #f6f6f6;
  border-radius: 1rem;
}
body.wallet span.show-log {
  position: absolute;
  right: 3rem;
  font-size: 0.8rem;
  background: var(--info);
  color: #fff;
  padding: 0.35rem 0.65rem 0.2rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
body.wallet .pos-1 .box-wrap .section {
  padding: 1rem;
}
body.wallet .pos-1 .box-wrap .section .btn {
  font-size: 0.8rem;
  background: var(--info);
  color: #fff;
  padding: 0.35rem 0.65rem 0.2rem;
  border-radius: 0.5rem;
  cursor: pointer;
  margin-top: 1rem;
  margin-left: 0.5rem;
}
body.wallet .pos-1 .lb {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
body.wallet .deposit-address {
  margin: 1rem 0;
  position: relative;
}
body.wallet .deposit-address i {
  position: absolute;
  background: var(--info);
  color: #fff;
  padding: 0.25rem 0.45rem;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
  right: 0;
}
body.wallet .qr-code.btn {
  font-size: 0.8rem;
  background: var(--info);
  color: #fff;
  padding: 0.35rem 0.65rem 0.2rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
body.wallet .depo-wrap, body.wallet .with-wrap {
  margin-top: 1.5rem;
}
body.wallet .depo-wrap ul, body.wallet .with-wrap ul {
  display: grid;
  grid-template-columns: 30% 40% 30%;
}
body.wallet .swap .swap-tit {
  display: grid;
  grid-template-columns: 50% 50%;
}
body.wallet .swap .swap-tit .sel-wrap {
  align-items: baseline;
  display: inline-flex;
  height: 100%;
  margin-top: 1rem;
}
body.wallet .swap .ic-wrap {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
body.wallet .swap .ic-wrap img {
  max-width: 100%;
}
body.wallet .swap .from-wrap, body.wallet .swap .to-wrap {
  border: 1px solid #ececec;
  background: #f7f7f7;
  border-radius: 0.5rem;
  padding: 1rem;
}
body.wallet .swap .from-wrap .input-group, body.wallet .swap .to-wrap .input-group {
  display: flex;
}
body.wallet .swap .from-wrap .output, body.wallet .swap .to-wrap .output {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.7rem;
}
body.wallet .swap .top-side, body.wallet .swap .bottom-side {
  display: flex;
  justify-content: space-between;
}
body.wallet .swap .symbol-wrap {
  width: 5.4rem;
  display: flex;
  justify-content: space-between;
}
body.wallet .swap .amt span.number {
  font-family: tahoma;
  color: #333;
  font-weight: 600;
  font-size: 1.5rem;
}
body.wallet .swap .sel-amt {
  width: 50%;
}
body.wallet .swap .sel-amt input {
  font-size: 1.3rem !important;
}
body.wallet .swap .sel-amt button.btn.btn-sm {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin-top: 0.5rem;
  border-radius: 50%;
}
body.wallet .swap .balance {
  display: inline-flex;
  width: 45%;
  justify-content: space-between;
}
body.wallet .swap .balance span {
  margin-left: 0;
  position: relative;
  top: 1rem;
}
body.wallet .swap .balance span.badge {
  align-items: center;
  width: 2.2rem;
  display: inline-flex;
  height: 1.5rem;
  background: var(--info);
  color: #fff;
  cursor: pointer;
}
body.wallet .swap .balance span .badge.new {
  margin-left: 0;
}
body.wallet .swap .rate-info i {
  margin-right: 0.5rem;
}
body.wallet .swap .inc.swap {
  position: absolute;
  left: calc(50% - 1.5rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid silver;
  border-radius: 50%;
  padding: 0.5rem;
  margin-top: -0.8rem;
  background: var(--light);
  width: 3rem;
  height: 3rem;
}
body.wallet .swap .inc.swap i {
  font-size: 2rem;
}
body.wallet .swap .to-wrap {
  margin-top: 1.3rem;
}
body.wallet .swap .fee-info {
  border-top: 1px solid #eee;
  text-align: right;
  margin-top: 0.5rem;
  padding: 0.5rem;
}
body.wallet .swap .fee-info .slippage .txt, body.wallet .swap .fee-info .final .txt {
  margin-right: 1rem;
}
body.wallet .swap .fee-info .final > span {
  font-weight: 600;
}
body.wallet .swap .address-info {
  margin-top: 0.5rem;
  border-top: 1px solid #eee;
  padding-top: 1rem;
  padding-bottom: 0.2rem;
}
body.wallet .swap .address-info .info {
  display: grid;
  grid-template-columns: 4rem calc(100% - 4rem);
}
body.wallet .swap .address-info span.delta {
  text-align: right;
}
body.wallet .swap .address-info span.address {
  grid-column: 1 / 3;
  text-align: right;
}
body.wallet .swap .qty-info {
  display: flex;
  justify-content: space-between;
}
body.mypage div#app {
  display: flex;
  padding-top: 2rem;
  gap: 1.5rem;
}
body.mypage div#chart img {
  width: 100%;
  height: 200px;
}
body.mypage .graph {
  border: 2px dashed #f7e1dd;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
body.mypage .st {
  display: grid;
  grid-template-columns: 33% 66%;
  gap: 1%;
  margin-bottom: 1rem;
}
body.mypage span.current-size {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  text-align: right;
}
body.mypage span.start-size {
  position: absolute;
  bottom: 2.5rem;
  left: 0.5rem;
}
body.mypage .graph span.time {
  font-size: smaller;
}
body.mypage .group.pos-0 {
  height: 35rem;
  display: grid;
  flex-direction: column;
  gap: 1rem;
  grid-template-columns: 1fr;
  background: #008DDA;
  color: #fff;
  border-radius: 1rem;
  padding-top: 2rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0);
  transform: scale(0.88);
}
body.mypage .group.pos-0 .value-wrap .account {
  padding: 1rem 0.5rem;
  font-size: 1.8rem;
  display: flex;
  gap: 2rem;
}
body.mypage .group.pos-0 .value-wrap .account a {
  color: #fff;
  margin-left: -0.2rem;
  position: absolute;
  margin-top: -1.2rem;
  font-size: 1.6rem;
}
body.mypage .group.pos-0 .event-wrap .account {
  padding: 1rem 0.5rem;
  font-size: 1.8rem;
  display: flex;
  gap: 1rem;
}
body.mypage .group.pos-0 .event-wrap .tit button.btn {
  position: absolute;
  right: 1rem;
  padding: 0.5rem;
  background: #F7EEDD;
  border-radius: 1rem;
  border: 3px solid #FFC17B;
  margin-top: -0.5rem;
}
body.mypage .group.pos-0 .event-wrap .tit button.btn:hover {
  color: #fff;
  border: 2px solid #fff;
}
body.mypage .group.pos-0 i.mdi.mdi-refresh:hover {
  color: var(--yellow);
}
body.mypage .group.pos-0 span.current_amt {
  font-weight: 600;
  font-family: tahoma;
}
body.mypage .group.pos-0 span.symbol {
  font-size: 1.5rem;
  margin-top: 0.2rem;
  font-weight: 600;
}
body.mypage .group.pos-0 .btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  top: 2rem;
  gap: 1rem;
}
body.mypage .group.pos-0 .btns button.btn {
  padding: 0.5rem;
  background: #F7EEDD;
  border-radius: 1rem;
  border: 3px solid #FFC17B;
}
body.mypage .group.pos-0 .btns button.btn:hover {
  color: #fff;
  border: 2px solid #fff;
}
body.mypage .avatar-wrap {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background: #fff;
}
body.mypage .avatar-wrap .grid {
  cursor: pointer;
}
body.mypage .avatar-wrap img#img_avatar {
  max-width: 100%;
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
}
body.mypage .stat-wrap {
  margin-bottom: 5rem;
}
body.mypage .top-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
  min-height: 10rem;
}
body.mypage .ic-wrap.bg img {
  mix-blend-mode: color-burn;
}
body.mypage .bottom-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 2rem;
  min-height: 10rem;
}
body.mypage .bottom-wrap li.status {
  text-transform: uppercase;
}
body.mypage .bottom-wrap ul {
  display: grid;
  grid-template-columns: 25% 30% 30% 15%;
  margin-bottom: 0.3rem;
}
body.mypage .bottom-wrap ul[class$="-header"] {
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dashed silver;
}
body.mypage .bottom-wrap ul.prices-header, body.mypage .bottom-wrap ul.prices {
  grid-template-columns: 50% 50%;
}
body.mypage .stat-wrap .tit {
  background: #ACE2E1;
  color: #fff;
  padding: 0.5rem 1.2rem;
  border-radius: 1rem;
}
body.mypage .group.pos-1.col-8 {
  flex: 1;
  padding-right: 0;
  padding-top: 1rem;
}
body.mypage .user-info {
  display: flex;
  gap: 3rem;
}
body.mypage .nick-label.label {
  padding: 0.5rem 0.8rem 0.4rem 0.8rem;
  background: salmon;
}
body.mypage .info-wrap .nickname {
  padding: 1rem 0;
  font-size: 1.2rem;
  position: absolute;
}
body.mypage .info-wrap .nickname span.btn-edit {
  margin-left: 0.5rem;
  cursor: pointer;
}
body.mypage .info-wrap .nickname span.btn-edit i:hover {
  color: var(--yellow);
}
body.mypage .tit {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
body.mypage .st {
  display: grid;
  grid-template-columns: 42% 55%;
  gap: 3%;
  margin-bottom: 1rem;
}
body.mypage .symbol-wrap {
  display: flex;
}
body.mypage .symbol-wrap .ic-wrap {
  width: 4rem;
  position: relative;
  display: inline-block;
}
body.mypage .ic-wrap img {
  width: 100%;
  max-width: 4rem;
  height: auto;
}
body.mypage .fullname {
  font-weight: 600;
  font-size: 1.2rem;
}
body.mypage .name-wrap {
  margin-left: 1rem;
  margin-top: 0.5rem;
  color: #fff;
}
body.mypage .stake-wrap {
  padding: 0;
}
body.mypage .stake-wrap > div.icon-block {
  text-align: left;
  background: #41C9E2;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}
body.mypage .up-part {
  display: flex;
  justify-content: space-between;
}
body.mypage .btn-stake {
  background-color: var(--yellow);
  color: white;
  font-weight: 600;
  right: 0.25rem;
  top: 0.75rem;
  position: relative;
  padding: 0.8rem 1.2rem;
  height: fit-content;
  border-radius: 0.5rem;
  text-transform: uppercase;
}
body.mypage .yield-wrap {
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}
body.mypage .yield-wrap .number {
  font-weight: 600;
  color: var(--dark-800);
  font-size: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}
body.mypage .stake-wrap {
  background: #F7EEDD;
  border-radius: 1rem;
}
body.mypage .yield .desc {
  display: flex;
  flex-direction: column;
}
body.mypage .shortname {
  margin-top: 0.45rem;
}
body.mypage .rx span.label {
  margin-top: 0.5rem;
  display: inline-block;
}
body.mypage .yield {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body.mypage li.deal.status {
  position: relative;
}
body.mypage li.deal.status > span {
  position: absolute;
  right: 0;
}
body.mypage li.referral.status {
  position: relative;
}
body.mypage li.referral.status > span {
  position: absolute;
  right: 0;
}
body.service .container .ext-group {
  flex-wrap: wrap;
}
body.service .d-flex.ext-group {
  border-radius: 8px;
  width: 50%;
  background: white;
  left: 0;
  padding-bottom: 2rem;
  justify-content: space-between;
}
body.service .field-title_header span.desc {
  position: relative;
  top: 18px;
  color: var(--gray);
}
body.service .container {
  padding: 0;
  margin-bottom: 1rem;
}
body.service .container span.label {
  font-size: 1rem;
  margin: 1rem 0rem 0.5rem;
  padding: 0.5rem 0.6rem;
  height: auto;
  display: inline-flex;
}
body.service .field-wrap.row {
  padding: 0;
  margin: 0;
}
body.service .page-body {
  background: url("/assets/images/255379.jpg");
  background-size: cover;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0.5rem !important;
}
body.service .custom-time-picker-component {
  padding: 0 1rem;
  position: absolute;
  margin-top: -2rem;
  width: 100%;
  display: flex;
  gap: 4px;
}
body.service .custom-time-picker-component .select-input {
  width: 50%;
  height: 2rem;
  border: 1px solid var(--dp-border-color);
}
body.service .post-wrap {
  width: calc(50% - 4rem);
  position: absolute;
  top: 0;
  left: 50%;
  padding: 1rem;
  margin: 2rem;
  background: #fff;
  border-radius: 8px;
}
body.service .title-wrap {
  padding: 0.5rem;
}
body.service .dp__action_button {
  white-space: nowrap;
}
body.service ul.intro li {
  width: 25%;
}
body.service span.num {
  font-family: tahoma;
  font-weight: 600;
  margin: 0 1rem;
  font-size: 1rem;
}
body.service #group_3 .ext-group {
  width: 100%;
}
body.auth.login .item.logo.col-12, body.auth.p_login .item.logo.col-12, body.register .item.logo.col-12 {
  background: aliceblue;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
body.auth.login .showcase, body.auth.p_login .showcase, body.register .showcase {
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!--%20Created%20with%20Inkscape%20(http%3A%2F%2Fwww.inkscape.org%2F)%20--%3E%0A%3Csvg%0A%20%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20xmlns%3Ans1%3D%22http%3A%2F%2Fsozi.baierouge.fr%22%0A%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20id%3D%22svg2%22%0A%20%20%20%20sodipodi%3Adocname%3D%22locks.svg%22%0A%20%20%20%20viewBox%3D%220%200%20225.52%20116.94%22%0A%20%20%20%20version%3D%221.1%22%0A%20%20%20%20inkscape%3Aversion%3D%220.47%20r22583%22%0A%20%20%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20%20id%3D%22base%22%0A%20%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20%20inkscape%3Awindow-y%3D%223%22%0A%20%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20%20inkscape%3Awindow-height%3D%22575%22%0A%20%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20%20inkscape%3Azoom%3D%220.98994949%22%0A%20%20%20%20%20%20inkscape%3Awindow-x%3D%220%22%0A%20%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20%20borderopacity%3D%221.0%22%0A%20%20%20%20%20%20inkscape%3Acurrent-layer%3D%22layer1%22%0A%20%20%20%20%20%20inkscape%3Acx%3D%22197.98062%22%0A%20%20%20%20%20%20inkscape%3Acy%3D%2273.656267%22%0A%20%20%20%20%20%20inkscape%3Awindow-width%3D%221024%22%0A%20%20%20%20%20%20inkscape%3Apageopacity%3D%220.0%22%0A%20%20%20%20%20%20inkscape%3Adocument-units%3D%22px%22%0A%20%20%2F%3E%0A%20%20%3Cg%0A%20%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20%20inkscape%3Alabel%3D%22Layer%201%22%0A%20%20%20%20%20%20inkscape%3Agroupmode%3D%22layer%22%0A%20%20%20%20%20%20transform%3D%22translate(-303.88%20-476.85)%22%0A%20%20%20%20%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20id%3D%22g3669%22%0A%20%20%20%20%20%20%20%20style%3D%22fill%3A%238fff67%22%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20id%3D%22path2858%22%0A%20%20%20%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csccscc%22%0A%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%238fff67%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22m308.69%20519.19s-1.5413-42.129%2031.854-42.129%2031.34%2042.129%2031.34%2042.129h-8.7341s-0.25689-31.854-22.606-32.624c-22.349-0.77066-21.065%2032.624-21.065%2032.624h-10.789z%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20id%3D%22path2865%22%0A%20%20%20%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22cccccsc%22%0A%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%238fff67%22%0A%20%20%20%20%20%20%20%20%20%20d%3D%22m377.72%20556.96%200.0707-35.165h-36.735-36.735l-0.44306%2035.165c0.0707%2020.328%2016.569%2036.826%2036.921%2036.826s36.921-16.475%2036.921-36.826z%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2Fg%0A%20%20%20%20%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20id%3D%22path2860%22%0A%20%20%20%20%20%20%20%20style%3D%22fill%3A%2335cc00%22%0A%20%20%20%20%20%20%20%20d%3D%22m340.79%20538.92c-4.0128%200-7.2476%203.2348-7.2476%207.2476%200%202.9243%201.7057%205.4595%204.196%206.6119v18.087h6.898v-18.532c2.0532-1.2839%203.4331-3.5668%203.4331-6.1668%200-4.0128-3.2666-7.2476-7.2794-7.2476z%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20id%3D%22path2865-5%22%0A%20%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22cccccsc%22%0A%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ee7878%22%0A%20%20%20%20%20%20%20%20d%3D%22m481.17%20556.76%200.0707-35.165h-36.735-36.735l-0.44306%2035.165c0.0707%2020.328%2016.569%2036.826%2036.921%2036.826s36.921-16.475%2036.921-36.826z%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20id%3D%22path2860-1%22%0A%20%20%20%20%20%20%20%20style%3D%22fill%3A%23bb1d1d%22%0A%20%20%20%20%20%20%20%20d%3D%22m444.24%20538.72c-4.0128%200-7.2476%203.2348-7.2476%207.2476%200%202.9243%201.7057%205.4595%204.196%206.6119v18.087h6.898v-18.532c2.0532-1.2839%203.4331-3.5668%203.4331-6.1668%200-4.0128-3.2666-7.2476-7.2794-7.2476z%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20id%3D%22path3743%22%0A%20%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22csccscc%22%0A%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ee7878%22%0A%20%20%20%20%20%20%20%20d%3D%22m466.18%20518.98s-1.5413-42.129%2031.854-42.129%2031.34%2042.129%2031.34%2042.129h-8.7341s-0.25689-31.854-22.606-32.624c-22.349-0.77066-21.065%2032.624-21.065%2032.624h-10.789z%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fg%0A%20%20%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%3E%0A%20%20%20%20%3Crdf%3ARDF%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%0A%20%20%20%20%20%20%20%20%20%20%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccc%3Alicense%0A%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fcreativecommons.org%2Flicenses%2Fpublicdomain%2F%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Apublisher%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccc%3AAgent%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22http%3A%2F%2Fopenclipart.org%2F%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdc%3Atitle%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3EOpenclipart%3C%2Fdc%3Atitle%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fcc%3AAgent%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdc%3Apublisher%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%0A%20%20%20%20%20%20%20%20%20%20%3ELocks%3C%2Fdc%3Atitle%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Adate%0A%20%20%20%20%20%20%20%20%20%20%3E2011-02-24T01%3A51%3A57%3C%2Fdc%3Adate%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Adescription%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Asource%0A%20%20%20%20%20%20%20%20%20%20%3Ehttps%3A%2F%2Fopenclipart.org%2Fdetail%2F122125%2Flocks-by-dear_theophilus%3C%2Fdc%3Asource%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Acreator%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccc%3AAgent%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdc%3Atitle%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Edear_theophilus%3C%2Fdc%3Atitle%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fcc%3AAgent%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdc%3Acreator%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Asubject%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Crdf%3ABag%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Elock%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Elocks%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Epadlock%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Eprivate%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Epublic%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Esafe%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Esecure%3C%2Frdf%3Ali%0A%20%20%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Frdf%3ABag%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdc%3Asubject%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%3Ccc%3ALicense%0A%20%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22http%3A%2F%2Fcreativecommons.org%2Flicenses%2Fpublicdomain%2F%22%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3Ccc%3Apermits%0A%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23Reproduction%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccc%3Apermits%0A%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23Distribution%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccc%3Apermits%0A%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23DerivativeWorks%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fcc%3ALicense%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%0A%20%20%20%20%3E%0A%20%20%3C%2Fmetadata%0A%20%20%3E%0A%3C%2Fsvg%0A%3E%0A");
  height: calc(100vh - 190px);
  width: 100%;
  z-index: 0;
  overflow: hidden !important;
  background-repeat: round;
  transform: scale(0.5);
  opacity: 0.6;
}
body.auth.login .login-header .tit, body.auth.p_login .login-header .tit, body.register .login-header .tit {
  font-size: 1.7rem;
}
body.auth.login .login-header .desc, body.auth.p_login .login-header .desc, body.register .login-header .desc {
  color: #999;
}
body.auth.login .item .row, body.auth.p_login .item .row, body.register .item .row {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin-left: 2%;
}
body.auth.login .tit, body.auth.p_login .tit, body.register .tit {
  color: #000;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
body.auth.login .btn-wrap button, body.auth.p_login .btn-wrap button, body.register .btn-wrap button {
  width: 72%;
  background: #c8ee43;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
body.auth.login .btn-wrap, body.auth.p_login .btn-wrap, body.register .btn-wrap {
  padding-left: 0.5rem;
}
body.auth.login .btn-wrap .btn.btn-large:hover, body.auth.p_login .btn-wrap .btn.btn-large:hover, body.register .btn-wrap .btn.btn-large:hover {
  border: 1px solid #8acd43;
}
body.auth.login .group, body.auth.p_login .group, body.register .group {
  display: grid;
  grid-template-columns: 45% 55%;
  grid-template-rows: auto;
  gap: 20px;
  /* Adjust the gap between the items as needed */
  padding-top: 3rem;
}
body.auth.login .logo, body.auth.p_login .logo, body.register .logo {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  position: absolute;
  overflow: hidden;
}
body.auth.login .service_desc, body.auth.login .login-wrap, body.auth.login .password-wrap, body.auth.login .button-wrap, body.auth.login .google-wrap, body.auth.p_login .service_desc, body.auth.p_login .login-wrap, body.auth.p_login .password-wrap, body.auth.p_login .button-wrap, body.auth.p_login .google-wrap, body.register .service_desc, body.register .login-wrap, body.register .password-wrap, body.register .button-wrap, body.register .google-wrap {
  grid-column: 1 / 2;
  position: relative;
  top: 10rem;
  left: 2.6rem;
}
body.auth.login .service_desc, body.auth.p_login .service_desc, body.register .service_desc {
  grid-row: 1 / 2;
}
body.auth.login .login-wrap, body.auth.p_login .login-wrap, body.register .login-wrap {
  grid-row: 2 / 3;
}
body.auth.login .password-wrap, body.auth.p_login .password-wrap, body.register .password-wrap {
  grid-row: 3 / 4;
}
body.auth.login .button-wrap, body.auth.p_login .button-wrap, body.register .button-wrap {
  grid-row: 4 / 5;
}
body.auth.login .google-wrap, body.auth.p_login .google-wrap, body.register .google-wrap {
  grid-row: 5 / 6;
}
body.auth.login .btn-wrap.gl .btn, body.auth.p_login .btn-wrap.gl .btn, body.register .btn-wrap.gl .btn {
  background: transparent;
}
body.auth.login .btn-wrap.gl:before, body.auth.p_login .btn-wrap.gl:before, body.register .btn-wrap.gl:before {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 48 48"%3E%3Cpath fill="%23fbc02d" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"%3E%3C/path%3E%3Cpath fill="%23e53935" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"%3E%3C/path%3E%3Cpath fill="%234caf50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"%3E%3C/path%3E%3Cpath fill="%231565c0" d="M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"%3E%3C/path%3E%3C/svg%3E');
  left: 5.2rem;
  top: 0.3rem;
  position: relative;
}
body.auth.login .gl button.btn.btn-large, body.auth.p_login .gl button.btn.btn-large, body.register .gl button.btn.btn-large {
  position: relative;
  left: -1.2rem;
}
body.helpdesk .ext-group, body.faq .ext-group {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.5rem;
  margin-bottom: 2rem;
}
body.helpdesk .ext-group input[type=text], body.faq .ext-group input[type=text] {
  width: calc(100% - 1.2rem);
}
body.helpdesk .ext-group .radio-wrap label, body.faq .ext-group .radio-wrap label {
  top: 0;
  font-size: small;
  line-height: unset;
}
body.helpdesk .ext-group .form-check.form-switch-lg, body.faq .ext-group .form-check.form-switch-lg {
  margin-top: 0.25rem;
}
body.helpdesk .ext-group .field-wrap .label, body.faq .ext-group .field-wrap .label {
  align-items: center;
  display: flex;
  height: 100%;
  background: var(--vz-boxed-body-bg);
  border-radius: var(--vz-border-radius-sm);
  min-height: 2.5rem;
  color: #333;
  font-size: medium;
}
body.helpdesk .ext-group .field-wrap .text-wrap, body.faq .ext-group .field-wrap .text-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
body.helpdesk .ext-group .field-wrap ul, body.faq .ext-group .field-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
body.helpdesk .ext-group .field-wrap ul li, body.faq .ext-group .field-wrap ul li {
  width: calc(20% - 4px);
}
body.helpdesk .ext-group .field-wrap ul label.grid .grid-block, body.faq .ext-group .field-wrap ul label.grid .grid-block {
  height: 5rem;
}
body.helpdesk .ext-group label.grid, body.faq .ext-group label.grid {
  width: 100%;
  margin-bottom: 0;
}
body.helpdesk .ext-group label.grid .grid-block, body.faq .ext-group label.grid .grid-block {
  min-height: 5rem;
  max-height: 100%;
  width: auto;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  background: var(--vz-boxed-body-bg);
  border-radius: 4px;
  display: flex;
}
body.helpdesk .ext-group label.grid .grid-block .btn-image-upload, body.faq .ext-group label.grid .grid-block .btn-image-upload {
  font-size: 3rem;
  color: var(--vz-input-bg);
  position: absolute;
}
body.helpdesk .ext-group label.grid .grid-block img, body.faq .ext-group label.grid .grid-block img {
  width: 100%;
  height: auto;
}
body.helpdesk .ext-group .agg-wrap, body.faq .ext-group .agg-wrap {
  width: calc(100% - 3rem);
  display: flex;
  margin: 0 auto;
}
body.helpdesk .ext-group .agg-wrap span.label, body.faq .ext-group .agg-wrap span.label {
  margin-left: 0.5rem !important;
}
body.helpdesk .ext-group .agg-title, body.faq .ext-group .agg-title {
  min-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--vz-body-bg);
  border-radius: var(--vz-border-radius-sm);
}
body.helpdesk .ext-group .field-box, body.faq .ext-group .field-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
body.helpdesk .ext-group .multi-field-wrap, body.helpdesk .ext-group .multi-field, body.faq .ext-group .multi-field-wrap, body.faq .ext-group .multi-field {
  display: inline-flex;
}
body.helpdesk .ext-group span.sub-label, body.faq .ext-group span.sub-label {
  min-width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
body.index div#app {
  display: flex;
  flex-wrap: wrap;
}
body.index .group {
  display: flex;
  flex-wrap: wrap;
}
body.index .item > img {
  width: 60%;
  border-radius: 10px;
  height: auto;
}
body.index ul.intro li {
  width: 25%;
}
body.index span.num {
  font-family: tahoma;
  font-weight: 600;
  margin: 0 1rem;
  font-size: 1rem;
}
body.index .gx {
  background: whitesmoke;
  margin-top: 2rem;
  border-radius: 8px;
}
body.index .item.intro_title {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 2rem 0 1rem 0;
  color: chocolate;
}
body.index .item.intro_desc.col-12 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  color: teal;
}
body.index ul.im {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
body.index ul.im li.title {
  font-size: 1.5rem;
}
body.index .item.login_header {
  padding-top: 1.5rem;
}
body.index span.req-tit {
  width: 100%;
  display: block;
  border-top: 1px solid lightgray;
  padding-top: 0.5rem;
}
body.index span.link {
  display: block;
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
}
body.index .item.recommend_event {
  margin-bottom: 1rem;
}
body.index .item.intro_thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.index .group.pos-3.col-12.gx {
  margin-bottom: 2rem;
}
body.job.list .search-panel {
  display: flex;
  padding-top: 2rem;
}
body.job.list .search-wrap {
  display: inline-flex;
  width: calc(100% - 200px);
  padding: 0 4rem;
}
body.job.list .search-wrap .col-6 {
  padding: 0;
  display: flex;
}
body.job.list .search-wrap select.form-select {
  width: 100%;
}
body.job.list .search-label {
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
body.job.list .btn-wrap {
  width: 200px;
  display: inline-flex;
  justify-content: space-between;
}
body.mymenu .tab-header {
  position: relative;
  top: 2rem;
  margin: 0 5rem;
}
body.mymenu ul.tab-contents {
  position: relative;
  top: 3.5rem;
  margin: 0 6.5rem;
}
body.mymenu .section .row {
  display: flex;
  width: 50%;
  max-width: 320px;
}
body.mymenu .input-field.col.s12 {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0.5rem;
}
body.mymenu .switch {
  height: 24px;
  /* Rounded sliders */
}
body.mymenu .switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
body.mymenu .switch input:checked + .slider:before {
  transform: translateX(-26px);
}
body.mymenu .switch .slider.round {
  border-radius: 24px;
}
body.mymenu .switch .slider.round:before {
  border-radius: 50%;
}
body.mymenu .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 34px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
body.mymenu .switch input:checked + .slider {
  background-color: #04c9b7;
}
body.mymenu .switch input:focus + .slider {
  box-shadow: 0 0 1px #04c9b7;
}
body.mymenu .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: unset;
  width: unset;
}
body.mymenu .subpages.collection {
  width: 320px;
}
body.mymenu .ctx-wrap {
  text-align: right;
  padding-right: 4rem;
}
body.mymenu .callback-wrap {
  display: flex;
  height: 36px;
  gap: 4px;
  margin-bottom: 2rem;
}
body.mymenu .callback-wrap input[type=text] {
  flex: 1;
}
body.mymenu .callback-wrap button {
  width: 80px;
  padding: 0;
}
body.trade div#app, body.apply div#app, body.deal div#app {
  display: grid;
  grid-template-columns: 15% 83%;
  gap: 2%;
  padding-top: 2rem;
}
body.trade .lp .markets, body.apply .lp .markets, body.deal .lp .markets {
  font-weight: 700;
  font-size: 1.2rem;
  color: silver;
  margin-top: 1rem;
}
body.trade .markets li, body.apply .markets li, body.deal .markets li {
  margin-left: 1rem;
  margin-top: 0.3rem;
  cursor: pointer;
}
body.trade li.active, body.apply li.active, body.deal li.active {
  color: #0989FF;
  font-weight: 700;
}
body.trade .gh > div.markets, body.apply .gh > div.markets, body.deal .gh > div.markets {
  color: #666;
}
body.trade .btn-create-offer, body.apply .btn-create-offer, body.deal .btn-create-offer {
  padding: 0.5rem 1rem;
  justify-content: center;
  display: inline-flex;
  margin-top: 3rem;
  background: var(--primary);
  color: #fff;
}
body.trade ul.coins, body.apply ul.coins, body.deal ul.coins {
  display: flex;
  gap: 2rem;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}
body.trade ul.coins li.coin, body.apply ul.coins li.coin, body.deal ul.coins li.coin {
  border-bottom: 3px solid #fff;
  cursor: pointer;
}
body.trade ul.coins li.coin.active, body.apply ul.coins li.coin.active, body.deal ul.coins li.coin.active {
  color: #0989FF;
  font-weight: 700;
  border-bottom: 3px solid #0989ff;
}
body.trade .sel-wrap, body.apply .sel-wrap, body.deal .sel-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 66%;
  gap: 1rem;
}
body.trade .userinfo img, body.apply .userinfo img, body.deal .userinfo img {
  width: 3.5rem;
}
body.trade ul.header, body.trade ul.list, body.apply ul.header, body.apply ul.list, body.deal ul.header, body.deal ul.list {
  display: grid;
  grid-template-columns: 20% 30% 20% 20% 10%;
}
body.trade ul.header li, body.apply ul.header li, body.deal ul.header li {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  padding: 0.375rem 1.75rem;
  font-weight: 700;
  color: silver;
}
body.trade .listing-wrap, body.apply .listing-wrap, body.deal .listing-wrap {
  margin-top: 1rem;
  background: #f6f6f6;
  border-radius: 1rem;
}
body.trade .userinfo, body.apply .userinfo, body.deal .userinfo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.7rem;
}
body.trade ul.header, body.apply ul.header, body.deal ul.header {
  margin: 2rem 0 1rem 0;
  padding-top: 0.5rem;
}
body.trade ul.header li.btns, body.apply ul.header li.btns, body.deal ul.header li.btns {
  padding-left: 0.5rem;
}
body.trade ul.list, body.apply ul.list, body.deal ul.list {
  margin-bottom: 1rem;
}
body.trade ul.list:last-child, body.apply ul.list:last-child, body.deal ul.list:last-child {
  padding-bottom: 1.5rem;
}
body.trade ul.pay, body.apply ul.pay, body.deal ul.pay {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.1rem;
  flex-wrap: wrap;
}
body.trade li.methods, body.apply li.methods, body.deal li.methods {
  align-items: center;
  display: inline-flex;
}
body.trade ul.pay li:before, body.apply ul.pay li:before, body.deal ul.pay li:before {
  margin-right: 0.2rem;
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  position: relative;
  top: 2px;
  background: #ffa800;
}
body.trade ul.list li.price, body.apply ul.list li.price, body.deal ul.list li.price {
  display: inline-flex;
  align-items: center;
  /* justify-content: center; */
  position: relative;
  left: 1rem;
}
body.trade ul.list li.amount, body.apply ul.list li.amount, body.deal ul.list li.amount {
  position: relative;
  left: 1.5rem;
  display: inline-flex;
  align-items: center;
}
body.trade ul.list li.btn, body.apply ul.list li.btn, body.deal ul.list li.btn {
  padding-left: 1rem;
}
body.trade button.btn.btn-large, body.apply button.btn.btn-large, body.deal button.btn.btn-large {
  padding: 0.5rem 1rem;
  justify-content: center;
  display: inline-flex;
  background: var(--primary);
  color: #fff;
  position: relative;
  top: 0.6rem;
}
body.trade .disclaimer, body.apply .disclaimer, body.deal .disclaimer {
  margin: 5rem 0;
}
body.trade .disclaimer span, body.apply .disclaimer span, body.deal .disclaimer span {
  margin-bottom: 1rem;
  display: inline-block;
}
body.trade .btn.btn-my-order, body.apply .btn.btn-my-order, body.deal .btn.btn-my-order {
  padding: 0.5rem 1rem;
  display: flex;
  margin-top: 3rem;
  width: 100%;
  font-size: 1rem;
  color: #666;
}
body.trade .btn.btn-my-order::before, body.apply .btn.btn-my-order::before, body.deal .btn.btn-my-order::before {
  content: "";
  width: 4px;
  background: #aaa;
  margin-right: 6px;
  position: relative;
  left: -0.7rem;
}
body.trade .btn.btn-my-offer, body.apply .btn.btn-my-offer, body.deal .btn.btn-my-offer {
  padding: 0.5rem 1rem;
  display: flex;
  margin-top: 0.7rem;
  color: #666;
  width: 100%;
  font-size: 1rem;
}
body.trade .btn.btn-my-offer::before, body.apply .btn.btn-my-offer::before, body.deal .btn.btn-my-offer::before {
  content: "";
  width: 4px;
  background: #aaa;
  margin-right: 6px;
  position: relative;
  left: -0.7rem;
}
body.apply .process-wrap ul.step, body.deal .process-wrap ul.step {
  display: flex;
  gap: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  justify-content: center;
}
body.apply .process-wrap ul.step li:not(.active), body.deal .process-wrap ul.step li:not(.active) {
  cursor: pointer;
}
body.apply .process-wrap ul.step li:not(.active):hover, body.deal .process-wrap ul.step li:not(.active):hover {
  color: #0989FF;
}
body.apply li.tab.step-2::before, body.apply li.tab.step-3::before, body.deal li.tab.step-2::before, body.deal li.tab.step-3::before {
  width: 15rem;
  content: "";
  height: 0.25rem;
  background: #e0e0e0;
  display: inline-block;
  position: relative;
  top: -0.15rem;
  margin-right: 1rem;
}
body.apply .step-3 .info-wrap, body.deal .step-3 .info-wrap {
  display: flex;
  flex-direction: column;
}
body.apply .tab-content, body.deal .tab-content {
  display: none;
}
body.apply .tab-content.active, body.deal .tab-content.active {
  display: flex;
  background: #f6f6f6;
  margin-top: 3rem;
  border-radius: 1rem;
}
body.apply .info-wrap > div, body.deal .info-wrap > div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
body.apply .info-wrap, body.deal .info-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 2rem;
  gap: 2rem;
}
body.apply button.btn.btn-add, body.deal button.btn.btn-add {
  width: 6rem;
  background: silver;
  color: #fff;
}
body.apply span.lbb, body.deal span.lbb {
  font-weight: 700;
}
body.apply button.btn.btn-send-offer, body.deal button.btn.btn-send-offer {
  background: var(--primary);
  color: #fff;
  border: var(--primary);
}
body.apply button.btn.btn-send-offer[disabled], body.deal button.btn.btn-send-offer[disabled] {
  background: #eee;
  color: #000;
  border: 1px solid #ddd;
}
body.apply .offer-btn-wrap, body.deal .offer-btn-wrap {
  text-align: center;
  margin-top: 1rem;
}
body.apply span.lbx, body.deal span.lbx {
  position: absolute;
  right: 2rem;
  margin-top: -0.6rem;
  font-size: smaller;
}
body.apply .marked, body.deal .marked {
  margin-right: 0.5rem;
  color: var(--danger);
}
body.apply ul.deal.action, body.deal ul.deal.action {
  display: grid;
  grid-template-columns: 20% 60% 20%;
}
body.apply ul.deal.action .status, body.deal ul.deal.action .status {
  color: var(--warning);
}
body.apply ul.deal.action .status.done, body.deal ul.deal.action .status.done {
  color: var(--success);
}
body.apply .step-2 .msg, body.deal .step-2 .msg {
  justify-content: center;
}
body.apply .step-3 .deal-action, body.deal .step-3 .deal-action {
  width: 50%;
}
body.apply ul.wallet-tx-header, body.deal ul.wallet-tx-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.15rem;
}
body.apply ul.wallet-tx-header li.tx_id, body.deal ul.wallet-tx-header li.tx_id {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.apply ul.wallet-tx-header li.time, body.deal ul.wallet-tx-header li.time {
  font-size: small;
  font-family: tahoma;
  line-height: 1.1rem;
}
body.apply ul.wallet-tx-header li.time, body.apply ul.wallet-tx-header li.time-header, body.deal ul.wallet-tx-header li.time, body.deal ul.wallet-tx-header li.time-header {
  padding-left: 0.5rem;
}
body.apply ul.wallet-tx-header a.inspect, body.deal ul.wallet-tx-header a.inspect {
  position: absolute;
  margin-top: -1rem;
  cursor: pointer;
}
body.info .tab-header ul.tabs {
  display: flex;
  gap: 2rem;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
body.info .tab-header ul.tabs li.tab {
  border-bottom: 3px solid #fff;
  cursor: pointer;
}
body.info .tab-header ul.tabs li.tab.active {
  color: #0989FF;
  font-weight: 700;
  border-bottom: 3px solid #0989ff;
}
body.info .tab-content {
  display: none;
}
body.info .tab-content.active {
  display: block;
  margin-top: 4rem;
  padding: 1.5rem;
  background: var(--light);
  border-radius: 1rem;
}
body.info ul.coins, body.info ul.fiats {
  display: grid;
  grid-template-columns: 8% 17% 8% 17% 8% 17% 8% 17%;
  gap: 0.5rem;
}
body.info li.symbol {
  font-size: 1.1rem;
}
body.info li.rate {
  font-family: tahoma;
  color: #666;
  font-size: 1rem;
}
body.info .group.pos-0.col-12 {
  padding-bottom: 4rem;
}
body.package .group.pos-0 {
  display: grid;
  grid-template-columns: 33% 64%;
  gap: 3%;
  padding-top: 2rem;
}
body.package .tit {
  background: #ACE2E1;
  color: #fff;
  padding: 0.5rem 1.2rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
body.package .summary-wrap {
  padding: 1rem;
  background: #EAE5E3;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
body.package .summary-wrap p.bt.center {
  border-top: 1px solid silver;
  padding-top: 1.2rem;
  margin-top: 0.5rem;
  text-align: center;
}
body.package .summary-wrap ul.info {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 90%;
  margin: 0.5rem auto;
}
body.package .summary-wrap .summary-wrap {
  padding: 1rem;
  background: #EAE5E3;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
body.package .summary-wrap li.txt {
  text-align: right;
  color: #333;
  font-weight: 600;
  font-family: tahoma;
}
body.package .package-wrap ul {
  display: grid;
  grid-template-columns: 20% 25% 10% 25% 15%;
  gap: 1%;
  margin: 0;
  padding-bottom: 0.5rem;
}
body.package .package-wrap ul li {
  display: flex;
  justify-content: flex-end;
  gap: 0.3rem;
  align-items: center;
}
body.package .package-wrap ul button.btn.btn-buy {
  justify-content: center;
  display: inline-flex;
  background: var(--primary);
  color: #fff;
  position: relative;
}
.simple-footer .footer-text {
  text-align: center;
  padding: 1rem;
  margin-top: 1rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.footer-wrapper {
  width: 1280px;
  margin: 0 auto;
}