#wrap-main {
  padding-bottom: 60px;
}
#menu-foot ul li:last-child a {
  color: #3355bb;
}
#wrap-header.new-version {
  height: 137px;
}
#wrap-header.new-version .box-header {
  background-color: rgba(0, 0, 0, 0.3);
}
#wrap-header .box-header.header-bg {
  background-image: url("../images/new/banner-pk.jpg");
}
#wrap-header.new-version.change .tab-header {
  display: none;
}
#wrap-content {
  background: #f9f9f9;
}
/*********** ads rate *****************/
#wrap-content .content .ads-rate {
  display: none;
}
#wrap-content .content .ads-rate.act {
  display: block;
}
#wrap-content .content .ads-rate .header {
  font-size: 2em;
  font-family: "prompt-m";
  text-align: center;
  height: 27px;
  margin-top: 40px;
  margin-bottom: 10px;
  color: var(--purple);
}
#wrap-content .content .ads-rate .content-box {
  background: #ffffff;
  border: 1px solid #ecf0f1;
  border-top: none;
  border-radius: 4px;
  margin-top: 15px;
}
#wrap-content .content .ads-rate .border-yellow {
  border: 2px solid var(--yellow);
}
#wrap-content .content .ads-rate .content-box .tap {
  background: var(--yellow);
  border-radius: 4px 4px 0px 0px;
  height: 8px;
}
#wrap-content .content .ads-rate .content-box .tap-two {
  background: var(--yellow);
  height: 40px;
  font-family: "prompt";
  font-size: 2em;
  color: #fff;
  margin-top: -1px;
}
#wrap-content .content .ads-rate .content-box .tap-two .tap-head {
  height: 27px;
  width: 165px;
  left: 50%;
  transform: translateX(-50%);
}
#wrap-content .content .ads-rate .content-box .tap-two .tap-head p {
  position: relative;
  float: left;
  width: 93px;
  height: 27px;
  margin-top: 4px;
}
#wrap-content .content .ads-rate .content-box .tap-two .tap-head .fa-star {
  position: relative;
  float: left;
  font-size: 0.6em;
  line-height: none;
  margin: 12px;
  width: 12px;
  height: 12px;
}
#wrap-content .content .ads-rate .content-box .days {
  height: 30px;
  font-size: 2.2em;
  text-align: center;
  font-family: "prompt";
  margin-top: 30px;
  margin-bottom: 20px;
  color: var(--main-txt);
}
#wrap-content .content .ads-rate .content-box .days::after {
  content: "";
  position: absolute;
  float: left;
  bottom: -10px;
  width: 60px;
  height: 1px;
  border-bottom: 1px solid #ecf0f1;
  left: 50%;
  transform: translateX(-50%);
}
#wrap-content .content .ads-rate .content-box:last-child .days::after {
  border-bottom: 1px solid #fff;
}
#wrap-content .content .ads-rate .content-box .price {
  height: 35px;
  font-size: 2.6em;
  text-align: center;
  font-family: "prompt";
  font-weight: bold;
  color: var(--blue);
}
#wrap-content .content .ads-rate .content-box .price-one {
  width: 85px;
  height: 28px;
  font-size: 1.8em;
  text-align: center;
  font-family: "prompt-m";
  left: 50%;
  color: #d6d6d6;
  transform: translateX(-50%);
  margin-bottom: -10px;
}
#wrap-content .content .ads-rate .content-box .price-one::after {
  content: "";
  position: absolute;
  top: 11px;
  left: -4px;
  height: 1px;
  width: 90px;
  border-bottom: 2px solid #d6d6d6;
  display: block;
  transform: rotateZ(-8deg);
}
#wrap-content .content .ads-rate .content-box .price-two {
  height: 35px;
  font-size: 3.2em;
  text-align: center;
  font-family: "prompt";
  font-weight: bold;
  color: var(--red);
}
#wrap-content .content .ads-rate .content-box .vat {
  margin-top: 5px;
  height: 16px;
  font-size: 1.2em;
  text-align: center;
  font-family: "tahoma";
  color: #acafbf;
}
#wrap-content .content .ads-rate .content-box .buttom-buy {
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  height: 40px;
  margin: 10px 0px;
}
#wrap-content .content .ads-rate .content-box .buttom-buy button {
  width: 100%;
  line-height: 40px;
  border: 0px;
  background: var(--blue);
  border-radius: 25px;
  color: #fff;
  font-family: "prompt-m";
  font-size: 1.8em;
}
#wrap-content .content .ads-rate .content-box .buttom-buy button a {
  color: #fff;
  display: block;
}
#wrap-content .content .ads-rate .content-box .buttom-buy button.two {
  background: var(--yellow);
}
#wrap-content .content .ads-rate .content-box .text-detail {
  margin-top: 20px;
}
#wrap-content .content .ads-rate .content-box .text-detail .text {
  margin-bottom: 25px;
  font-size: 1.4em;
  font-family: "sarabun";
  text-align: center;
  color: #36373f;
}
#wrap-content .content .ads-rate .content-box .text-detail .text-down {
  margin-top: -15px;
  margin-bottom: 25px;
  font-size: 1.4em;
  font-family: "sarabun";
  text-align: center;
  color: #36373f;
}
/****************** tap content *********************/
#wrap-content .fix {
  position: fixed;
  top: 0px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
