.mobile-logout {
  display: none;
}

.navigation.clearfix {
  background-color: transparent;
}

.bg-grid span:nth-of-type(1) {
  left: 16.6%;
}

.bg-grid span:nth-of-type(2) {
  left: 33.3%;
}

.bg-grid span:nth-of-type(3) {
  left: 50%;
  background: transparent;
}

.bg-grid span:nth-of-type(4) {
  left: 66.7%;
  background: transparent;
}

.bg-grid span:nth-of-type(5) {
  right: 16.6%;
}

#vip-auth:before {
  content: "";
  position: fixed;
  background-color: #edf7f8;
  width: 75%;
  height: 100vh;
  z-index: -1;
  top: 0px;
  left: 0px;
  margin-left: 33.4%;
}

#vip-area .article-title {
  margin-top: 25px;
}

#vip-auth .btn.btn-plain {
  transition: opacity .3s;
  background-color: #000000;
  border: 1px solid #000000;
}

#vip-auth .btn.btn-plain:hover,
{
opacity: 0.6;
}

#vip-area .btn.btn-minimal {
  transition: background .3s;
  cursor: pointer;
  color: #b8b6b6;
}

#vip-area .btn.btn-minimal.reserved {
  opacity: 1;
  cursor: pointer;
  background-color: #00d009;
  color: #ffffff;
  border: 1px solid #00d009;
}

#vip-area:before {
  content: "";
  position: fixed;
  background-color: #edf7f8;
  width: 33.4%;
  height: 100vh;
  z-index: -1;
  top: 0px;
  left: 0px;
}

#vip-area address a:hover {
  opacity: 0.6;
}

#vip-area address a {
  position: relative;
  transition: opacity .3s;
}

#vip-area a {
  transition: opacity .4s;
}

#vip-area a:hover {
  opacity: 0.6;
}

address a.has-link:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #666;
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: 4px;
}

.responsive-toggle-nav li:nth-of-type(5),
.responsive-toggle-nav li:nth-of-type(6),
.responsive-toggle-nav li:nth-of-type(7),
.responsive-toggle-nav li:nth-of-type(8) {
  background: #ffffff;
}

.taf-report-all {
  position: absolute;
  top: 350px;
  left: 0px;
  /*     background: red; */
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 35px;
}

.taf-report-all .taf-report:nth-of-type(1) {
  flex: 0.646;
  margin-right: 30px;
}

.taf-report-all .taf-report:nth-of-type(2) {
  flex: 1.3;
}

article p {
  margin-bottom: 16px;
  line-height: 20px;
}

/* article {
  padding: 0 40px;
} */
p {
  line-height: 18px;
}

.stiky-logo {
  display: none;
}

.fixed-newsletter {
  display: none;
}

/* login */
.pd-left-60 {
  padding-left: 60px;
}

.switch.switch-primary {
  font-size: 14px;
}

.switch-primary span {
  border-color: #000000;
}

.switch-primary input:checked+span {
  background-color: #000000;
}

span.help-block {
  display: block;
}

strong:lang(en),
b:lang(en) {
  font-family: 'HelveticaNeueLTStd-Md';
}

span.help-block {
  position: relative;
  display: block;
  margin-bottom: 15px;
  color: red;
  font-size: 14px;
}

span.help-block strong {
  position: absolute;
  left: 0px;
  top: -20px;
  font-size: 12px;
  color: #ff000061;
}

.editor-en strong,
.editor-en b {
  font-family: 'HelveticaNeueLTStd-Md';
}

@media (max-width: 1024px) {

  /* vip area navigatoin */
  aside.sub-navigation {
    display: block;
    position: static;
    min-height: 40px;
    margin-top: 30px;
    padding-left: 35px;
  }

  aside.sub-navigation ul {
    display: flex;
    line-height: 14px;
  }

  aside.sub-navigation li {
    background-color: #edf7f8;
    margin: 0 6px;
    padding: 12px 8px 8px 8px;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
  }

  .sub-navigation li:nth-of-type(5) a {
    font-family: 'HelveticaNeueLTStd-LtCn';
    display: block;
    color: #8e8c8c;
  }

  .sub-navigation li:nth-of-type(5) {
    display: flex;
    align-items: center;
  }

  aside.sub-navigation li.active {
    background-color: #00d009;

  }

  aside.sub-navigation li a {
    color: #363535;
    font-family: 'HelveticaNeueLTStd-MdCn';
  }

  aside.sub-navigation li.active a {
    color: #fff;

  }

  .sub-navigation li a:after,
  .responsive-toogle-nav li a:after {
    content: none;
  }

  /* end vip area navigation */
  .mobile-logout {
    display: block;
  }

  #vip-area .mr-left-one {
    margin-left: 7.6%;
  }

  #vip-area .pd-left-sm {
    padding-left: 0px;
  }

  #vip-area:before {
    width: 60px;
  }

  .bg-grid span:nth-of-type(1) {
    left: 60px;
  }

  .bg-grid span:nth-of-type(5) {
    right: 60px;
  }

  .bg-grid span:nth-of-type(2) {
    left: 0px;
  }

  /* login */
  main#vip-auth {
    padding-left: 40%;
  }

  .taf-report-all {
    position: absolute;
    top: 340px;
    left: 0px;
    /*     background: red; */
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 35px;
  }

  .taf-report {
    width: 100%;
    flex-wrap: wrap
  }
}

@media (max-width: 820px) {
  aside.sub-navigation li {
    box-shadow: 0px 2px 1px 0px rgb(0 208 9 / 100%);
  }
}

@media (max-width: 820px) {
  .taf-report .read-more-underline img {
    display: none;
  }

  @media (max-width: 768px) {
    #vip-area:before {
      width: 35px;
    }

    .bg-grid span:nth-of-type(1) {
      left: 35px;
    }

    .bg-grid span:nth-of-type(5) {
      right: 35px;
    }
  }

  @media (max-width: 580px) {
    article {
      padding: 0px;
    }
  }

  @media (max-width: 680px) {
    main#vip-auth {
      padding-left: 35px;
    }

    .taf-report-all {
      display: none;
    }

    #vip-auth:before {
      width: 100%;
      margin-left: 35px;
    }
  }

  @media (max-width: 490px) {
    aside.sub-navigation {
      padding-left: 25px;
    }

    .panel-body.mr-left-one {
      margin-left: 60px;
    }

    .panel-body.mr-left-one {
      margin-left: 15px;
    }

    .pd-left-60 {
      padding-left: 0px;
    }
  }