body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
    margin: 0
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, '\5b8b\4f53', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a {
    text-decoration: none;
    outline: 0
}

.wrapper a {
    cursor: url('../images/event/Midnight-Hunters/hover2.png') 12 12, pointer
}

a:hover {
    text-decoration: none
}

img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: 0
}

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

td,
th,
ul,
ol {
    padding: 0
}

ol,
ul {
    list-style: none
}

html {
    background: #131313
}

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    font-family: "all";
    min-width: 320px;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    width: 100vw
}

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

@font-face {
    font-family: "vi";
    src: url("../fonts/vi.ttf");
}

.ar p,
.ar span,
.ar,
.ar input,
.ar select,
.ur p,
.ur span,
.ur,
.ur input,
.ur select {
    direction: rtl;
    font-family: 'ar', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.ru p,
.ru span,
.ru,
.ru input,
.ru select {
    font-family: 'ru', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.th p,
.th span,
.th,
.th input,
.th select {
    font-family: 'th', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.TW,
.TW input,
.TW select,
.HK,
.HK input,
.HK select {
    font-family: "Noto Sans TC", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.zh,
.zh input,
.zh select {
    font-family: "Noto Sans SC", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.tr p,
.tr span,
.tr,
.tr input,
.tr select {
    font-family: 'tr', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.vi p,
.vi span,
.vi,
.vi input,
.vi select {
    font-family: 'vi', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.mm p,
.mm span,
.mm,
.mm input,
.mm select {
    font-family: 'mm', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.uz p,
.uz span,
.uz,
.uz input,
.uz select {
    font-family: 'uz', "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Droid Sans Fallback", sans-serif
}

.wrapper {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/event/Midnight-Hunters/bg.jpg) 0 0 / 100% calc(4040/1920*100vw) no-repeat;
    cursor: url('../images/event/Midnight-Hunters/hover1.png') 12 12, auto
}

.section {
    width: 100%;
    overflow: hidden;
    position: relative
}

.kv {
    height: calc(1100/1920*100vw)
}

.s1 {
    height: calc(820/1920*100vw)
}

.s2 {
    height: calc(930/1920*100vw)
}

.s3 {
    height: calc(1190/1920*100vw)
}

.side {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: calc(122/1920*100vw);
    height: calc(742/1920*100vw);
    background: url(../images/event/Midnight-Hunters/side.png) 0 0 / 100% 100% no-repeat;
    position: fixed;
    top: 54%;
    left: 0;
    margin-top: calc(-371/1920*100vw);
    z-index: 9;
    opacity: 0;
    pointer-events: none
}

.side.act {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.side a {
    display: block;
    width: calc(122/1920*100vw);
    height: calc(112/1920*100vw);
    background: url(../images/event/Midnight-Hunters/side1.png) 0 0 / 100% 100% no-repeat;
    margin: calc(10/1920*100vw) 0;
    position: relative
}

.side a b {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    font-family: 'all';
    text-align: center;
    color: rgba(152, 150, 150, .24);
    font-size: calc(50/1920*100vw);
    line-height: calc(100/1920*100vw)
}

.side a:nth-child(2) b,
.side a:nth-child(3) b,
.side a:nth-child(4) b {
    text-indent: calc(10/1920*100vw)
}

.ar .side a:nth-child(2) b,
.ar .side a:nth-child(3) b,
.ar .side a:nth-child(4) b,
.ur .side a:nth-child(2) b,
.ur .side a:nth-child(3) b,
.ur .side a:nth-child(4) b {
    text-indent: calc(-10/1920*100vw)
}

.side a.act:nth-child(2) b,
.side a.act:nth-child(3) b,
.side a.act:nth-child(4) b {
    text-indent: -9999px
}

.side a.act {
    background: url(../images/event/Midnight-Hunters/side2.png) 0 0 / 100% 100% no-repeat
}

.side a.act:nth-child(2) b {
    background: url(../images/event/Midnight-Hunters/side_1.png) 0 0 / 100% 100% no-repeat
}

.side a.act:nth-child(3) b {
    background: url(../images/event/Midnight-Hunters/side_2.png) 0 0 / 100% 100% no-repeat
}

.side a.act:nth-child(4) b {
    background: url(../images/event/Midnight-Hunters/side_3.png) 0 0 / 100% 100% no-repeat
}

.side a:first-child {
    display: none !important
}

.btn_back {
    display: block;
    width: calc(171/1920*100vw);
    height: calc(177/1920*100vw);
    background: url(../images/event/Midnight-Hunters/btn_back.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    bottom: calc(100/1920*100vw);
    right: calc(60/1920*100vw);
    z-index: 2
}

.slogan {
    display: block;
    width: 100%;
    height: calc(162/1920*100vw);
    background: url(../images/event/Midnight-Hunters/slogan/en129e.png?v=1.7) center 0 / auto 100% no-repeat;
    position: absolute;
    top: calc(600/1920*100vw);
    left: 0;
    text-indent: -9999px
}

.ar .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/ar129e.png?v=1.7) center 0/auto 100% no-repeat
}

.de .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/de129e.png?v=1.7) center 0/auto 100% no-repeat
}

.en .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/en129e.png?v=1.7) center 0/auto 100% no-repeat
}

.es .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/es129e.png?v=1.7) center 0/auto 100% no-repeat
}

.fr .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/fr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.HK .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/HK129e.png?v=1.7) center 0/auto 100% no-repeat
}

