@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

html body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  background: #333;
}
html body .app {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
  background: #fff;
}

html[device=pc] .app {
  position: relative;
  width: 550px;
  margin: 0 auto;
  overflow: hidden;
}

a > p {
  font-family: "Roboto", sans-serif !important;
}

/* Common class */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-12 {
  width: 100%;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.select_btn {
  outline: none;
  -webkit-appearance: none;
  background: url("../../assets/img/arrow-down.png") no-repeat right;
  background-size: 24px;
  cursor: pointer;
}

.img-logo {
  max-width: 100px;
}

@media only screen and (max-width: 600px) {
  /* For mobile phones : */
  .col-sm-1 {
    width: 8.33%;
  }

  .col-sm-2 {
    width: 16.66%;
  }

  .col-sm-2_5 {
    width: 20%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33%;
  }

  .col-sm-5 {
    width: 41.66%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33%;
  }

  .col-sm-8 {
    width: 66.66%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33%;
  }

  .col-sm-11 {
    width: 91.66%;
  }

  .col-12 {
    width: 100%;
  }

  .pd-1 {
    padding: 0.3rem;
  }

  .pd-2 {
    padding: 0.5rem;
  }

  .pd-3 {
    padding: 0.7rem;
  }

  .pd-topnav {
    padding: 0 0.7rem;
  }

  .pt-1 {
    padding-top: 4%;
  }

  .img-1 {
    max-width: 90%;
  }

  .ft-1 {
    font-size: 21px;
  }

  .ft-2 {
    font-size: 25px;
  }

  .ft-3 {
    font-size: 27px;
  }

  .ft-4 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-md-1 {
    width: 8.33%;
  }

  .col-md-2 {
    width: 16.66%;
  }

  .col-md-2_5 {
    width: 20%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33%;
  }

  .col-md-5 {
    width: 41.66%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33%;
  }

  .col-md-8 {
    width: 66.66%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33%;
  }

  .col-md-11 {
    width: 91.66%;
  }

  .col-md-12 {
    width: 100%;
  }

  .pd-1 {
    padding: 0.3rem;
  }

  .pd-2 {
    padding: 0.5rem;
  }

  .pd-3 {
    padding: 0.7rem;
  }

  .pd-topnav {
    padding: 0.4rem 0.7rem;
  }

  .pt-1 {
    padding-top: 3%;
  }

  .img-1 {
    max-width: 70%;
  }

  .ft-1 {
    font-size: 28px;
  }

  .ft-2 {
    font-size: 30px;
  }

  .ft-3 {
    font-size: 32px;
  }

  .ft-4 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-lg-1 {
    width: 8.33%;
  }

  .col-lg-2 {
    width: 16.66%;
  }

  .col-lg-2_5 {
    width: 20%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33%;
  }

  .col-lg-5 {
    width: 41.66%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33%;
  }

  .col-lg-8 {
    width: 66.66%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33%;
  }

  .col-lg-11 {
    width: 91.66%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .pd-1 {
    padding: 0.6rem;
  }

  .pd-2 {
    padding: 0.8rem;
  }

  .pd-3 {
    padding: 1.2rem;
  }

  .pd-topnav {
    padding: 0.8rem 1.2rem;
  }

  .pt-1 {
    padding-top: 2%;
  }

  .img-1 {
    max-width: 40%;
  }

  .ft-1 {
    font-size: 30px;
  }

  .ft-2 {
    font-size: 40px;
  }

  .ft-3 {
    font-size: 43px;
  }

  .ft-4 {
    font-size: 47px;
  }
}
/* Header */
.home_header > header {
  z-index: 1;
}
.home_header > header > .topnav {
  position: relative;
  background: #f1f1f1;
  height: 42px;
  padding: 10px 19.4px 11px 17.4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_header > header > .topnav > a {
  float: left;
  display: block;
  font-size: 27px;
}
.home_header > header > .topnav > a.back-btn {
  position: absolute;
  left: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.home_header > header > .topnav > a.back-btn::before {
  font-family: "icomoon";
  content: "";
  font-size: 22px;
  color: #0d477e;
}
.home_header > header > .topnav > img {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.home_header > header > .topnav > .user_alarm > a {
  float: right;
  font-size: 21px;
}
.home_header > header > .topnav > .user_alarm > a > span {
  display: none;
  position: absolute;
  background: #be1010;
  width: 12.3px;
  height: 12.3px;
  border-radius: 100%;
  right: 33px;
  top: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.64;
}
.home_header > header > .topnav > .user_alarm > a > span.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home_header > header .topnav_notify {
  position: relative;
  display: table;
  width: 100%;
  height: 32px;
  background: #e6b90c;
  color: #0c6db5;
  border-bottom: 0.8px solid black;
  padding: 0 10px;
}
.home_header > header .topnav_notify .wallet {
  float: left;
  color: #0d477e;
  line-height: 20px;
  margin-top: 6px;
}
.home_header > header .topnav_notify .wallet > p {
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
.home_header > header .topnav_notify .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.home_header > header .topnav_notify .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
}
.home_header > header .topnav_notify .balance > p {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.home_header > header .topnav_notify .balance > p > span {
  margin-left: 3px;
}
.home_header > header .topnav_notify .restore-btn {
  position: absolute;
  top: 5px;
  right: 10px;
}
.home_header > header > .top_menu {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgba(231, 228, 228, 0.99)), to(#bdbdbd));
  background-image: -o-linear-gradient(top, rgba(231, 228, 228, 0.99) 29%, #bdbdbd);
  background-image: linear-gradient(to bottom, rgba(231, 228, 228, 0.99) 29%, #bdbdbd);
  height: 54px;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home_header > header > .top_menu > a {
  width: 25%;
  float: left;
  color: #5f5f5f;
  text-align: center;
  font-size: 23px;
}
.home_header > header > .top_menu > a > p {
  font-size: 12px;
  line-height: 1.5;
  color: #5f5f5f;
}
.home_header > header > .top_menu > a::before {
  font-size: 26px;
}

/* Content */
.home_content {
  overflow: auto;
  height: calc(100% - 182px);
  background: #03355c;
}
.home_content.hide {
  height: calc(100% - 96px);
}
.home_content > section.sport_img {
  height: 136px;
}
.home_content > section.sport_img > img {
  width: 100%;
  height: 100%;
}
.home_content > section.login_join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
}
.home_content > section.login_join > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  float: left;
}
.home_content > section.login_join > div:nth-child(1) {
  background-color: #0c6db5;
}
.home_content > section.login_join > div:nth-child(2) {
  background-color: #e61616;
}
.home_content > section.login_join > div > p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
}
.home_content > section.game_menu {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0e5cb0), to(#51acec));
  background-image: -o-linear-gradient(bottom, #0e5cb0, #51acec);
  background-image: linear-gradient(to top, #0e5cb0, #51acec);
  height: 80px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.home_content > section.game_menu > a {
  display: inline-block;
  width: 90px;
  color: #ffffff;
  font-size: 35px;
  text-align: center;
  padding: 14px 0 11px;
}
.home_content > section.game_menu > a.active {
  background-color: #03355c;
  border-bottom: 3px solid #ffd400;
  padding: 14px 0 6px;
}
.home_content > section.game_menu > a.active > p {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffd400;
}
.home_content > section.game_menu > a > p {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
}
.home_content > section.game_content {
  padding: 10px 10px 60px;
}
.home_content > section.game_content > .container > .row > a {
  margin-top: 13px;
  float: left;
  text-align: center;
}
.home_content > section.game_content > .container > .row > a > span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 100%;
  margin: 0;
}
.home_content > section.game_content > .container > .row > a > span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.home_content > section.game_content > .container > .row > a > p {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  color: #ffffff;
  margin-top: 7px;
}

/* Bottom Links */
.bottom-menu {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1172bb), to(#003a79));
  background-image: -o-linear-gradient(top, #1172bb, #003a79);
  background-image: linear-gradient(to bottom, #1172bb, #003a79);
  height: 54px;
}
.bottom-menu > a {
  float: left;
  width: 20%;
  opacity: 0.7;
  text-align: center;
  padding: 5px 0px;
}
.bottom-menu > a > span {
  color: #ffffff;
  font-size: 27px;
}
.bottom-menu > a > p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
.bottom-menu > a.active {
  opacity: 1;
}
.bottom-menu > a.active span,
.bottom-menu > a.active p {
  color: #fed300;
}

/* Dim Screen */
.dimscreen.active {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.8);
  z-index: 9999;
}
.loader > span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  clear: both;
  margin-top: -16px;
  margin-left: -16px;
  border: 4px #fff solid;
  border-top: 4px #0c6db5 solid;
  border-radius: 50%;
  -webkit-animation: spCircRot 0.6s infinite linear;
          animation: spCircRot 0.6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.restore-btn {
  display: block;
  height: 20px;
}
.restore-btn span {
  position: relative;
  display: block;
  float: left;
  width: 22px;
  height: 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #04365d;
          box-shadow: 0 2px 0 0 #04365d;
  background-color: #0d477e;
}
.restore-btn span > span {
  display: block;
}
.restore-btn span > span::before {
  position: absolute;
  left: 3px;
  top: 1px;
  display: inline-block;
  font-family: "icomoon";
  content: "";
  color: rgba(255, 255, 255, 0.8);
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  text-align: center;
  line-height: 20px;
}
.restore-btn button {
  float: left;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #04365d;
          box-shadow: 0 2px 0 0 #04365d;
  background-color: #0d477e;
  border: none;
  padding: 0 5px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 4px;
  white-space: nowrap;
}

aside {
  position: absolute;
  display: table;
  top: 0;
  left: -200px;
  width: 0;
  height: 100%;
  background: #03355c;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  overflow: hidden;
}
aside .menu-list {
  display: block;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
aside .menu-list > div [class^=icon-] {
  display: block;
}
aside .menu-list > div [class^=icon-]:before {
  color: #ffffff;
  font-size: 30px;
  opacity: 0.8;
}
aside .menu-list > div > a {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #d8d8d8;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

/* Header */
.promotion_header > header {
  z-index: 1;
}
.promotion_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.promotion_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.promotion_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.promotion_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.promotion_header > header > .topnav_menu {
  background-color: #0c6db5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.promotion_header > header > .topnav_menu > a {
  float: left;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 22px 28px;
}
.promotion_header > header > .topnav_menu > a.active {
  background-color: #03355c;
  border-bottom: 3px solid #ffd400;
}
.promotion_header > header > .topnav_menu > a > p {
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

/* Content */
.promotion_content {
  overflow: auto;
  height: calc(100% - 159px);
  padding-bottom: 60px;
}
.promotion_content > section {
  padding: 7px 8px;
}
.promotion_content > section > .promotion_card {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#e8e8e8));
  background-image: -o-linear-gradient(top, #eeeeee 50%, #e8e8e8);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #e8e8e8);
}
.promotion_content > section > .promotion_card > .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 31.68067%;
}
.promotion_content > section > .promotion_card > .img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
}
.promotion_content > section > .promotion_card:not(:first-child) {
  margin-top: 10px;
}
.promotion_content > section > .promotion_card > .info {
  padding: 8px 9px 7px 9px;
  height: 64px;
}
.promotion_content > section > .promotion_card > .info > p {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  color: #0c6db5;
}
.promotion_content > section > .promotion_card > .info > button {
  float: right;
  background-color: #0c6db5;
  margin-top: 6px;
  border: none;
  padding: 4px 11px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: rgba(255, 255, 255, 0.8);
}

/* Header */
.download_header > header {
  z-index: 1;
}
.download_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.download_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.download_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.download_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.download_header > header > .topnav_menu {
  background-color: #0c6db5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 63px;
}
.download_header > header > .topnav_menu > a {
  width: 50%;
  padding: 22px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.download_header > header > .topnav_menu > a.active {
  background-color: #03355c;
  border-bottom: 3px solid #ffd400;
}
.download_header > header > .topnav_menu > a > span {
  color: white;
  font-size: 25px;
}
.download_header > header > .topnav_menu > a > p {
  margin-left: 5px;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

/* Content */
.download_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.download_content > section > .container > .row > div:nth-child(odd) {
  padding: 6px 4px 5px 7px;
}
.download_content > section > .container > .row > div:nth-child(odd) > .card {
  margin-left: auto;
}
.download_content > section > .container > .row > div:nth-child(even) {
  padding: 6px 7px 5px 3px;
}
.download_content > section > .container > .row > div:nth-child(even) > .card {
  margin-right: auto;
}
.download_content > section > .container > .row > div > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-radius: 5px;
  background-image: url("../img/download_img.jpg");
  height: 126px;
  background-size: cover;
}
.download_content > section > .container > .row > div > .card > div {
  height: 28px;
  width: 100%;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.download_content > section > .container > .row > div > .card > div > p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #ffffff;
}

@media only screen and (min-width: 320px) {
  .card {
    width: 150px;
  }
}
@media only screen and (min-width: 360px) {
  .card {
    width: 167px;
  }
}
@media only screen and (min-width: 375px) {
  .card {
    width: 177px;
  }
}
/* Header */
.info_header > header {
  z-index: 1;
}
.info_header > header > .topnav {
  position: relative;
  background: #0c6db5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info_header > header > .topnav > a {
  position: absolute;
  display: block;
  font-size: 27px;
  width: 42px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  text-decoration: initial;
}
.info_header > header > .topnav > a::before {
  display: inline-block;
  font-family: "icomoon";
  color: #fff;
}
.info_header > header > .topnav > a.back-btn {
  left: 0;
}
.info_header > header > .topnav > a.back-btn::before {
  content: "";
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.info_header > header > .topnav > a.refresh-btn {
  right: 0;
}
.info_header > header > .topnav > a.refresh-btn::before {
  content: "";
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.info_header > header > .topnav > p {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

/* Content */
.info_content {
  overflow: auto;
  height: calc(100% - 101px);
  padding-bottom: 60px;
}
.info_content > section.select > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info_content > section.select > .container > .row > div {
  padding: 10px 7px;
}
.info_content > section.select > .container > .row > div > div {
  display: table;
  width: 100%;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.25);
}
.info_content > section.select > .container > .row > div > div > div {
  float: left;
  width: 50%;
  text-align: center;
  padding: 9px 0;
  border: none;
  background: rgba(0, 0, 0, 0.05);
}
.info_content > section.select > .container > .row > div > div > div:nth-child(1) {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.info_content > section.select > .container > .row > div > div > div:nth-child(2) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.info_content > section.select > .container > .row > div > div > div.active {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.85)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
}
.info_content > section.select > .container > .row > div > div > div.active > p {
  color: #ffffff;
}
.info_content > section.select > .container > .row > div > div > div > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}
.info_content > section.messages > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info_content > section.messages > .container > .row > div {
  padding: 0 7px;
}
.info_content > section.messages > .container > .row > div > .message:not(:nth-child(1)) {
  margin-top: 11px;
}
.info_content > section.messages > .container > .row > div > .message > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 9px 11px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 35px;
}
.info_content > section.messages > .container > .row > div > .message > .title > p:nth-child(1) {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.info_content > section.messages > .container > .row > div > .message > .title > p:nth-child(2) {
  font-size: 11px;
  line-height: 1.64;
  color: rgba(0, 0, 0, 0.5);
}
.info_content > section.messages > .container > .row > div > .message > .content {
  padding: 8px 7px 11px 11px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
  height: 149px;
}
.info_content > section.messages > .container > .row > div > .message > .content > p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}
.info_content > section.messages > .container > .row > div > .message > .content > p:not(:nth-last-child(2)) {
  margin-bottom: 13px;
}
.info_content > section.messages > .container > .row > div > .message > .content > div {
  text-align: center;
}
.info_content > section.messages > .container > .row > div > .message > .content > div > span {
  color: #7b7b7b;
}
.info_content > section.messages > .container > .row > div > .message > .content > div > span.blue {
  color: #0c6db5;
}
.info_content > section.messages > .container > .row > div > .message > .content.second {
  height: 82px;
}
.info_content > section.messages > .container > .row > div > .message a {
  display: block;
  text-align: center;
  padding-top: 0.5rem;
}
.info_content > section.messages > .container > .row > div > .message a::before {
  display: inline-block;
  font-family: "icomoon";
}
.info_content > section.messages > .container > .row > div > .message .close::before {
  content: "";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #7b7b7b;
}
.info_content > section.messages > .container > .row > div > .message .open::before {
  content: "";
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #0c6db5;
}

/* Header */
.bank_header > header {
  z-index: 1;
}
.bank_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bank_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.bank_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.bank_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.bank_header > header .topnav_menu_bank {
  position: relative;
  display: table;
  width: 100%;
  height: 42px;
  background-color: #0c6db5;
  padding: 0 10px;
}
.bank_header > header .topnav_menu_bank .wallet {
  float: left;
  color: #0d477e;
  margin-top: 10px;
}
.bank_header > header .topnav_menu_bank .wallet > p {
  margin-left: 4px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.bank_header > header .topnav_menu_bank .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.bank_header > header .topnav_menu_bank .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 42px;
}
.bank_header > header .topnav_menu_bank .balance > p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffd400;
}
.bank_header > header .topnav_menu_bank .balance > p > span {
  margin-left: 3px;
}
.bank_header > header .topnav_menu_bank .restore-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bank_header > header > .topnav_balance {
  background-color: #3a3d40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 8px;
  height: 36px;
}
.bank_header > header > .topnav_balance > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #ffffff;
}
.bank_header > header > .topnav_balance > span {
  margin-left: auto;
  color: #ffffff;
  cursor: pointer;
  font-size: 22px;
}

/* Content*/
.bank_content {
  overflow: auto;
  height: calc(100% - 174px);
}
.bank_content > section > .container > .row {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 7px;
}
.bank_content > section > .container > .row > div:nth-child(odd) {
  padding: 0px 3.5px 6px 0px;
}
.bank_content > section > .container > .row > div:nth-child(odd) > .bank_card {
  margin-left: auto;
}
.bank_content > section > .container > .row > div:nth-child(even) {
  padding: 0px 0px 6px 3.5px;
}
.bank_content > section > .container > .row > div:nth-child(even) > .bank_card {
  margin-right: auto;
}
.bank_content > section > .container > .row > div > .bank_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 108px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d8d8d8));
  background-image: -o-linear-gradient(top, #eeeeee, #d8d8d8);
  background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
}
.bank_content > section > .container > .row > div > .bank_card > span {
  text-align: center;
}
.bank_content > section > .container > .row > div > .bank_card > span > span {
  color: #5f5f5f;
}
.bank_content > section > .container > .row > div > .bank_card > span > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #5f5f5f;
}

/* Header */
.deposit_payment_header > header {
  z-index: 1;
}
.deposit_payment_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.deposit_payment_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.deposit_payment_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.deposit_payment_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.deposit_payment_header > header .topnav_menu_bank {
  position: relative;
  display: table;
  width: 100%;
  height: 42px;
  background-color: #0c6db5;
  padding: 0 10px;
}
.deposit_payment_header > header .topnav_menu_bank .wallet {
  float: left;
  color: #0d477e;
  margin-top: 10px;
}
.deposit_payment_header > header .topnav_menu_bank .wallet > p {
  margin-left: 4px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.deposit_payment_header > header .topnav_menu_bank .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.deposit_payment_header > header .topnav_menu_bank .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 42px;
}
.deposit_payment_header > header .topnav_menu_bank .balance > p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffd400;
}
.deposit_payment_header > header .topnav_menu_bank .balance > p > span {
  margin-left: 3px;
}
.deposit_payment_header > header .topnav_menu_bank .restore-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Content */
.deposit_payment_content {
  /*overflow: auto;
  height: calc(100% - 138px);*/
}
.deposit_payment_content > section.pay_deposit > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_payment_content > section.pay_deposit > .container > .row > div {
  padding: 10px 7px;
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div {
  display: table;
  width: 100%;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.25);
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div {
  float: left;
  width: 50%;
  text-align: center;
  padding: 9px 0;
  border: none;
  background: rgba(0, 0, 0, 0.05);
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div:nth-child(1) {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div:nth-child(2) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div.active {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.85)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div.active > p {
  color: #ffffff;
}
.deposit_payment_content > section.pay_deposit > .container > .row > div > div > div > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}
.deposit_payment_content > section.pay_info > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form {
  padding: 0 7px;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.deposit_payment_content > section.pay_info > .container > .row > div > form > label > span {
  color: #e02020;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form > input {
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form > input.amount {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.deposit_payment_content > section.pay_info > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group {
  display: table;
  width: 100%;
  margin-top: 5px;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn {
  float: left;
  width: calc((100% - 20px) / 4);
  height: 100px;
  margin: 0 5px 5px 0;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn:last-child {
  margin-right: 0;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn input[type=radio] {
  display: none;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn input[type=radio]:checked + label {
  border: solid 1px #0c6db5;
  background: rgba(0, 0, 0, 0.06);
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn input[type=radio]:checked + label > span {
  color: #0c6db5;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn label .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 50px;
  margin: 0 auto;
  margin-top: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn label .logo img {
  width: 100%;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .radio-btn-group .radio-btn label > span {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10%;
  font-size: 13px;
  color: #aaa;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group {
  border-top: 2px solid #eee;
  padding: 5px 0 5px;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group .bank {
  width: 100%;
  height: 40px;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group .bank input[type=radio]:checked + label {
  border: solid 1px #0c6db5;
  background: #0c6db5;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group .bank input[type=radio]:checked + label > span {
  color: #fff;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group .bank label .logo {
  float: left;
  width: 30px;
  height: 30px;
  margin: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deposit_payment_content > section.pay_info > .container > .row > div > form .bank-group .bank label > span {
  float: left;
  position: relative;
  bottom: 0;
  width: calc(100% - 40px);
  line-height: 40px;
  text-align: left;
  font-size: 13px;
  color: #aaa;
  padding-left: 10px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.deposit_payment_content > section.pay_amount > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_payment_content > section.pay_amount > .container > .row > div {
  padding: 0 7px;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .price > div {
  cursor: pointer;
  text-align: center;
  width: 32%;
  line-height: 40px;
  margin: 0 0 13px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .price > div:nth-child(2), .deposit_payment_content > section.pay_amount > .container > .row > div > .price > div:nth-child(3), .deposit_payment_content > section.pay_amount > .container > .row > div > .price > div:nth-child(5) {
  margin-left: 6px;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .price > div > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 0px;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button {
  width: 49%;
  border: none;
  padding: 11px 0;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(1) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
  margin-left: 11px;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f8fcc), to(#2a6cb3));
  background-image: -o-linear-gradient(top, #3f8fcc, #2a6cb3);
  background-image: linear-gradient(to bottom, #3f8fcc, #2a6cb3);
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn > span {
  font-weight: bold;
  color: #ffffff;
}
.deposit_payment_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn > span::before {
  font-family: "icomoon";
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  color: #ffffff;
  content: "";
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

/* Header */
.deposit_deposit_header > header {
  z-index: 1;
}
.deposit_deposit_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.deposit_deposit_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.deposit_deposit_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.deposit_deposit_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.deposit_deposit_header > header .topnav_menu_bank {
  position: relative;
  display: table;
  width: 100%;
  height: 42px;
  background-color: #0c6db5;
  padding: 0 10px;
}
.deposit_deposit_header > header .topnav_menu_bank .wallet {
  float: left;
  color: #0d477e;
  margin-top: 10px;
}
.deposit_deposit_header > header .topnav_menu_bank .wallet > p {
  margin-left: 4px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.deposit_deposit_header > header .topnav_menu_bank .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.deposit_deposit_header > header .topnav_menu_bank .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 42px;
}
.deposit_deposit_header > header .topnav_menu_bank .balance > p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffd400;
}
.deposit_deposit_header > header .topnav_menu_bank .balance > p > span {
  margin-left: 3px;
}
.deposit_deposit_header > header .topnav_menu_bank .restore-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Content */
.deposit_deposit_content {
    /* overflow: auto; */
    /*height: calc(100% - 100px);*/
    /*height: 100%;*/ 
    overflow-x: hidden;
}
.deposit_deposit_content > section.pay_deposit > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div {
  padding: 10px 7px;
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div {
  display: table;
  width: 100%;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.25);
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div {
  float: left;
  width: 50%;
  text-align: center;
  padding: 9px 0;
  border: none;
  background: rgba(0, 0, 0, 0.05);
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div:nth-child(1) {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div:nth-child(2) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div.active {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.85)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div.active > p {
  color: #ffffff;
}
.deposit_deposit_content > section.pay_deposit > .container > .row > div > div > div > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}
.deposit_deposit_content > section.pay_info > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form {
  padding: 0 7px;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > label > span {
  color: #e02020;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > input {
  width: 100%;
  border: none;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > input.amount {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form .price > div {
  cursor: pointer;
  text-align: center;
  width: 32%;
  line-height: 40px;
  margin: 0 0 13px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form .price > div:nth-child(2), .deposit_deposit_content > section.pay_info > .container > .row > div > form .price > div:nth-child(3), .deposit_deposit_content > section.pay_info > .container > .row > div > form .price > div:nth-child(5) {
  margin-left: 6px;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form .price > div > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 13px 0;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank.first {
  margin: 14px 0 13px 0;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox > input:checked ~ .checkmark:after {
  display: block;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox > .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  background-color: #eee;
  border: solid 2px #0e4a85;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 2.3px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0e4a85;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .select_bank .checkbox > p {
  margin-left: 32px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.85);
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .contact {
  margin: 0 0 13px 0;
  padding: 10px 9px;
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  text-align: center;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .contact > p {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: #008000;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .contact > p:nth-child(2) {
  color: #ff5e24;
  font-weight: bold;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time .select-date {
  width: 26%;
  height: 39px;
  margin: 5px 0 13px 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 5px;
  text-align: center;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time .select-date::before {
  font-family: "icomoon";
  content: "";
  line-height: 39px;
  font-size: 25px;
  color: #666;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time > input {
  width: 35%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 5px;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time > input:nth-child(2), .deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time > input:nth-child(3) {
  margin-left: 5px;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time > .date > input {
  margin-left: 5px;
  width: 29%;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.pay_info > .container > .row > div > form > .date_time > .date:after {
  position: absolute;
  display: block;
  width: 24px;
  height: 19.8px;
  margin-left: 303px;
  margin-top: -49px;
  font-family: "icomoon";
  content: "";
  color: #777777;
  line-height: 30px;
  font-size: 1.5rem;
}
.deposit_deposit_content > section.member_bank_details > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div {
  padding: 0px 7px;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_member {
  position: relative;
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.66);
  padding: 11px 10px;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_member > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #ffffff;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_member .close {
  display: block;
  position: absolute;
  right: 0;
  line-height: 39px;
  width: 39px;
  text-align: center;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_member .close::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  color: #ffffff;
  -webkit-transform: rotate(45deg) scale(1.5);
      -ms-transform: rotate(45deg) scale(1.5);
          transform: rotate(45deg) scale(1.5);
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form {
  border: solid 1px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
  padding: 0 8px;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > .title {
  padding: 12px 0 11px 0;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > .title > label {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > label > span {
  color: #e02020;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > input {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 5px 0 13px 0;
  height: 39px;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > .btn-group {
  padding: 6px 0 17px 0;
  text-align: center;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > form > .btn-group > button {
  width: 100%;
  border: none;
  padding: 11px 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_bank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px;
  border: dashed 1px #03355c;
  border-radius: 5px;
  height: 39px;
  margin: 13px 0;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .add_bank > p {
  margin-left: 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.13;
  color: #03355c;
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .remind {
  padding: 10px;
  margin: 0 0 13px 0;
  border-radius: 5px;
  border: solid 1px rgba(195, 39, 39, 0.31);
  background-color: rgba(195, 39, 39, 0.15);
}
.deposit_deposit_content > section.member_bank_details > .container > .row > div > .remind > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: #b82121;
}
.deposit_deposit_content > section.pay_amount > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div {
  padding: 0 7px;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .price > div {
  cursor: pointer;
  text-align: center;
  width: 32%;
  line-height: 40px;
  margin: 0 0 13px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .price > div:nth-child(2), .deposit_deposit_content > section.pay_amount > .container > .row > div > .price > div:nth-child(3), .deposit_deposit_content > section.pay_amount > .container > .row > div > .price > div:nth-child(5) {
  margin-left: 6px;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .price > div > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 0px;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button {
  width: 49%;
  border: none;
  padding: 11px 0;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(1) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
  margin-left: 11px;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f8fcc), to(#2a6cb3));
  background-image: -o-linear-gradient(top, #3f8fcc, #2a6cb3);
  background-image: linear-gradient(to bottom, #3f8fcc, #2a6cb3);
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn > span {
  font-weight: bold;
  color: #ffffff;
}
.deposit_deposit_content > section.pay_amount > .container > .row > div > .btn-group > button:nth-child(2).upload-receipt-btn > span::before {
  font-family: "icomoon";
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  color: #ffffff;
  content: "";
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

/* Header */
.transfer_header > header {
  z-index: 1;
}
.transfer_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.transfer_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.transfer_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.transfer_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.transfer_header > header .topnav_menu_bank {
  position: relative;
  display: table;
  width: 100%;
  height: 42px;
  background-color: #0c6db5;
  padding: 0 10px;
}
.transfer_header > header .topnav_menu_bank .wallet {
  float: left;
  color: #0d477e;
  margin-top: 10px;
}
.transfer_header > header .topnav_menu_bank .wallet > p {
  margin-left: 4px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.transfer_header > header .topnav_menu_bank .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.transfer_header > header .topnav_menu_bank .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 42px;
}
.transfer_header > header .topnav_menu_bank .balance > p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffd400;
}
.transfer_header > header .topnav_menu_bank .balance > p > span {
  margin-left: 3px;
}
.transfer_header > header .topnav_menu_bank .restore-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
.transfer_header > header > .topnav_balance {
  background-color: #3a3d40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 8px;
  height: 36px;
}
.transfer_header > header > .topnav_balance.expand > span::before {
  content: "";
}
.transfer_header > header > .topnav_balance > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #ffffff;
}
.transfer_header > header > .topnav_balance > span {
  margin-left: auto;
  color: #ffffff;
  cursor: pointer;
  font-size: 22px;
}
.transfer_header > header > .topnav_balance > span::before {
  font-family: "icomoon";
  content: "";
}
.transfer_header > header > .topnav_balance_expand {
  position: absolute;
  width: 100%;
  display: none;
  opacity: 0;
  height: 0;
  -webkit-transition: all 0.2s 0.25s ease;
  -o-transition: all 0.2s 0.25s ease;
  transition: all 0.2s 0.25s ease;
  overflow: auto;
  height: calc(100% - 174px);
  z-index: 1;
}
.transfer_header > header > .topnav_balance_expand.active {
  opacity: 1;
  display: block;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open {
  background-color: #f0f0f0;
  border-bottom: 1px solid #969494;
  padding: 14px 17px 14px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open.active > div.left > span::before {
  content: "";
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.left > span {
  color: #0e4a85;
  cursor: pointer;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.left > span::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.left > p {
  font-size: 14px;
  color: #3a3d40;
  width: 82px;
  margin-left: 5px;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.right > p {
  font-weight: 500;
  font-size: 16px;
  color: #3a3d40;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.right > button {
  border-radius: 3px;
  margin-left: 16px;
  width: 54px;
  border: none;
  -webkit-box-shadow: 0 2px 0 0 #074d81;
          box-shadow: 0 2px 0 0 #074d81;
  background-color: #0c6db5;
  padding: 2px 5px;
  font-size: 14px;
  color: #ffffff;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open > div.right > div {
  margin-left: 6px;
  color: rgba(255, 255, 255, 0.8);
  padding: 3px 7px;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 0 0 #4c4c4c;
          box-shadow: 0 2px 0 0 #4c4c4c;
  background-color: #777777;
  border-radius: 3px;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list {
  opacity: 0;
  padding: 0;
  height: 0;
  display: none;
  -webkit-transition: all 0.1s 0.1s ease;
  -o-transition: all 0.1s 0.1s ease;
  transition: all 0.1s 0.1s ease;
  background: #fff;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list.active {
  opacity: 1;
  height: 175px;
  padding: 16px 17px 16px 19px;
  display: block;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > label {
  width: 40%;
  font-size: 13px;
  line-height: 1.38;
  color: #03365d;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input {
  width: 60%;
  padding: 11px 14px;
  height: 39px;
  border-radius: 5px;
  margin: 0 0 8px 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.06);
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > input::placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > select {
  width: 60%;
  padding: 11px 14px;
  height: 39px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 0 0 8px 0;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_list > form > div > button {
  margin-left: auto;
  margin-top: 9px;
  border: none;
  padding: 11px 0;
  width: 127px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  color: #ffffff;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion {
  background-color: #e0a910;
  opacity: 0;
  padding: 0;
  height: 0;
  display: none;
  -webkit-transition: all 0.1s 0.1s ease;
  -o-transition: all 0.1s 0.1s ease;
  transition: all 0.1s 0.1s ease;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion.active {
  opacity: 1;
  display: block;
  height: 157px;
  padding: 11px 17px 11px 18px;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 9px 0;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > label {
  width: 40%;
  font-family: "PingFangTC";
  font-size: 13px;
  line-height: 1.38;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input {
  width: 60%;
  padding: 11px 10px;
  height: 39px;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_header > header > .topnav_balance_expand > .container > .row > div > div > .balance_open_promotion > form > div > input::placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}

/* Content */
.transfer_content {
  overflow: auto;
  height: calc(100% - 174px);
}
.transfer_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.transfer_content > section > .container > .row > div {
  padding: 10px 8px;
}
.transfer_content > section > .container > .row > div .transfer-msg {
  background: #f1f1f1;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 0.5rem;
  font-size: 13px;
}
.transfer_content > section > .container > .row > div .transfer-msg p {
  line-height: 30px;
  text-align: center;
}
.transfer_content > section > .container > .row > div .transfer-msg p.success::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  color: green;
  margin-right: 0.5rem;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.transfer_content > section > .container > .row > div .transfer-msg p.error::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.5) rotate(45deg);
      -ms-transform: scale(1.5) rotate(45deg);
          transform: scale(1.5) rotate(45deg);
  color: red;
  margin-right: 0.5rem;
}
.transfer_content > section > .container > .row > div .transfer-msg p > span {
  color: #0d477e;
  font-weight: bold;
}
.transfer_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.transfer_content > section > .container > .row > div > form > input {
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 0 7px;
  height: 39px;
  line-height: 39px;
  margin: 4px 0 13px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.transfer_content > section > .container > .row > div > form > input.amount {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.transfer_content > section > .container > .row > div > form > input.deposit_account {
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.transfer_content > section > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  padding: 0 12px;
  height: 39px;
  line-height: 39px;
  margin: 4px 0 13px 0;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.transfer_content > section > .container > .row > div > form > select.withdrawal {
  border: solid 1px #000000;
  color: #000000;
}
.transfer_content > section > .container > .row > div > form > .switch {
  margin: -3px 0 10px 0;
}
.transfer_content > section > .container > .row > div > form > .switch > .arrow {
  width: 25px;
  height: 27px;
  margin-left: auto;
  margin-right: auto;
  background: #0d447e;
  padding: 3px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer_content > section > .container > .row > div > form > .switch > .arrow::before {
  font-family: "icomoon";
  content: "";
  font-size: 22px;
  color: #fff;
}
.transfer_content > section > .container > .row > div > form > .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.transfer_content > section > .container > .row > div > form > .price > div {
  cursor: pointer;
  text-align: center;
  width: 32%;
  line-height: 40px;
  margin: 0 0 13px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.transfer_content > section > .container > .row > div > form > .price > div:nth-child(2), .transfer_content > section > .container > .row > div > form > .price > div:nth-child(3), .transfer_content > section > .container > .row > div > form > .price > div:nth-child(5) {
  margin-left: 6px;
}
.transfer_content > section > .container > .row > div > form > .price > div > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.transfer_content > section > .container > .row > div > form > .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.transfer_content > section > .container > .row > div > form > .btn-group > button {
  width: 175px;
  border: none;
  padding: 10px;
  height: 39px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.transfer_content > section > .container > .row > div > form > .btn-group > button.cancel-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
}
.transfer_content > section > .container > .row > div > form > .btn-group > button.transfer-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
}
.transfer_content > section > .container > .row > div > form > .btn-group > button:nth-child(2) {
  margin-left: 10px;
}

/* Header */
.withdraw_header > header {
  z-index: 1;
}
.withdraw_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.withdraw_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.withdraw_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.withdraw_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.withdraw_header > header .topnav_menu_bank {
  position: relative;
  display: table;
  width: 100%;
  height: 42px;
  background-color: #0c6db5;
  padding: 0 10px;
}
.withdraw_header > header .topnav_menu_bank .wallet {
  float: left;
  color: #0d477e;
  margin-top: 10px;
}
.withdraw_header > header .topnav_menu_bank .wallet > p {
  margin-left: 4px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.withdraw_header > header .topnav_menu_bank .wallet > p:before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  margin-right: 0.5rem;
}
.withdraw_header > header .topnav_menu_bank .balance {
  position: absolute;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 42px;
}
.withdraw_header > header .topnav_menu_bank .balance > p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #ffd400;
}
.withdraw_header > header .topnav_menu_bank .balance > p > span {
  margin-left: 3px;
}
.withdraw_header > header .topnav_menu_bank .restore-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Content */
.withdraw_content {
  overflow: auto;
  height: calc(100% - 138px);
}
.withdraw_content > section.pay_info > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.withdraw_content > section.pay_info > .container > .row > div {
  padding: 12px 8px;
}
.withdraw_content > section.pay_info > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.withdraw_content > section.pay_info > .container > .row > div > form > label > span {
  color: #e02020;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input {
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 4px 0 13px 0;
  height: 39px;
  padding: 0 11px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input::-moz-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input::-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount::-moz-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount:-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount::-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.amount::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account::-moz-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account:-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account::-ms-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > input.account::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 4px 0 13px 0;
  height: 39px;
  padding: 0 11px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.withdraw_content > section.pay_info > .container > .row > div > form > .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.withdraw_content > section.pay_info > .container > .row > div > form > .price > div {
  cursor: pointer;
  text-align: center;
  width: 32%;
  line-height: 40px;
  margin: 0 0 13px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.withdraw_content > section.pay_info > .container > .row > div > form > .price > div:nth-child(2), .withdraw_content > section.pay_info > .container > .row > div > form > .price > div:nth-child(3), .withdraw_content > section.pay_info > .container > .row > div > form > .price > div:nth-child(5) {
  margin-left: 6px;
}
.withdraw_content > section.pay_info > .container > .row > div > form > .price > div > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #000000;
}
.withdraw_content > section.pay_info > .container > .row > div > form > .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.withdraw_content > section.pay_info > .container > .row > div > form > .btn-group > button {
  width: 175px;
  height: 39px;
  border: none;
  padding: 11px 0;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
}
.withdraw_content > section.pay_info > .container > .row > div > form > .btn-group > button.cancel-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
}
.withdraw_content > section.pay_info > .container > .row > div > form > .btn-group > button.check-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
}
.withdraw_content > section.pay_info > .container > .row > div > form > .btn-group > button:nth-child(2) {
  margin-left: 10px;
}

/* Header */
.history_header > header {
  z-index: 1;
}
.history_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.history_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.history_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.history_header > header > .topnav > span {
  font-size: 22px;
  float: right;
  color: #03355c;
}
.history_header > header > .topnav_menu {
  background-color: #0c6db5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.history_header > header > .topnav_menu > a {
  float: left;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px 16px 23px 17px;
}
.history_header > header > .topnav_menu > a.active {
  background-color: #03355c;
  border-bottom: 3px solid #ffd400;
}
.history_header > header > .topnav_menu > a > p {
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

.history_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.history_content > section.transfer {
  display: none;
}
.history_content > section.transfer.active {
  display: block;
}
.history_content > section.transfer.active > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content > section.transfer.active > .container > .row > div {
  padding: 7px;
}
.history_content > section.transfer.active > .container > .row > div > .days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.history_content > section.transfer.active > .container > .row > div > .days > a {
  width: 33%;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #000000;
}
.history_content > section.transfer.active > .container > .row > div > .days > a.active {
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
  background-image: -o-linear-gradient(top, #666, #333);
  background-image: linear-gradient(to bottom, #666, #333);
  color: #ffffff;
}
.history_content > section.transfer.active > .container > .row > div > .days > a:nth-child(2), .history_content > section.transfer.active > .container > .row > div > .days > a:nth-child(3) {
  margin-left: 8px;
}
.history_content > section.transfer.active > .container > .row > div > .details {
  margin: 7px 0 0 0;
}
.history_content > section.transfer.active > .container > .row > div > .details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px 0;
}
.history_content > section.transfer.active > .container > .row > div > .details > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 12px;
}
.history_content > section.transfer.active > .container > .row > div > .details > div > div > p {
  font-size: 12px;
  font-weight: 500;
}
.history_content > section.transfer.active > .container > .row > div > .details > div > div:nth-child(1) {
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 13px 14px 9px 15px;
}
.history_content > section.transfer.active > .container > .row > div > .details > div > div:nth-child(1) > p {
  color: #ffffff;
}
.history_content > section.transfer.active > .container > .row > div > .details > div > div:nth-child(2) {
  width: 60%;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px 8px 9px 12px;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.main_wallet {
  display: none;
}
.history_content > section.main_wallet.active {
  display: block;
}
.history_content > section.main_wallet.active > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content > section.main_wallet.active > .container > .row > div {
  padding: 7px;
}
.history_content > section.main_wallet.active > .container > .row > div > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.main_wallet.active > .container > .row > div > label > span {
  color: #e02020;
}
.history_content > section.main_wallet.active > .container > .row > div > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  margin: 4px 0 14px 0;
  height: 39px;
  padding: 10px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
  padding: 10px;
}
.history_content > section.main_wallet.active > .container > .row > div > .days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.history_content > section.main_wallet.active > .container > .row > div > .days > a {
  width: 33%;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #000000;
}
.history_content > section.main_wallet.active > .container > .row > div > .days > a.active {
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
  background-image: -o-linear-gradient(top, #666, #333);
  background-image: linear-gradient(to bottom, #666, #333);
  color: #ffffff;
}
.history_content > section.main_wallet.active > .container > .row > div > .days > a:nth-child(2), .history_content > section.main_wallet.active > .container > .row > div > .days > a:nth-child(3) {
  margin-left: 8px;
}
.history_content > section.main_wallet.active > .container > .row > div > .details {
  margin: 7px 0 0 0;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px 0;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 12px;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div > div > p {
  font-size: 12px;
  font-weight: 500;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div > div:nth-child(1) {
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 13px 14px 9px 15px;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div > div:nth-child(1) > p {
  color: #ffffff;
}
.history_content > section.main_wallet.active > .container > .row > div > .details > div > div:nth-child(2) {
  width: 60%;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px 8px 9px 12px;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.promotion {
  display: none;
}
.history_content > section.promotion.active {
  display: block;
}
.history_content > section.promotion.active > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content > section.promotion.active > .container > .row > div {
  padding: 7px;
}
.history_content > section.promotion.active > .container > .row > div > .days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.history_content > section.promotion.active > .container > .row > div > .days > a {
  width: 33%;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #000000;
}
.history_content > section.promotion.active > .container > .row > div > .days > a.active {
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
  background-image: -o-linear-gradient(top, #666, #333);
  background-image: linear-gradient(to bottom, #666, #333);
  color: #ffffff;
}
.history_content > section.promotion.active > .container > .row > div > .days > a:nth-child(2), .history_content > section.promotion.active > .container > .row > div > .days > a:nth-child(3) {
  margin-left: 8px;
}
.history_content > section.promotion.active > .container > .row > div > .details {
  margin: 7px 0 0 0;
}
.history_content > section.promotion.active > .container > .row > div > .details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px 0;
}
.history_content > section.promotion.active > .container > .row > div > .details > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 12px;
}
.history_content > section.promotion.active > .container > .row > div > .details > div > div > p {
  font-size: 12px;
  font-weight: 500;
}
.history_content > section.promotion.active > .container > .row > div > .details > div > div:nth-child(1) {
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 13px 14px 9px 15px;
}
.history_content > section.promotion.active > .container > .row > div > .details > div > div:nth-child(1) > p {
  color: #ffffff;
}
.history_content > section.promotion.active > .container > .row > div > .details > div > div:nth-child(2) {
  width: 60%;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px 8px 9px 12px;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.cash_rebate {
  display: none;
}
.history_content > section.cash_rebate.active {
  display: block;
}
.history_content > section.cash_rebate.active > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content > section.cash_rebate.active > .container > .row > div {
  padding: 7px;
}
.history_content > section.cash_rebate.active > .container > .row > div > .days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.history_content > section.cash_rebate.active > .container > .row > div > .days > a {
  width: 33%;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cbcbcb));
  background-image: -o-linear-gradient(top, #ececec, #cbcbcb);
  background-image: linear-gradient(to bottom, #ececec, #cbcbcb);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #000000;
}
.history_content > section.cash_rebate.active > .container > .row > div > .days > a.active {
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
  background-image: -o-linear-gradient(top, #666, #333);
  background-image: linear-gradient(to bottom, #666, #333);
  color: #ffffff;
}
.history_content > section.cash_rebate.active > .container > .row > div > .days > a:nth-child(2), .history_content > section.cash_rebate.active > .container > .row > div > .days > a:nth-child(3) {
  margin-left: 8px;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details {
  margin: 7px 0 0 0;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px 0;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 12px;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div > div > p {
  font-size: 12px;
  font-weight: 500;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div > div:nth-child(1) {
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 13px 14px 9px 15px;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div > div:nth-child(1) > p {
  color: #ffffff;
}
.history_content > section.cash_rebate.active > .container > .row > div > .details > div > div:nth-child(2) {
  width: 60%;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px 8px 9px 12px;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.date_modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}
.history_content > section.date_modal.active {
  display: block;
}
.history_content > section.date_modal > div {
  width: 90%;
  max-width: 361px;
  padding: 0 10px 20px;
  background-color: #fafafa;
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 50% auto 0;
}
.history_content > section.date_modal > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0 0;
}
.history_content > section.date_modal > div > div > i {
  margin-left: auto;
}
.history_content > section.date_modal > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.history_content > section.date_modal > div > form > label:nth-child(1) {
  padding-top: 7px;
}
.history_content > section.date_modal > div > form > .date {
  position: relative;
}
.history_content > section.date_modal > div > form > .date > input {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 4px 0 14px 0;
  padding: 0 40px 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  color: #000000;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.history_content > section.date_modal > div > form > .date:after {
  position: absolute;
  right: 5px;
  top: 5px;
  line-height: 38px;
  font-family: "icomoon";
  content: "";
  font-size: 1.5rem;
  color: #777777;
}
.history_content > section.date_modal > div > form > .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 0 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content > section.date_modal > div > form > .btn-group > button {
  border: none;
  width: 123px;
  height: 39px;
  padding: 11px 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

/* Header */
.account_header > header {
  z-index: 1;
}
.account_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.account_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.account_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.account_header > header > .topnav_menu {
  background-color: #0c6db5;
  padding: 12px 9px 13px 11px;
  height: 63px;
}
.account_header > header > .topnav_menu > .viplevel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account_header > header > .topnav_menu > .viplevel.active {
  background-color: #03355c;
  border-bottom: 3px solid #ffd400;
}
.account_header > header > .topnav_menu > .viplevel > p {
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.account_header > header > .topnav_menu > .viplevel > button {
  margin-left: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), color-stop(52%, #d8d8d8), color-stop(100%, #b0b0b0), to(#b0b0b0));
  background: -o-linear-gradient(top, #b0b0b0 0%, #d8d8d8 52%, #b0b0b0 100%, #b0b0b0 100%);
  background: linear-gradient(to bottom, #b0b0b0 0%, #d8d8d8 52%, #b0b0b0 100%, #b0b0b0 100%);
  border: none;
  padding: 2px 8px;
  height: 18px;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
}
.account_header > header > .topnav_menu > .degree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0 0 0;
}
.account_header > header > .topnav_menu > .degree > p {
  display: block;
  width: 60px;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.account_header > header > .topnav_menu > .degree > div {
  position: relative;
  float: left;
  margin: 0 6px 0 6px;
  border-radius: 9px;
  height: 9px;
  width: calc(100% - 120px - 12px);
  background-color: #d9d9d9;
}
.account_header > header > .topnav_menu > .degree > div > div {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 9px;
  height: 9px;
  width: 60%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffd400), to(#ffbb00));
  background-image: -o-linear-gradient(left, #ffd400 0%, #ffbb00 100%);
  background-image: linear-gradient(to right, #ffd400 0%, #ffbb00 100%);
}
.account_header > header > .topnav_menu > .degree > div > div > span {
  visibility: hidden;
}

/* Content */
.account_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.account_content > section .container .row {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 11px 7px;
}
.account_content > section .container .row > div:nth-child(odd) > .account_card {
  margin: 0 3.5px 6px 0;
  margin-left: auto;
}
.account_content > section .container .row > div:nth-child(even) > .account_card {
  margin: 0 0 6px 3.5px;
  margin-right: auto;
}
.account_content > section .container .row > div > .account_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  height: 108px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d8d8d8));
  background-image: -o-linear-gradient(top, #eeeeee, #d8d8d8);
  background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
}
.account_content > section .container .row > div > .account_card > div {
  text-align: center;
}
.account_content > section .container .row > div > .account_card > div > span {
  color: #5f5f5f;
}
.account_content > section .container .row > div > .account_card > div > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #5f5f5f;
}

/* Header */
.userinfo_header > header {
  z-index: 1;
}
.userinfo_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.userinfo_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.userinfo_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.userinfo_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.userinfo_header > header > .topnav_menu {
  background-color: #0c6db5;
  height: 63px;
  padding: 12px 8px;
}
.userinfo_header > header > .topnav_menu > form > select {
  height: 39px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

/* Content */
.userinfo_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.userinfo_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.userinfo_content > section > .container > .row > div {
  padding: 9px 7px 7px 9px;
}
.userinfo_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.userinfo_content > section > .container > .row > div > form > label:nth-child(9) {
  color: #0c6db5;
}
.userinfo_content > section > .container > .row > div > form > input {
  width: 100%;
  border: none;
  height: 39px;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin: 4px 0 14px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}

/* Header */
.myvip_header > header {
  z-index: 1;
}
.myvip_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.myvip_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.myvip_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.myvip_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.myvip_header > header > .topnav_menu {
  background-color: #0c6db5;
  height: 63px;
  padding: 12px 8px;
}
.myvip_header > header > .topnav_menu > form > select {
  height: 39px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

/* Content */
.myvip_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.myvip_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.myvip_content > section > .container > .row > .date {
  width: 100%;
  height: 32px;
  padding: 8px 0;
  background-color: #03355c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.myvip_content > section > .container > .row > .date > p {
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  line-height: normal;
}
.myvip_content > section > .container > .row > div > form {
  margin-right: auto;
  margin-left: auto;
  padding: 11px 8px 0 8px;
}
.myvip_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.myvip_content > section > .container > .row > div > form > input {
  width: 100%;
  height: 39px;
  margin: 4px 0 14px 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}

/* Header */
.referral_header > header {
  z-index: 1;
}
.referral_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.referral_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.referral_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.referral_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.referral_header > header > .topnav_menu {
  background-color: #0c6db5;
  height: 63px;
  padding: 12px 8px;
}
.referral_header > header > .topnav_menu > form > select {
  height: 39px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

/* Content */
.referral_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.referral_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.referral_content > section > .container > .row > div > form {
  padding: 10px 8px 0 8px;
}
.referral_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.referral_content > section > .container > .row > div > form > input {
  width: 100%;
  border: none;
  height: 39px;
  margin: 4px 0 14px 0;
  padding: 11px 12px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}

/* Header */
.bankdetail_header > header {
  z-index: 1;
}
.bankdetail_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bankdetail_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.bankdetail_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.bankdetail_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.bankdetail_header > header > .topnav_menu {
  background-color: #0c6db5;
  height: 63px;
  padding: 12px 8px;
}
.bankdetail_header > header > .topnav_menu > form > select {
  height: 39px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

.bankdetail_content {
  height: calc(100% - 159px);
  overflow: auto;
}
.bankdetail_content > section .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bankdetail_content > section .row > div form {
  padding: 10px 8px 0 8px;
}
.bankdetail_content > section .row > div form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.bankdetail_content > section .row > div form > label > span {
  color: #e02020;
}
.bankdetail_content > section .row > div form > input {
  width: 100%;
  height: 39px;
  margin: 4px 0 14px 0;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.bankdetail_content > section .row > div form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  height: 39px;
  margin: 4px 0 14px 0;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.bankdetail_content > section .row > div form > .add_bank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 39px;
  padding: 9px;
  border: dashed 1px #03355c;
  border-radius: 5px;
  margin: 0 0 14px 0;
}
.bankdetail_content > section .row > div form > .add_bank > p {
  margin-left: 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.13;
  color: #03355c;
}
.bankdetail_content > section .row > div form > .btn-group {
  text-align: center;
}
.bankdetail_content > section .row > div form > .btn-group > button {
  border: none;
  width: 162px;
  height: 39px;
  padding: 10px 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.bankdetail_content .add_bank {
  margin: 13px 7px;
  padding-bottom: 15px;
  border: solid 1px rgba(0, 0, 0, 0.65);
}
.bankdetail_content .add_bank .add-bank-top {
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.66);
  padding: 11px 10px;
}
.bankdetail_content .add_bank .add-bank-top > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  color: #ffffff;
}
.bankdetail_content .add_bank .add-bank-top .close {
  display: block;
  position: absolute;
  right: 5px;
  line-height: 39px;
  width: 39px;
  text-align: center;
}
.bankdetail_content .add_bank .add-bank-top .close::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  color: #ffffff;
  -webkit-transform: rotate(45deg) scale(1.5);
      -ms-transform: rotate(45deg) scale(1.5);
          transform: rotate(45deg) scale(1.5);
}

.bankInfo_content {
  height: calc(100% - 42px - 63px - 54px);
  overflow-x: hidden;
  overflow-y: auto;
}
.bankInfo_content .bank-Info {
  padding: 7px;
}
.bankInfo_content .bank-Info > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3px 0;
}
.bankInfo_content .bank-Info > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 12px;
}
.bankInfo_content .bank-Info > div > div > p {
  font-size: 12px;
  font-weight: 500;
}
.bankInfo_content .bank-Info > div > div:nth-child(1) {
  width: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 13px 14px 9px 15px;
}
.bankInfo_content .bank-Info > div > div:nth-child(1) > p {
  color: #ffffff;
}
.bankInfo_content .bank-Info > div > div:nth-child(2) {
  width: 60%;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px 8px 9px 12px;
  color: rgba(0, 0, 0, 0.85);
}
.bankInfo_content .add_bank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px;
  border: dashed 1px #03355c;
  border-radius: 5px;
  height: 39px;
  margin: 13px 7px;
}
.bankInfo_content .add_bank > p {
  margin-left: 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.13;
  color: #03355c;
}

/* Header */
.chpassword_header > header {
  z-index: 1;
}
.chpassword_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chpassword_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.chpassword_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.chpassword_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.chpassword_header > header > .topnav_menu {
  background-color: #0c6db5;
  height: 63px;
  padding: 12px 8px;
}
.chpassword_header > header > .topnav_menu > form > select {
  height: 39px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

/* Content */
.chpassword_content {
  overflow: auto;
  height: calc(100% - 159px);
}
.chpassword_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chpassword_content > section > .container > .row > div > form {
  padding: 9px 7px 0 7px;
}
.chpassword_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.chpassword_content > section > .container > .row > div > form > label > span {
  color: #e02020;
}
.chpassword_content > section > .container > .row > div > form > input {
  width: 100%;
  height: 39px;
  margin: 4px 0 14px 0;
  padding: 0 12px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
}
.chpassword_content > section > .container > .row > div > form > select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  height: 39px;
  margin: 4px 0 14px 0;
  padding: 0 12px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.chpassword_content > section > .container > .row > div > form > .remind {
  margin: 0 0 29px 0;
  height: 39px;
  background-color: rgba(195, 39, 39, 0.15);
  padding: 5px 11px;
  border: solid 1px rgba(195, 39, 39, 0.31);
  border-radius: 5px;
  overflow: hidden;
}
.chpassword_content > section > .container > .row > div > form > .remind > p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.25;
  color: #e02020;
}
.chpassword_content > section > .container > .row > div > form > .btn-group {
  text-align: center;
}
.chpassword_content > section > .container > .row > div > form > .btn-group > button {
  border: none;
  width: 162px;
  height: 39px;
  padding: 11px 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

/* Header */
.joinus_one_header > header {
  z-index: 1;
}
.joinus_one_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joinus_one_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.joinus_one_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.joinus_one_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.joinus_one_header > header .topnav_menu {
  display: table;
  width: 100%;
  padding: 13px 9px 35px;
}
.joinus_one_header > header .topnav_menu .join-progress {
  position: relative;
  display: table;
  width: 100%;
  height: 26px;
  padding: 0 15px;
}
.joinus_one_header > header .topnav_menu .join-progress .joinus_one_line {
  width: 100%;
  height: 12px;
  border-bottom: 0.5px solid #a3a3a3;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) {
  position: absolute;
  top: 0;
  text-align: center;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):nth-child(2) {
  left: 0;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):nth-child(2) > p {
  left: 0;
  text-align: left;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):nth-child(3) {
  left: 50%;
  margin-left: -13px;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):last-child {
  right: 0;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):last-child > p {
  left: initial;
  right: 0;
  text-align: right;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number {
  position: relative;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number.first {
  background-color: #0c6db5;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number.second {
  background-color: #a3a3a3;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number > p {
  line-height: 222%;
  font-size: 12px;
  color: #ffffff;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .icon-tick {
  color: #a3a3a3;
  font-size: 26px;
  z-index: 1;
  background-color: #ffffff;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p {
  position: absolute;
  display: block;
  width: 100px;
  top: 30px;
  left: -36px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.personal {
  color: #0c6db5;
}
.joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.account, .joinus_one_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.login {
  color: #a3a3a3;
}

.joinus_one_content {
  overflow: auto;
  height: calc(100% - 126px);
  padding-bottom: 60px;
}
.joinus_one_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.joinus_one_content > section > .container > .row > div {
  padding: 0 8px;
}
.joinus_one_content > section > .container > .row > div > form .form-group {
  margin-bottom: 13px;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong {
  margin-bottom: 0;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong label {
  color: #e61616;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong input {
  border: solid 1px #ea3939;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong > div {
  position: relative;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong > div:not(.select_group):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-family: "icomoon";
  z-index: 1;
  content: "";
  font-size: 25px;
  color: #ea3939;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong .select_group select {
  border: solid 1px #ea3939;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong .select_group.phone select {
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin-right: 10px;
}
.joinus_one_content > section > .container > .row > div > form .form-group.wrong .select_group.phone:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-family: "icomoon";
  z-index: 1;
  content: "";
  font-size: 25px;
  color: #ea3939;
}
.joinus_one_content > section > .container > .row > div > form .form-group .error-msg {
  font-family: Roboto;
  font-size: 12px;
  color: #e61616;
  padding-left: 11px;
  margin: 5px 0 15px;
}
.joinus_one_content > section > .container > .row > div > form > div label {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.joinus_one_content > section > .container > .row > div > form > div label > span {
  color: #e02020;
}
.joinus_one_content > section > .container > .row > div > form > div input {
  position: relative;
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 0 12px;
  line-height: 39px;
  height: 39px;
  font-weight: 500;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: #000000;
}
.joinus_one_content > section > .container > .row > div > form > div input.email {
  background-color: rgba(225, 231, 247, 0.75);
}
.joinus_one_content > section > .container > .row > div > form > div select {
  position: relative;
  background-image: url("../img/arrow-down.png");
  background-color: #ffffff;
  background-position: center right;
  background-repeat: no-repeat;
  border-radius: 5px;
  width: 100%;
  padding: 0 12px;
  height: 39px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
}
.joinus_one_content > section > .container > .row > div > form > div select.year {
  margin-right: 0;
}
.joinus_one_content > section > .container > .row > div > form > div .btn-group {
  text-align: center;
  margin: 16px 0 0 0;
}
.joinus_one_content > section > .container > .row > div > form > div .btn-group > button {
  border: none;
  width: 100%;
  padding: 12px 30px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.joinus_one_content > section > .container > .row > div > form > div .select_group {
  display: table;
  width: 100%;
}
.joinus_one_content > section > .container > .row > div > form > div .select_group select {
  background-color: #ffffff;
  border-radius: 5px;
  width: 29%;
  padding: 0 12px;
  height: 39px;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.joinus_one_content > section > .container > .row > div > form > div .select_group select:nth-child(3) {
  width: 39%;
}
.joinus_one_content > section > .container > .row > div > form > div .select_group input {
  width: 69%;
  border: none;
  height: 39px;
  line-height: 39px;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

/* Header */
.joinus_two_header > header {
  z-index: 1;
}
.joinus_two_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joinus_two_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.joinus_two_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.joinus_two_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.joinus_two_header > header .topnav_menu {
  display: table;
  width: 100%;
  padding: 13px 9px 35px;
}
.joinus_two_header > header .topnav_menu .join-progress {
  position: relative;
  display: table;
  width: 100%;
  height: 26px;
  padding: 0 15px;
}
.joinus_two_header > header .topnav_menu .join-progress .joinus_one_line {
  width: 100%;
  height: 12px;
  border-bottom: 2px solid #a3a3a3;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) {
  position: absolute;
  top: 0;
  text-align: center;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):nth-child(2) {
  left: 15px;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):nth-child(3) {
  left: 50%;
  margin-left: -13px;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line):last-child {
  right: 15px;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number {
  position: relative;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number.first {
  background-color: #0c6db5;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number.second {
  background-color: #0c6db5;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .number > p {
  line-height: 222%;
  font-size: 12px;
  color: #ffffff;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > .icon-tick {
  color: #a3a3a3;
  font-size: 26px;
  z-index: 1;
  background-color: #ffffff;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p {
  position: absolute;
  display: block;
  width: 45px;
  top: 30px;
  left: -8px;
  font-size: 12px;
  text-align: center;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.personal {
  color: #0c6db5;
}
.joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.account, .joinus_two_header > header .topnav_menu .join-progress > div:not(.joinus_one_line) > p.login {
  color: #a3a3a3;
}

.joinus_two_content {
  overflow: auto;
  height: calc(100% - 126px);
  padding-bottom: 60px;
}
.joinus_two_content > section.info > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.joinus_two_content > section.info > .container > .row > div {
  padding: 0 8px;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group {
  margin-bottom: 13px;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.check:nth-child(1) > div:after {
  position: absolute;
  top: 0;
  right: 144px;
  width: 43px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-family: "icomoon";
  z-index: 1;
  content: "";
  font-size: 25px;
  color: #52ac2b;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong {
  margin-bottom: 0;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong label {
  color: #e61616;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong input {
  border: solid 1px #ea3939;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong > div:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-family: "icomoon";
  z-index: 1;
  content: "";
  font-size: 25px;
  color: #ea3939;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong > div .error-msg {
  display: block;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group.wrong:nth-child(1) > div:after {
  right: 144px;
  content: "";
}
.joinus_two_content > section.info > .container > .row > div > form .form-group:nth-child(1) > div > input {
  width: calc(100% - 145px);
  padding-right: 43px;
}
.joinus_two_content > section.info > .container > .row > div > form .form-group:nth-child(1) > div > button {
  width: 140px;
}
.joinus_two_content > section.info > .container > .row > div > form > div > div {
  position: relative;
  display: table;
  width: 100%;
}
.joinus_two_content > section.info > .container > .row > div > form > div > div .error-msg {
  font-family: Roboto;
  font-size: 12px;
  color: #e61616;
  padding-left: 11px;
  margin: 5px 0 15px;
  display: none;
}
.joinus_two_content > section.info > .container > .row > div > form > div > div > input {
  width: 100%;
  height: 39px;
  padding: 0 12px;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 39px;
  color: #000000;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.joinus_two_content > section.info > .container > .row > div > form > div > div > button {
  border: 1px solid #cccccc;
  width: 39%;
  white-space: nowrap;
  height: 39px;
  padding: 12px 10px;
  border-radius: 5px;
  margin-left: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#515151));
  background-image: -o-linear-gradient(top, #cccccc, #515151);
  background-image: linear-gradient(to bottom, #cccccc, #515151);
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  color: rgba(255, 255, 255, 0.9);
}
.joinus_two_content > section.info > .container > .row > div > form > div > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
}
.joinus_two_content > section.info > .container > .row > div > form > div > label > span {
  color: #e02020;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox.two {
  margin-top: 19px;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > input:checked ~ .checkmark:after {
  display: block;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > input:checked ~ .checkmark {
  background-color: #0e4a85;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: solid 1px rgba(0, 0, 0, 0.25);
  background-color: #f0f0f0;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.joinus_two_content > section.info > .container > .row > div > form > div > .checkbox > p {
  padding: 0 10px 0 30px;
  font-size: 12px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.5);
}
.joinus_two_content > section.info > .container > .row > div > form > div > .btn-group {
  margin: 6% 0;
  text-align: center;
}
.joinus_two_content > section.info > .container > .row > div > form > div > .btn-group > button {
  border: none;
  width: 100%;
  padding: 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
  font-weight: bold;
  font-size: 14px;
  line-height: 39px;
  color: #ffffff;
  margin-left: 0;
}

/* Header */
.forgot_header > header {
  z-index: 1;
}
.forgot_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.forgot_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.forgot_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.forgot_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.forgot_header > header > .topnav_menu > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div {
  z-index: 1;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > .number {
  border-radius: 50%;
  width: 63%;
  height: 53%;
  margin-left: auto;
  margin-right: auto;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > .number.first {
  background-color: #0c6db5;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > .number.second {
  background-color: #a3a3a3;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > .number > p {
  line-height: 222%;
  font-size: 12px;
  color: #ffffff;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > .icon-tick {
  color: #a3a3a3;
  font-size: 30px;
  z-index: 1;
  background-color: #ffffff;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > p {
  font-size: 12px;
  margin-top: 5px;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > p.personal {
  color: #0c6db5;
}
.forgot_header > header > .topnav_menu > .container > .row > div > div > div > p.account, .forgot_header > header > .topnav_menu > .container > .row > div > div > div > p.login {
  color: #a3a3a3;
}

.forgot_content {
  overflow: auto;
  height: calc(100% - 42px);
}
.forgot_content > section > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.forgot_content > section > .container > .row > div {
  padding: 13px 9px;
}
.forgot_content > section > .container > .row > div > form > label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.85);
  height: 39px;
}
.forgot_content > section > .container > .row > div > form > label > span {
  color: #e02020;
}
.forgot_content > section > .container > .row > div > form > input {
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 0 12px;
  line-height: 40px;
  margin: 4px 0 13px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.13;
  color: #000000;
  height: 39px;
}
.forgot_content > section > .container > .row > div > form > input.email {
  background-color: rgba(225, 231, 247, 0.75);
}
.forgot_content > section > .container > .row > div > form > .btn-group {
  text-align: center;
}
.forgot_content > section > .container > .row > div > form > .btn-group > button {
  border: none;
  width: 100%;
  padding: 12px 30px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
  height: 39px;
}
.forgot_content > section > .container > .row > div > form > .select_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.forgot_content > section > .container > .row > div > form > .select_group > select {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0 12px;
  line-height: 40px;
  width: 29%;
  margin: 4px 0 13px 0;
  font-weight: normal;
  font-size: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.forgot_content > section > .container > .row > div > form > .select_group > select:nth-child(3) {
  width: 39%;
}

/* Header */
.language_header > header {
  z-index: 1;
}
.language_header > header > .topnav {
  background: #f1f1f1;
  height: 42px;
  padding: 10px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.language_header > header > .topnav > a {
  width: 50px;
  position: fixed;
}
.language_header > header > .topnav > a > img {
  width: 12px;
  height: 20px;
  float: left;
}
.language_header > header > .topnav > p {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
  color: #424952;
}
.language_header > header > .topnav_notice {
  background-color: #03355c;
  height: 32px;
  padding: 7px 11px;
}
.language_header > header > .topnav_notice > p {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.85);
}

.language_content {
  overflow: auto;
  height: calc(100% - 128px);
}
.language_content > section > .container > .row.language > div > .lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
  background-color: #f1f1f1;
  padding: 21px 19px;
}
.language_content > section > .container > .row.language > div > .lang:not(:nth-child(1)) {
  margin-top: 1px;
}
.language_content > section > .container > .row.language > div > .lang .checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.language_content > section > .container > .row.language > div > .lang .checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.language_content > section > .container > .row.language > div > .lang .checkbox > input:checked ~ .checkmark:after {
  display: block;
}
.language_content > section > .container > .row.language > div > .lang .checkbox > .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background-color: #eee;
  border: solid 2px #0e4a85;
}
.language_content > section > .container > .row.language > div > .lang .checkbox > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 3px;
  top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0e4a85;
}
.language_content > section > .container > .row.language > div > .lang .checkbox > p {
  margin-left: 37px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.85);
}
.language_content > section > .container > .row.language > div > .btn-group {
  margin-top: 40px;
  text-align: center;
}
.language_content > section > .container > .row.language > div > .btn-group > button {
  border: none;
  width: 175px;
  padding: 12px 0;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}

/* Header */
.login_header > header {
  z-index: 1;
}
.login_header > header > .topnav {
  background: #0c6db5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 13px;
}
.login_header > header > .topnav > a .icon-cheveron-left,
.login_header > header > .topnav > .icon-cached-24px {
  color: #ffffff;
  font-size: 25px;
  float: left;
}
.login_header > header > .topnav > p {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

/* Content */
.login_content {
  overflow: auto;
  height: calc(100% - 43px);
  background-color: #eeeef4;
}
.login_content > section.user_info {
  height: calc(100% - 85px);
  min-height: 450px;
}
.login_content > section.user_info > .container > .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login_content > section.user_info > .container > .row > div > form {
  width: 100%;
  margin-top: 35%;
  padding: 0 8px;
}
.login_content > section.user_info > .container > .row > div > form .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 109px;
  margin: 0 auto;
  background: url("../img/logo.svg") center center no-repeat;
  background-size: contain;
}
.login_content > section.user_info > .container > .row > div > form > label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.login_content > section.user_info > .container > .row > div > form > label:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "icomoon";
  font-size: 20px;
  color: #5e5e5e;
  margin: 13px 0 0 11px;
  z-index: 1;
}
.login_content > section.user_info > .container > .row > div > form > label > input {
  position: relative;
  width: 100%;
  height: 43px;
  padding: 0 38px;
  border-radius: 5px;
  border: none;
  margin: 0 0 10px 0;
}
.login_content > section.user_info > .container > .row > div > form > label > input:hover {
  border: solid 1px rgba(48, 107, 170, 0.8);
}
.login_content > section.user_info > .container > .row > div > form > label.username:before {
  content: "";
}
.login_content > section.user_info > .container > .row > div > form > label.password:before {
  content: "";
}
.login_content > section.user_info > .container > .row > div > form > label.password > p {
  display: none;
}
.login_content > section.user_info > .container > .row > div > form > label.password.wrong > input {
  border: solid 1px #ea3939;
  background-color: #f0f0f0;
}
.login_content > section.user_info > .container > .row > div > form > label.password.wrong:after {
  position: absolute;
  right: 0;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-family: "icomoon";
  z-index: 1;
  content: "";
  font-size: 20px;
  color: #ea3939;
}
.login_content > section.user_info > .container > .row > div > form > label.password.wrong > p {
  margin-left: 8px;
  display: block;
  color: #e61616;
  font-size: 12px;
}
.login_content > section.user_info > .container > .row > div > form > button {
  margin: 28px 0 0 0;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
  width: 100%;
  height: 39px;
  border: none;
  border-radius: 5px;
  padding: 10px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
}
.login_content > section.user_info > .container > .row > div > .login_confirm {
  padding: 16px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > input:checked ~ .checkmark:after {
  display: block;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > .checkmark {
  position: absolute;
  top: -4px;
  left: 0;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  background-color: #eee;
  border: solid 2px #0e4a85;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 2.3px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0e4a85;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > p {
  margin-left: 32px;
  font-size: 12px;
  color: #0e4a85;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox.two {
  margin-top: 19px;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > input:checked ~ .checkmark:after {
  display: block;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > input:checked ~ .checkmark {
  background-color: #0e4a85;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: solid 1px rgba(0, 0, 0, 0.25);
  background-color: #f0f0f0;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.login_content > section.user_info > .container > .row > div > .login_confirm > .checkbox > p {
  margin-left: 24px;
  font-size: 12px;
  color: #0e4a85;
}
.login_content > section.user_info > .container > .row > div > .login_confirm > p {
  margin-left: auto;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}
.login_content > section.not_account {
  width: 100%;
  line-height: 84px;
  bottom: 0;
  text-align: center;
  border-top: solid 1px rgba(14, 74, 133, 0.5);
  background: #fff;
}
.login_content > section.not_account > p {
  font-size: 12px;
  color: #0e4a85;
}
.login_content > section.not_account > p > a {
  text-decoration: underline;
}

.contact_content {
  overflow: auto;
  height: calc(100% - 42px);
}
.contact_content .banner-img {
  height: 133px;
}
.contact_content .banner-img > img {
  width: 100%;
  height: 100%;
}
.contact_content span.phone {
  float: left;
  font-size: 15px;
  font-weight: bold;
}
.contact_content span.logo {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 3px;
}
.contact_content span.logo.wechat {
  background: url("../img/contact_icon_wechat.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.logo.whatapp {
  background: url("../img/contact_icon_whatapp.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.logo.zalo {
  background: url("../img/contact_icon_zalo.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.logo.berry {
  background: url("../img/contact_icon_bbm.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.logo.bb {
  font-size: 15px;
  font-weight: bold;
}
.contact_content span.flag {
  display: block;
  width: 32px;
  height: 32px;
  background: #aaa;
  border-radius: 50%;
}
.contact_content span.flag::before {
  content: "";
}
.contact_content span.flag.cn {
  background: url("../img/contact_icon_china.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.flag.id {
  background: url("../img/contact_icon_singapore.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.flag.th {
  background: url("../img/contact_icon_thailand.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.flag.vn {
  background: url("../img/contact_icon_vietnam.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact_content span.alert {
  display: block;
  color: #03355c;
  font-weight: bold;
  margin: 15px 0 20px;
}
.contact_content .content {
  padding: 20px 10px 80px;
  background-color: #eaeef4;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.contact_content .content h1 {
  font-size: 20px;
  color: #0c6db5;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact_content .content h5 {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.contact_content .content p {
  font-size: 14px;
}
.contact_content .content ul {
  display: table;
  list-style: none;
  margin: auto;
}
.contact_content .content ul > li {
  display: table;
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.contact_content .content .contact-list {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.contact_content .content .contact-list > div {
  display: table;
  width: 100%;
  height: 32px;
  line-height: 32px;
  margin-bottom: 5px;
  font-size: 13px;
}
.contact_content .content .contact-list > div > div {
  float: left;
}
.contact_content .content .contact-list > div > div:nth-child(1) {
  width: 35px;
  text-align: right;
}
.contact_content .content .contact-list > div > div:nth-child(2) {
  width: calc((100% - 35px)*0.4);
  text-align: left;
}
.contact_content .content .contact-list > div > div:nth-child(2).multi-phone {
  width: calc(100% - 35px);
}
.contact_content .content .contact-list > div > div:nth-child(3) {
  width: calc((100% - 35px)*0.6);
  text-align: left;
}
.contact_content .content .contact-list > div > div > div {
  display: table;
  width: 100%;
}
.contact_content .content .contact-list > div > div > div > div {
  float: left;
}
.contact_content .content .contact-list > div > div > div > div:nth-child(1) {
  width: 40%;
}
.contact_content .content .contact-list > div > div > div > div:nth-child(2) {
  width: 60%;
}
.contact_content .content .contact-other > div {
  display: table;
}
.contact_content .content .contact-other > div:nth-child(1) {
  margin: 0 auto;
  text-align: center;
}
.contact_content .content .contact-other > div:nth-child(1) > span.logo {
  line-height: 28px;
}
.contact_content .content .contact-other > div:nth-child(2) {
  padding-left: 35px;
  width: 100%;
}
.contact_content .content .contact-other > div:nth-child(3) {
  margin: 0 auto;
}
.contact_content .content .contact-other > div:nth-child(3) .phone {
  line-height: 28px;
}
.contact_content .mailto {
  display: block;
  color: #306baa;
  font-weight: bold;
  margin-bottom: 20px;
  text-decoration: underline;
}
.contact_content .chat-btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #074d81;
          box-shadow: 0 2px 0 0 #074d81;
  background-color: #0c6db5;
  margin-top: 20px;
}
.contact_content .chat-btn > span {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.contact_content .chat-btn > span:first-child {
  display: inline-block;
  margin-right: 0.5rem;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.chat_content .banner-img {
  height: 58.4px;
}
.chat_content .banner-img > img {
  width: 100%;
  height: 100%;
}
.chat_content .content {
  height: calc(100% - 42px);
  overflow-y: auto;
  padding: 20px 10px 80px;
  background-color: #eaeef4;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.chat_content .content h1 {
  font-size: 16px;
  color: #0c6db5;
  text-transform: uppercase;
}
.chat_content .content p {
  font-size: 14px;
  color: #000;
}
.chat_content .content form {
  display: table;
  width: 100%;
  margin-top: 30px;
  padding: 0 8px;
}
.chat_content .content form > div {
  position: relative;
  margin-bottom: 16px;
}
.chat_content .content form > div > label {
  display: block;
  width: 100%;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.chat_content .content form > div > input {
  width: 100%;
  height: 43px;
  padding: 0 14px;
  border-radius: 5px;
  border: none;
  background-color: #ffffff;
  margin: 0 0 10px 0;
}
.chat_content .content form > div > input:hover, .chat_content .content form > div > input:active {
  border: 1px solid rgba(48, 107, 170, 0.8);
}
.chat_content .content form > div .select_btn {
  width: 100%;
  height: 43px;
  background-color: #ffffff;
  border-radius: 5px;
  border: none;
  padding: 0 14px;
}
.chat_content .content form > div .error-msg {
  color: #ea3939;
  text-align: left;
  font-size: 13px;
}
.chat_content .content form > div.error > input {
  border: solid 1px #ea3939;
}
.chat_content .content form > button {
  margin: 28px 0 0 0;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
  width: 100%;
  height: 39px;
  border: none;
  border-radius: 5px;
  padding: 10px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
}

.info_wrap {
  min-height: 100%;
  padding: 15px 10px;
  background-color: #eaeef4;
}
.info_wrap .title:after {
  content: "";
  display: block;
  clear: both;
}
.info_wrap .title span {
  margin: 0 8px;
  display: inline-block;
  font-size: 0;
  text-indent: -99999px;
  width: 60px;
  height: 60px;
  background: url(../svg/icon-maintenance.svg) no-repeat;
  background-size: 100%;
  float: left;
}
.info_wrap .title h1 {
  width: calc(100% - 60px - 16px);
  font-size: 24px;
  line-height: 54px;
  text-align: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c6db5+0,04365d+100 */
  background: #0c6db5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#0c6db5), to(#04365d));
  background: -o-linear-gradient(top, #0c6db5 0%, #04365d 100%);
  background: linear-gradient(to bottom, #0c6db5 0%, #04365d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0c6db5", endColorstr="#04365d",GradientType=0 );
  /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
  float: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.info_wrap .sub_title {
  margin: 10px 0 15px 0;
}
.info_wrap .sub_title ol {
  list-style: none;
}
.info_wrap .sub_title ol li {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #04365d;
  text-align: center;
}
.info_wrap .content_info_wrap .lang_flag {
  display: block;
  margin-bottom: 10px;
  padding: 0 25px;
}
.info_wrap .content_info_wrap .lang_flag:after {
  content: "";
  display: block;
  clear: both;
}
.info_wrap .content_info_wrap .lang_flag li {
  margin: 0 10px;
  width: calc(100% / 5 - 20px);
  display: block;
  float: left;
}
.info_wrap .content_info_wrap .lang_flag a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}
.info_wrap .content_info_wrap .lang_flag a:before {
  content: "";
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.64);
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 3;
  border-radius: 50%;
}
.info_wrap .content_info_wrap .lang_flag a.active:before {
  background-color: transparent;
}
.info_wrap .content_info_wrap .flag_en {
  background: url(../img/contact_icon_english.png) no-repeat center center;
  background-size: 112%;
}
.info_wrap .content_info_wrap .flag_cn {
  background: url(../img/contact_icon_china.png) no-repeat center center;
  background-size: 112%;
}
.info_wrap .content_info_wrap .flag_thai {
  background: url(../img/contact_icon_thailand.png) no-repeat center center;
  background-size: 112%;
}
.info_wrap .content_info_wrap .flag_vn {
  background: url(../img/contact_icon_vietnam.png) no-repeat center center;
  background-size: 112%;
}
.info_wrap .content_info_wrap .flag_indo {
  background: url(../img/contact_icon_singapore.png) no-repeat center center;
  background-size: 112%;
}
.info_wrap .content_info_wrap .panel-box {
  background-color: #fff;
  border-bottom: 4px solid #0c6db5;
  border-radius: 5px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-inner {
  padding: 10px;
  background-color: #0c6db5;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.info_wrap .content_info_wrap .panel-box .panel-box-inner span {
  margin: 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -99999px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-inner h2 {
  margin: 10px 0;
  font-size: 18px;
  color: #fff;
}
.info_wrap .content_info_wrap .panel-box .panel-box-inner p {
  font-size: 13px;
  color: #ececec;
  text-align: left;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content {
  padding: 15px 10px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content p {
  width: 50%;
  float: left;
  font-size: 13px;
  margin-bottom: 5px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content p strong {
  display: inline-block;
  padding-right: 3px;
  min-width: 63px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content p a {
  color: #04365d;
  text-decoration: none;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .clearfix {
  zoom: 1;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .link-box {
  margin-top: 8px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .link-box li {
  list-style: none;
  display: block;
  float: left;
  width: calc(50% - 8px);
  margin: 0 4px;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .link-box a {
  display: block;
  padding: 4px 10px;
  text-decoration: none;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  color: #959595;
  font-size: 26px;
  text-align: center;
}
.info_wrap .content_info_wrap .panel-box .panel-box-content .link-box:after {
  content: "";
  display: block;
  clear: both;
}

.bg-restricted {
  background: #eaeef4 url(../img/restrict_bg.jpg) no-repeat center bottom;
  background-size: 120%;
}
.bg-restricted .icon-restricted {
  margin: 0 auto;
  display: block;
  width: 60px;
  height: 60px;
  background: url(../svg/icon_lock.svg) no-repeat;
  font-size: 0;
  text-indent: -9999px;
}
.bg-restricted .title h1 {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e31919+0,9b0507+100 */
  background: #e31919;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e31919), to(#9b0507));
  background: -o-linear-gradient(top, #e31919 0%, #9b0507 100%);
  background: linear-gradient(to bottom, #e31919 0%, #9b0507 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e31919", endColorstr="#9b0507",GradientType=0 );
  /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
}
.bg-restricted .sub_title ol {
  padding: 0 10px;
}
.bg-restricted .sub_title ol:after {
  content: "";
  display: block;
  clear: both;
}
.bg-restricted .sub_title ol li {
  display: block;
  float: left;
  margin: 0 5px;
}
.bg-restricted .content_info_wrap .panel-box .panel-box-inner {
  background-color: #fff;
}
.bg-restricted .content_info_wrap .panel-box .panel-box-inner h2 {
  color: #000;
}
.bg-restricted .content_info_wrap .panel-box .panel-box-inner p {
  color: #606060;
}

.game-menu {
  position: relative;
  display: table;
  width: 100%;
  height: 47px;
  overflow: hidden;
  background-color: #0c6db5;
}
.game-menu .search-bar {
  width: calc(100% - 10px);
  height: 31px;
  background-color: #f1f1f1;
  border-radius: 5px;
  margin: 8px 5px;
}
.game-menu .search-bar::before {
  float: left;
  font-family: "icomoon";
  content: "";
  font-size: 20px;
  line-height: 31px;
  margin: 0 1rem;
  color: #333;
}
.game-menu .search-bar > input {
  width: calc(100% - 100px);
  height: 31px;
  line-height: 31px;
  background: transparent;
  border: none;
}
.game-menu .search-bar > a {
  position: absolute;
  width: 31px;
  height: 31px;
  right: 10px;
}
.game-menu .search-bar > a::before {
  display: inline-block;
  font-family: "icomoon";
  content: "";
  line-height: 31px;
  font-size: 30px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #999;
}
.game-menu ul {
  display: table;
  width: 100%;
  height: 100%;
  list-style: none;
  background-color: #0c6db5;
  padding: 0 5px;
}
.game-menu ul li {
  float: left;
  width: calc(100% / 6);
  height: 100%;
}
.game-menu ul li > a {
  display: block;
  width: calc(100% - 5px);
  height: 31px;
  background-color: #f1f1f1;
  border-radius: 5px;
  margin: 8px auto;
}
.game-menu ul li > a.active {
  background-color: #03355c;
}
.game-menu ul li > a.search {
  text-align: center;
}
.game-menu ul li > a.search::before {
  font-family: "icomoon";
  content: "";
  font-size: 20px;
  line-height: 31px;
  color: rgba(0, 0, 0, 0.25);
}
.game-menu ul li > a.promo {
  background-image: url("../img/game-tag-promo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.game-menu ul li > a.hot {
  background-image: url("../img/game-tag-hot.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.game-menu ul li > a.new {
  background-image: url("../img/game-tag-new.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.game-menu ul li > a.jackpot {
  background-image: url("../img/game-tag-jackpot.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.game-menu ul li > a.all {
  text-align: center;
}
.game-menu ul li > a.all::before {
  font-family: "icomoon";
  content: "";
  font-size: 26px;
  color: #0c6db5;
  line-height: 31px;
}

.game-select {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #03355c;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.8);
}
.game-select::before {
  position: absolute;
  right: 8px;
  font-family: "icomoon";
  content: "";
  color: #fff;
  font-size: 30px;
}

.game-list-content {
  display: block;
  width: 100%;
  height: calc(100% - 183px);
  overflow: auto;
}

.game-list {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 183px);
  overflow: auto;
  padding: 0 5px;
}
.game-list .game-item {
  position: relative;
  float: left;
  width: calc((100% - 10px)/3);
  height: 0;
  padding-bottom: calc((100% - 10px)/3);
  background: #f1f1f1;
  margin: 7px 5px 7px 0;
  overflow: hidden;
}
.game-list .game-item:nth-child(3n) {
  margin-right: 0;
}
.game-list .game-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.game-list .game-item .name {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 0.5rem;
  font-size: 12px;
}
.game-list .game-item .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20% 5px 0;
  -webkit-animation: btnFadeIn 0.3s ease-in-out;
          animation: btnFadeIn 0.3s ease-in-out;
  display: none;
}
.game-list .game-item .link > a {
  display: block;
  background: #fff;
  max-width: 200px;
  margin: 0.5rem auto;
  line-height: 24px;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.game-list .game-item .link > a.try {
  color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe75d), to(#e0a910));
  background-image: -o-linear-gradient(top, #ffe75d 0%, #e0a910);
  background-image: linear-gradient(to bottom, #ffe75d 0%, #e0a910);
}
.game-list .game-item .link > a.play {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75be4a), to(#2f6525));
  background-image: -o-linear-gradient(top, #75be4a, #2f6525);
  background-image: linear-gradient(to bottom, #75be4a, #2f6525);
}
.game-list .game-item.active .link {
  display: block;
}
.game-list .more-btn {
  display: table;
  margin: 5px auto 17px;
  width: calc(100% - 10px);
  height: 39px;
  font-size: 14px;
  line-height: 39px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbaff), to(#2466ab));
  background-image: -o-linear-gradient(top, #5dbaff 0%, #2466ab);
  background-image: linear-gradient(to bottom, #5dbaff 0%, #2466ab);
}

.game-footer {
  background-color: #e5e5e5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  padding: 15px 5px 10px;
}
.game-footer > ul {
  display: table;
  width: 100%;
  list-style: none;
}
.game-footer > ul > li {
  float: left;
  width: 33.3333%;
  height: 30px;
  text-indent: -9999px;
  opacity: 0.7;
}
.game-footer > ul > li.gp {
  height: 20px;
  background: url("../img/cmd_logos_gameplay.png") center center no-repeat;
  background-size: contain;
}
.game-footer > ul > li.tt {
  height: 20px;
  background: url("../img/cmd_logos_toptrend.png") center center no-repeat;
  background-size: contain;
}
.game-footer > ul > li.pt {
  height: 20px;
  background: url("../img/cmd_logos_playtech.png") center center no-repeat;
  background-size: contain;
}
.game-footer > ul > li.pp {
  height: 45px;
  background: url("../img/cmd_logos_pragmatic.png") center center no-repeat;
  background-size: contain;
}
.game-footer > ul > li.sg {
  height: 20px;
  background: url("../img/cmd_logos_SG.png") center center no-repeat;
  background-size: contain;
  margin-top: 15px;
}
.game-footer > ul > li.adult {
  margin-top: 15px;
  text-indent: 0;
  opacity: 1;
  text-align: left;
  padding-left: 1rem;
}
.game-footer > ul > li.adult::before {
  font-family: "icomoon";
  content: "";
  color: red;
  font-size: 25px;
}

.game-select-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.8);
  z-index: 1;
}
.game-select-menu .inner-menu {
  position: absolute;
  width: 100%;
  bottom: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
}
.game-select-menu .inner-menu .inner-top {
  height: 36px;
  background: #eff0f1;
}
.game-select-menu .inner-menu .inner-top > a {
  display: block;
  float: right;
  line-height: 36px;
  padding: 0 19px;
  color: #0c6db5;
  font-weight: bold;
  font-size: 13px;
}
.game-select-menu .inner-menu .inner-set {
  background: #d1d3d9;
  height: 190px;
  overflow-y: auto;
}
.game-select-menu .inner-menu .inner-set ul li {
  text-align: center;
  padding: 15px 0 9px;
  font-size: 14px;
  font-weight: 500;
  color: #898a8e;
  text-transform: uppercase;
}

@-webkit-keyframes fadeIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@-webkit-keyframes btnFadeIn {
  from {
    -webkit-transform: scale(0) rotate(-360deg);
            transform: scale(0) rotate(-360deg);
  }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes btnFadeIn {
  from {
    -webkit-transform: scale(0) rotate(-360deg);
            transform: scale(0) rotate(-360deg);
  }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}