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

.easter_btn {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 2px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 222px;
  height: 44px;
  font: normal normal 600 18px/1.2 League Spartan;
  background: transparent linear-gradient(183deg, #FFAB3E 0%, #FF2626 75%, #E90000 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 9px #714312;
  border: 1px solid #FFBAA4;
  border-radius: 4px;
  text-decoration: none !important;
  box-sizing: border-box; }
  .easter_btn span {
    display: inline-block;
    padding-left: 4px;
    font: inherit;
    color: inherit; }
  .easter_btn:hover {
    background: #FF2626; }

.nav-bf-icon {
  margin-top: 0px;
  margin-right: 40px !important; }
  .nav-bf-icon > a {
    display: inline-flex;
    padding-left: 7px; }

.nav_sale__btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 124px;
  height: 24px;
  border-radius: 0; }
  .nav_sale__btn::before {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    left: -50px;
    z-index: 0;
    width: 196px;
    height: 48px;
    background: url(./nav_btn.png) center center/cover no-repeat; }
  .nav_sale__btn::after {
    content: "";
    display: block;
    width: 43px;
    height: 34px;
    background: url(./nav_btn_egg.png) center no-repeat;
    position: absolute;
    right: -30px;
    bottom: -10px;
    z-index: -1;
    transform: translateX(-100px);
    opacity: 0;
    visibility: hidden; }
  .nav_sale__btn span {
    position: relative;
    z-index: 1;
    padding: 2px 18px 0 24px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    color: #fff !important;
    background: none;
    white-space: nowrap;
    font: 700 14px/1.2 var(--familySpartan);
    text-shadow: -1px -1px 0 #9E0E00, 1px -1px 0 #9E0E00, -1px 1px 0 #9E0E00, 1px 1px 0 #9E0E00;
    overflow: hidden; }
    .nav_sale__btn span::after {
      content: '';
      position: absolute;
      inset: -20%;
      background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 60%);
      animation: shark-wrap 2s infinite;
      transform: translateX(-100%); }
  .nav_sale__btn:hover::after {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: transform 0.3s ease;
    animation: 3s btn_swing 0.3s ease infinite;
    transform-origin: bottom center; }

.easter_top {
  display: inline-block;
  position: relative; }
  .easter_top.blog_easter {
    display: flex; }
    .easter_top.blog_easter.vpn::before {
      top: -90px;
      left: -30px;
      z-index: 110; }
  .easter_top::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 174px;
    height: 215px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2; }
  .easter_top.vpn::before {
    top: -30px;
    left: 30px;
    background-image: url(./top_off_vpn.png); }

.bf-pop-wrap .bf-center-popup.pop_vpnpdf {
  top: 0%;
  width: 100%;
  height: 100%; }
  .bf-pop-wrap .bf-center-popup.pop_vpnpdf .sale_center__desc {
    font: 400 12px/1.2 League Spartan;
    color: #4E2A02;
    margin: 9px auto 13px; }
.bf-pop-wrap .comm_pic,
.bf-pop-wrap .pop_center__pic {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  flex-shrink: 0;
  margin: auto;
  max-width: none;
  width: 100%;
  height: 100%; }
