.rs {
  padding: 0;
  margin: 0;
}

input:focus, button:focus {
  outline: none;
}

.wrapper-db {
  background-color: #fff;
}

.wrapper-login {
  width: 100%;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
}

.wrapper-login .main-login {
  background: url("../img/bg-login.jpg") no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.wrapper-login .main-login .info-bottom {
  font-size: 3.5185185185vw;
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 3.2407407407vw;
}

.wrapper-login .main-login .info-bottom a {
  display: inline-block;
  color: #fa0308;
}

.wrapper-login .main-login .frm-login {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-login .main-login .frm-login .box-login {
  width: 100%;
  height: 75.462962963vw;
  margin: 0 3.0555555556vw;
  -webkit-border-radius: 2.7777777778vw;
     -moz-border-radius: 2.7777777778vw;
          border-radius: 2.7777777778vw;
  background-color: #ffffff;
}

.wrapper-login .main-login .frm-login .box-login .top-logo {
  border-bottom: 1px solid #b90000;
  height: 10.6481481481vw;
  padding: 0 4.6296296296vw;
  position: relative;
}

.wrapper-login .main-login .frm-login .box-login .top-logo .control-top {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 4.6296296296vw;
}

.wrapper-login .main-login .frm-login .box-login .top-logo h4 {
  font-size: 3.9814814815vw;
  color: #282828;
  font-weight: 500;
}

.wrapper-login .main-login .frm-login .box-login .top-logo .btn-back {
  display: block;
  background: url("../img/icon-back.png") no-repeat 0/100%;
  width: 5.3703703704vw;
  height: 5.3703703704vw;
}

.wrapper-login .main-login .frm-login .box-login .top-logo .logo {
  display: block;
  background: url("../img/logo.png") no-repeat 0/100%;
  width: 19.9074074074vw;
  height: 5.462962963vw;
}

.wrapper-login .main-login .frm-login .box-login .content-box {
  padding: 5.5555555556vw 4.1666666667vw;
  height: 64.3518518519vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login {
  font-family: 'Exo 2', sans-serif;
  font-size: 3.6111111111vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data {
  height: 9.2592592593vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
  border: 1px solid #6e6e6e;
  margin-top: 7.4074074074vw;
  position: relative;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data .text-error {
  position: absolute;
  top: -8.7037037037vw;
  right: -2.3148148148vw;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #ffffff;
  background-color: #e32224;
  padding: 0.462962963vw 1.8518518519vw;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data .text-error:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1.8518518519vw;
  right: 4.1666666667vw;
  width: 0;
  height: 0;
  border-left: 1.8518518519vw solid transparent;
  border-right: 1.8518518519vw solid transparent;
  border-top: 1.8518518519vw solid #e32224;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10.7407407407vw;
  height: 100%;
  -webkit-border-radius: 0.462962963vw;
     -moz-border-radius: 0.462962963vw;
          border-radius: 0.462962963vw;
  background-color: #6e6e6e;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon.icon-user:before {
  content: '';
  display: block;
  background: url("../img/icon-user.png") no-repeat 0/100%;
  width: 4.0740740741vw;
  height: 4.537037037vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon.icon-lock:before {
  content: '';
  display: block;
  background: url("../img/icon-lock.png") no-repeat 0/100%;
  width: 3.3333333333vw;
  height: 4.3518518519vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data input {
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: none;
  padding: 0 1.8518518519vw;
  height: 100%;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data input::-webkit-input-placeholder {
  color: #b4b4b4;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data input::-moz-placeholder {
  color: #b4b4b4;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data input:-ms-input-placeholder {
  color: #b4b4b4;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data input::placeholder {
  color: #b4b4b4;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data.error:after {
  content: '';
  display: inline-block;
  background: url("../img/icon-warn.png") no-repeat 0/100%;
  width: 0.8333333333vw;
  height: 4.3518518519vw;
  margin-right: 2.5vw;
  visibility: visible;
}

.wrapper-login .main-login .frm-login .box-login .content-login .input-data.password:after {
  content: '';
  display: inline-block;
  background: url("../img/icon-pass.png") no-repeat 0/100%;
  width: 6.2037037037vw;
  height: 3.7962962963vw;
  margin-right: 2.5vw;
  visibility: visible;
}

.wrapper-login .main-login .frm-login .box-login .content-login .btn-forget {
  display: inline-block;
  font-style: italic;
  color: #e32224;
  float: right;
  margin: 0.9259259259vw 0 4.1666666667vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control {
  width: 100%;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
  color: #ffffff;
  margin: 1.8518518519vw 0;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-register {
  padding: 2.7777777778vw 12.037037037vw;
  background-color: #22a1e3;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-login {
  padding: 2.7777777778vw 12.037037037vw;
  background-color: #e32224;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-play {
  padding: 2.7777777778vw 3.7037037037vw;
  background-color: #ffa200;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-play:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-game.png") no-repeat 0/100%;
  width: 5.7407407407vw;
  height: 3.7962962963vw;
  margin-right: 0.9259259259vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fb {
  padding: 2.7777777778vw 8.3333333333vw;
  background-color: #4267b2;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fb:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-fb.png") no-repeat 0/100%;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  margin-right: 0.9259259259vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fanpage {
  width: 47%;
  padding: 2.7777777778vw 0;
  background-color: #4267b2;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-group {
  width: 47%;
  padding: 2.7777777778vw 0;
  background-color: #002163;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-login .main-login .frm-login .box-login .content-login .text-descript {
  color: #6e6e6e;
  font-weight: 600;
  text-align: center;
  padding: 0 11.1111111111vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .btn-continue {
  display: block;
  width: 100%;
  border: none;
  background: #e32224;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
  height: 8.9814814815vw;
  margin-top: 4.1666666667vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .text-descript-2 {
  color: #6e6e6e;
  font-weight: 600;
  text-align: center;
}

.wrapper-login .main-login .frm-login .box-login .content-login .text-descript-2 .text-note {
  color: #e32224;
}

.wrapper-login .main-login .frm-login .box-login .content-login .text-descript-3 {
  color: #6e6e6e;
  font-weight: 600;
  text-align: center;
  margin-top: 2.3148148148vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .text-or {
  font-size: 3.9814814815vw;
  font-weight: 500;
  color: #828282;
}

.wrapper-login .main-login .frm-login .box-login .content-login .title {
  font-weight: bold;
  color: #e32224;
  text-transform: uppercase;
  font-size: 3.9814814815vw;
  margin-top: 1.3888888889vw;
}

.wrapper-login .main-login .frm-login .box-login .content-login .box-top p, .wrapper-login .main-login .frm-login .box-login .content-login .box-bottom p {
  font-weight: 500;
  color: #000000;
}

.wrapper-login .full-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: #00000096;
  top: 0;
  left: 0;
  display: none;
}

.wrapper-login .full-bg.active {
  display: block;
}

.wrapper-login .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #ffffff;
  -webkit-border-radius: 1.3888888889vw;
     -moz-border-radius: 1.3888888889vw;
          border-radius: 1.3888888889vw;
  z-index: 9999;
  padding: 3.7037037037vw 0 1.8518518519vw;
  font-family: 'Exo 2', sans-serif;
  display: none;
}

.wrapper-login .popup.active {
  display: block;
}

.wrapper-login .popup.popup-dnnhanh {
  width: 70.7407407407vw;
  height: 46.6666666667vw;
  margin-top: -23.3333333333vw;
  margin-left: -35.3703703704vw;
}

.wrapper-login .popup.popup-infomation {
  width: 62.8703703704vw;
  height: 38.3333333333vw;
  margin-top: -19.1666666667vw;
  margin-left: -31.4351851852vw;
}

.wrapper-login .popup h4 {
  font-weight: 600;
  font-size: 3.6111111111vw;
  color: #000000;
  padding: 0 3.7037037037vw;
  text-align: center;
}

.wrapper-login .popup p {
  padding: 3.7037037037vw;
  font-size: 3.6111111111vw;
  color: #6e6e6e;
}

.wrapper-login .popup .bottom {
  border-top: 1px solid #eaeaea;
  padding: 0.9259259259vw;
}

.wrapper-login .popup .bottom a {
  display: inline-block;
  color: #0090ff;
  font-size: 3.6111111111vw;
}

.wrapper-db {
  width: 100%;
  overflow: hidden;
  font-family: 'Exo 2', sans-serif;
  padding-top: 11.2962962963vw;
}

.wrapper-db .top-menu {
  width: 100%;
  height: 11.2962962963vw;
  background-color: #e32224;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.wrapper-db .top-menu .title-top {
  color: #ffffff;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4.8148148148vw;
  font-weight: 400;
}

.wrapper-db .top-menu .logo {
  display: block;
  background: url("../img/logo-menu.png") no-repeat 0/100%;
  width: 19.9074074074vw;
  height: 5.462962963vw;
  margin: 2.7777777778vw auto;
}

.wrapper-db .top-menu .top-control {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 3.1481481481vw 0 2.962962963vw;
}

.wrapper-db .top-menu .top-control .icon-menu {
  display: block;
  background: url("../img/icon-menu.png") no-repeat 0/100%;
  width: 8.5185185185vw;
  height: 6.4814814815vw;
  border: none;
}

.wrapper-db .top-menu .top-control .btn-close {
  display: block;
  background: url("../img/icon-close.png") no-repeat 0/100%;
  width: 3.9814814815vw;
  height: 4.0740740741vw;
}

.wrapper-db .top-menu .top-control .btn-back {
  display: block;
  background: url("../img/btn-back.png") no-repeat 0/100%;
  width: 3.4259259259vw;
  height: 5.462962963vw;
}

.wrapper-db .list-menu {
  padding: 0 2.7777777778vw;
}

.wrapper-db .list-menu .item {
  display: block;
  width: 31.0185185185vw;
  text-align: center;
  margin: 2.7777777778vw 0;
  font-weight: 300;
  font-size: 4.8148148148vw;
  color: #6e6e6e;
  position: relative;
  text-decoration: none;
}

.wrapper-db .list-menu .item:after {
  content: '';
  display: block;
  width: 1px;
  height: 4.6296296296vw;
  border-left: 1px dashed #6e6e6e;
  position: absolute;
  right: 0;
  top: 4.6296296296vw;
}

.wrapper-db .list-menu .item:nth-child(3):after, .wrapper-db .list-menu .item:last-child:after {
  display: none;
}

.wrapper-db .list-menu .item .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.0555555556vw;
  height: 8.2407407407vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

.wrapper-db .list-menu .item .icon:before {
  content: '';
  display: block;
}

.wrapper-db .list-menu .item .icon.icon-1:before {
  background: url("../img/imenu1.png") no-repeat 0/100%;
  width: 6.5740740741vw;
  height: 7.8703703704vw;
}

.wrapper-db .list-menu .item .icon.icon-2:before {
  background: url("../img/menu2.png") no-repeat 0/100%;
  width: 7.5vw;
  height: 8.2407407407vw;
}

.wrapper-db .list-menu .item .icon.icon-3:before {
  background: url("../img/menu3.png") no-repeat 0/100%;
  width: 7.3148148148vw;
  height: 7.4074074074vw;
}

.wrapper-db .list-menu .item .icon.icon-4:before {
  background: url("../img/menu4.png") no-repeat 0/100%;
  width: 8.0555555556vw;
  height: 6.7592592593vw;
}

.wrapper-db .list-menu .item .icon.icon-5:before {
  background: url("../img/menu5.png") no-repeat 0/100%;
  width: 7.7777777778vw;
  height: 6.9444444444vw;
}

.wrapper-db .main-db {
  padding: 2.7777777778vw;
}

.wrapper-db .main-db .btn-update {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  width: 100%;
  height: 10vw;
  background-color: #e32224;
  -webkit-border-radius: 1.8518518519vw;
     -moz-border-radius: 1.8518518519vw;
          border-radius: 1.8518518519vw;
  color: #ffffff;
  font-size: 4.8148148148vw;
  margin-top: 9.2592592593vw;
  margin-bottom: 2.037037037vw;
}

.wrapper-db .main-db .btn-update:focus {
  outline: none;
}

.wrapper-db .main-db input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.9259259259vw 0;
  margin: 2.7777777778vw 0;
}

.wrapper-db .main-db input:focus {
  outline: none;
}

.wrapper-db .main-db input::-webkit-input-placeholder {
  font-style: italic;
}

.wrapper-db .main-db input::-moz-placeholder {
  font-style: italic;
}

.wrapper-db .main-db input:-ms-input-placeholder {
  font-style: italic;
}

.wrapper-db .main-db input::placeholder {
  font-style: italic;
}

.wrapper-db .main-db .btn-update-gray {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  width: 100%;
  height: 10vw;
  background-color: #8e8e8e;
  -webkit-border-radius: 1.8518518519vw;
     -moz-border-radius: 1.8518518519vw;
          border-radius: 1.8518518519vw;
  color: #ffffff;
  font-size: 4.8148148148vw;
  margin-bottom: 2.037037037vw;
}

.wrapper-db .main-db .btn-update-gray:focus {
  outline: none;
}

.wrapper-db .main-db .nav li {
  width: 50%;
}

.wrapper-db .main-db .nav li a {
  text-align: center;
  color: #b90000;
  font-size: 4.8148148148vw;
}

.wrapper-db .main-db .nav li a.active {
  background-color: #e32224;
  color: #ffffff;
}

.wrapper-db .main-db .list-news .item-news {
  display: block;
  padding: 3.7037037037vw 1.8518518519vw 3.7037037037vw 14.3518518519vw;
  position: relative;
  color: #6e6e6e;
  height: 20.8333333333vw;
  font-size: 3.8888888889vw;
  border-bottom: 1px solid #dadada;
  text-decoration: none;
}

.wrapper-db .main-db .list-news .item-news .img {
  display: block;
  width: 12.962962963vw;
  height: 12.962962963vw;
  overflow: hidden;
  position: absolute;
  top: 3.7037037037vw;
  left: 0;
}

.wrapper-db .main-db .list-news .item-news .img img {
  width: 100%;
}

.wrapper-db .main-db .list-news .item-news .title-news {
  display: block;
  font-weight: 500;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.wrapper-db .main-db .list-news .item-news .date {
  display: block;
  font-weight: 300;
}

.wrapper-db .main-db .detail-news {
  font-size: 3.7037037037vw;
}

.wrapper-db .main-db .detail-news .title {
  font-size: 3.9814814815vw;
  font-weight: 600;
  color: #2b2b2b;
}

.wrapper-db .main-db .detail-news .date {
  font-size: 3.9814814815vw;
}

.wrapper-db .main-db .detail-news .cont-detail img {
  display: block;
  max-width: 100%;
  margin: 3.2407407407vw auto;
}

.wrapper-db .main-db .detail-news .cont-detail h4 {
  font-weight: 600;
  font-size: 3.7037037037vw;
  margin-bottom: 4.6296296296vw;
}

.wrapper-db .main-db .setup-sdt {
  font-size: 4.6296296296vw;
  padding: 2.7777777778vw 0;
  font-weight: 500;
}

.wrapper-db .main-db .setup-sdt p {
  margin-bottom: 2.3148148148vw;
}

.wrapper-db .main-db .setup-sdt .text-red {
  color: #db2023;
}

.wrapper-db .main-db .setup-sdt .text-green {
  color: #00a131;
}

.wrapper-db .main-db .setup-sdt .note-warn {
  color: #db2023;
  font-size: 3.7037037037vw;
}

.wrapper-db .main-db .setup-sdt .note-success {
  color: #00a131;
  font-size: 3.7037037037vw;
}

.wrapper-db .main-db .setup-sdt .box-sdt-success {
  text-align: center;
  font-size: 4.6296296296vw;
  color: #0fd173;
}

.wrapper-db .main-db .setup-sdt .box-sdt-success .img {
  display: block;
  width: 18.7037037037vw;
  height: 18.7037037037vw;
  overflow: hidden;
  margin: 37.037037037vw auto 3.2407407407vw;
}

.wrapper-db .main-db .setup-sdt .box-sdt-success .img img {
  width: 100%;
}

.wrapper-db .main-db .setup-sdt .btn-link-email {
  text-decoration: underline;
  color: #7d7d7d;
  font-size: 3.7037037037vw;
  font-weight: 300;
  font-style: italic;
  display: block;
  text-align: center;
}

.wrapper-db .main-db .box-account {
  padding: 2.7777777778vw 0;
}

.wrapper-db .main-db .box-account .text-red {
  color: #e32224;
}

.wrapper-db .main-db .box-account .top-user {
  color: #777777;
  font-size: 4.6296296296vw;
  border-bottom: 1px solid #dadada;
}

.wrapper-db .main-db .box-account .top-user .avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17.2222222222vw;
  height: 17.2222222222vw;
  overflow: hidden;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #f39426;
  color: #ffffff;
  font-size: 11.9444444444vw;
  font-weight: bold;
  margin-right: 2.3148148148vw;
}

.wrapper-db .main-db .box-account .top-user .info-user {
  -webkit-box-flex: 74.0740740741vw;
  -webkit-flex: 74.0740740741vw;
     -moz-box-flex: 74.0740740741vw;
      -ms-flex: 74.0740740741vw;
          flex: 74.0740740741vw;
}

.wrapper-db .main-db .box-account .top-user .info-user .nick-name {
  font-size: 5vw;
}

.wrapper-db .main-db .box-account .top-user .info-user .progress {
  margin: 1.3888888889vw 0 3.7037037037vw;
  border: 1px solid #818181;
  background-color: #ffffff;
  width: 65.7407407407vw;
}

.wrapper-db .main-db .box-account .top-user .info-user .progress .progress-bar {
  background-color: #e32224;
}

.wrapper-db .main-db .box-account .box-info-detail {
  padding: 4.6296296296vw 0;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info {
  width: 50%;
  margin: 3.2407407407vw 0;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info h5 {
  font-weight: 500;
  font-size: 3.8888888889vw;
  color: #6e6e6e;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info span {
  font-size: 3.2407407407vw;
  font-weight: 300;
  color: #6e6e6e;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info .btn-update {
  display: block;
  background: url("../img/icon-replay.png") no-repeat 0/100%;
  width: 3.7962962963vw;
  height: 3.4259259259vw;
  margin-left: 1.8518518519vw;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info .icon-info {
  display: block;
  margin-right: 3.0555555556vw;
  width: 3.8888888889vw;
  height: 3.8888888889vw;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info .icon-info.icon-tick {
  background: url("../img/safe.png") no-repeat 0/100%;
}

.wrapper-db .main-db .box-account .box-info-detail .item-info .icon-info.icon-tick-2 {
  background: url("../img/warning.png") no-repeat 0/100%;
}

.wrapper-db .main-db .box-account .lst-user a {
  color: #6e6e6e;
  font-size: 4.2592592593vw;
  padding: 4.1666666667vw 0 4.1666666667vw 4.1666666667vw;
  border-top: 1px solid #dadada;
}

.wrapper-db .main-db .box-account .lst-user a:after {
  content: '';
  display: inline-block;
  background: url("../img/icon-row.png") no-repeat 0/100%;
  width: 3.5185185185vw;
  height: 5.3703703704vw;
}

.wrapper-db .main-db .list-info-user .item {
  padding: 3.7037037037vw 0;
  border-bottom: 1px solid #dadada;
  font-size: 4.8148148148vw;
}

.wrapper-db .main-db .list-info-user .item:last-child {
  border-bottom: none;
}

.wrapper-db .main-db .list-info-user .item.date:after {
  content: '';
  display: block;
  background: url("../img/calendar.png") no-repeat 0/100%;
  width: 6.2037037037vw;
  height: 5.2777777778vw;
}

.wrapper-db .main-db .list-info-user .item:after {
  content: '';
  display: block;
  background: url("../img/icon-edit.png") no-repeat 0/100%;
  width: 5.0925925926vw;
  height: 5.0925925926vw;
}

.wrapper-db .main-db .list-info-user .item label {
  width: 40.2777777778vw;
  margin-bottom: 0;
}

.wrapper-db .main-db .list-info-user .item input {
  width: 47.2222222222vw;
  border: none;
}

.wrapper-db .main-db .list-history {
  color: #2b2b2b;
  font-size: 3.7037037037vw;
  padding: 2.3148148148vw 0;
}

.wrapper-db .main-db .list-history h6 {
  font-size: 4.8148148148vw;
  margin-bottom: 2.3148148148vw;
}

.wrapper-db .main-db .list-history p {
  font-size: 4.2592592593vw;
}

.wrapper-db .main-db .list-history .lst-history {
  margin-top: 3.2407407407vw;
}

.wrapper-db .main-db .list-history .lst-history .item {
  padding: 2.7777777778vw 0;
  border-top: 1px solid #a5a5a5;
}

.wrapper-db .main-db .list-history .lst-history .item .info {
  max-width: 50%;
}

.wrapper-db .main-db .list-history .lst-history .item .info span {
  font-size: 2.7777777778vw;
  color: #4e4e4e;
}

.wrapper-db .main-db .list-history .lst-history .item .name-game {
  display: block;
  max-width: 50%;
}

.wrapper-db .main-db .his-table-1 {
  font-size: 2.7777777778vw;
  color: #2b2b2b;
  margin-top: 3.2407407407vw;
}

.wrapper-db .main-db .main-support {
  font-size: 3.7037037037vw;
}

.wrapper-db .main-db .main-support .line-acc {
  width: 98%;
  height: 0.2px;
  background-color: #e5e5e5;
  margin: 2.5vw auto;
}

.wrapper-db .main-db .main-support .btn-creat-report {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  color: #ffffff;
  height: 11.2962962963vw;
  background-color: #ff9000;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
  text-decoration: none;
  font-size: 4.537037037vw;
}

.wrapper-db .main-db .main-support .box-item-acc .title-acc {
  border-left: 1.3888888889vw solid #c11b1e;
  padding: 0 2.5vw;
  color: #6d6d6d;
  font-weight: 600;
  line-height: 5.8333333333vw;
  font-size: 3.8888888889vw;
}

.wrapper-db .main-db .main-support .box-item-acc .title-acc a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  font-style: italic;
  color: #c71c1f;
  font-size: 3.8888888889vw;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content {
  padding: 4.1666666667vw 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 3.8888888889vw;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .content-left .item {
  color: #6d6d6d;
  font-weight: 500;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .content-left .item .title-item {
  font-weight: 600;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .content-left .item .text-red {
  color: #d31f21;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .content-left .item .text-green {
  color: #05b805;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .action-right a {
  width: 36.1111111111vw;
  height: 10.5555555556vw;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2.5vw;
  -webkit-border-radius: 2.2222222222vw;
     -moz-border-radius: 2.2222222222vw;
          border-radius: 2.2222222222vw;
  text-decoration: none;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .action-right a.btn-action-1 {
  background-color: #cccccc;
}

.wrapper-db .main-db .main-support .box-item-acc .item-acc-content .action-right a.btn-action-2 {
  background-color: #f39426;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-question {
  margin: 0;
  padding: 2.7777777778vw 0 0 8.3333333333vw;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-question li {
  list-style: none;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-question li a {
  color: #6d6d6d;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 2;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-question li a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-question li a span:before {
  content: "-";
  margin-right: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-support {
  margin: 0;
  padding: 2.7777777778vw 0 2.7777777778vw 2.7777777778vw;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-support li {
  padding: 1.6666666667vw 0;
}

.wrapper-db .main-db .main-support .box-item-acc .lst-support li span {
  width: 6.9444444444vw;
  display: inline-block;
  margin-right: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug {
  padding: 2.3148148148vw 0.9259259259vw;
}

.wrapper-db .main-db .main-support .box-create-bug ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.2037037037vw 0 2.7777777778vw;
}

.wrapper-db .main-db .main-support .box-create-bug ul li {
  width: 33%;
}

.wrapper-db .main-db .main-support .box-create-bug ul li a {
  color: #ffffff;
  background-color: #878787;
  -webkit-border-radius: 0.462962963vw;
     -moz-border-radius: 0.462962963vw;
          border-radius: 0.462962963vw;
  width: 100%;
  height: 11.2962962963vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.462962963vw;
  line-height: 1;
  font-size: 3.8888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug ul li a:hover, .wrapper-db .main-db .main-support .box-create-bug ul li a.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e22224), to(#bf1b1d));
  background-image: -webkit-linear-gradient(#e22224, #bf1b1d);
  background-image: -moz- oldlinear-gradient(#e22224, #bf1b1d);
  background-image: -o-linear-gradient(#e22224, #bf1b1d);
  background-image: linear-gradient(#e22224, #bf1b1d);
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-option {
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-option select {
  width: 100%;
  height: 10.2777777778vw;
  background-color: #e0e0e0;
  border: none;
  -webkit-border-radius: 1.3888888889vw;
     -moz-border-radius: 1.3888888889vw;
          border-radius: 1.3888888889vw;
  margin-bottom: 2.7777777778vw;
  font-style: italic;
  padding: 0 4.1666666667vw;
  position: relative;
  font-size: 4.4444444444vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-option select:focus {
  outline: none;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-option:nth-child(2) select {
  width: 49.5% !important;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des {
  width: 100%;
  background-color: #e0e0e0;
  margin-bottom: 6.9444444444vw;
  -webkit-border-radius: 1.3888888889vw;
     -moz-border-radius: 1.3888888889vw;
          border-radius: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des textarea {
  border: none;
  background-color: #e0e0e0;
  width: 100%;
  height: 18.8888888889vw;
  padding: 2.7777777778vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des textarea:focus {
  outline: none;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img, .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 18.5185185185vw;
  height: 18.5185185185vw;
  overflow: hidden;
  -webkit-border-radius: 2.7777777778vw;
     -moz-border-radius: 2.7777777778vw;
          border-radius: 2.7777777778vw;
  border: 1px solid #939393;
  margin: 0 1.3888888889vw 1.3888888889vw 0;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img:first-child, .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add:first-child {
  margin-left: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img {
  position: relative;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img img {
  width: 100%;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img .btn-close-img {
  display: block;
  background: url("../img/icon-close.png") no-repeat 0/100%;
  width: 3.6111111111vw;
  height: 3.6111111111vw;
  position: absolute;
  top: 1.3888888889vw;
  right: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add:before {
  content: '';
  background: url("../img/icon-add.png") no-repeat 0/100%;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-control-create button {
  background-color: #b5b5b5;
  color: #ffffff;
  text-transform: uppercase;
  height: 10.5555555556vw;
  width: 49.5%;
  border: none;
  -webkit-border-radius: 1.3888888889vw;
     -moz-border-radius: 1.3888888889vw;
          border-radius: 1.3888888889vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-control-create button.active {
  background-color: #f39426;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug {
  margin-bottom: 4.4444444444vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input {
  width: 49.5%;
  height: 10.2777777778vw;
  background-color: #e0e0e0;
  -webkit-border-radius: 1.3888888889vw;
     -moz-border-radius: 1.3888888889vw;
          border-radius: 1.3888888889vw;
  margin-bottom: 2.5vw;
  border: none;
  padding: 0 4.1666666667vw;
  font-style: italic;
  color: #272727;
  font-size: 4.7222222222vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input:focus {
  outline: none;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input::-webkit-input-placeholder {
  color: #272727;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input::-moz-placeholder {
  color: #272727;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input:-ms-input-placeholder {
  color: #272727;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input::placeholder {
  color: #272727;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-1 {
  padding-bottom: 4.1666666667vw;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .box-note {
  margin: 2.7777777778vw 0 8.3333333333vw;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-info-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  color: #8a8a8a;
  font-weight: 500;
}

.wrapper-db .main-db .main-support .box-create-bug .tab-content .item-info-1 span {
  color: #f39426;
  display: inline-block;
  margin-right: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin {
  color: #6e6e6e;
}

.wrapper-db .main-db .box-napcoin h6 {
  font-size: 5.6481481481vw;
  font-weight: 500;
  color: #6e6e6e;
}

.wrapper-db .main-db .box-napcoin .top-hot-payment {
  background: url("../img/bg-hot.png") no-repeat 0/100%;
  width: 100vw;
  height: 5.2777777778vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  color: #e32224;
  font-size: 3.2407407407vw;
  font-weight: 300;
  margin: 6.4814814815vw auto;
}

.wrapper-db .main-db .box-napcoin .top-hot-payment:before {
  content: '';
  display: block;
  background: url("../img/icon-hot.png") no-repeat 0/100%;
  width: 6.7592592593vw;
  height: 7.8703703704vw;
  position: absolute;
  top: -2.3148148148vw;
  left: 6.9444444444vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment {
  padding: 0;
}

.wrapper-db .main-db .box-napcoin .lst-payment li {
  border-bottom: 1px solid #e1e1e1;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-db .main-db .box-napcoin .lst-payment li:last-child {
  border-bottom: none;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.7777777778vw 0;
  text-decoration: none;
  font-size: 4.1666666667vw;
  color: #6e6e6e;
  font-weight: 300;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a:hover {
  color: #e02124;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon {
  width: 9.537037037vw;
  height: 8.3333333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6.4814814815vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon:before {
  content: '';
  display: block;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-1:before {
  background: url("../img/pay0.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 7.962962963vw;
  height: 7.962962963vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-2:before {
  background: url("../img/pay1.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 7.962962963vw;
  height: 7.962962963vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-3:before {
  background: url("../img/pay2.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 9.537037037vw;
  height: 6.0185185185vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-4:before {
  background: url("../img/pay3.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 9.537037037vw;
  height: 6.0185185185vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-5:before {
  background: url("../img/pay4.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 8.3333333333vw;
  height: 8.2407407407vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-6:before {
  background: url("../img/pay5.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 8.7962962963vw;
  height: 5.7407407407vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-7:before {
  background: url("../img/pay6.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 7.962962963vw;
  height: 7.962962963vw;
}

.wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-8:before {
  background: url("../img/pay7.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 7.037037037vw;
  height: 8.3333333333vw;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.1851851852vw solid #e12224;
  -webkit-border-radius: 0.9259259259vw;
     -moz-border-radius: 0.9259259259vw;
          border-radius: 0.9259259259vw;
  overflow: hidden;
  width: 32%;
  margin: 0 2% 2% 0;
  font-size: 3.4259259259vw;
  text-decoration: none;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa .item:nth-child(3n) {
  margin-right: 0;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa .item .gcoin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.3888888889vw 0;
  color: #e12224;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa .item .gcoin:before {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/icon-pay1.png") no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  width: 4.9074074074vw;
  height: 4.9074074074vw;
  margin-right: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin .lst-coin-visa .item .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 6.9444444444vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #e12224;
  color: #ffffff;
}

.wrapper-db .main-db .box-napcoin .box-user {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.3148148148vw 0;
  border-bottom: 1px solid #d0d0d0;
  padding: 2.3148148148vw 0;
}

.wrapper-db .main-db .box-napcoin .box-user .item {
  width: 50%;
}

.wrapper-db .main-db .box-napcoin .box-user .item:nth-child(2) {
  padding-left: 10%;
}

.wrapper-db .main-db .box-napcoin .box-user .item p {
  color: #000000;
  font-size: 3.7037037037vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item p span {
  color: #e32224;
}

.wrapper-db .main-db .box-napcoin .box-user .item p.user:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-u1.png") no-repeat 0/100%;
  width: 3.6111111111vw;
  height: 4.3518518519vw;
  margin-right: 3.4259259259vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item p.card-user:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-u2.png") no-repeat 0/100%;
  width: 4.2592592593vw;
  height: 4.2592592593vw;
  margin-right: 2.7777777778vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item p.gcoin:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-u3.png") no-repeat 0/100%;
  width: 5vw;
  height: 4.1666666667vw;
  margin-right: 1.7592592593vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item p.member:before {
  content: '';
  display: inline-block;
  background: url("../img/icon-u4.png") no-repeat 0/100%;
  width: 5vw;
  height: 4.7222222222vw;
  margin-right: 1.2962962963vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item-bottom {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.wrapper-db .main-db .box-napcoin .box-user .item-bottom p {
  width: 50%;
  color: #000000;
  font-size: 3.7037037037vw;
  margin-bottom: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin .box-user .item-bottom p span {
  color: #e32224;
}

.wrapper-db .main-db .box-napcoin .box-user .item-bottom p:nth-child(2) {
  padding-left: 10%;
}

.wrapper-db .main-db .box-napcoin .box-title-coin {
  padding: 2.3148148148vw 0;
}

.wrapper-db .main-db .box-napcoin .box-title-coin h5 {
  font-size: 4.8148148148vw;
  font-weight: 300;
  color: #6e6e6e;
  text-align: center;
  margin-bottom: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail {
  color: #2b2b2b;
  font-size: 4.6296296296vw;
  margin-bottom: 3.2407407407vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-g {
  display: inline-block;
  background: url("../img/pay1.png") no-repeat 0/100%;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin-right: 3.2407407407vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-g-box {
  display: inline-block;
  background: url("../img/pay2.png") no-repeat 0/100%;
  width: 9.537037037vw;
  height: 6.0185185185vw;
  margin-right: 3.2407407407vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-bank-box {
  display: inline-block;
  background: url("../img/pay7.png") no-repeat 0/100%;
  width: 7.037037037vw;
  height: 8.3333333333vw;
  margin-right: 1.3888888889vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .btn-change {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e32224;
  font-size: 3.7037037037vw;
  font-weight: 300;
  font-style: italic;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .btn-change:before {
  content: '';
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: url("../img/icon-change.png") no-repeat 0/100%;
  width: 3.7962962963vw;
  height: 3.4259259259vw;
  margin: 0 0.9259259259vw;
}

.wrapper-db .main-db .box-napcoin .box-title-coin .info-nap {
  background: url("../img/bg-gra-2.png") no-repeat 0/100%;
  width: 43.2407407407vw;
  height: 5.9259259259vw;
  margin: 1.3888888889vw auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 300;
  color: #e32224;
  font-size: 3.7037037037vw;
}

@media only screen and (orientation: landscape) {
  .wrapper-login .main-login {
    background: url("../img/bg-login-land.jpg") no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
    width: 100%;
    height: auto;
    min-height: 100vh;
  }
  .wrapper-login .main-login .info-bottom {
    font-size: 1.9791666667vw;
    padding-bottom: 1.8229166667vw;
  }
  .wrapper-login .main-login .frm-login {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4.1666666667vw 0 6.25vw;
  }
  .wrapper-login .main-login .frm-login .box-login {
    margin: 0 15.625vw;
    -webkit-border-radius: 1.3020833333vw;
       -moz-border-radius: 1.3020833333vw;
            border-radius: 1.3020833333vw;
    height: 100%;
    max-height: 41.6666666667vw;
  }
  .wrapper-login .main-login .frm-login .box-login .top-logo {
    height: 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1.8229166667vw;
  }
  .wrapper-login .main-login .frm-login .box-login .top-logo .control-top {
    padding: 0 1.8229166667vw;
  }
  .wrapper-login .main-login .frm-login .box-login .top-logo h4 {
    font-size: 2.2395833333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .top-logo .btn-back {
    width: 3.0208333333vw;
    height: 3.0208333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .top-logo .logo {
    width: 11.1979166667vw;
    height: 3.0729166667vw;
    margin: 0;
  }
  .wrapper-login .main-login .frm-login .box-login .content-box {
    padding: 1.3020833333vw 2.34375vw 1.8229166667vw;
    height: 85%;
    width: 80%;
    margin: 0 auto;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login {
    font-size: 2.03125vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding-bottom: 2%;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data {
    height: 20%;
    margin-top: 5.2083333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data .text-error {
    top: -4.8958333333vw;
    right: -1.3020833333vw;
    padding: 0.2604166667vw 1.0416666667vw;
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data .text-error:before {
    bottom: -1.0416666667vw;
    right: 2.34375vw;
    border-left: 1.0416666667vw solid transparent;
    border-right: 1.0416666667vw solid transparent;
    border-top: 1.0416666667vw solid #e32224;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon {
    width: 6.0416666667vw;
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon.icon-user:before {
    width: 2.2916666667vw;
    height: 2.5520833333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data .icon.icon-lock:before {
    width: 1.875vw;
    height: 2.4479166667vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data input {
    padding: 0 1.0416666667vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data.error:after {
    width: 0.46875vw;
    height: 2.4479166667vw;
    margin-right: 1.40625vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .input-data.password:after {
    width: 3.4895833333vw;
    height: 2.1354166667vw;
    margin-right: 1.40625vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .btn-forget {
    text-align: right;
    margin: 0;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control {
    width: 100%;
    height: 18%;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
    color: #ffffff;
    margin: 0;
    height: 100%;
    padding: 0 !important;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-register {
    background-color: #22a1e3;
    width: 47%;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-login {
    background-color: #e32224;
    width: 47%;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-play {
    width: 36%;
    background-color: #ffa200;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-play:before {
    width: 3.2291666667vw;
    height: 2.1354166667vw;
    margin-right: 0.5208333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fb {
    width: 58%;
    background-color: #4267b2;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fb:before {
    width: 3.125vw;
    height: 3.125vw;
    margin-right: 0.5208333333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-fanpage {
    padding: 1.5625vw 0;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-control .btn-group {
    padding: 1.5625vw 0;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-bottom {
    height: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .box-bottom .box-control {
    height: 60%;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .form-password {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .form-password .input-data {
    margin-top: 3.4895833333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .text-descript {
    padding: 0 6.25vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .btn-continue {
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
    height: 20%;
    margin-top: 2.34375vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .text-descript-3 {
    margin-top: 1.3020833333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .text-or {
    font-size: 2.2395833333vw;
  }
  .wrapper-login .main-login .frm-login .box-login .content-login .title {
    font-size: 2.2395833333vw;
    margin-top: 1.8229166667vw;
  }
  .wrapper-login .popup {
    -webkit-border-radius: 0.78125vw;
       -moz-border-radius: 0.78125vw;
            border-radius: 0.78125vw;
    padding: 2.0833333333vw 0 1.0416666667vw;
  }
  .wrapper-login .popup.popup-dnnhanh {
    width: 39.7916666667vw;
    height: 26.25vw;
    margin-top: -13.125vw;
    margin-left: -19.8958333333vw;
  }
  .wrapper-login .popup.popup-infomation {
    width: 35.3645833333vw;
    height: 21.5625vw;
    margin-top: -10.78125vw;
    margin-left: -17.6822916667vw;
  }
  .wrapper-login .popup h4 {
    font-size: 2.03125vw;
    padding: 0 2.0833333333vw;
  }
  .wrapper-login .popup p {
    padding: 2.0833333333vw;
    font-size: 2.03125vw;
  }
  .wrapper-login .popup .bottom {
    padding: 0.5208333333vw;
  }
  .wrapper-login .popup .bottom a {
    font-size: 2.03125vw;
  }
  .wrapper-db {
    padding-top: 6.40625vw;
  }
  .wrapper-db .top-menu {
    height: 6.40625vw;
  }
  .wrapper-db .top-menu .title-top {
    font-size: 2.7083333333vw;
  }
  .wrapper-db .top-menu .logo {
    width: 11.1979166667vw;
    height: 3.0729166667vw;
    margin: 1.5625vw auto;
  }
  .wrapper-db .top-menu .top-control {
    padding: 0 1.7708333333vw 0 1.6666666667vw;
  }
  .wrapper-db .top-menu .top-control .icon-menu {
    width: 4.7916666667vw;
    height: 3.6458333333vw;
  }
  .wrapper-db .top-menu .top-control .btn-close {
    width: 2.2395833333vw;
    height: 2.2916666667vw;
  }
  .wrapper-db .top-menu .top-control .btn-back {
    width: 1.9270833333vw;
    height: 3.0729166667vw;
  }
  .wrapper-db .list-menu {
    padding: 0 1.5625vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrapper-db .list-menu .item {
    width: 17.4479166667vw;
    margin: 1.5625vw 0;
    font-size: 2.7083333333vw;
  }
  .wrapper-db .list-menu .item:nth-child(3):after {
    display: block;
  }
  .wrapper-db .list-menu .item:after {
    height: 2.6041666667vw;
    top: 2.6041666667vw;
  }
  .wrapper-db .list-menu .item .icon {
    width: 4.53125vw;
    height: 4.6354166667vw;
  }
  .wrapper-db .list-menu .item .icon.icon-1:before {
    width: 3.6979166667vw;
    height: 4.4270833333vw;
  }
  .wrapper-db .list-menu .item .icon.icon-2:before {
    width: 4.21875vw;
    height: 4.6354166667vw;
  }
  .wrapper-db .list-menu .item .icon.icon-3:before {
    width: 4.1145833333vw;
    height: 4.1666666667vw;
  }
  .wrapper-db .list-menu .item .icon.icon-4:before {
    width: 4.53125vw;
    height: 3.8020833333vw;
  }
  .wrapper-db .list-menu .item .icon.icon-5:before {
    width: 4.375vw;
    height: 3.90625vw;
  }
  .wrapper-db .main-db {
    padding: 1.5625vw;
  }
  .wrapper-db .main-db .btn-update {
    height: 5.625vw;
    -webkit-border-radius: 1.0416666667vw;
       -moz-border-radius: 1.0416666667vw;
            border-radius: 1.0416666667vw;
    font-size: 2.7083333333vw;
    margin-top: 5.2083333333vw;
    margin-bottom: 1.1458333333vw;
  }
  .wrapper-db .main-db input {
    padding: 0.5208333333vw 0;
    margin: 1.5625vw 0 0.78125vw;
  }
  .wrapper-db .main-db .btn-update-gray {
    height: 5.625vw;
    -webkit-border-radius: 1.0416666667vw;
       -moz-border-radius: 1.0416666667vw;
            border-radius: 1.0416666667vw;
    font-size: 2.7083333333vw;
    margin-bottom: 1.1458333333vw;
  }
  .wrapper-db .main-db .nav li a {
    font-size: 2.7083333333vw;
  }
  .wrapper-db .main-db .list-news .item-news {
    padding: 2.0833333333vw 1.0416666667vw 2.0833333333vw 8.0729166667vw;
    height: 11.71875vw;
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .list-news .item-news .img {
    width: 7.2916666667vw;
    height: 7.2916666667vw;
    top: 2.0833333333vw;
  }
  .wrapper-db .main-db .detail-news {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .detail-news .title {
    font-size: 2.2395833333vw;
  }
  .wrapper-db .main-db .detail-news .date {
    font-size: 2.2395833333vw;
  }
  .wrapper-db .main-db .detail-news .cont-detail img {
    margin: 1.8229166667vw auto;
  }
  .wrapper-db .main-db .detail-news .cont-detail h4 {
    font-size: 2.0833333333vw;
    margin-bottom: 2.6041666667vw;
  }
  .wrapper-db .main-db .setup-sdt {
    font-size: 2.6041666667vw;
    padding: 1.5625vw 0;
  }
  .wrapper-db .main-db .setup-sdt p {
    margin-bottom: 1.3020833333vw;
  }
  .wrapper-db .main-db .setup-sdt .note-warn {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .setup-sdt .note-success {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .setup-sdt .box-sdt-success {
    font-size: 2.6041666667vw;
  }
  .wrapper-db .main-db .setup-sdt .box-sdt-success .img {
    width: 10.5208333333vw;
    height: 10.5208333333vw;
    margin: 10.4166666667vw auto 1.8229166667vw;
  }
  .wrapper-db .main-db .setup-sdt .btn-link-email {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .box-account {
    padding: 1.5625vw 0;
  }
  .wrapper-db .main-db .box-account .top-user {
    font-size: 2.6041666667vw;
  }
  .wrapper-db .main-db .box-account .top-user .avatar {
    width: 9.6875vw;
    height: 9.6875vw;
    font-size: 6.71875vw;
    margin-right: 1.3020833333vw;
  }
  .wrapper-db .main-db .box-account .top-user .info-user {
    width: 41.6666666667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.5625vw;
  }
  .wrapper-db .main-db .box-account .top-user .info-user .nick-name {
    font-size: 2.8125vw;
  }
  .wrapper-db .main-db .box-account .top-user .info-user .progress {
    margin: 1.0416666667vw 0 0;
    width: 36.9791666667vw;
  }
  .wrapper-db .main-db .box-account .box-info-detail {
    padding: 2.6041666667vw 0;
  }
  .wrapper-db .main-db .box-account .box-info-detail .item-info {
    margin: 1.8229166667vw 0;
  }
  .wrapper-db .main-db .box-account .box-info-detail .item-info h5 {
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .box-account .box-info-detail .item-info span {
    font-size: 1.8229166667vw;
  }
  .wrapper-db .main-db .box-account .box-info-detail .item-info .btn-update {
    width: 2.1354166667vw;
    height: 1.9270833333vw;
    margin-left: 1.0416666667vw;
  }
  .wrapper-db .main-db .box-account .box-info-detail .item-info .icon-info {
    margin-right: 1.71875vw;
    width: 2.1875vw;
    height: 2.1875vw;
  }
  .wrapper-db .main-db .box-account .lst-user a {
    font-size: 2.3958333333vw;
    padding: 2.34375vw 0 2.34375vw 2.34375vw;
  }
  .wrapper-db .main-db .box-account .lst-user a:after {
    width: 1.9791666667vw;
    height: 3.0208333333vw;
  }
  .wrapper-db .main-db .list-info-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrapper-db .main-db .list-info-user .item {
    width: 48%;
    padding: 2.0833333333vw 0;
    font-size: 2.34375vw;
  }
  .wrapper-db .main-db .list-info-user .item.date:after {
    width: 3.4895833333vw;
    height: 2.96875vw;
  }
  .wrapper-db .main-db .list-info-user .item:after {
    width: 2.8645833333vw;
    height: 2.8645833333vw;
  }
  .wrapper-db .main-db .list-info-user .item label {
    width: 22.65625vw;
  }
  .wrapper-db .main-db .list-info-user .item input {
    width: 26.5625vw;
  }
  .wrapper-db .main-db .list-history {
    font-size: 2.0833333333vw;
    padding: 1.3020833333vw 0;
  }
  .wrapper-db .main-db .list-history h6 {
    font-size: 2.7083333333vw;
    margin-bottom: 1.3020833333vw;
  }
  .wrapper-db .main-db .list-history p {
    font-size: 2.3958333333vw;
  }
  .wrapper-db .main-db .list-history .lst-history {
    margin-top: 1.8229166667vw;
  }
  .wrapper-db .main-db .list-history .lst-history .item {
    padding: 1.5625vw 0;
  }
  .wrapper-db .main-db .list-history .lst-history .item .info span {
    font-size: 1.5625vw;
  }
  .wrapper-db .main-db .his-table-1 {
    font-size: 2.6041666667vw;
    margin-top: 1.8229166667vw;
  }
  .wrapper-db .main-db .main-support {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .main-support .line-acc {
    margin: 1.40625vw auto;
  }
  .wrapper-db .main-db .main-support .btn-creat-report {
    height: 6.3541666667vw;
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
    font-size: 2.5520833333vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .title-acc {
    border-left: 0.78125vw solid #c11b1e;
    padding: 0 1.40625vw;
    line-height: 3.28125vw;
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .title-acc a {
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .item-acc-content {
    padding: 2.34375vw 0;
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .item-acc-content .action-right a {
    width: 20.3125vw;
    height: 5.9375vw;
    margin-bottom: 1.40625vw;
    -webkit-border-radius: 1.25vw;
       -moz-border-radius: 1.25vw;
            border-radius: 1.25vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .lst-question {
    padding: 1.5625vw 0 0 4.6875vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .lst-question li a span:before {
    margin-right: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .lst-support {
    padding: 1.5625vw 0 1.5625vw 1.5625vw;
  }
  .wrapper-db .main-db .main-support .box-item-acc .lst-support li {
    padding: 0.9375vw 0;
  }
  .wrapper-db .main-db .main-support .box-item-acc .lst-support li span {
    width: 3.90625vw;
    margin-right: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug {
    padding: 1.3020833333vw 0.5208333333vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug ul {
    margin: 0.6770833333vw 0 1.5625vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug ul li a {
    -webkit-border-radius: 0.2604166667vw;
       -moz-border-radius: 0.2604166667vw;
            border-radius: 0.2604166667vw;
    height: 6.3541666667vw;
    padding: 0 0.2604166667vw;
    font-size: 2.1875vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .item-option select {
    height: 5.78125vw;
    -webkit-border-radius: 0.78125vw;
       -moz-border-radius: 0.78125vw;
            border-radius: 0.78125vw;
    margin-bottom: 1.5625vw;
    padding: 0 2.34375vw;
    font-size: 2.5vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des {
    margin-bottom: 3.90625vw;
    -webkit-border-radius: 0.78125vw;
       -moz-border-radius: 0.78125vw;
            border-radius: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des textarea {
    height: 10.625vw;
    padding: 1.5625vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img, .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    -webkit-border-radius: 1.5625vw;
       -moz-border-radius: 1.5625vw;
            border-radius: 1.5625vw;
    margin: 0 0.78125vw 0.78125vw 0;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img:first-child, .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add:first-child {
    margin-left: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .box-img .btn-close-img {
    width: 2.03125vw;
    height: 2.03125vw;
    top: 0.78125vw;
    right: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-des .btn-add:before {
    width: 6.25vw;
    height: 6.25vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-control-create button {
    height: 5.9375vw;
    -webkit-border-radius: 0.78125vw;
       -moz-border-radius: 0.78125vw;
            border-radius: 0.78125vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug {
    margin-bottom: 2.5vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-create-bug input {
    height: 5.78125vw;
    -webkit-border-radius: 0.78125vw;
       -moz-border-radius: 0.78125vw;
            border-radius: 0.78125vw;
    margin-bottom: 1.40625vw;
    padding: 0 2.34375vw;
    font-size: 2.65625vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-info-1 {
    padding-bottom: 2.34375vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .box-note {
    margin: 1.5625vw 0 4.6875vw;
  }
  .wrapper-db .main-db .main-support .box-create-bug .tab-content .item-info-1 span {
    margin-right: 0.78125vw;
  }
  .wrapper-db .main-db .box-napcoin h6 {
    font-size: 3.1770833333vw;
  }
  .wrapper-db .main-db .box-napcoin .top-hot-payment {
    width: 56.25vw;
    height: 2.96875vw;
    font-size: 1.8229166667vw;
    margin: 3.6458333333vw auto;
  }
  .wrapper-db .main-db .box-napcoin .top-hot-payment:before {
    width: 3.8020833333vw;
    height: 4.4270833333vw;
    top: -1.3020833333vw;
    left: 3.90625vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li {
    width: 48%;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a {
    padding: 1.5625vw 0;
    font-size: 2.34375vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon {
    width: 5.3645833333vw;
    height: 4.6875vw;
    margin-right: 3.6458333333vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-1:before {
    width: 4.4791666667vw;
    height: 4.4791666667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-2:before {
    width: 4.4791666667vw;
    height: 4.4791666667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-3:before {
    width: 5.3645833333vw;
    height: 3.3854166667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-4:before {
    width: 5.3645833333vw;
    height: 3.3854166667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-5:before {
    width: 4.6875vw;
    height: 4.6354166667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-6:before {
    width: 4.9479166667vw;
    height: 3.2291666667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-7:before {
    width: 4.4791666667vw;
    height: 4.4791666667vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-payment li a .icon.icon-8:before {
    width: 3.9583333333vw;
    height: 4.6875vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item {
    border: 0.1041666667vw solid #e12224;
    -webkit-border-radius: 0.5208333333vw;
       -moz-border-radius: 0.5208333333vw;
            border-radius: 0.5208333333vw;
    width: 24%;
    margin: 0 1% 1% 0;
    font-size: 1.9270833333vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item:nth-child(3n) {
    margin-right: 1%;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item:nth-child(4n) {
    margin-right: 0;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item .gcoin {
    padding: 1.3020833333vw 0;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item .gcoin:before {
    width: 2.7604166667vw;
    height: 2.7604166667vw;
    margin-right: 0.78125vw;
  }
  .wrapper-db .main-db .box-napcoin .lst-coin-visa .item .price {
    height: 5.2083333333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user {
    margin: 1.3020833333vw 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 1.3020833333vw 0;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item {
    width: 33%;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item:nth-child(2) {
    padding-left: 0;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item p {
    font-size: 2.0833333333vw;
    margin-bottom: 0.78125vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item p.user:before {
    width: 2.03125vw;
    height: 2.4479166667vw;
    margin-right: 1.9270833333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item p.card-user:before {
    width: 2.3958333333vw;
    height: 2.3958333333vw;
    margin-right: 1.5625vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item p.gcoin:before {
    width: 2.8125vw;
    height: 2.34375vw;
    margin-right: 0.9895833333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item p.member:before {
    width: 2.8125vw;
    height: 2.65625vw;
    margin-right: 0.7291666667vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item-bottom {
    width: 33%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item-bottom p {
    width: 100%;
    font-size: 2.0833333333vw;
    margin-bottom: 0.78125vw;
  }
  .wrapper-db .main-db .box-napcoin .box-user .item-bottom p:nth-child(2) {
    padding-left: 0;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin {
    padding: 1.3020833333vw 0;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin h5 {
    font-size: 2.7083333333vw;
    margin-bottom: 0.5208333333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail {
    font-size: 2.6041666667vw;
    margin-bottom: 1.8229166667vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-g {
    width: 3.75vw;
    height: 3.75vw;
    margin-right: 1.8229166667vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-g-box {
    width: 5.3645833333vw;
    height: 3.3854166667vw;
    margin-right: 1.8229166667vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .icon-bank-box {
    width: 3.9583333333vw;
    height: 4.6875vw;
    margin-right: 0.78125vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .btn-change {
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .method-detail .btn-change:before {
    width: 2.1354166667vw;
    height: 1.9270833333vw;
    margin: 0 0.5208333333vw;
  }
  .wrapper-db .main-db .box-napcoin .box-title-coin .info-nap {
    width: 24.3229166667vw;
    height: 3.3333333333vw;
    margin: 0.78125vw auto;
    font-size: 2.0833333333vw;
  }
  .wrapper-db .main-db .box-napcoin .button-payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 2.3148148148vw 0;
  }
  .wrapper-db .main-db .box-napcoin .button-payment button {
    margin: 0;
  }
  .wrapper-db .main-db .box-napcoin .button-payment button:first-child {
    width: 63%;
  }
  .wrapper-db .main-db .box-napcoin .button-payment button:last-child {
    width: 35%;
  }
}

.wrapper-db .main-db, .wrapper-db .db-main, .wrapper-db .setup-body{
  padding-left: 10vw;
  padding-right: 8vw;
}

.swal2-popup {
	display: none;
	position: relative;
	box-sizing: border-box;
	grid-template-columns: minmax(0,100%);
	width: 100%;
	max-width: 97% !important;
	height: 41vh;
	padding: 0 !important;
	border: none;
	border-radius: 5px;
	background: #fff;
	color: #545454;
	font-family: inherit;
	font-size: 1rem;
}
.swal2-title {
	position: relative;
	max-width: 100%;
	margin: 0;
	padding: 0.8em 1em 0;
	color: inherit;
	font-size: 1em !important;
	font-weight: 600;
	text-align: center;
	text-transform: none;
	word-wrap: break-word;
	border-bottom: 1px solid #e5e5e5;
	height: 44px;
}
.swal2-actions {
	margin: 0 !important;
	padding: 0 !important;
	height: 44px;
	border-top: 1px solid #e1e1e1;
}
.swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: rgb(0 0 0 / 0%) !important;
	color: #007bff !important;
	font-size: 1em;
}
#phone-connect-swal{
	color: red;
	font-weight: bold;
}
.swal2-html-container {
	font-size: 0.955em !important;
}
.swal2-html-container {
	display: flex !important;
	flex-direction: column;
	margin: 2em 0.3em !important;
}
.swal2-container.swal2-center>.swal2-popup {
	grid-template-rows: 44px 1fr 44px;
	height: auto;
}
.swal2-styled.swal2-cancel{
	color: #f00 !important;
}