:root {
  --vw: 1vw;
  --vh: 1vh;
  --clr-01: #ae2420;
  --clr-02: #6d7274;
  --clr-03: #a9b1ab;
  --clr-04: #070b0e;
  --clr-05: #fff;
  --clr-06: #7a8285;
  --clr-07: #c97e3b;
  --clr-08: #2f3942;

  --font-sz-m1: 22px;
  --font-sz-m2: 24px;
  --font-sz-m3: 52px;
  --bg-rgba: rgba(0, 0, 0, .8);
  --nw:4.52rem;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

* :before,
* :after {
  box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
picture,
.block {
  display: block
}

address,
em,
strong,
th,
cite {
  font-style: normal;
  font-weight: 400
}

p {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-kerning: auto;
}

em {
  font-weight: inherit
}

small {
  font-size: 80%
}

strong {
  font-size: 120%;
  font-weight: 700;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  border: 0;
  vertical-align: top;
  pointer-events: none;
  user-select: none
}

img:broken {
  filter: grayscale(100%);
}

button,
input,
select,
textarea {
  border: 0;
  font-size: 100%;
  font-family: inherit;
}

textarea {
  padding: 0;
  border: 0;
  background: transparent;
  resize: none;
  overflow: auto;
  vertical-align: top
}

button,
input {
  background-color: transparent;
  line-height: normal
}

input[type="checkbox"],
input[type="radio"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,
th {
  text-align: left
}

li {
  list-style-type: none
}
@font-face {
  font-family: 'Refrigerator Deluxe';
  src:url('fonts/RefrigeratorDeluxe.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  tab-size: 4;
  width: 100%;
  height: 100%;
  font-size: calc(var(--vw) * 5.20833333)
}

html,
body {
  height: -webkit-fill-available;
  height: fill-available;
  width: 100%;
  height: 100%;
}

body {
  --mw: 1336px;
  --fs: .2rem;
  overflow: auto;
  min-width: var(--mw);
  font-family: system-ui, sans-serif;
  font-size: var(--fs);
  background-color: var(--clr-04);
  color: var(--clr-03);
  line-height: 1.2;
}

.font_en {
  font-family: 'Refrigerator Deluxe', system-ui, sans-serif;
  --fs: .24rem;
}


a {
  color: var(--clr-03);
  text-decoration: none;
}

a:hover {
  color: var(--clr-01);
  text-decoration: underline;
}

.visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip-path: circle(0);
}

.light_text {
  color: var(--clr-07);
}

.red_text {
  color: #d10202;
}
.unavailable{
  filter: grayscale(1) !important;
  pointer-events: none;
}
.container {
  width: 100%;
  overflow: hidden;
  background-image: linear-gradient(#06090b 0.03rem, #080c10 0.05rem);
  background-size: 100% 0.05rem;
}

.header {
  --w: 100%;
  --pd: .4rem;
  width: var(--w);
  padding: var(--pd);
  background: var(--bg);
}
.mature_usk img{
  width: .8rem;
}
.slide_item {
  height: 100%;
}

#banner {
  --mh: min(100vh, 56.24vw);
  height: var(--mh)
}

.top_bar {
  --h: 4.16vw;
  height: var(--h);
  display: flex;
  align-items: start;
}

.top_logo {
  display: block;
  height: 100%;
}

.top_logo img {
  display: block;
  height: 100%;
  width: auto;
}

.top_bar_right {
  --h: .4rem;
  height: var(--h);
  display: flex;
  align-items: center;
  gap: calc(1vw + .01rem);
  margin-left: auto;
}


.lang_dropdown_text,
.top_bar_right a {
  color: var(--clr-05);
}

.top_bar_right a:hover {
  color: var(--clr-01);
}
.itemnamebox{
  display: flex;
  justify-content: center;
  align-items: center;
  height: .5rem;
  margin: .4rem auto .55rem;
}
.itemnamebox2{
  margin: .3rem auto .55rem;

}
.itembgleft{
  background: url(../img/itembg-left.png) no-repeat;
  background-size: .1rem .5rem;
  width: .1rem;
  height: .5rem;
}

.itembgcir{
  background: url(../img/itembg-cir.png) repeat-x;
  background-size: .2rem .5rem;
  width: auto;
  height: .5rem;
  padding: 0 .1rem;
  line-height: .5rem;
  font-size: .32rem;
}
.itembgcir1{
  background-size: 100% 100%;
  height: 0.8rem;
  line-height: 0.35rem;
}
/*.ru .itembgcir1,.pt-BR .itembgcir1,.de .itembgcir1{
  line-height: 1.6;

}*/
.itembgright{
  background: url(../img/itembg-right.png) no-repeat;
  background-size: .09rem .5rem;
  width: .09rem;
  height: .5rem;
}
.itembgleft1,.itembgright1{
  background-size: 100% 100%;
  height: .8rem;
}
.relist_con{
  margin-bottom: .3rem;
  color: #b92b26;
  font-size: .32rem;
}
.relist_con1{
  margin-bottom: .3rem;
  color: #b92b26;
  font-size: .32rem;
}
.streamersbox{
  display: flex;
  justify-content: space-between;
  width: 4.95rem;
  margin: 0 auto;
}
.streamers a{
  display: block;
}
.streamers img{
  width: .82rem;
  height: .82rem;
}
.player{
  color: #e4e4e4;
  font-size: .36rem;
}
.titleimg1,.titleimg2{
  width: auto;
  height: .63rem;
}
.titleimg3{
  width: auto;
  height: .63rem;
}
.titleimg4{
  width: auto;
  height: .66rem;
}
@keyframes blinkAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.banner {
  height: 100%;
  padding-top: .7rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.slgon {
  height: 2.4rem;
  width: auto;
  margin: 0 auto;
}

.slgon img {
  display: block;
  height: 100%;
  width: auto;
}

.btn_wrapper {
  width: max-content;
  height: fit-content;
}

.btn_wrapper,
.btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .02rem;
}

.btn_wrapper {
  position: relative;
  z-index: 1;
}

.btn_wrapper::after,
.btn_wrapper::before {
  --w: .03rem;
  --h: .1rem;

  content: "";
  position: absolute;
  top: 0;
  width: var(--w);
  height: 100%;
  border-top: solid var(--h) var(--bc);
  border-bottom: solid var(--h) var(--bc);
  transition: border 0.3s ease-in-out;
}
.btn_wrapper:hover::after,
.btn_wrapper:hover::before{
    --h: .12rem;
}
.btn_wrapper::after {
  right: 0;
}

.btn_wrapper::before {
  left: 0;
}

.btn_primary::after,
.btn_primary::before,
.btn_primary .btn_inner,
#dlg_modal_real_rewards::after,
#dlg_modal_real_rewards::before,
#dlg_modal_real_rewards .btn_inner,
#dlg_modal_confirm::after,
#dlg_modal_confirm::before,
#dlg_modal_confirm .btn_inner {
  --bc: var(--clr-01);
  --tc: var(--clr-05);
}
.greybtn{
    margin-left: .1rem;
}
.greybtn::after,
.greybtn::before{
  --bc: var(--clr-06);
}
.btn_secondary::after,
.btn_secondary::before,
.btn_secondary .btn_inner {
  --bc: var(--clr-08);
  --tc: var(--clr-05);
}

.btn_wrapper .btn_inner {
  --mw: 4.4rem;
  --mh: .84rem;
  --fs: .42rem;
  --pd: 0 .1rem;

  background-color: var(--bc);
  color: var(--bc);
  min-width: var(--mw);
  height: var(--mh);
  padding: var(--pd);
  font-size: var(--fs);
  z-index: 2;
}
.greybtn .btn_inner{
   --bc: var(--clr-06);
}
.font_en .btn_wrapper .btn_inner{
  --fs: .42rem;
}
.btn_wrapper .btn_inner a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_wrapper .btn_inner a,
.btn_wrapper .btn_inner a:hover {
  --tc: var(--clr-05);
  color: var(--tc);
  font-size: var(--fs);
  text-decoration: none;
}
#dlg_modal_real_rewards .btn_inner,#dlg_modal_confirm .btn_inner{
  --mw: 2.4rem;
  --mh: .54rem;
  --fs: .24rem;
  --pd: 0 .1rem;
  background-color: var(--bc);
  color: var(--bc);
  min-width: var(--mw);
  height: var(--mh);
  padding: var(--pd);
  font-size: var(--fs);
  z-index: 2;
}
#dlg_modal_real_rewards .btn_wrapper,#dlg_modal_confirm .btn_wrapper{
margin: .24rem auto 0;
}
#dlg_modal_real_rewards .realtit{
--fs: .5rem;
}
#dlg_modal_real_rewards .realtxtt{
--fs: .5rem;
color: #a1a7aa;
}
#dlg_modal_real_rewards .congratulation_result_gift{
--sz: 3rem;
}
#dlg_modal_real_rewards .realemail{
line-height: .27rem;
color: #c3c6c7;
padding: .24rem 0 0 0;
}
#dlg_modal_real_rewards .eminp{
background: #272828;
height: .27rem;
line-height: .27rem;
margin-left: .05rem;
color: #c3c6c7;
}
#dlg_modal_real_rewards .link_jump_btn,#dlg_modal_confirm .link_jump_btn{
font-size: .3rem;
}
.download_btn {
  --fs: .24rem;
  width: max-content;
  padding: .1rem .3rem;
  color: var(--clr-05);
  font-size: var(--fs);
  display: flex;
  align-items: center;
  justify-content: center;
  border: .01rem solid #4c5052;
  border-radius: .05rem;
  background-color: #1b2025;
}