.bf-pop-wrap .popup_inner {
  position: absolute;
  top: 16%;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin: auto;
  text-align: center;
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 0px;
  transition: all 0.5s;
  transition-delay: 0.3s;
  background: none; }
  .bf-pop-wrap .popup_inner.spin_on {
    z-index: -100000;
    transform: scale(0);
    opacity: 0;
    visibility: hidden; }
  .bf-pop-wrap .popup_inner.comm_popup_spin {
    width: 603px;
    height: 583px;
    background: url(./center_pop_bg.png) center center no-repeat;
    z-index: 100000;
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
    .bf-pop-wrap .popup_inner.comm_popup_spin.spin_on {
      z-index: -100000;
      transform: scale(0);
      opacity: 0;
      visibility: hidden; }
    .bf-pop-wrap .popup_inner.comm_popup_spin .comm_popup_close {
      top: 50px;
      right: 22px;
      width: 30px;
      height: 30px;
      transition: all 0.3s ease; }
      .bf-pop-wrap .popup_inner.comm_popup_spin .comm_popup_close svg path {
        fill: #949494; }
      .bf-pop-wrap .popup_inner.comm_popup_spin .comm_popup_close:hover svg path {
        fill: #fff; }
    .bf-pop-wrap .popup_inner.comm_popup_spin::after {
      position: absolute;
      content: "";
      z-index: 1;
      width: 101px;
      height: 55px;
      top: 112px;
      left: 114px;
      right: 0;
      z-index: 2;
      margin: 0 auto;
      background: url(./rabbit_ear.png) no-repeat; }
  .bf-pop-wrap .popup_inner.comm_popup_prize {
    width: 515px;
    height: 546px; }
    .bf-pop-wrap .popup_inner.comm_popup_prize .comm_popup_close {
      position: relative;
      top: 0;
      right: 0;
      margin-bottom: 10px;
      width: auto;
      height: auto;
      text-indent: 0;
      color: #3E3E3E;
      font: 400 14px/1.2 Lexend; }
      .bf-pop-wrap .popup_inner.comm_popup_prize .comm_popup_close:hover {
        color: #000;
        text-decoration: underline; }
  .bf-pop-wrap .popup_inner .turntable_box {
    position: absolute;
    top: 148px;
    left: 144px;
    z-index: 1;
    width: 326px;
    height: 326px; }
    .bf-pop-wrap .popup_inner .turntable_box.before_turnan {
      animation: 20s turnan forwards; }
    .bf-pop-wrap .popup_inner .turntable_box.turnan .turntable_pic {
      transform: rotate(1440deg);
      transition: 4s; }
  .bf-pop-wrap .popup_inner .turntable_pic {
    max-width: none;
    width: auto; }
  .bf-pop-wrap .popup_inner .spin {
    position: absolute;
    top: 258px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 91px;
    height: 124px;
    z-index: 3;
    cursor: pointer;
    background: url(./carrot_icon.png);
    animation: breathing 2s infinite; }
    .bf-pop-wrap .popup_inner .spin:hover {
      animation-play-state: paused; }
  .bf-pop-wrap .popup_inner .spin_btn_box {
    position: relative; }
    .bf-pop-wrap .popup_inner .spin_btn_box:hover .stpsale_btn:hover {
      text-decoration: none;
      background: #FF2626; }
    .bf-pop-wrap .popup_inner .spin_btn_box:hover::after {
      transition: all 0.3s ease;
      transform: translate(23px, 3px); }
  .bf-pop-wrap .popup_inner .spin_btn {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
    margin: 0 auto;
    width: 222px;
    height: 44px;
    bottom: 20px;
    color: #fff;
    font: normal normal 600 18px/1.2 League Spartan;
    background: transparent linear-gradient(183deg, #FFAB3E 0%, #FF2626 75%, #E90000 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 9px #714312;
    border: 1px solid #FFBAA4;
    border-radius: 4px;
    cursor: pointer; }
    .bf-pop-wrap .popup_inner .spin_btn span,
    .bf-pop-wrap .popup_inner .spin_btn em {
      font: inherit;
      color: inherit; }
    .bf-pop-wrap .popup_inner .spin_btn:hover {
      text-decoration: none;
      background: #FF2626; }
.bf-pop-wrap .center_info,
.bf-pop-wrap .comm_info_btn,
.bf-pop-wrap .center_desc,
.bf-pop-wrap .center_countdown,
.bf-pop-wrap .bf-center-popup,
.bf-pop-wrap .pop_center_box {
  position: relative;
  z-index: 1; }
.bf-pop-wrap .center_info {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column; }
.bf-pop-wrap .center_bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column; }
.bf-pop-wrap .sale_center__desc {
  display: inline-block;
  font: 500 12px/1.2 League Spartan;
  color: #B47441;
  margin: 11px auto;
  cursor: pointer; }
  .bf-pop-wrap .sale_center__desc:hover {
    text-decoration: underline; }
.bf-pop-wrap .center_countdown {
  position: absolute;
  top: 35px;
  right: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 20px/1.2 League Spartan;
  color: #000;
  gap: 6px;
  white-space: nowrap; }
  .bf-pop-wrap .center_countdown p {
    font: inherit;
    color: inherit; }
.bf-pop-wrap .time_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px; }
.bf-pop-wrap .time_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 41px;
  height: 41px;
  background: #FFD20D;
  box-shadow: 0px 5px 8px #FE790099;
  border: 1px solid #FFFAE2;
  border-radius: 4px; }
  .bf-pop-wrap .time_item.last_time::after {
    content: '';
    display: block;
    position: absolute;
    top: -16px;
    right: -16px;
    width: 28px;
    height: 24px;
    background: url(./butterfly.png) center center no-repeat; }
.bf-pop-wrap .time_number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  font: 600 15px/1.5 Lexend;
  color: #FB2EB0; }
.bf-pop-wrap .time_text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  border-radius: 0px 0px 4px 4px;
  background: rgba(254, 254, 254, 0.4);
  font: 400 12px/1.2 Lexend;
  color: #FB2EB0; }
  .bf-pop-wrap .time_text em {
    font: inherit;
    color: inherit;
    display: block;
    transform: scale(0.8); }
.bf-pop-wrap .pop_center_box {
  position: absolute;
  top: 144px;
  right: 86px;
  text-align: left; }
.bf-pop-wrap .pop_center_title {
  display: block;
  font: 700 20px/1.2 League Spartan;
  color: #000; }
.bf-pop-wrap .pop_center_desc {
  padding: 15px 0 35px;
  margin: 0;
  max-width: 270px;
  font: 500 16px/1.5 League Spartan;
  color: #000; }
  .bf-pop-wrap .pop_center_desc b {
    font: bold 28px/1.2 League Spartan;
    color: #04BE1A; }
.bf-pop-wrap .pop_center_off {
  font: bold 28px/1.2 League Spartan;
  color: #04BE1A; }
.bf-pop-wrap .bottom_btn {
  margin: 0;
  width: 234px;
  height: 46px;
  text-align: center; }
.bf-pop-wrap .easter_btn {
  width: 222px;
  height: 46px;
  box-shadow: 0px 8px 9px #FF9A4D;
  border: 1px solid #FFBAA4; }

.bf-right-popup {
  width: 300px;
  height: 388px; }
  .bf-right-popup.vpn, .bf-right-popup.pdf {
    width: 335px;
    height: 289px;
    background: url(./card_bg.png) center top no-repeat; }
    .bf-right-popup.vpn .sale_right__close, .bf-right-popup.pdf .sale_right__close {
      width: 32px;
      height: 32px;
      background: #FDE5D5 0% 0% no-repeat padding-box;
      border: 2px solid #FAF9EE;
      border-radius: 50%; }
      .bf-right-popup.vpn .sale_right__close:hover, .bf-right-popup.pdf .sale_right__close:hover {
        background: #fad5bc 0% 0% no-repeat padding-box; }
      .bf-right-popup.vpn .sale_right__close::before, .bf-right-popup.vpn .sale_right__close::after, .bf-right-popup.pdf .sale_right__close::before, .bf-right-popup.pdf .sale_right__close::after {
        content: '';
        display: block;
        position: absolute;
        width: 9px;
        height: 2px;
        background: #6C6659; }
      .bf-right-popup.vpn .sale_right__close::before, .bf-right-popup.pdf .sale_right__close::before {
        transform: rotate(45deg); }
      .bf-right-popup.vpn .sale_right__close::after, .bf-right-popup.pdf .sale_right__close::after {
        transform: rotate(-45deg); }
  .bf-right-popup .comm_pic {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    flex-shrink: 0;
    margin: auto;
    max-width: none;
    width: 100%;
    height: 100%; }
  .bf-right-popup .card_container,
  .bf-right-popup .right_container {
    margin-left: 16px;
    margin-top: 76px;
    width: 285px;
    height: 186px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center; }
  .bf-right-popup .card_box {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10px; }
  .bf-right-popup .card_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
    width: 79px;
    height: 123px;
    cursor: pointer;
    border-radius: 4px;
    background: url(./card_close.png) center center no-repeat;
    perspective: 1000px;
    perspective-origin: 50% 50%; }
    .bf-right-popup .card_item::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -15px;
      margin: 0 auto;
      z-index: 3;
      width: 36px;
      height: 42px;
      background: url(./card_hand.png) center center no-repeat;
      opacity: 0;
      visibility: hidden; }
    .bf-right-popup .card_item::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 79px;
      height: 122px;
      visibility: hidden;
      opacity: 0;
      z-index: -4;
      background: url(./card_open.png) center center no-repeat; }
    .bf-right-popup .card_item.active {
      border: 2px solid #FF0000;
      background: url(./card_close.png) center center no-repeat;
      transition: all 0.3s ease; }
      .bf-right-popup .card_item.active::before {
        opacity: 1;
        visibility: visible;
        animation: click_move 1s linear infinite; }
    .bf-right-popup .card_item .card_inner {
      display: block !important;
      opacity: 0;
      visibility: hidden;
      z-index: -5;
      padding-top: 29px; }
    .bf-right-popup .card_item .inner_link {
      display: flex !important; }
    .bf-right-popup .card_item.op {
      cursor: default;
      animation: flip 2s forwards linear;
      pointer-events: none; }
      .bf-right-popup .card_item.op.current_op {
        pointer-events: auto;
        cursor: pointer; }
        .bf-right-popup .card_item.op.current_op::after {
          background: url(./current_op.png) center center no-repeat; }
        .bf-right-popup .card_item.op.current_op .card_desc {
          color: #5A4363;
          opacity: 1; }
        .bf-right-popup .card_item.op.current_op .card_inner {
          transform: rotateY(0deg);
          animation: none;
          opacity: 1; }
          .bf-right-popup .card_item.op.current_op .card_inner .card_desc,
          .bf-right-popup .card_item.op.current_op .card_inner .easter_btn {
            transform: rotateY(180deg); }
      .bf-right-popup .card_item.op::before {
        display: none; }
      .bf-right-popup .card_item.op::after {
        z-index: 4;
        opacity: 1;
        visibility: visible;
        transition: all 0.3s 0.5s ease; }
      .bf-right-popup .card_item.op .card_inner {
        z-index: 5;
        visibility: visible;
        transform: rotateY(-180deg);
        animation: flipopcity 2s 0.5s forwards; }
      .bf-right-popup .card_item.op .card_btn::before {
        opacity: 1;
        visibility: visible;
        animation: click_move 1s linear infinite; }
    .bf-right-popup .card_item .inner_link {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      gap: 6px; }
      .bf-right-popup .card_item .inner_link:hover .card_btn {
        background: #EF0523; }
    .bf-right-popup .card_item .card_desc {
      display: block;
      padding: 0px;
      font: bold 13px/1.2 Lexend;
      letter-spacing: -0.36px;
      color: #1B1D31;
      opacity: 0.6; }
    .bf-right-popup .card_item .card_btn {
      padding-bottom: 2px;
      width: 70px;
      height: 17px;
      background: transparent linear-gradient(180deg, #FC8268 0%, #EF0523 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 4px #FC7777;
      border-radius: 2px;
      opacity: 1;
      font: 500 12px/1.2 Lexend;
      letter-spacing: -0.28px;
      color: #FBFAF3; }
      .bf-right-popup .card_item .card_btn::before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: -24px;
        margin: 0 auto;
        z-index: 3;
        width: 36px;
        height: 36px;
        background: url(./btn_hand.png) center center no-repeat;
        opacity: 0;
        visibility: hidden; }
      .bf-right-popup .card_item .card_btn em {
        display: block;
        font: inherit;
        color: inherit;
        font-style: normal;
        transform: scale(0.8);
        white-space: nowrap; }
  .bf-right-popup .card_list {
    margin: 8px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    text-align: left; }
    .bf-right-popup .card_list li {
      margin-right: -16px;
      position: relative;
      font: 400 12px/1.2 Lexend;
      color: #1B1D31;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 2px;
      transform: scale(0.8);
      transform-origin: center center;
      white-space: nowrap; }
      .bf-right-popup .card_list li::before {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        background: #F14439;
        border-radius: 50%; }
  .bf-right-popup .right_countdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    height: 15px;
    font: 600 12px/1.5 League Spartan;
    color: #1B1D31;
    background: transparent linear-gradient(90deg, #FACD5600 0%, #FBCF58 17%, #FBCF58 84%, #FACB5300 100%) 0% 0% no-repeat padding-box; }
    .bf-right-popup .right_countdown b {
      display: inline-block;
      padding: 0 2px;
      font: 600 12px/1.5 League Spartan;
      color: #E30562; }
    .bf-right-popup .right_countdown .time_ms {
      width: 28px; }
  .bf-right-popup .right_container {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .bf-right-popup .right_container .easter_btn {
      width: 226px;
      height: 40px;
      background: transparent linear-gradient(180deg, #FFAB3E 0%, #FF2626 75%, #E90000 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 8px 9px #FF9A4D;
      border: 1px solid #FFBAA4;
      border-radius: 9999px; }
      .bf-right-popup .right_container .easter_btn:hover {
        background: #FF2626; }
    .bf-right-popup .right_container .sale_right__close {
      margin: 9px auto 13px;
      width: auto;
      height: auto;
      display: inline-block;
      font: 500 13px/15px League Spartan;
      color: #BF7032;
      text-indent: 0px;
      right: auto;
      top: auto;
      position: relative; }
      .bf-right-popup .right_container .sale_right__close:hover {
        color: #e7a06a;
        text-decoration: underline; }

@keyframes btn_swing {
  5% {
    transform: rotate(15deg); }
  10% {
    transform: rotate(-10deg); }
  15% {
    transform: rotate(5deg); }
  20% {
    transform: rotate(-5deg); }
  25% {
    transform: rotate(0); }
  35% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  45% {
    transform: rotate(5deg); }
  50% {
    transform: rotate(-5deg); }
  55% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }
@keyframes breathing {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.2); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@keyframes turnan {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(710deg);
    animation-direction: alternate; } }
@keyframes click_move {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@keyframes flip {
  0% {
    transform: rotateY(0deg); }
  25% {
    transform: rotateY(90deg); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(180deg); } }
@keyframes flipopcity {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes shark-wrap {
  to {
    transform: translateX(100%); } }

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