.id .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/id129e.png?v=1.7) center 0/auto 100% no-repeat
}

.my .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/my129e.png?v=1.7) center 0/auto 100% no-repeat
}

.pt .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/pt129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ru .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/ru129e.png?v=1.7) center 0/auto 100% no-repeat
}

.th .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/th129e.png?v=1.7) center 0/auto 100% no-repeat
}

.tr .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/tr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.TW .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/TW129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ur .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/ur129e.png?v=1.7) center 0/auto 100% no-repeat
}

.uz .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/uz129e.png?v=1.7) center 0/auto 100% no-repeat
}

.vi .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/vi129e.png?v=1.7) center 0/auto 100% no-repeat
}

.mm .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/mm129e.png?v=1.7) center 0/auto 100% no-repeat
}

.zh .slogan {
    background: url(../images/event/Midnight-Hunters/slogan/zh129e.png?v=1.7) center 0/auto 100% no-repeat
}

.slogan a {
    display: block;
    width: calc(106/1920*100vw);
    height: calc(102/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_play.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(-100/1920*100vw);
    left: 50%;
    margin-left: calc(-53/1920*100vw);
    filter: drop-shadow(0 0 calc(20/1920*100vw) #e36475);
    -webkit-animation: AniPlay 2s infinite linear;
    animation: AniPlay 2s infinite linear
}

.newdownload-wrap {
    bottom: initial !important;
    top: calc(810/1920*100vw) !important
}

.tit1 {
    display: block;
    width: 100%;
    height: calc(106/1920*100vw);
    background: url(../images/event/Midnight-Hunters/tit1/en129e.png?v=1.7) center 0 / auto 100% no-repeat;
    margin: calc(10/1920*100vw) auto 0
}

.ar .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/ar129e.png?v=1.7) center 0/auto 100% no-repeat
}

.de .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/de129e.png?v=1.7) center 0/auto 100% no-repeat
}

.en .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/en129e.png?v=1.7) center 0/auto 100% no-repeat
}

.es .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/es129e.png?v=1.7) center 0/auto 100% no-repeat
}

.fr .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/fr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.HK .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/HK129e.png?v=1.7) center 0/auto 100% no-repeat
}

.id .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/id129e.png?v=1.7) center 0/auto 100% no-repeat
}

.my .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/my129e.png?v=1.7) center 0/auto 100% no-repeat
}

.pt .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/pt129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ru .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/ru129e.png?v=1.7) center 0/auto 100% no-repeat
}

.th .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/th129e.png?v=1.7) center 0/auto 100% no-repeat
}

.tr .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/tr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.TW .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/TW129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ur .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/ur129e.png?v=1.7) center 0/auto 100% no-repeat
}

.uz .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/uz129e.png?v=1.7) center 0/auto 100% no-repeat
}

.vi .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/vi129e.png?v=1.7) center 0/auto 100% no-repeat
}

.mm .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/mm129e.png?v=1.7) center 0/auto 100% no-repeat
}

.zh .tit1 {
    background: url(../images/event/Midnight-Hunters/tit1/zh129e.png?v=1.7) center 0/auto 100% no-repeat
}

.s1_swiper {
    display: block;
    width: calc(1369/1920*100vw);
    height: calc(604/1920*100vw);
    position: relative;
    margin: 0 auto
}