.font_en .download_btn{
  --fs: .3rem;
}

.btn_loot,
.btn_loot a {
  --c: var(--clr-01);
  font-size: .4rem;
}

.btn_loot {
  --w: 5.74rem;
  --mxh: .8rem;
  width: var(--w);
  min-height: var(--mxh);
  border: .01rem solid var(--c);
  background-color: rgba(163, 65, 50, .1);
  color: var(--c);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .5rem auto 0;
}

.btn_loot a {
  color: var(--c);
}
.disable{
  border: .01rem solid #ccc;
  color: #ccc;
}
.disable a{
  pointer-events: none;
  color: #ccc;
}
.sec_content_p1 li .btn_inner {
  --mw: 2.8rem;
  --mh: .55rem;
  --fs: .26rem;
}
.font_en .sec_content_p1 li .btn_inner{
--fs: .2rem;
}
.claim_btn_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 5vh 0 1vh 0;
}

.download_btn_wrapper {
  --p: .7rem;
  --b: 0;
  /* position: absolute;
  right: var(--p);
  bottom: var(--b); */
  z-index: 10;
}
.relist_wrapper{
  display: flex;
  justify-content: center;
  position: relative;
  padding: .85rem 0;
}
.relist_wrapper::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: .02rem;
  height: 10rem;
  background-color: #2f3335;
}
.relist_box{
  width: 50%;
  text-align: center;
}
.subtitle1{
  width: 40%;
}
.subtitle2{
  width: 60%;
}
.itemimg{
  width: 65%;
}
.relist_box .relist_name{
  --fs: .36rem;
  width: 2.64rem;
  height: .56rem;
  line-height: .56rem;
  font-size: var(--fs);
  background: url("../img/relistbg.png") no-repeat 50% 50% / 100%;
  text-align: center;
  color: #c9ced0;
  margin: 0 auto;
}
.font_de .relist_box .relist_name{
  --fs: .32rem;
}
.relist_box h4{
  --fs: .3rem;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  font-size: var(--fs);
  text-align: center;
  color: #e4e4e4;
  margin: .36rem auto .75rem;
}
.relist_tips{
  margin: .1rem auto .05rem;
  color: #e4e4e4;
}
.download_btn_wrapper h4.fs4{
  font-size: .4rem;
}
.font_pt-BR .download_btn_wrapper h4,.font_pt-BR .relist_box h4{
  font-size: .24rem;
}
.font_pt-BR .itembgcir,.font_ru .itembgcir,.font_de .itembgcir,.font_es .itembgcir,.font_th .itembgcir{
  font-size: .22rem;
}
.font_zh-Hant .itembgcir{
  font-size: .25rem;
}
.font_pt-BR .relist_box .relist_name,.font_es .relist_box .relist_name{
  font-size: .2rem;
}
.font_ru .relist_box .relist_name{
  font-size: .26rem;
}
.font_ru .download_btn_wrapper h4{
  font-size: .3rem;
}
.font_de .download_btn_wrapper h4{
  font-size: .36rem;
}
.font_de .btn_loot,.font_de .btn_loot a,.font_ru .btn_loot,.font_ru .btn_loot a{
  font-size: .26rem;
}
.font_de .relist_box h4,.font_es .relist_box h4{
  font-size: .24rem;
}

