:root {
  --familySpartan: "League Spartan", Arial, "Microsoft Yahei", sans-serif;
  --familyFjalla: "Fjalla One", sans-serif; }

body {
  font-family: "Montserrat"; }

img {
  width: auto; }

.buybtn {
  display: flex;
  width: 279px;
  height: 54px;
  margin: 0px auto;
  justify-content: center;
  align-items: center;
  background: #FFFCF2;
  color: #FF8B06;
  font: normal normal 600 16px/19px Montserrat;
  border: 2px solid #FFA774; }
  .buybtn:hover {
    background: #FFAC6D;
    color: #fff; }
  .buybtn.red {
    background-color: #F20000;
    border-color: #F20000;
    color: #fff; }
    .buybtn.red i {
      display: none;
      margin-left: 5px;
      width: 15px;
      height: 13px;
      background: url(arrow.png); }
    .buybtn.red:hover i {
      display: block; }

.banner {
  height: 864px;
  padding-top: 60px;
  background: url(banner.jpg) no-repeat center top; }
  .banner .logo {
    position: absolute;
    top: -27px;
    left: 0px; }
  .banner h1 {
    text-align: center;
    color: #FFFFFF;
    font: normal normal 900 56px/68px Montserrat; }
    .banner h1 span {
      position: relative;
      z-index: 1;
      font: normal normal 900 56px/68px Montserrat;
      color: #FFDD00;
      text-shadow: 0px 5px 5px #DF2600; }
      .banner h1 span:after {
        content: attr(data-text);
        position: absolute;
        left: -1px;
        z-index: -1;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2px #FFFFFF; }
    .banner h1 b {
      position: relative;
      z-index: 1;
      text-shadow: 0px 1px 5px #C93A00; }
      .banner h1 b:after {
        content: attr(data-text);
        position: absolute;
        left: -1px;
        z-index: -1;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 2px #FFA200; }
  .banner .message {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 80px; }
    .banner .message::after {
      position: absolute;
      content: "";
      width: 376px;
      height: 358px;
      left: 499px;
      top: 190px;
      background: #FF3400;
      opacity: 0.89;
      filter: blur(31px);
      z-index: 3; }
    .banner .message .box {
      width: 376px;
      height: 357px;
      padding-top: 30px;
      background: #FFFCF2;
      border: 2px solid #FFFFFF;
      border-radius: 5px;
      text-align: center; }
      .banner .message .box h4 {
        font: normal normal 600 16px/19px Montserrat; }
      .banner .message .box h3 {
        margin-top: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 95px;
        background: #FFF1CC;
        font: normal normal 900 34px/25px Montserrat;
        color: #FFBC48; }
      .banner .message .box p.price {
        margin-top: 15px;
        margin-bottom: 5px; }
        .banner .message .box p.price strong {
          font: normal normal 800 20px/49px Montserrat; }
          .banner .message .box p.price strong b {
            font-size: 40px; }
        .banner .message .box p.price del {
          position: relative;
          margin-left: 5px;
          text-decoration: none;
          font: normal normal 500 16px/49px Montserrat; }
          .banner .message .box p.price del::after {
            position: absolute;
            content: "";
            width: 62px;
            height: 2px;
            left: -4px;
            background: rgba(0, 0, 0, 0.56);
            top: 8px;
            transform: rotate(-5deg); }
      .banner .message .box p.note {
        margin-top: 10px;
        color: #B58C55;
        font: normal normal 500 12px/15px Montserrat; }
      .banner .message .box.active {
        position: relative;
        width: 390px;
        height: 384px;
        z-index: 9;
        padding-top: 42px;
        background-color: #fff;
        border: 3px solid #FF0606; }
        .banner .message .box.active h3 {
          background: transparent linear-gradient(283deg, #FFE385 0%, #FFCDBE 100%) 0% 0% no-repeat padding-box;
          color: #FF0000;
          text-shadow: 0px 2px 4px #FFFFFF; }
        .banner .message .box.active p.note {
          color: #A83E00; }
  .banner .payment {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    justify-content: space-around; }
    .banner .payment li {
      text-align: center; }
      .banner .payment li p {
        margin-top: 10px;
        color: #FFE0CB;
        font: normal normal medium 14px/18px Montserrat; }
      .banner .payment li span {
        display: flex;
        height: 80px;
        align-items: center;
        justify-content: center; }

.feature h2, .table-box h2 {
  font: normal normal bold 30px/45px Montserrat;
  text-align: center; }

.feature {
  padding-top: 90px; }
  .feature .message {
    display: flex;
    justify-content: space-between;
    margin-top: 85px; }
    .feature .message .img-box {
      position: relative;
      margin-right: 10px; }
      .feature .message .img-box .sale-box {
        width: 166px;
        left: 500px;
        bottom: 49px;
        position: absolute;
        color: #FFEE00;
        font: normal normal 900 14px/26px Montserrat; }
        .feature .message .img-box .sale-box span {
          font: normal normal 900 24px/26px Montserrat; }
      .feature .message .img-box .isr-box {
        position: absolute;
        right: 0;
        height: initial;
        top: 180px; }
    .feature .message .message-box {
      display: flex;
      width: 615px;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 50px; }
      .feature .message .message-box li {
        width: 45%;
        margin-bottom: 35px; }
        .feature .message .message-box li h3 {
          position: relative;
          display: flex;
          margin-bottom: 15px;
          align-items: center;
          font: normal normal 600 18px/21px League Spartan; }
          .feature .message .message-box li h3::before {
            position: absolute;
            content: "";
            width: 16px;
            height: 16px;
            top: 5px;
            left: -23px;
            background: url(check.png); }
        .feature .message .message-box li p {
          color: #4E4E4E;
          font: normal normal normal 16px/20px League Spartan; }

.bottom-buy {
  height: 228px;
  margin-top: 50px;
  padding-top: 44px;
  background: url(bottom_buy.png) no-repeat center; }
  .bottom-buy .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around; }
  .bottom-buy .off {
    width: 168px;
    margin-top: 126px;
    margin-left: 157px;
    text-align: center; }
    .bottom-buy .off p {
      font: normal normal 500 16px/33px League Spartan; }
    .bottom-buy .off .discount.off-83 {
      display: block;
      width: 181px;
      height: 110px;
      background: url(../halloween2024/discount_83.png); }
      .bottom-buy .off .discount.off-83.off-86 {
        background: url(../halloween2024/discount_86.png); }
    .bottom-buy .off .off-70 {
      display: none; }
  .bottom-buy .date h3 {
    font: normal normal bold 18px/33px Montserrat; }
    .bottom-buy .date h3 b {
      font-size: 24px; }
  .bottom-buy .date .progress_bar {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 20px auto 0px;
    position: relative;
    width: 518px;
    height: 20px;
    border-radius: 10px;
    background: #FFF9EB;
    box-shadow: inset 0px 2px 2px #FF000078;
    border: 1px solid #FF4F00;
    border-radius: 100px;
    text-align: center; }
    .bottom-buy .date .progress_bar span {
      width: 100%;
      position: relative;
      z-index: 9;
      font: normal normal bold 16px/20px Montserrat;
      color: #FF0000; }
    .bottom-buy .date .progress_bar .progress_barbg {
      position: absolute;
      width: 98%;
      height: 14px;
      top: 2px;
      border-radius: 10px;
      left: 2px;
      filter: blur(1px);
      background: transparent linear-gradient(90deg, #FFDD00 0%, #FF0000 100%) 0% 0% no-repeat padding-box;
      opacity: 1;
      transition: all .3s ease-out; }
      .bottom-buy .date .progress_bar .progress_barbg::after {
        position: absolute;
        content: "";
        left: 0;
        top: -2px;
        z-index: 1;
        width: 66px;
        height: 19px;
        filter: blur(1px);
        background: transparent linear-gradient(90deg, #fff700 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
        border-radius: 20px; }
  .bottom-buy .right-message {
    width: 250px;
    text-align: center; }
    .bottom-buy .right-message h3 {
      color: #F10000;
      font: normal normal 800 34px/33px Montserrat;
      text-shadow: 0px 2px 0px #FFFFFF; }
    .bottom-buy .right-message .buybtn {
      margin-top: 10px;
      width: 248px;
      height: 54px; }

.table-box {
  background-color: #FFF9E8;
  padding: 90px 0px; }
  .table-box table {
    width: 1200px;
    margin: 0px auto;
    position: relative;
    margin-top: 90px; }
    .table-box table .itema {
      width: 725px; }
      .table-box table .itema sup {
        display: inline-block;
        width: 79px;
        height: 17px;
        margin-left: 5px;
        background: #39C200;
        color: #fff;
        text-align: center;
        font: normal normal bold 12px/17px Montserrat;
        border-radius: 5px; }
    .table-box table .itemb {
      width: 220px;
      text-align: center; }
    .table-box table .itemc {
      width: 220px;
      text-align: center; }
    .table-box table .space {
      width: 18px; }
    .table-box table th {
      height: 73px;
      font: normal normal 600 18px/28px League Spartan;
      color: #B7B7B7; }
      .table-box table th.itemb {
        background: #EEEEEE;
        border-radius: 10px 10px 0px 0px; }
      .table-box table th.itemc {
        position: relative;
        font: normal normal 600 20px/30px League Spartan;
        background: transparent linear-gradient(303deg, #FF5A16 0%, #F38A00 100%) 0% 0% no-repeat padding-box;
        border-radius: 10px 10px 0px 0px;
        color: #fff; }
        .table-box table th.itemc::after {
          position: absolute;
          content: "";
          width: 216px;
          height: 472px;
          border: 2px solid #FF7A00;
          background: transparent linear-gradient(0deg, #FFECC5 0%, #FFF5E1 100%) 0% 0% no-repeat padding-box;
          top: -42px;
          left: 0;
          top: 70px;
          box-shadow: 0px 5px 10px rgba(255, 70, 0, 0.5); }
        .table-box table th.itemc .vip-logo {
          position: absolute;
          left: 0;
          right: 0;
          z-index: 5;
          top: -38px;
          margin: auto; }
    .table-box table th, .table-box table td {
      vertical-align: middle;
      border-bottom: solid #E9DDAE 1px; }
      .table-box table th.itemc, .table-box table th.itemb, .table-box table td.itemc, .table-box table td.itemb {
        border: none; }
    .table-box table .space {
      border: none; }
    .table-box table td {
      height: 47px;
      color: #1E1C2C;
      font: normal normal 500 14px/24px Montserrat; }
      .table-box table td i {
        display: inline-block;
        vertical-align: middle; }
      .table-box table td.itemb {
        background: #FFFFFF;
        position: relative;
        color: #B7B7B7;
        font-weight: 600; }
        .table-box table td.itemb::after {
          position: absolute;
          content: "";
          width: 193px;
          height: 1px;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          background-color: #ECECEC; }
        .table-box table td.itemb i {
          width: 15px;
          height: 15px;
          background: url(close-outline.png); }
          .table-box table td.itemb i.red {
            background: url(red-circle.png); }
      .table-box table td.itemc {
        position: relative;
        color: #FF8B06;
        font-weight: 600; }
        .table-box table td.itemc::after {
          position: absolute;
          content: "";
          width: 193px;
          height: 1px;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          background-color: #FFD7A4; }
        .table-box table td.itemc i {
          width: 15px;
          height: 15px;
          background: url(red-circle.png); }

.screen3 {
  padding-top: 32px;
  overflow: hidden;
  margin-top: 60px; }

.screen3 .content {
  width: 1200px;
  margin: 0 auto; }

.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 50%; }

.swiper-slide img {
  width: 100%;
  height: 100%;
  margin: 5% auto; }

.swiper-button-next,
.swiper-button-prev {
  width: 30px;
  height: 20px; }

.swiper-button-next::after,
.swiper-button-prev::after {
  content: ""; }

.swiper-button-prev {
  background: url(./arrow-re.png) left 5px no-repeat;
  left: 307px;
  top: 200px; }

.swiper-button-next {
  background: url(./arrow-re.png) right 5px no-repeat;
  left: 360px;
  top: 200px; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1; }

.swiper-button-prev.swiper-button-disabled {
  background: url(./arrow-re.png) left -85px no-repeat; }

.swiper-button-next.swiper-button-disabled {
  background: url(./arrow-re.png) right -85px no-repeat; }

.review-wrap {
  height: 320px;
  position: relative; }

.user-head {
  height: 160px;
  width: 160px;
  position: absolute;
  left: 21px;
  top: 16px; }
  .user-head:before {
    content: '';
    width: 185px;
    height: 210px;
    position: absolute;
    left: -36px;
    top: -33px;
    background: url(./red-cm.png) no-repeat; }

.user-avator {
  font-family: League Spartan;
  font-size: 16px;
  color: #999;
  line-height: 1.7;
  width: 878px;
  margin: 15px auto;
  font-weight: 400;
  position: relative;
  float: right; }

.user-avator .screen-title {
  position: relative;
  width: 100%;
  color: #60403C;
  line-height: 1.6;
  font-weight: 600;
  text-align: left;
  font-size: 46px; }
  .user-avator .screen-title::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 86px;
    height: 68px;
    background: url(commit.png); }

.user-avator ul {
  margin-top: 96px; }

.user-avator ul li {
  display: none;
  width: 100%;
  height: 130px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #60403C; }

.user-avator P {
  font-size: 18px;
  margin-top: 15px;
  width: 152px;
  line-height: 30px;
  position: absolute;
  top: 154px;
  left: -277px;
  text-align: center;
  font-size: 14px; }

.user-avator img {
  position: absolute;
  right: -105px;
  bottom: 65px; }

.footer {
  background: #F1F1F1;
  padding-top: 40px;
  padding-bottom: 20px;
  font: normal normal 500 14px/26px Montserrat; }
  .footer p {
    margin-top: 20px;
    font: normal normal bold 14px/18px Montserrat;
    text-align: center; }

.popbg {
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 32, 0.6) 0% 0% no-repeat padding-box;
  opacity: 1;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all .3s ease;
  transform-origin: center;
  z-index: -99998; }
  .popbg.on {
    transform: scale(1);
    z-index: 999; }

.xmas_pop {
  position: fixed;
  width: 674px;
  height: 402px;
  padding-top: 30px;
  left: 0px;
  right: 0;
  top: -40px;
  bottom: 0;
  z-index: -99998;
  margin: auto;
  transform: scale(0);
  transition: all .3s ease;
  transform-origin: center;
  z-index: -99998;
  background: url(pop_bg.png) center no-repeat; }
  .xmas_pop.on {
    transform: scale(1);
    z-index: 1000; }
  .xmas_pop .close {
    background: url(../isrnl/cross-small.png);
    opacity: 0.8; }
    .xmas_pop .close:hover {
      opacity: 1; }
  .xmas_pop h2 {
    position: relative;
    z-index: 0;
    font: normal normal 900 34px/42px Montserrat;
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px 5px #C93A00; }
    .xmas_pop h2:after {
      content: attr(data-text);
      position: absolute;
      left: -1px;
      right: 0;
      margin: auto;
      z-index: -1;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke: 2px #FFA200; }
  .xmas_pop h3 {
    text-align: center;
    font: normal normal bold 14px/45px Montserrat; }
    .xmas_pop h3 b {
      font-size: 16px;
      color: #FFF23B; }
  .xmas_pop .message {
    display: flex;
    justify-content: center;
    align-items: center; }
    .xmas_pop .message .left-box {
      width: 167px;
      height: 192px;
      background: url(pop_isr_box.png); }
      .xmas_pop .message .left-box .sale {
        width: 150px;
        margin-top: 178px;
        text-align: center;
        height: 20px;
        border-radius: 200px;
        font: italic normal bold 10px/20px Montserrat;
        color: #A2593C;
        background: transparent linear-gradient(90deg, #FFFFFF 0%, #FEEFCDBE 55%, #FBBF3A00 100%) 0% 0% no-repeat padding-box; }
    .xmas_pop .message .right-message {
      margin-top: 35px; }
      .xmas_pop .message .right-message ul {
        display: flex;
        text-align: center; }
        .xmas_pop .message .right-message ul li {
          padding: 0px 15px;
          border-right: solid rgba(191, 79, 28, 0.5) 1px; }
          .xmas_pop .message .right-message ul li:last-child {
            border: none; }
        .xmas_pop .message .right-message ul p {
          font: normal normal 500 14px/26px Montserrat; }
        .xmas_pop .message .right-message ul strong {
          color: #F20000;
          text-shadow: 0px 2px 0px #FFFFFF;
          font: normal normal bold 34px/45px Montserrat; }
        .xmas_pop .message .right-message ul del {
          color: rgba(0, 0, 0, 0.5);
          font: normal normal 500 16px/45px Montserrat; }
          .xmas_pop .message .right-message ul del.ogr {
            position: relative;
            text-decoration: none;
            font-size: 20px;
            color: #000000; }
            .xmas_pop .message .right-message ul del.ogr::after {
              position: absolute;
              content: "";
              width: 73px;
              height: 2px;
              left: -4px;
              background: rgba(0, 0, 0, 0.56);
              top: 12px;
              transform: rotate(-5deg); }
      .xmas_pop .message .right-message .buybtn {
        margin-top: 20px;
        width: 286px; }
      .xmas_pop .message .right-message p.close {
        text-align: center;
        cursor: pointer;
        color: #AB3608;
        font: normal normal 500 12px/45px Montserrat; }
        .xmas_pop .message .right-message p.close:hover {
          text-decoration: underline; }

.idrnewyear .feature .message {
  justify-content: space-around; }
  .idrnewyear .feature .message .img-box .isr-box {
    right: -135px;
    top: 194px; }
  .idrnewyear .feature .message .img-box .sale-box {
    left: 396px;
    bottom: 94px; }
.idrnewyear .table-box table th.itemc::after {
  height: 565px; }
.idrnewyear .xmas_pop .message .left-box {
  background: url(idr/pop_idr_box.png); }

.pdfnewyear .banner {
  height: 944px;
  background: url(pdf_banner.jpg) no-repeat center top; }
  .pdfnewyear .banner .message {
    gap: 25px; }
    .pdfnewyear .banner .message::after {
      left: 330px; }
.pdfnewyear .wrapper {
  width: 1038px !important; }
.pdfnewyear .table {
  margin-top: 40px;
  margin-bottom: 54px; }
.pdfnewyear .table li {
  height: 35px;
  padding-left: 45px;
  display: flex;
  align-items: center; }
.pdfnewyear .table li:nth-of-type(2n) {
  background: rgba(255, 255, 255, 0.2); }
.pdfnewyear .table li:nth-of-type(1) {
  height: 67px; }
.pdfnewyear .table li p {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 500; }
.pdfnewyear .table li p:nth-of-type(1) {
  width: 465px;
  justify-content: left; }
.pdfnewyear .table li p:nth-of-type(2) {
  width: 250px; }
.pdfnewyear .table li p:nth-of-type(2) i.true {
  display: block;
  width: 11px;
  height: 9px;
  background: url(pdf/check.png) no-repeat; }
.pdfnewyear .table li p:nth-of-type(2) i.false {
  display: block;
  width: 8px;
  height: 8px;
  background: url(pdf/close.png) no-repeat; }
.pdfnewyear .table li p:nth-of-type(3) {
  width: 261px;
  color: #F20000;
  font-weight: bold; }
.pdfnewyear .table li p:nth-of-type(3) i.true {
  display: block;
  width: 11px;
  height: 9px;
  background: url(pdf/check-red.png) no-repeat; }
.pdfnewyear .table li p._title {
  font-weight: bold; }
.pdfnewyear .table li p._vip {
  position: relative; }
.pdfnewyear .table li p._vip::before {
  content: "";
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  background: url(pdf/vip_icon.png) no-repeat;
  left: 50%;
  top: -13px;
  transform: translateX(-50%); }
.pdfnewyear .table li p._vip::after {
  content: "";
  display: block;
  position: absolute;
  width: 261px;
  height: 235px;
  opacity: 0.34;
  background: transparent linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.32) 100%) 0% 0% no-repeat padding-box;
  left: 0;
  top: 0; }
.pdfnewyear footer {
  background: #FFFCF1; }
.pdfnewyear footer > ul {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.pdfnewyear footer > ul li {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.pdfnewyear footer > ul li img {
  width: 26px;
  margin-right: 12px; }
.pdfnewyear footer > ul li p {
  font-size: 12px;
  font-weight: bold;
  color: #9C7C6F; }
.pdfnewyear footer > p {
  width: 100%;
  height: 48px;
  background: #262626;
  text-align: center;
  line-height: 48px;
  font-size: 12px;
  color: #B6B4C2; }

/*# sourceMappingURL=style.css.map */