.s1_swiper .swiper-slide {
    background: url(../images/event/Midnight-Hunters/s1_box1.png) 0 0 / 100% 100% no-repeat
}

.s1_slide1::after {
    display: block;
    content: '';
    width: calc(402/1920*100vw);
    height: calc(235/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(170/1920*100vw);
    left: calc(876/1920*100vw)
}

.ar .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide1::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid1_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_slide1::before {
    display: block;
    content: '';
    width: calc(749/1920*100vw);
    height: calc(420/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(92/1920*100vw);
    left: calc(100/1920*100vw)
}

.ar .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide1::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic1_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_slide2::after {
    display: block;
    content: '';
    width: calc(402/1920*100vw);
    height: calc(235/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(170/1920*100vw);
    left: calc(876/1920*100vw)
}

.ar .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide2::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid2_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_slide2::before {
    display: block;
    content: '';
    width: calc(749/1920*100vw);
    height: calc(420/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(92/1920*100vw);
    left: calc(100/1920*100vw)
}

.ar .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide2::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic2_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_slide3::after {
    display: block;
    content: '';
    width: calc(402/1920*100vw);
    height: calc(235/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(170/1920*100vw);
    left: calc(876/1920*100vw)
}

.ar .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide3::after {
    background: url(../images/event/Midnight-Hunters/s1_box/vid3_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_slide3::before {
    display: block;
    content: '';
    width: calc(749/1920*100vw);
    height: calc(420/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_en.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(92/1920*100vw);
    left: calc(100/1920*100vw)
}

.ar .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_ar129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.de .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_de129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.en .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_en129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.es .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_es129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.fr .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_fr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.HK .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_HK129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.id .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_id129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.my .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_my129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.pt .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_pt129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ru .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_ru129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.th .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_th129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.tr .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_tr129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.TW .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_TW129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.ur .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_ur129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.uz .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_uz129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.vi .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_vi129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.mm .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_mm129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.zh .s1_slide3::before {
    background: url(../images/event/Midnight-Hunters/s1_box/pic3_zh129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s1_page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(1558/1920*100vw);
    height: calc(20/1920*100vw);
    margin: calc(20/1920*100vw) auto 0;
    position: relative
}

.s1_prev {
    display: block;
    width: calc(41/1920*100vw);
    height: calc(41/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_page3.png) 0 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.s1_prev:hover {
    background: url(../images/event/Midnight-Hunters/s1_page2.png) 0 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.ar .s1_prev,
.ur .s1_prev {
    background: url(../images/event/Midnight-Hunters/s1_page2.png) right 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.ar .s1_prev:hover,
.ur .s1_prev:hover {
    background: url(../images/event/Midnight-Hunters/s1_page3.png) right 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.s1_next {
    display: block;
    width: calc(41/1920*100vw);
    height: calc(41/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_page2.png) right 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.ar .s1_next,
.ur .s1_next {
    background: url(../images/event/Midnight-Hunters/s1_page3.png) 0 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.s1_next:hover {
    background: url(../images/event/Midnight-Hunters/s1_page3.png) right 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.ar .s1_next:hover,
.ur .s1_next:hover {
    background: url(../images/event/Midnight-Hunters/s1_page2.png) 0 0 / calc(70/1920*100vw) calc(41/1920*100vw) no-repeat
}

.s1_pagination,
.s2_pagination {
    display: flex;
    margin: 0 calc(10/1920*100vw)
}

.s1_pagination span,
.s2_pagination span {
    width: calc(48/1920*100vw);
    height: calc(3/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_page1.png) right 0 / calc(115/1920*100vw) calc(3/1920*100vw) no-repeat;
    border-radius: 0;
    margin: 0 calc(10/1920*100vw);
    opacity: 1
}

.s1_pagination span.swiper-pagination-bullet-active,
.s2_pagination span.swiper-pagination-bullet-active {
    background: url(../images/event/Midnight-Hunters/s1_page1.png) 0 0 / calc(115/1920*100vw) calc(3/1920*100vw) no-repeat
}

.s1_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(384/1920*100vw);
    height: calc(114/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_tit.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(52/1920*100vw);
    left: calc(884/1920*100vw);
    text-align: center;
    color: #fff;
    font-size: calc(26/1920*100vw);
    line-height: calc(30/1920*100vw);
    text-shadow: 0 calc(2/1920*100vw) 0 #000;
    filter: drop-shadow(0 0 calc(18/1920*100vw) #b92124)
}

.s1_play {
    display: block;
    width: calc(95/1920*100vw);
    height: calc(92/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_play.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(240/1920*100vw);
    left: calc(1026/1920*100vw);
    -webkit-animation: AniPlay 2s infinite linear;
    animation: AniPlay 2s infinite linear;
    z-index: 2
}

.btn_version {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(366/1920*100vw);
    height: calc(114/1920*100vw);
    background: url(../images/event/Midnight-Hunters/btn_version.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(418/1920*100vw);
    left: calc(894/1920*100vw);
    box-sizing: border-box;
    padding: calc(20/1920*100vw) calc(32/1920*100vw) calc(30/1920*100vw)
}

.btn_version b {
    font-size: calc(24/1920*100vw);
    line-height: 1.2;
    text-align: center;
    color: #fff;
    text-shadow: 0 calc(2/1920*100vw) 0 #000;
    filter: drop-shadow(0 0 calc(18/1920*100vw) #b92124)
}

.mm .btn_version b {
    font-size: calc(18/1920*100vw);
    line-height: 1
}

.tit2 {
    display: block;
    width: 100%;
    height: calc(106/1920*100vw);
    background: url(../images/event/Midnight-Hunters/tit2/en129e.png?v=1.7) center 0 / auto 100% no-repeat;
    margin: calc(10/1920*100vw) auto 0
}

.ar .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/ar129e.png?v=1.7) center 0/auto 100% no-repeat
}

.de .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/de129e.png?v=1.7) center 0/auto 100% no-repeat
}

.en .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/en129e.png?v=1.7) center 0/auto 100% no-repeat
}

.es .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/es129e.png?v=1.7) center 0/auto 100% no-repeat
}

.fr .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/fr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.HK .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/HK129e.png?v=1.7) center 0/auto 100% no-repeat
}

.id .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/id129e.png?v=1.7) center 0/auto 100% no-repeat
}

.my .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/my129e.png?v=1.7) center 0/auto 100% no-repeat
}

.pt .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/pt129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ru .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/ru129e.png?v=1.7) center 0/auto 100% no-repeat
}

.th .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/th129e.png?v=1.7) center 0/auto 100% no-repeat
}

.tr .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/tr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.TW .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/TW129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ur .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/ur129e.png?v=1.7) center 0/auto 100% no-repeat
}