.download_btn_wrapper ul{
  --h: 3.5rem;
  width: var(--nw);
  height: var(--h);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.download_btn_wrapper ul li{
  width: 3.26rem;
}
.download_btn_wrapper .daytips{
  text-align: center;
  font-size: .33rem;
  color: #e4e4e4;
  font-weight: bold;
}
.download_btn_wrapper .daytips span{
  color: #a34232;
}
.newitem{
  width: 3.26rem;
  height: 2.08rem;
  position: relative;
  margin: 0 auto;
}
.download_btn_wrapper li:first-child .newitem{
  background: url("../img/item011202.png") no-repeat 50% 50% / 100%;
}
.download_btn_wrapper li:nth-child(2) .newitem{
  background: url("../img/item021107.png") no-repeat 50% 50% / 100%;
}
.newitem p{
  position: absolute;
  color: #dbdbdb;
  right: .1rem;
  bottom: .1rem;
  font-size: .28rem;
}
.download_btn_wrapper .newname{
  color: #e4e4e4;
  font-size: .33rem;
  text-align: center;
  height: .7rem;
  line-height: .4rem;
  overflow-wrap: break-word;
}

.font_zh-Hant .download_btn_wrapper li:nth-of-type(2) .newname{
  line-height: .5rem;
}

.gifts_looting_process h2 {
  --fs: .26rem;
  --h: .5rem;
  /* height: var(--h);
  line-height: var(--h); */
  line-height: 1.2;
  padding: 0 0 0 .1rem;
  font-weight: 700;
  font-size: var(--fs);
  position: relative;
  z-index: 1;
  margin-bottom: 1vh;
}
.font_en .gifts_looting_process h2 {
  --fs: .32rem;
  --h: .5rem;
}
.gifts_looting_process h2::before {
  --w: .03rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  background-color: var(--clr-01);
  width: var(--w);
}

.gifts_looting_process li {
  --fs: .14rem;
  padding-left: .2rem;
  position: relative;
  z-index: 1;
  font-size: var(--fs);
  line-height: 1.2;
  margin-bottom: .1rem;
}
.font_en .gifts_looting_process li {
  --fs:.18rem;
}
.gifts_looting_process li::before {
  --sz: .07rem;
  content: "";
  position: absolute;
  left: .1rem;
  top: 50%;
  height: var(--sz);
  width: var(--sz);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='rgb(163, 65, 50)' points='0,8 16,0 16,16'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: 0 0;
}

.font_en .gifts_looting_process li {
  font-family: Arial, Helvetica, sans-serif;
}
.part1{
  margin-top: -2rem;
}
.itemboxtitle{
  text-align: center;
  position: relative;
  margin-top: 1.6rem;
}
.itemboxtitle::before{
  content: "";
  width: .85rem;
  height: .08rem;
  position: absolute;
  top: -.36rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #b92b26;
}
.itemline::after{
  content: "";
  width: 12.81rem;
  height: .1rem;
  background: url(../img/title_line.png) no-repeat;
  background-size: 12.81rem .1rem;
  margin: .1rem auto .6rem;
  display: block;
}
.svg_bt_line {
  padding-bottom: 0.2rem;
}

.section {
  --w: 15.28rem;
  width: var(--w);
  margin: 0 auto;
}

.link_claim {
  margin-top: 0.5rem;
}


.sec_title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



.sub_step_title {
  --fs: .29rem;
  --t: -24%;
  z-index: 1;
  width: 100%;
  text-align: center;
  color: var(--clr-01);
  font-size: var(--fs);
  letter-spacing: .02rem;
  padding-top: .4rem;
}
.sub_step_title1 {
  text-align: center;
  color: var(--clr-01);
  font-size: .29rem;
  letter-spacing: .02rem;
  display: block;
    margin-bottom: .4rem;
}
.sec_title:hover .title_top_line {
  --w: .6rem;
}
.sec_title:hover .triangle_polygon{
  --r: -.5rem;
}
.font_en .sub_step_title {
  --fs:.29rem;
  --t: -24%;
}
.sec_title span {
  --fs: .46rem;
  padding-top: .2rem;
  font-weight: 700;
  font-size: var(--fs);
  position: relative;
  z-index: 1;
}
.font_en .sec_title span  {
  --fs: .66rem;
}

.triangle_polygon {
  --sz: .3rem;
  --fs: .08rem;
  --t: .15rem;
  --r: -.4rem;
  --lh: 3;
  width: var(--sz);
  height: var(--sz);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='rgb(163, 65, 50)' points='0,8 16,0 16,16'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
  position: absolute;
  top: var(--t);
  right: var(--r);
  line-height: var(--lh);
  font-size: var(--fs);
  color: var(--clr-02);
  text-indent: .16rem;
  font-family: 'Refrigerator Deluxe', system-ui, sans-serif;
  transition: right 0.3s ease-in-out;
}

.sec_content,
.sec_content_ft {
  position: relative;
  z-index: 1;
}

.sec_content {
  margin: 0.28rem 0 0.8rem 0;
  border: 0.02rem solid rgba(255, 255, 255, .1);
}

.sec_content_ft::after,
.sec_content_ft::before,
.sec_content::after,
.sec_content::before {
  --sz: .5rem;
  --bd: .02rem solid #2a2d30;
  --trbl: 0;
  width: var(--sz);
  height: var(--sz);
  content: "";
  position: absolute;
  z-index: 0;
}

.sec_content::after,
.sec_content::before {
  top: var(--trbl);
  border-top: var(--bd);
}

.sec_content_ft::after,
.sec_content_ft::before {
  bottom: var(--trbl);
  border-bottom: var(--bd);
}

.sec_content_ft::after,
.sec_content::after {
  left: var(--trbl);
  border-left: var(--bd);
}

.sec_content_ft::before,
.sec_content::before {
  right: var(--trbl);
  border-right: var(--bd);
}

.sec_content_md,
.sec_content_ft {
  text-align: center;
  padding: .1rem 0 1rem 0;
  --bd: .01rem solid #1f2226;
  border-bottom: var(--bd);
}
.sec_content_ft{
  padding: .1rem 0 .1rem 0;
  border-top: .01rem solid #1f2226;
}
.sec_content_md a,
.sec_content_ft a {
  --fs: .24rem;
  font-size: var(--fs);
  text-decoration: underline;
  color: #626263;
}

.font_en .sec_content_md a,
.font_en .sec_content_ft a {
  --fs: .24rem;
}
.sec_content_md a#intl-logout{
  margin-right: 1rem;
}
.sec_content_md a#intl-relink{
  margin-left: 1rem;
}
.loot_rules {
  display: flex;
  width: 100%;
  justify-content: end;
  gap: 1vw;
  padding: 0 .1rem .1rem 0;
}

.loot_rules .btn_wrapper .btn_inner {
  --mw: auto;
  --mh: .24rem;
}

.loot_rules .btn_wrapper .btn_inner a {
  --fs: .14rem;
  font-size: var(--fs);
  color: #a4a7aa;
}

.loot_rules .btn_wrapper .btn_inner a:hover {
  color: #fff
}

.loot_rules .btn_wrapper::after,
.loot_rules .btn_wrapper::before {
  --w: .02rem;
  --h: .04rem;
}


.svg_db_line {
  width: 100%;
  height: 0.12rem;
}

.svg_db_line_p1 {
  width: 100%;
}

.pt_tilte {
  --fs: .26rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #050809;
  font-size: var(--fs);
  position: relative;
  padding: .2rem 0;
}

.font_en .pt_tilte {
  --fs: .4rem;
}

.pt_tilte sub {
  --fs: .1rem;

  font-size: var(--fs);
  position: absolute;
  top: -30%;
  left: 0;
  color: var(--clr-01);
  width: 100%;
  text-align: center;
  letter-spacing: .05rem;
}
.pt_tilte span{
  position: relative;
  z-index: 1;
}
.pt_tilte span::after,
.pt_tilte span::before {
  --sz:1.5rem;
  --xy:calc(-1 * (var(--sz) + .1rem));
  content: "";
  position: absolute;
  width: var(--sz);
  height: 0.28rem;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAcCAYAAACd43bvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCN0QyOUJFRkI4RDExRUVCNUVFQUMwMjEwMzhGRDEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCN0QyOUJGRkI4RDExRUVCNUVFQUMwMjEwMzhGRDEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkI3RDI5QkNGQjhEMTFFRUI1RUVBQzAyMTAzOEZEMTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkI3RDI5QkRGQjhEMTFFRUI1RUVBQzAyMTAzOEZEMTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7dk4CzAAASOElEQVR42uxb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") no-repeat 0 0;
  background-size: cover;
}