#wrap-content .tap-content .tap-button {
  height: 50px;
  width: 50%;
  color: var(--sub-txt);
  text-align: center;
  line-height: 50px;
  border-bottom: 2px solid #ecf0f1;
  font-size: 1.6em;
  font-family: "prompt";
}
#wrap-content .tap-content .tap-button.active {
  border-bottom: 2px solid #3355bb;
  color: #3355bb;
  font-family: "prompt-m";
}
/**************** payment *****************/
#wrap-content .content .payment {
  display: none;
}
#wrap-content .content .payment.act {
  display: block;
}
#wrap-content .content .payment .header {
  font-size: 2em;
  font-family: "prompt-m";
  text-align: center;
  height: 27px;
  margin-top: 40px;
  margin-bottom: 10px;
  color: var(--purple);
}
#wrap-content .content .payment .content-box {
  background: #ffffff;
  border: 1px solid #ecf0f1;
  border-radius: 4px;
  margin-top: 15px;
  padding-bottom: 25px;
}
#wrap-content .content .payment .content-box .text-head {
  margin-top: 25px;
  font-size: 1.6em;
  font-family: "prompt-m";
  text-align: center;
  color: var(--main-txt);
}
#wrap-content .content .payment .content-box .text-head span {
  color: var(--blue);
}
#wrap-content .content .payment .content-box .payment-detail {
  width: auto;
  margin-top: 25px;
  font-family: "prompt";
  left: 50%;
  transform: translateX(-50%);
}
#wrap-content .content .payment .content-box .payment-detail .box-left {
  width: 45px;
}
#wrap-content .content .payment .content-box .payment-detail .box-left .icon {
  width: 30px;
  height: 30px;
}
#wrap-content
  .content
  .payment
  .content-box
  .payment-detail
  .box-left
  .icon
  img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: auto;
}
#wrap-content .content .payment .content-box .payment-detail .box-right {
  width: calc(100% - 45px);
  max-width: 230px;
}
#wrap-content
  .content
  .payment
  .content-box
  .payment-detail
  .box-right
  .payment-number,
#wrap-content
  .content
  .payment
  .content-box
  .payment-detail
  .box-right
  .payment-number
  a {
  margin-top: 2px;
  font-size: 18px;
  color: var(--blue);
}
#wrap-content
  .content
  .payment
  .content-box
  .payment-detail
  .box-right
  .payment-name {
  margin-top: 5px;
  font-size: 1.6em;
}
#wrap-content
  .content
  .payment
  .content-box
  .payment-detail
  .box-right
  .payment-type {
  margin-top: 5px;
  font-size: 1.4em;
}
@media screen and (min-width: 600px) {
  #wrap-content .content .payment .content-box .payment-detail {
    width: calc(50% - 80px);
    left: 0;
    transform: none;
    margin: 0px 40px;
    margin-top: 25px;
  }
}
/****************** vat ************************/
#wrap-content .content .payment .content-box .vat-number,
#wrap-content .content .payment .content-box .vat-number a {
  text-align: center;
  color: var(--blue);
  font-size: 20px;
  margin-top: 25px;
}
#wrap-content .content .payment .content-box .vat-add {
  text-align: center;
  color: var(--main-txt);
  font-size: 14px;
  line-height: 30px;
}