.uz .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/uz129e.png?v=1.7) center 0/auto 100% no-repeat
}

.vi .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/vi129e.png?v=1.7) center 0/auto 100% no-repeat
}

.mm .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/mm129e.png?v=1.7) center 0/auto 100% no-repeat
}

.zh .tit2 {
    background: url(../images/event/Midnight-Hunters/tit2/zh129e.png?v=1.7) center 0/auto 100% no-repeat
}

.s2_swiper {
    display: block;
    width: calc(1396/1920*100vw);
    height: calc(692/1920*100vw);
    margin: 0 auto
}

.s2_swiper .swiper-slide {
    background: url(../images/event/Midnight-Hunters/s2_box.png) 0 0 / 100% 100% no-repeat
}

.s2_role {
    width: calc(375/1920*100vw);
    height: calc(565/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_role1129e.png?v=1.7) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(76/1920*100vw);
    left: calc(156/1920*100vw)
}

.s2_text {
    display: block;
    width: calc(598/1920*100vw);
    height: calc(460/1920*100vw);
    position: absolute;
    top: calc(120/1920*100vw);
    left: calc(624/1920*100vw)
}

.s2_slide1 .s2_text {
    width: calc(1076/1920*100vw);
    left: calc(162/1920*100vw);
    top: calc(60/1920*100vw)
}

.s2_text b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(598/1920*100vw);
    height: calc(114/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_tile.png) 0 0 / 100% 100% no-repeat;
    text-align: center;
    color: #fff;
    font-size: calc(26/1920*100vw);
    line-height: calc(30/1920*100vw);
    text-shadow: 0 calc(2/1920*100vw) 0 #000;
    filter: drop-shadow(0 0 calc(18/1920*100vw) #b92124);
    padding: calc(26/1920*100vw);
    margin: 0 auto
}