.pt_tilte span::after {
  left: var(--xy);
}

.pt_tilte span::before {
  right: var(--xy);
  transform: scale(-1, 1) translateY(-50%);
}

.sec_content_bd {
  height: 0.02rem;
  border: 0.2rem solid rgba(255, 255, 255, .2);
  border-top: none;
  border-bottom: none;
  margin: 0.1rem;
}

.sec_content_loot_btn,
.sec_content_p1,
.sec_content_p2 {
  --bd: .01rem solid #1f2226;
  padding: .4rem .2rem;
}

.sec_content_loot_btn {
  border-left: var(--bd);
  border-right: var(--bd);
  border-width: .02rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1vw;
  padding: .2rem;
  position: relative;
}

.sec_content_loot_btn::before,
.sec_content_loot_btn::after {
  content: "";
  position: absolute;
}

.sec_content_loot_btn::after {
  bottom: 0;
  left: 0;
  border-top: .01rem solid #1f2226;
  opacity: .8;
  height: .1rem;
  width: 100%;
}

.sec_content_loot_btn::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 9'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M41.897 4.851l3.157-3.247v6.495l-3.157-3.248zM37.95.791h6.313l-3.156 3.247L37.95.791zm-.755 7.272V1.639l3.121 3.212-3.121 3.212zm-4.437-6.46v6.496l-3.156-3.248 3.156-3.248zM25.655.791h6.313l-3.156 3.247L25.655.791zM24.9 8.063V1.639l3.121 3.212L24.9 8.063zm-4.437-6.46v6.496l-3.156-3.248 3.156-3.248zM13.36.791h6.313l-3.156 3.247L13.36.791zm-.755 7.272V1.639l3.121 3.212-3.121 3.212zM4.221 4.038L1.065.791h6.313L4.221 4.038zM.309 8.063V1.639l3.122 3.212L.309 8.063zm3.912-2.399l3.122 3.212H1.1l3.121-3.212zm3.947-4.061v6.496L5.012 4.851l3.156-3.248zm11.47 7.273h-6.243l3.122-3.212 3.121 3.212zm12.296 0H25.69l3.122-3.212 3.122 3.212zm12.294 0h-6.243l3.122-3.212 3.121 3.212z'/%3E%3C/svg%3E") no-repeat right center / auto 100%;
  width: 80%;
  top: .1rem;
  height: .05rem;
  right: .1rem;
  opacity: .1;
}

.sec_content_p2 {
  width: 100%;
}
.sec_content_p2 .gifts_looting_process{
  width: 68%;
  margin: .4rem auto 0;
}
.sec_content_p1 ol {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sec_content_p1 ol li {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pg_ico {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0.4rem auto;
  display: block;
}

.pg_ico img {
  width: 100%;
  height: auto;
}

.pg_logout {
  padding: 0.1rem 0;
  display: block;
}
.user_info,
.user_info a{
  --fs:.2rem;
  font-size:var(--fs);
}
.pg_logout a{
  color: var(--clr-01);
  text-decoration: underline;
}
.pg_logout a:hover{
  text-decoration: none;
}
.pg_usr {
  display: block;
  font-weight: 700;
  text-align: center;
}

.title_top_line {
  --w: .5rem;
  border-bottom: .04rem solid var(--clr-01);
  width: var(--w);
  left: 50%;
  transform: translateX(-50%);
  transition: width .3s ease-in-out;
}

#dlg_event_rulle .dlg_context.scr_box{
  --mh:3.8rem;
}

.event_faq_container {
  --fs: .2rem;
  padding: .3rem 0;
  font-size: var(--fs);
}

.font_en .event_faq_container {
  --fs: .24rem;
  font-family: Arial, Helvetica, sans-serif;
}

.event_faq_list {
  margin-bottom: .1rem;
}

.event_faq_list>summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--clr-05);
  outline: none;
}


.event_faq_list>p {
  color: var(--clr-02);
  line-height: 1.5;
  padding-top: .1rem;
  padding-bottom: .1rem;

}
.event_faq_list>p a{
  color: var(--clr-01);
  text-decoration: underline;
}

.event_faq_list>summary,
.event_faq_list>p {
  position: relative;
  z-index: 1;
  padding-left: .25rem;
}

.loot_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.remaining_loot_ticket,
.gifts_list {
  --h: 5.83rem;
  height: var(--h);
}

.remaining_loot_ticket {
  --w: 7rem;
  width: var(--w);
}
.gifts_list {
  --w: 4rem;
  width: var(--w);
}

.loot_title {
  --h: .8rem;
  --fs: .26rem;
  height: var(--h);
  font-size: var(--fs);
  display: flex;
  align-items: center;
  justify-content: center;
}

.font_en.loot_title{
  --fs: .4rem;
}
.loot_title .light_text{
  margin-left: .1rem;
}
.loot_container .sec_content_p1 {
  --h: 5rem;

  height: var(--h);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}

.gifts_list .sec_content_p1 {
  /* padding: .1rem; */
}

.remaining_loot_ticket .sec_content_p1 {
  padding: 0;
}

.loot_container .sec_content {
  margin-bottom: .3rem;
}

.loot_transition_animation {
  --w: 25.62vw;
  --h: 25.36vw;
  --t: -10%;
  --l: 50%;
  --ts: scale(.6) translateX(-90%);

  width: var(--w);
  height: var(--h);
  margin: auto;
  background-image: url('../img/open_ani_frame.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  transform: var(--ts);
  position: absolute;
  top: var(--t);
  left: var(--l);
}

.btn_loot_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: .2rem 0;
  border-top: .01rem solid rgba(255, 255, 255, .1);
}

.dlg_container {
  --w: 42vw;
  --h: 27vw;
  --pd: .1rem;
  width: var(--w);
  height: var(--h);
  background-color: rgba(0, 0, 0, 1);
  padding: var(--pd);
  position: relative;
  z-index: 1;
}

.dlg_content {
  position: relative;
  z-index: 2;
  border: .01rem solid rgba(255, 255, 255, .1);
  height: 100%;
  padding: .3rem;
  color: #d2dbd3;
}

.dlg_context {
  padding: .2rem 0;
  line-height: 1.5;
}

.dlg_content::after {
  --h: .1rem;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--h);
  border-top: .01rem solid rgba(255, 255, 255, .1);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.2' viewBox='0 0 46 9'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M41.897 4.851l3.157-3.247v6.495l-3.157-3.248zM37.95.791h6.313l-3.156 3.247L37.95.791zm-.755 7.272V1.639l3.121 3.212-3.121 3.212zm-4.437-6.46v6.496l-3.156-3.248 3.156-3.248zM25.655.791h6.313l-3.156 3.247L25.655.791zM24.9 8.063V1.639l3.121 3.212L24.9 8.063zm-4.437-6.46v6.496l-3.156-3.248 3.156-3.248zM13.36.791h6.313l-3.156 3.247L13.36.791zm-.755 7.272V1.639l3.121 3.212-3.121 3.212zM4.221 4.038L1.065.791h6.313L4.221 4.038zM.309 8.063V1.639l3.122 3.212L.309 8.063zm3.912-2.399l3.122 3.212H1.1l3.121-3.212zm3.947-4.061v6.496L5.012 4.851l3.156-3.248zm11.47 7.273h-6.243l3.122-3.212 3.121 3.212zm12.296 0H25.69l3.122-3.212 3.122 3.212zm12.294 0h-6.243l3.122-3.212 3.121 3.212z'/%3E%3C/svg%3E") no-repeat 99% 50% / auto 50%;
}

.dlg_close {
  --sz: .4rem;
  --t: 0;
  --r: calc(-1 * var(--sz));
  --o: .4;

  position: absolute;
  top: var(--t);
  right: var(--r);
  width: var(--sz);
  height: var(--sz);
  background: rgba(0, 0, 0, .8) url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Crect transform='rotate(45)' ry='0' y='-1' x='4.314' height='2' width='14'/%3E%3Crect transform='rotate(-45)' ry='0' y='10.314' x='-7' height='2' width='14'/%3E%3C/svg%3E") no-repeat 50% 50% / 90%;
  cursor: pointer;
  opacity: var(--o);
  transition: opacity .2s ease-in-out, transform .4s ease-in-out;
}



.dlg_title {
  --fs: .3rem;
  font-size: var(--fs);
  text-align: center;
}

#dlg_modal_text_tips .dlg_container {
  --h: 15vw;
}

#dlg_congratulation .dlg_container {
  --h: 20vw;
}

.dlg_modal_text_context {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1vw;
}
#dlg_modal_confirm .dlg_content,#dlg_modal_confirm .dlg_container,#dlg_modal_confirm .dlg_modal_text_context{
  height: auto;
}
#dlg_modal_confirm .dlg_modal_text_context p{
  height: 1rem;
  line-height: 1rem;
}
.mark_icons {
  --sz: .5rem;
  width: var(--sz);
  height: var(--sz);
  border-radius: 100rem;
  background-color: #c9911d;
  display: flex;
  position: relative;
  z-index: 1;
}

.exclamation_mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='iconify iconify--emojione-monotone' fill='%23fff' stroke='%23fff'%3E%3Cpath d='M36.989 42.439H27.01L23 2h18z'/%3E%3Cellipse cx='31.999' cy='54.354' rx='7.663' ry='7.646'/%3E%3C/svg%3E") no-repeat 50% 50% / 80%;
}

.check_mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='10' stroke-width='44' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E") no-repeat 50% 50% / 80%;
}

.awarded_gifts_table,
.awarded_gifts_table th,
.awarded_gifts_table td,.gifts_table,
.gifts_table th,
.gifts_table td {
  --bd: .01rem solid rgba(255, 255, 255, .2);
}

.awarded_gifts_table th,
.awarded_gifts_table td,.gifts_table th,
.gifts_table td {
  text-align: center;
  border-top: var(--bd);
  border-right: var(--bd);
}

.awarded_gifts_table,.gifts_table {
  border-bottom: var(--bd);
  border-left: var(--bd);
  width: 96%;
}

.awarded_gifts_table th,.gifts_table th {
  --fs: .26rem;
  --pd: .1rem;
  font-size: var(--fs);
  padding: var(--pd);
  font-weight: 700;
  color: #959c97;
  background-color: rgba(255, 255, 255, .1);
}

.awarded_gifts_table td,.gifts_table td {
  --fs: .24rem;
  --pd: .2rem;
  font-size: var(--fs);
  padding: var(--pd);
  color: #64696b;
}

.awarded_gifts_container.scr_box {
  --mh: 3.5rem;
  display: flex;
  justify-content: center;
}

.congratulation_searching_text p {
  position: relative;
  padding-left: .2rem;
}

.congratulation_searching_text p::after {
  position: absolute;
  animation: searching_dot 3s infinite linear;
  content: "";
  left: 105%;
}

.searching_icon {
  --sz: .3rem;
  width: var(--sz);
  height: var(--sz);
  background: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M768 713.7L630.2 575.9c22.3-32.8 35.4-72.4 35.4-115.1 0-113.1-91.7-204.8-204.8-204.8S256 347.7 256 460.8s91.7 204.8 204.8 204.8c42.7 0 82.3-13.1 115.1-35.4L713.7 768l54.3-54.3zM332.8 460.8c0-70.6 57.4-128 128-128s128 57.4 128 128-57.4 128-128 128-128-57.4-128-128z'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
  transition: transform 1.5s ease-in-out;
  animation: orbit 1s linear infinite;
}

@keyframes orbit {
  0% {
    transform: rotate(0deg) translate(.1rem) rotate(0deg);
  }

  100% {
    transform: rotate(360deg) translate(.1rem) rotate(-360deg);
  }
}

@keyframes searching_dot {
  0% {
    content: "";
  }

  10% {
    content: ".";
  }

  40% {
    content: "..";
  }

  70% {
    content: "...";
  }

  100% {
    content: "";
  }
}

.congratulation_searching_wrapper,
.congratulation_container {
  height: 100%;
}

.congratulation_searching {
  --sz: 2px;
  background: repeating-linear-gradient(135deg,
      transparent,
      transparent var(--sz),
      rgba(120, 120, 120, .1) var(--sz),
      rgba(120, 120, 120, .1) calc(var(--sz) * 2))
}

.congratulation_searching_text,
.congratulation_searching_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.congratulation_searching_wrapper.hide,
.congratulation_result.hide,#dlg_modal_real_rewards .hide {
  display: none !important;
}

.congratulation_result {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 2vw;
}
.congratulation_result_text{
  width: 60%;
  word-break: break-all;
}
.congratulation_result_gift {
  --sz: 1.5rem;
  width: var(--sz);
  height: var(--sz);
  border: .01rem solid #212426;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(120, 120, 120, .1);
}

.congratulation_result_gift img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}

.congratulation_result_text h6 {
  --fs: .3rem;
  font-size: var(--fs);
  font-weight: 700;
  padding-bottom: .1rem;
}


.loot_gifts_list {
  --gap: .12rem;
  --fs: .14rem;
  font-size: var(--fs);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  width: 100%;
}

.loot_gifts_list.scr_box {
  --mh: 4.55rem;
}

.gift_item {
  padding-top: .1rem;
}

.gift_item img {
  --w: 1rem;
  width: var(--w);
  height: auto;
  display: block;
  margin: auto;
}

.gift_item_name {
  --fs: .14rem;
  font-size: var(--fs);
  line-height: 1;
}
.font_en .gift_item_name {
  --fs:.16rem;
}


.loot_gifts_list li {
  --sz: 1.4rem;
  --w: 98%;
  width: var(--w);
  background-color: #101314;
  border: .01rem solid #212426;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
  z-index: 1;
}