.s2_text p {
    display: block;
    width: 100%;
    height: calc(120/1920*100vw);
    font-size: calc(26/1920*100vw);
    line-height: calc(28/1920*100vw);
    color: #c8cbd7;
    margin: calc(-26/1920*100vw) 0 calc(10/1920*100vw);
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding-right: calc(10/1920*100vw)
}

.s2_text1 p {
    height: calc(230/1920*100vw);

}

.ar .s2_text p,
.ur .s2_text p {
    padding-left: calc(10/1920*100vw);
    padding-right: 0
}

.mm .s2_text p {
    line-height: calc(36/1920*100vw)
}

.s2_text p span {
    display: block;
    width: 100%
}

.s2_text p span.on::before {
    display: inline-block;
    content: '';
    border-top: calc(6/1920*100vw) solid transparent;
    border-left: calc(12/1920*100vw) solid #c8cbd7;
    border-bottom: calc(6/1920*100vw) solid transparent;
    margin-right: calc(10/1920*100vw)
}

.ar .s2_text p span.on::before,
.ur .s2_text p span.on::before {
    border-left: initial;
    border-right: calc(12/1920*100vw) solid #c8cbd7;
    margin-right: 0;
    margin-left: calc(10/1920*100vw)
}

.s2_pic {
    display: block;
    width: calc(598/1920*100vw);
    height: calc(180/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_pic1129e.png?v=1.7) 0 0 / 100% 100% no-repeat;
    margin: 0 auto
}

.s2_slide1 .s2_pic {
    width: calc(1076/1920*100vw);
    height: calc(344/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_pic129e.png?v=1.7) 0 0 / 100% 100% no-repeat
}

.s2_text p::-webkit-scrollbar {
    width: calc(2/1920*100vw);
    background-color: rgba(0, 0, 0, 0)
}

.s2_text p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0)
}

.s2_text p::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    background-color: #ae6a02
}

.s2_page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(1558/1920*100vw);
    height: calc(20/1920*100vw);
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.s2_prev {
    display: block;
    width: calc(60/1920*100vw);
    height: calc(78/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_page.png) 0 0 / calc(116/1920*100vw) calc(78/1920*100vw) no-repeat;
    position: absolute;
    top: calc(-416/1920*100vw);
    left: calc(40/1920*100vw)
}

.s2_next {
    display: block;
    width: calc(60/1920*100vw);
    height: calc(78/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s2_page.png) right 0 / calc(116/1920*100vw) calc(78/1920*100vw) no-repeat;
    position: absolute;
    top: calc(-416/1920*100vw);
    right: calc(40/1920*100vw)
}

.tit3 {
    display: block;
    width: 100%;
    height: calc(106/1920*100vw);
    background: url(../images/event/Midnight-Hunters/tit3/en129e.png?v=1.7) center 0 / auto 100% no-repeat;
    margin: calc(10/1920*100vw) auto 0
}

.ar .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/ar129e.png?v=1.7) center 0/auto 100% no-repeat
}

.de .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/de129e.png?v=1.7) center 0/auto 100% no-repeat
}

.en .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/en129e.png?v=1.7) center 0/auto 100% no-repeat
}

.es .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/es129e.png?v=1.7) center 0/auto 100% no-repeat
}

.fr .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/fr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.HK .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/HK129e.png?v=1.7) center 0/auto 100% no-repeat
}

.id .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/id129e.png?v=1.7) center 0/auto 100% no-repeat
}

.my .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/my129e.png?v=1.7) center 0/auto 100% no-repeat
}

.pt .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/pt129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ru .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/ru129e.png?v=1.7) center 0/auto 100% no-repeat
}

.th .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/th129e.png?v=1.7) center 0/auto 100% no-repeat
}

.tr .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/tr129e.png?v=1.7) center 0/auto 100% no-repeat
}

.TW .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/TW129e.png?v=1.7) center 0/auto 100% no-repeat
}

.ur .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/ur129e.png?v=1.7) center 0/auto 100% no-repeat
}

.uz .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/uz129e.png?v=1.7) center 0/auto 100% no-repeat
}

.vi .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/vi129e.png?v=1.7) center 0/auto 100% no-repeat
}

.mm .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/mm129e.png?v=1.7) center 0/auto 100% no-repeat
}