.loot_gifts_list .gift_item_single {
  flex-direction: column;
  align-items: center;
}

.gift_item_single .gift_item_name {
  padding: .1rem;
}


.gift_item img {
  max-width: 100%;
}
.gift_item_single .gift_item img{
  --w:2.7rem;
  width: var(--w);
}
.gift_item_wrapper {
  --w: 50%;
  width: var(--w);
  text-align: center;
  padding: .05rem .1rem;
}

.gift_item_desc {
  --w: 50%;
  width: var(--w);
  background-color: #1a1d1f;
  position: relative;
  z-index: 2;
}

.gift_item_desc::after {
  --sz: .4rem;
  content: "";
  position: absolute;
  z-index: 2;
  left: calc(-1 * var(--sz) / 2);
  top: 50%;
  width: var(--sz);
  height: var(--sz);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23101314' d='M8 6l6 4.03L8 14V6z'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
  transform: translateY(-50%);
}

.gift_item_desc h6 {
  --fs: .12rem;
  font-size: var(--fs);
  text-align: center;
  padding: .05rem;
  font-weight: 700;
  border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
  position: relative;
  z-index: 1;
}
.font_en .gift_item_desc h6 {
  --fs:.16rem;
}
.gift_item_desc h6::after {
  content: "";
  position: absolute;
  z-index: 1;
  height: .05rem;
  width: .02rem;
  background-color: rgba(255, 255, 255, .1);
  left: 50%;
  transform: translate(-50%);
  bottom: -.03rem;
}

.gift_item_desc_list {
  padding: .05rem .1rem;
}

.gift_item_desc_list_item {
  display: flex;
  margin-bottom: .05rem;
  padding-bottom: .05rem;
  width: 100%;
  border-bottom: .01rem solid #2c2f31;
}

.gift_item_desc_list_item_img {
  --w: .3rem;
  width: var(--w);
  text-align: center;
}
.gift_item_desc_list_item_img img{
  max-width: 100%;
}


.gift_item_desc_name {
  --w: calc(100% - .3rem);
  --fs:.1rem;
  font-size: var(--fs);
  padding-left: .05rem;
  width: var(--w);
  display: flex;
  align-items: center;
}
.font_en .gift_item_desc_name {
  --fs:.12rem;
}
.gfit_item_koen {
  flex-direction: column;
  align-items: center;
}

.koen_list_item {
  --w: 90%;
  margin: .05rem auto;
  padding-bottom: .05rem;
  border-bottom: .01rem solid #2c2f31;
  width: var(--w);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.show_more_ammo {
    display: flex;
    height: .2rem;
    align-items: center;
    justify-content: center;
    background-color:#1e2122;
}
.show_more_ammo:hover{
  background-color: var(--clr-01);
}
.show_more_ammo:hover .triangle_arrow {
    --fl:var(var(--clr-05))
  }
.show_more_ammo .triangle_arrow {
    --fl: var(--clr-03);
}
.gift_item_desc .triangle {
  transform: rotate(180deg);
}
.gift_item_desc.hide .triangle {
  transform: rotate(0);
}
.rgge_icon {
  --w: .4rem;
  width: var(--w);
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.koen_icon {
  --w: .6rem;
  width: var(--w);
  height: auto;
  margin:0 .1rem 0 .5rem;
}
.gift_item_desc.hide .gift_item_desc_list_item:nth-child(n+5) {
  display: none!important;
}
@media screen and (min-width: 1337px) {
  .header {
    --bg: url(../img/pc_banner.jpg) no-repeat center top / 100% auto;
  }

  .menu_list {
    display: flex;
    align-items: center;
    gap: 1vw;
    position: relative;
    z-index: 1;
  }

  .menu_list a {
    position: relative;
    z-index: 1;
    padding: 0 .3vw;
    color: var(--clr-05);
  }

  .menu_list a:hover::after {
    --sz: .2vw;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: var(--sz);
    height: var(--sz);
    background-color: var(--clr-01);
    border-radius: 100rem;
    animation: blinkAnimation 1s infinite;
    transition: opacity .5s ease-in-out;
  }

  .menu_list::after {
    content: "";
    position: absolute;
    right: -.5vw;
    top: 0;
    width: .01rem;
    height: 100%;
    background-color: rgba(255, 255, 255, .2);
  }
  .gifts_looting_process{
    width: 60%;
  }
  .banner .gifts_looting_process{display: none;}
  .dlg_close:hover {
    --o: 1;
    transform: rotate(180deg);
  }

  .loot_container .sec_content::before,
  .loot_container .sec_content::after {
    visibility: hidden;
  }

  .remaining_loot_ticket .sec_content_p1 {
    border-top: none;
  }

  .event_faq_list>summary::before,
  .event_faq_list>p::before {
    --sz: .2rem;
    --l: 0;

    content: "";
    position: absolute;
    width: var(--sz);
    height: var(--sz);
    left: var(--l);
    top: var(--t);
  }

  .event_faq_list>summary::before {
    --t: .06rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAABU0lEQVQ4ja3VP0hVURwH8I/3xcPeIg1uLSEUIc6CCA5Z4aAhSQSCODWIoC4OYosgD8dqjUBcVCLxLaa+hoiGVicdcnJzEBxEBdHBe0Ev7/55T7/LufzOOR8unHN/t2mz/akcGUY3xnCZtvBBDmwQiyjgFFNpi4MM7DWWQwwmMdco2IMfKMbqHzFdL9iJdZQS5hcwnhfswAZakt4izGeMZoHP8AuPMjBowle8SwKfoIrWHFiUApbQHwcfYzsc600Rq3gRga3YQlsDWJRmVNAV4Due3wGLUkI5wAxO7gHcxVCAv3iDsztg//ESh9GhVF0f/3kD2AFeheOta1PBCC7qwA7Ri/2oEL/YK/ggo0WFOQqxvZvFWp/eN0xkYMfow058Iqk5fHF9+rVyggH8qzWZ1r7KmI/VzvEWv5M2ZTXYWXwKny/wHj/TNuT5BUzhIf5gLWvxFZUDN4NbdBAjAAAAAElFTkSuQmCC') no-repeat 50% 50% / 100%;
  }

  .event_faq_list>p::before {
    --t: .17rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAAACXBIWXMAAAsTAAALEwEAmpwYAAABg0lEQVQ4jY3Tv0+TURjF8Y99cYPGrYSJSKKjDrpIokHUSRadpKh/gi6dpCZqnZj8sagsGmXXaJzQwcTBRf8C6FTKBmG1iQPvm1ye3pqe7Zx8n5N7n9x77MrVa29w2bBu4Ver1638OhZGcWkwgTaW0Ajwa5zD39K38TvDvcL5hFNDH00MAnwG9xO/g5UMdxb30qA4OTcH2yhwKQxc+Dl1YmP+YG+/9Fvl7YY4bGC/Ommlx/ge4Em8DNmjEdyLyqSlAyxjNwxcX5uZvRm4ZoZbwo1Yyuj9Plubma0nfge3M9xz1Kudpto2vLc6puYP9r4m2RaO42LgJuNJK/3IZKfG5E7nSht4F7I+7oZsGm8z3J1YWuBDOVBpgJVWr9sfg1vGbix9gMWQdVq97mbI2oa/9hPlU0tLF/AwgN9KONUiVkO2iU5lqtKGwx9RJGAfzVavmz6babzPcEe+b81/9lgOVCrKwsg1A6cmv8en5ZVSrWa4jsMVHdEEPuFLyP9EEB/xeQzOPy6dYYSzPiouAAAAAElFTkSuQmCC') no-repeat 50% 50% / 100%;
  }

  .event_faq_list .event_faq_title:hover {
    text-decoration: underline;
  }
  .koen_list_item:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 1336px) {
  html {
    font-size: calc(var(--vw) * 9.2592592);
  }

  body {
    --mw: 100%;
    --fs: .3rem;
  }

  .font_en {
    --fs: .34rem;
  }

  .btn_wrapper .btn_inner {
    --mw: 3rem;
    --mh: .8rem;
    --fs: .3rem;
    --pd: 0 .2rem;
  }

  .font_en .btn_wrapper .btn_inner {
    --fs: .36rem;
  }

  .sec_content_p1 ol li .btn_inner {
    --mw: 2rem;
    --mh: .7rem;
    --fs: .3rem;
  }

  .header {
    --bg: url(../img/m_head.jpg) no-repeat center top / 100% auto;
  }

  .top_bar {
    --h: 7.4vw;
  }

  #banner {
    --mh: auto;
  }
  .relist_wrapper{
    flex-direction: column;
    padding: 0;
  }
  .relist_box{
    width: 100%;
    padding: .85rem 0 1rem
  }
  .titleimg3{

  }
  .banner {
    padding: 3.2rem 0 0 0;
  }

  .slgon img {
    margin: auto;
  }

  .claim_btn_wrapper {
    justify-content: center;
    margin-bottom: 1.4rem;
  }

  .download_btn_wrapper {
    position: static;
    justify-content: center;
    padding-top: .2rem;
    width: 100%;
  }
  .download_btn_wrapper h4{
    --fs: .52rem;
    width: 9.67rem;
    height: .95rem;
    line-height: .9rem;
    font-size: var(--fs);
    background: url(../img/btnm1203.png) no-repeat 50% 50% / 100%;
    text-align: center;
    font-weight: bold;
    color: #d2dbd3;
    margin: 0 auto;
}
.font_de .download_btn_wrapper h4,.font_pt-BR .download_btn_wrapper h4,.font_ru .download_btn_wrapper h4{
  font-size: .52rem;
}
.download_btn_wrapper ul{
  margin: .1rem auto .2rem;
  height: 4.2rem;
  width: 9.68rem;
  background: url(../img/mbtnbg.png) no-repeat;
  background-size: 9.68rem 4.2rem;
}
.newitem p{
  right: .2rem;
  bottom: .4rem;
}
.download_btn_wrapper .newname{
  height: .7rem;
}
.download_btn_wrapper li:nth-of-type(2) .newname{
  line-height: .5rem;
}
.font_ja .download_btn_wrapper li:nth-of-type(2) .newname,.font_ru .download_btn_wrapper li:nth-of-type(2) .newname,.font_pt-BR .download_btn_wrapper li:nth-of-type(2) .newname,.font_de .download_btn_wrapper li:nth-of-type(2) .newname{
  font-size: .22rem;
  line-height: .22rem;
}
.download_btn_wrapper ul li {
  width: 3.26rem;
  margin: 0 auto;
}
.title1{
  width: 9.6rem;
}
.title1 .sub_step_title{
  padding-top: .8rem;
}
.sec_title span{
  padding-top: 0;
}
.title1 {
  /* background: url('data:image/svg+xml;utf8,%3Csvg xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" xmlns%3Axlink%3D"http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink" class%3D"svg_db_line" viewBox%3D"0%200%201144%2012"%3E%3Cpath fill-rule%3D"evenodd" opacity%3D"0.3" fill%3D"rgb(183%2C%20191%2C%20184)" d%3D"M592.921%2C7.262%20L573.247%2C7.262%20L573.247%2C11.050%20L570.722%2C11.050%20L570.722%2C7.262%20L551.047%2C7.262%20L551.047%2C6.000%20L570.722%2C6.000%20L570.722%2C0.950%20L573.247%2C0.950%20L573.247%2C6.000%20L592.921%2C6.000%20L592.921%2C7.262%20Z"%2F%3E%3Cpath fill-rule%3D"evenodd" opacity%3D"0.2" fill%3D"rgb(183%2C%20191%2C%20184)" d%3D"M603.024%2C6.995%20L603.024%2C4.995%20L1144.009%2C4.995%20L1144.009%2C6.995%20L603.024%2C6.995%20ZM49.989%2C9.996%20L542.976%2C9.996%20L542.976%2C10.994%20L49.989%2C10.994%20L49.989%2C9.996%20ZM-0.010%2C4.995%20L542.976%2C4.995%20L542.976%2C6.995%20L-0.010%2C6.995%20L-0.010%2C4.995%20ZM1095.010%2C10.994%20L603.024%2C10.994%20L603.024%2C9.996%20L1095.010%2C9.996%20L1095.010%2C10.994%20Z"%2F%3E%3C%2Fsvg%3E') no-repeat bottom center; */
  padding-bottom: 0.2rem;
}
.newitem {
  width: 3.26rem;
  height: 2.6rem;
  position: relative;
}
  .download_btn {
    --fs: .36rem;
    padding: .2rem .5rem;
  }

  .link_claim {
    margin-top: 1.5rem;
  }
  .itembox .link_claim {
    margin-top: .5rem;
  }
  .itemline::after{
    width: 100%;
    background: url(../img/title_line.png) no-repeat;
    background-size: 100%;
  }
  .gifts_looting_process {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .banner .gifts_looting_process{
    display: none;
  }
  .gifts_looting_process h2 {
    --fs: .44rem;
    --h: rem;
  }

  .gifts_looting_process h2::before {
    --w: .06rem;
  }

  .gifts_looting_process li {
    --fs: .28rem;
  }

  .gifts_looting_process li::before {
    --sz: .15rem;
  }

  .section {
    --w: 9.66rem;
  }

  .sec_content_md a,
  .sec_content_ft a {
    --fs: .3rem;
  }

  .btn_loot {
    --w: 6rem;
    --mxh: .8rem;
    margin: .1rem auto 0;
  }

  .triangle_polygon {
    --sz: .4rem;
    --fs: .12rem;
    --t: 0;
    --r: -.6rem;
    --lh: 2.5;
  }
  .pt_tilte {
    --fs: .3rem;
  }
  .sec_title span {
    --fs: .5rem;
  }
  .font_en .sec_title span {
    --fs: .7rem;
  }

  .remaining_loot_ticket,
  .gifts_list {
    --h: 6.4rem;
    font-size: .46rem;
  }

  .loot_container {
    flex-direction: column;
  }

  .gifts_list .sec_content_p1,
  .gifts_list {
    --h: auto;
  }

  .remaining_loot_ticket .sec_content_p1 {
    --h: 4.9rem;
  }

  .loot_gifts_list.scr_box {
    --mh: auto;
  }

  .remaining_loot_ticket,
  .gifts_list {
    --w: auto;
  }

  .loot_transition_animation {
    --w: 25.62vw;
    --h: 25.36vw;
    --t: 10%;
    --l: 50%;
    --ts: scale(1) translateX(-50%);
  }

  .loot_gifts_list {
    --gap: .28rem;
  }

  .loot_gifts_list li {
    --sz: 1.8rem;
  }

  .gift_item img {
    --w: 1.2rem;
  }
  .ammo_items .gift_item_desc_list_item_img img{
    width: 50%;
  }
  .gift_item_name {
    --fs: .2rem;
  }
  .itemimg{
    width: 85%;
  }
  .relist_wrapper::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: .02rem;
    background-color: #2f3335;
  }
  .streamersbox{
    width: 6.95rem;
  }
  .streamers img {
    width: 1.2rem;
    height: 1.2rem;
}
  .loot_rules {
    justify-content: center;
    gap: 1vw;
    padding: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    transform: translateY(125%);
  }

  .loot_rules .btn_wrapper .btn_inner {
    --mw: 1.4rem;
    --mh: .44rem;
  }

  .loot_rules .btn_wrapper .btn_inner a {
    --fs: .24rem;
  }
  .event_faq_container {
    --fs: .3rem;
  }

  .event_faq_list>summary {
    border: .01rem solid rgba(255, 255, 255, .1);
    padding: .25rem .5rem .2rem .25rem;
  }

  .event_faq_list>summary::after {
    --sz: .25rem;
    content: "";
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' width=\'20px\' height=\'25px\'%3E%3Cpath fill-rule=\'evenodd\' fill=\'rgb(180, 87, 57)\' d=\'M0,0 L9,0 L20,12.5 L9,25 L0,25 L11,12.5 L0,0 Z\'/%3E%3C/svg%3E") no-repeat 50% 50% / 100%;
    right: var(--sz);
    top: 50%;
    transform: translateY(-50%);
    width: var(--sz);
    height: var(--sz);
    transform-origin: 0 0;
  }

  .event_faq_list[open]>summary::after {
    transform: rotate(90deg) translate(-50%, -100%);
  }

  .event_faq_list>p {
    padding-right: .5rem;
  }

  .dlg_content::after {
    --h: .2rem;
  }

  .dlg_container {
    --w: 92vw;
    --h: 6rem;
    --pd: .15rem;
  }

  .dlg_context.scr_box,
  .awarded_gifts_container.scr_box {
    --mh: 4rem;
  }

  .dlg_close {
    --sz: .8rem;
    --t: auto;
    --r: 50%;
    --o: 1;
    bottom: 0;
    transform: translate(50%, 110%);
  }

  .dlg_title {
    --fs: .42rem;
  }

  .awarded_gifts_table th {
    --fs: .32rem;
    --pd: .2rem;
  }

  .awarded_gifts_table td {
    --fs: .3rem;
    --pd: .3rem;
  }

  #dlg_congratulation .dlg_container,
  #dlg_modal_text_tips .dlg_container {
    --h: 4rem;
  }
  #dlg_event_rulle .scr_box{
    --mh:3.7rem;
  }
  .menu_mobile,
  .menu_mobile::before,
  .menu_mobile::after {
    --bw: .05rem;
    --c: var(--clr-05);
  }

  .menu_mobile::before,
  .menu_mobile::after {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--bw);
    background-color: var(--c);
    left: 0;
  }

  .menu_mobile {
    --w: .5rem;
    --h: .4rem;
    width: var(--w);
    height: var(--h);
    position: relative;
    z-index: 9;
    background: linear-gradient(var(--c), var(--c)) 0 50%/100% var(--bw) no-repeat;
    display: block;
    cursor: pointer;
  }

  .menu_mobile::before {
    top: 0;
  }

  .menu_mobile::after {
    bottom: 0;
  }

  .lang_dropdown_text {
    width: 0;
    height: 0;
    visibility: hidden;
  }

  .lang_icon {
    margin-right: .2rem;
    transform: scale(1.2);
  }
  .loot_gifts_list.scr_box {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
  }

  .loot_gifts_list {
    flex-direction: row;
  }

  .gift_item_wrapper {
    --w: 4rem;
  }

  .gift_item_desc {
    --w: 4rem;
    height: 100%;
  }

  .gift_item_single .gift_item {
    width: 5rem;
    padding: .1rem;
  }

  .gift_item_single .gift_item img {
    width: 90%;
  }

  .gift_item_name {
    --fs: .24rem;
  }
  .font_en .gift_item_name {
    --fs: .3rem;
  }

  .loot_gifts_list li {
    align-items: center;
  }

  .gift_item_desc_list_item_img {
    --w: .8rem;
  }

  .gift_item img {
    --w: 2.2rem;
  }
  .gift_item_desc_list_item{
    margin-bottom: .1rem;
    padding-bottom: .1rem;
  }
  .gift_item_desc_name{
    --fs: .2rem;
    --w:calc(100% - .8rem);
    font-size:var(--fs);
  }
  .font_en .gift_item_desc_name{
    --fs: .24rem;
  }
  .gift_item_desc h6{
    --fs:.24rem;
    padding:.1rem .05rem;
    margin-bottom: .1rem;
  }
  .font_en .gift_item_desc h6{
    --fs:.3rem;
  }
  .gift_item_desc::after{
    --sz:.8rem;
  }
  li.gfit_item_koen{
    width: auto;
    flex-direction: row;
    gap: .2rem;
    border: none;
    background: none;
  }
  .koen_list_item {
    height: 100%;
    width: 4rem;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    border: .01rem solid #2c2f31;
    justify-content: center;
}
.gfit_item_koen .rgge_icon {
  position: absolute;
}
.show_more_ammo{
  height: .4rem;
}
.rgge_icon{
  --w: 1.5rem;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.gfit_item_koen .koen_icon{
  --w: 70%;
}
.koen_list_item_desc {
  --fs:.3rem;
  font-size: var(--fs);
}

  @media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {}

  @media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (pointer: coarse) {}
}

@media screen and (min-width: 3840px) and (min-height: 1080px) {}

@media screen and (min-width: 3841px) {}
.pic3{
  width: 4.9rem;
}
.dj{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.dj li img{
  width: 0.82rem;
  cursor: pointer;
  pointer-events: auto;
  user-select: initial;
}
.rules_box p:nth-of-type(2),.rules_box p:nth-of-type(5),.rules_box p:nth-of-type(7){
  margin-bottom: 0.2rem;
}
.rules_box p:nth-of-type(1),.rules_box p:nth-of-type(3){
  font-weight: 800;
  font-size: 0.24rem;
}
.rules_box p:nth-of-type(4),.rules_box p:nth-of-type(6){
  color: #af3430;
}