.zh .tit3 {
    background: url(../images/event/Midnight-Hunters/tit3/zh129e.png?v=1.7) center 0/auto 100% no-repeat
}

.s3_box {
    display: block;
    width: calc(1396/1920*100vw);
    height: calc(744/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s3_box.png) 0 0 / 100% 100% no-repeat;
    margin: 0 auto;
    position: relative
}

.ar .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/ar.png) center 0/auto 100% no-repeat
}

.de .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/de.png) center 0/auto 100% no-repeat
}

.en .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/en.png) center 0/auto 100% no-repeat
}

.es .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/es.png) center 0/auto 100% no-repeat
}

.fr .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/fr.png) center 0/auto 100% no-repeat
}

.HK .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/HK.png) center 0/auto 100% no-repeat
}

.id .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/id.png) center 0/auto 100% no-repeat
}

.my .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/my.png) center 0/auto 100% no-repeat
}

.pt .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/pt.png) center 0/auto 100% no-repeat
}

.ru .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/ru.png) center 0/auto 100% no-repeat
}

.th .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/th.png) center 0/auto 100% no-repeat
}

.tr .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/tr.png) center 0/auto 100% no-repeat
}

.TW .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/TW.png) center 0/auto 100% no-repeat
}

.ur .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/ur.png) center 0/auto 100% no-repeat
}

.uz .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/uz.png) center 0/auto 100% no-repeat
}

.vi .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/vi.png) center 0/auto 100% no-repeat
}

.mm .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/mm.png) center 0/auto 100% no-repeat
}

.zh .s3_box {
    background: url(../images/event/Midnight-Hunters/s3_box/en.png) center 0/auto 100% no-repeat
}

.s3_play {
    display: block;
    width: calc(130/1920*100vw);
    height: calc(126/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s1_play.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(300/1920*100vw);
    left: calc(50% - 65/1920*100vw);
    -webkit-animation: AniPlay 2s infinite linear;
    animation: AniPlay 2s infinite linear
}

.s3_role1 {
    display: block;
    width: calc(474/1920*100vw);
    height: calc(433/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s3_role1.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(316/1920*100vw);
    left: 0;
    z-index: 1;
    pointer-events: none
}

.s3_role2 {
    display: block;
    width: calc(512/1920*100vw);
    height: calc(509/1920*100vw);
    background: url(../images/event/Midnight-Hunters/s3_role2.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: calc(628/1920*100vw);
    right: 0;
    z-index: 1;
    pointer-events: none
}

.dialog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8);
    display: none
}

.pop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    outline: 0;
    border: 0;
    position: absolute;
    top: 51%;
    left: 50%
}

.pop_close {
    position: absolute;
    top: calc(-39/1920*100vw);
    right: calc(0/1920*100vw);
    width: calc(39/1920*100vw);
    height: calc(39/1920*100vw);
    background: url(../images/event/Midnight-Hunters/pop_close.png) 0 0/100% 100% no-repeat
}

#v_play {
    width: calc(1334/1920*100vw);
    height: calc(750/1920*100vw);
    margin-left: calc(-667/1920*100vw);
    margin-top: calc(-375/1920*100vw);
    display: none;
    outline: 0;
    padding: 0
}

#v_con {
    width: 100%;
    height: 100%;
    background-color: #000
}

#v_play .pop_con {
    padding: 0;
    width: 100%;
    height: 100%
}

#v_play .pop_close {
    top: calc(-52/1920*100vw);
    right: 0
}

@-webkit-keyframes AniPlay {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes AniPlay {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tit1,
.tit2,
.tit3 {
    background: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: calc(106/1920*100vw) !important;
    margin: calc(10/1920*100vw) auto 0 !important;
    padding: 0 30px;
    box-sizing: border-box;
    font-family: 'vi', 'Impact', 'Arial Black', sans-serif !important;
    font-size: calc(82/1920*100vw) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-align: center;
    letter-spacing: calc(3/1920*100vw);
    white-space: nowrap;
    background-image: linear-gradient(180deg, #ffffff 0%, #fdf6dc 18%, #ecd79c 50%, #d8ba78 78%, #a88448 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 calc(2/1920*100vw) 0 #4a3418) drop-shadow(0 calc(4/1920*100vw) calc(6/1920*100vw) rgba(0, 0, 0, 0.95)) drop-shadow(0 0 calc(12/1920*100vw) rgba(220, 190, 130, 0.4))
}