/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           code by 姚
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/

/*---- font ----*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

@import url('https://ids.iwplay.com.tw/includ/footer/footer.css');

/*:::::::::::::::::::::::bootstrap-icons :::::::::::::::::::::::*/
@import url("https://ids.iwplay.com.tw/kit/bootstrap-icons/font/bootstrap-icons.min.css");

/*---- basic ----*/
*,
:after,
:before {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  outline: none;
  user-select: none;
}

html,
body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
}

:root {
  --navcolor: #23279b;
  /* 設定導航文字顏色 */
}

.box a {
  color: var(--navcolor);
  font-size: 1.2vw;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: middle;
}


.display_none {
  display: none !important;
}

/*禁止滑動*/
.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}



/*---- basic ----*/
.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* 隱藏滾動條 */
}

.swiper-wrapper {
  transition-timing-function: ease;
}



/*---- swiper_ani 循環 ----*/
.ani_infinite {
  animation-iteration-count: infinite !important;
}

.swiper-slide {
  height: auto;
  /* 或設置一個具體的高度 */
  text-align: center;
  font-size: 18px;
  background: unset !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section .content p {
  font-family: "Noto Sans TC", Microsoft JhengHei, Arial, Helvetica, sans-serif;
}







/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
            header
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.header {
  position: fixed;
  width: 100%;
  height: auto;
  padding-bottom: 10%;

  top: 0%;
  left: 0%;
  z-index: 81;

  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/mask_pc_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top left;

}


/*--LOGO--*/
.header .logo {
  position: absolute;
  width: 7vw;
  height: auto;
  padding-bottom: 0;
  top: 12%;
  left: 2%;
  z-index: 5;
  filter: drop-shadow(rgba(32, 32, 32, 0.651) 0px 0px 0.3rem);
}


/*--menu--*/
.header .menu_pc {
  position: absolute;

  width: 56%;
  height: auto;
  padding-bottom: 3%;
  top: 9%;
  left: 12%;
  z-index: 80;

  background-color: rgba(0, 255, 255, 0);
  /*顏色標記*/
}

.header .menu_pc .menu_container {
  position: absolute;

  width: 100%;
  height: 100%;
  padding-bottom: 0%;

  top: 3%;
  left: 0%;
  z-index: 2;

  background-color: rgba(238, 255, 0, 0);
  /*顏色標記*/

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}


.header .menu_pc .nav_select {
  cursor: pointer;
}


/*標題*/
.header .menu_pc .menu_container .nav_select .nav_title {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-bottom: 0%;
  z-index: 6;

  background-color: rgba(0, 0, 255, 0);
  /*顏色標記*/
}


/*粒子*/
.header .menu_pc .menu_container .nav_select .rezu_box {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-bottom: 0%;

  top: 0%;
  left: 0%;
  z-index: 2;
  overflow: hidden;

  opacity: 0;
}

.header .menu_pc .menu_container .nav_select.active .rezu_box {
  opacity: 1;
}


.header .menu_pc .rezu_box .crisom_mu {
  position: absolute;
  height: auto;
  z-index: 2;

  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/rizu.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  transform: translate(0%, 0%);
  /* 從右下角開始 */
}


.header .menu_pc .menu_container .nav_select .rezu_box .crisom1 {
  width: 3%;
  padding-bottom: 3%;

  bottom: -12%;
  left: 4%;
  animation: crisom_mu_1 4s linear 0s infinite both;
}


.header .menu_pc .menu_container .nav_select .rezu_box .crisom2 {
  width: 5%;
  padding-bottom: 5%;

  bottom: -12%;
  left: 12%;
  animation: crisom_mu_1 3s linear 0.1s infinite both;
}

.header .menu_pc .menu_container .nav_select .rezu_box .crisom3 {
  width: 4.5%;
  padding-bottom: 5%;

  bottom: -12%;
  left: 50%;
  animation: crisom_mu_1 3.5s linear 0.3s infinite both;
}

.header .menu_pc .menu_container .nav_select .rezu_box .crisom4 {
  width: 3%;
  padding-bottom: 3%;

  bottom: -12%;
  left: 80%;
  animation: crisom_mu_1 2.5s linear 0.2s infinite both;
}


.header .menu_pc .menu_container .nav_select .rezu_box .crisom5 {
  width: 2%;
  padding-bottom: 4%;

  bottom: -12%;
  left: 35%;
  animation: crisom_mu_2 4.7s linear 0s infinite both;
}

.header .menu_pc .menu_container .nav_select .rezu_box .crisom6 {
  width: 3%;
  padding-bottom: 3%;

  bottom: -12%;
  left: 70%;
  animation: crisom_mu_2 2.8s linear 0.2s infinite both;
}



/*底線*/
.header .menu_pc .menu_container .nav_select .active_line {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 0%;

  left: 0%;
  bottom: 0%;
  z-index: 3;

  opacity: 0;
}

.header .menu_pc .menu_container .nav_select.active .active_line {
  opacity: 1;
}



/*nav_首頁*/
.header .menu_pc .menu_container .go_home {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 2%;
}

.header .menu_pc .menu_container .go_home.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu01.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}



/*nav_新聞資訊*/
.header .menu_pc .menu_container .go_ev01 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev01.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu07.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


/*nav_技術展示*/
.header .menu_pc .menu_container .go_ev02 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev02.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu02.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


/*nav_遊戲介紹*/
.header .menu_pc .menu_container .go_ev03 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev03.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu0516-1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


/*nav_遊戲下載*/
.header .menu_pc .menu_container .go_ev04 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev04.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu0516-2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*nav_遊戲儲值*/
.header .menu_pc .menu_container .go_ev05 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev05.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu0516-3.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*nav_常見問題*/
.header .menu_pc .menu_container .go_ev06 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev06.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu0516-4.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}



/*nav_遊戲數據*/
.header .menu_pc .menu_container .go_ev07 {
  position: relative;
  width: 11%;
  height: auto;
  padding-bottom: 5.2%;
  margin-right: 3%;
}

.header .menu_pc .menu_container .go_ev07.nav_select .nav_title {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu0516-5.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}



/*---伸縮---*/
.stretch_list {
  position: absolute;
  width: 141%;
  height: auto;
  padding-bottom: 0.5%;
  top: 82%;
  left: -18%;
  z-index: 80;

  background: rgba(0, 0, 0, 0);
  opacity: 0;
  pointer-events: none;
}

.stretch_list .list_res {
  position: relative;
  width: 96%;
  height: auto;
  padding: 3% 9% 3% 9% !important;
  background: rgba(0, 0, 0, .4);
}

.stretch_list .list_res .mm_box {
  width: 100%;
  height: auto;
  padding-top: 7%;
  padding-bottom: 7%;
  background: rgba(0, 0, 0, 0);
  border-top: 1px solid rgba(255, 255, 255, .5);
}

.stretch_list .list_res .mm_box:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, 0);
}

.stretch_list .list_res .mm_box p {
  font-family: 'Noto Serif TC', sans-serif;
  font-size: 0.8vw;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.stretch_list .list_res .mm_box:hover p {
  color: #badfff;
}

.stretch_list .list_res .mm_box:hover {
  background: rgba(255, 255, 255, 0.5);
}


.header .menu_pc .go_ev03:hover .menu_pc_list_3-1 {
  opacity: 1;
  pointer-events: initial;
}

.header .menu_pc .go_ev04:hover .menu_pc_list_4-1 {
  opacity: 1;
  pointer-events: initial;
}

.header .menu_pc .go_ev05:hover .menu_pc_list_5-1 {
  opacity: 1;
  pointer-events: initial;
}

.header .menu_pc .go_ev07:hover .menu_pc_list_7-1 {
  opacity: 1;
  pointer-events: initial;
}







/*---手機用---*/
.header .mob_header {
  display: none;
}



/*---audio---*/
.header .audio_box {
  position: fixed;
  width: 4%;
  height: auto;
  padding-bottom: 2%;
  top: 1.5%;
  right: 1%;
  z-index: 68;

  display: block;

  background-color: rgba(4, 90, 30, 0);

  /*顏色標記*/
  transform: translateY(0);
  transition: 0.5s;
}


/*--audio--*/
.header .audio_box .btn_music {
  position: absolute;
  width: 49%;
  height: auto;
  padding-bottom: 49% !important;
  top: 2%;
  left: 17%;
  z-index: 5;
  cursor: pointer;

}

.header .audio_box .btn_music .off,
.header .audio_box .btn_music.on .on {
  opacity: 1;
  transition: .5s;
}

.header .audio_box .btn_music.on .off,
.header .audio_box .btn_music .on {
  opacity: 0;
  transition: .5s;
}

.header .audio_box .btn_music img {
  position: absolute;
  top: 0;
  left: 0;
}


@media (max-width:1920px) {

  /*--伸縮--*/
  .stretch_list {
    width: 152%;
    padding-bottom: 0.5%;
    top: 82%;
    left: -28%;
  }

  .stretch_list .list_res .mm_box p {
    font-size: 0.9vw;
  }

}




@media (max-width:1100px) {

  .header {
    padding-bottom: 13%;
  }

  .header .logo {
    width: 18vw;
    top: 18%;
    left: 3%;
  }

  /*.header .menu_pc {
    width: 73%;
    top: -55%;
    left: 22%;
  }*/

  .header .menu_pc {
    display: none;
  }

  .header .menu_pc .menu_container .nav_select .active_line {
    width: 100%;
    bottom: -17%;
  }


  /*---手機用---*/
  .header .mob_header {
    display: block;

    position: absolute;
    width: 9%;
    height: auto;
    padding-bottom: 0%;
    top: 5%;
    right: 1%;
    z-index: 91;

    background-color: #23279b00;
    /*顏色標記*/
  }


  /*---audio---*/
  .header .audio_box {
    display: none;
  }

}


@media (max-width:767px) {

  .header .logo {
    width: 26vw;
    top: 30%;
    left: 3%;
  }


  .header .menu_pc {
    display: none;
  }


  /*---手機用---*/
  .header .mob_header {
    display: block;

    position: absolute;
    width: 40%;
    height: auto;
    padding-bottom: 15%;
    top: 84%;
    right: 0%;

    background-color: #23279b00;
    /*顏色標記*/
  }

  .header .mob_header .mob_menu_btn {
    position: absolute;
    width: 37%;
    height: auto;
    padding-bottom: 0%;
    top: 0%;
    right: 0%;
    z-index: 65;

    cursor: pointer;
  }


}







/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
            手機menu
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.menu_mob {
  display: none;
}


@media (max-width:1100px) {
  .menu_mob {
    position: fixed;
    top: -125%;
    left: 0;
    width: 100%;
    height: 100%;

    background: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/menu_nav_cont_sp.webp) no-repeat;
    background-size: cover;

    z-index: 90;
    transition: 0.5s;
    display: block;
  }

  .menu_mob.on {
    top: 0;
  }

  .pop_close {
    display: block;
    position: absolute;
    padding-top: 7.13%;
    width: 7.13%;
    background: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/pop_close.webp) no-repeat 0 0;
    background-size: 100%;
    cursor: pointer;
    z-index: 66;
  }

  .menu_mob .pop_close {
    top: 3.7%;
    right: 6.26%;
  }


  .menu_mob .menu_center_box {
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 125%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 65;

    background-color: #23279b00;
    /*顏色標記*/
  }



  /*--menu--*/
  .menu_mob .menu_pc {
    position: absolute;
    width: 100%;
    height: 116vw;
    top: 6%;
    left: 0%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 3;
    background-color: #239b7300;
    /*顏色標記*/
  }


  /*-------------------------------------*/
  /*自訂意拉霸顏色*/
  /*-------------------------------------*/
  .menu_mob .menu_pc::-webkit-scrollbar {
    background: #4b2a0000;
  }

  .menu_mob .menu_pc::-webkit-scrollbar-track {
    background: #c0aa8e00;
  }

  .menu_mob .menu_pc::-webkit-scrollbar-thumb {
    background: #7e4d0300;
  }



  .menu_mob .menu_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }





  /*nav_首頁*/
  .menu_mob .menu_pc .menu_container .go_home {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_home.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu01_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .menu_mob .menu_pc .menu_container .go_home.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu01_sp_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*nav_新聞資訊*/
  .menu_mob .menu_pc .menu_container .go_ev01 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev01.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu07_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .menu_mob .menu_pc .menu_container .go_ev01.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu07_sp_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  /*nav_技術展示*/
  .menu_mob .menu_pc .menu_container .go_ev02 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev02.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu02_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .menu_mob .menu_pc .menu_container .go_ev02.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/menu_n/nav_menu02_sp_on.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*nav_遊戲介紹*/
  .menu_mob .menu_pc .menu_container .go_ev03 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev03.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-1_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .menu_mob .menu_pc .menu_container .go_ev03.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-1_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*nav_遊戲下載*/
  .menu_mob .menu_pc .menu_container .go_ev04 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev04.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-2_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .menu_mob .menu_pc .menu_container .go_ev04.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-2_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*nav_遊戲儲值*/
  .menu_mob .menu_pc .menu_container .go_ev05 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev05.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-3_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .menu_mob .menu_pc .menu_container .go_ev05.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-3_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*nav_常見問題*/
  .menu_mob .menu_pc .menu_container .go_ev06 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev06.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-4_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .menu_mob .menu_pc .menu_container .go_ev06.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-4_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  /*nav_遊戲數據*/
  .menu_mob .menu_pc .menu_container .go_ev07 {
    position: relative;
    width: 22%;
    height: auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .menu_mob .menu_pc .menu_container .go_ev07.nav_select .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-5_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .menu_mob .menu_pc .menu_container .go_ev07.nav_select.active .nav_title {
    padding-bottom: 40%;
    background-image: url(https://images1.iwplay.com.tw/image/zxsj/events/main_header_out/image/menu_n/nav_menu0516-5_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  /*--伸縮mob--*/
  .menu_mob .menu_pc .menu_container .mob_list3-1 {
    position: relative;
    width: 100%;
    height: 0vw;
    padding-bottom: 0%;
    overflow: hidden;
    transition: 0.8s;
  }

  .menu_mob .menu_pc .menu_container .mob_list3-1.open {
    position: relative;
    width: 100%;
    height: 44vw;
    padding-bottom: 0%;
    overflow: hidden;
    /*background-color: #9abfd56b;*/
    transition: 0.8s;
  }


  .menu_mob .menu_pc .menu_container .mob_list4-1 {
    position: relative;
    width: 100%;
    height: 0vw;
    padding-bottom: 0%;
    overflow: hidden;
    transition: 0.8s;
  }

  .menu_mob .menu_pc .menu_container .mob_list4-1.open {
    position: relative;
    width: 100%;
    height: 33vw;
    padding-bottom: 0%;
    overflow: hidden;
    /*background-color: #9abfd56b;*/
    transition: 0.8s;
  }


  .menu_mob .menu_pc .menu_container .mob_list5-1 {
    position: relative;
    width: 100%;
    height: 0vw;
    padding-bottom: 0%;
    overflow: hidden;
    transition: 0.8s;
  }

  .menu_mob .menu_pc .menu_container .mob_list5-1.open {
    position: relative;
    width: 100%;
    height: 21vw;
    padding-bottom: 0%;
    overflow: hidden;
    /*background-color: #9abfd56b;*/
    transition: 0.8s;
  }

  .menu_mob .menu_pc .menu_container .mob_list7-1 {
    position: relative;
    width: 100%;
    height: 0vw;
    padding-bottom: 0%;
    overflow: hidden;
    transition: 0.8s;
  }

  .menu_mob .menu_pc .menu_container .mob_list7-1.open {
    position: relative;
    width: 100%;
    height: 44vw;
    /*height: 22vw;*/
    padding-bottom: 0%;
    overflow: hidden;
    /*background-color: #9abfd56b;*/
    transition: 0.8s;
  }

  .menu_mob .mob_stretch_list .mm_box {
    width: 100%;
    height: auto;
    padding-top: 3%;
    padding-bottom: 3%;
    background: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(126, 185, 231, 0) 1%, rgba(154, 191, 213, 0.58) 25%, rgba(154, 191, 213, 0.6) 26%, rgba(154, 191, 213, 0.6) 79%, rgba(154, 191, 213, 0.57) 80%, rgba(125, 185, 232, 0) 100%);
    border-top: 1px solid rgba(255, 255, 255, .5);
  }

  .menu_mob .mob_stretch_list .mm_box:hover {
    background: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(126, 184, 229, 0) 1%, rgba(146, 146, 146, 0.5) 26%, rgba(146, 146, 146, 0.5) 79%, rgba(125, 185, 232, 0) 100%);
  }

  .menu_mob .mob_stretch_list .mm_box:nth-child(1) {
    border-top: 1px solid rgba(255, 255, 255, 0);
  }

  .menu_mob .mob_stretch_list .mm_box p {
    font-family: 'Noto Serif TC', sans-serif;
    font-size: 3.2vw;
    line-height: 153%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #505050;
    font-weight: 600;
    text-align: center;
  }









  /*--SNS區--*/
  .menu_mob .sns_box {
    position: relative;
    width: 64%;
    height: auto;
    padding-bottom: 16%;
    /*top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;*/
    background-color: #239b7300;
    /*顏色標記*/
  }

  .menu_mob .sns_box .sns_center_box {
    position: absolute;
    width: 80%;
    height: auto;
    padding-bottom: 0%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    background-color: #8f9b2300;
    /*顏色標記*/

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

  }


  .menu_mob .sns_box .sns_center_box .sns_icon {
    width: 12%;
    cursor: pointer;
  }


}



@media (max-width:767px) {

  .menu_mob .menu_pc {
    width: 100%;
    height: 121%;
    padding-bottom: 5%;
    top: -9%;
    left: 0%;
  }



  .menu_mob .menu_pc .menu_container .go_home {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev01 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev02 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev03 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev04 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev05 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev06 {
    width: 33%;
  }

  .menu_mob .menu_pc .menu_container .go_ev07 {
    width: 33%;
  }


  .menu_mob .mob_stretch_list .mm_box p {
    font-size: 5vw;
  }

  .menu_mob .menu_pc .menu_container .mob_list3-1.open {
    height: 55vw;
  }

  .menu_mob .menu_pc .menu_container .mob_list4-1.open {
    height: 41vw;
  }

  .menu_mob .menu_pc .menu_container .mob_list5-1.open {
    height: 28vw;
  }

  .menu_mob .menu_pc .menu_container .mob_list7-1.open {
    height: 55vw;
    /*height: 27vw;*/
  }



  .menu_mob .sns_box {
    width: 95%;
    /*top: 101%;
    left: 50%;*/
  }





  .pop_close {
    padding-top: 11.13%;
    width: 11.13%;
  }

}





/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           下載_浮水印
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.flex_download_list {
  position: fixed;
  width: 10%;
  height: auto;
  padding-bottom: 23%;
  bottom: 24%;
  right: 0.2%;
  z-index: 70;
  display: block;


  background-color: rgba(65, 105, 225, 0);
  /*顏色標記*/

  opacity: 1;
  transition: .5s;
  pointer-events: all;
}

.flex_download_list.off {
  opacity: 0;
  transition: .5s;
  pointer-events: none;
}


/*按鈕*/
.flex_download_list .downloat_btn {
  position: absolute;
  width: 77%;
  height: auto;
  padding-bottom: 0%;
  top: 64%;
  left: 10%;
  z-index: 40;

  cursor: pointer;

  /*filter: brightness(0.9);
  transition: 0.2s ease-in-out;*/
}

.flex_download_list .downloat_btn img {
  animation: join_br00 1.2s ease-in infinite forwards;
}


.flex_download_list .ob_events_btn {
  position: absolute;
  width: 77%;
  height: auto;
  padding-bottom: 0%;
  top: 77%;
  left: 10%;
  z-index: 40;

  cursor: pointer;

  filter: brightness(1);
  transition: 0.2s ease-in-out;
}

/*.flex_download_list .ob_events_btn:hover {
  filter: brightness(1.1);
  transition: 0.2s ease-in-out;
}*/


/*背景*/
.flex_download_list .gift_point {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 144%;
  top: 0%;
  left: 0%;
  z-index: 30;

  background-image: url(../image/flex/down_0806.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.flex_download_list .list_bg {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 230%;
  top: 2%;
  left: 0%;
  z-index: 29;

  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/flex/flex_list_bg_pc_0708.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  pointer-events: none;
}






@media (max-width:1920px) {}


@media (max-width:1470px) {}



@media (max-width:1100px) {

  .flex_download_list {
    display: none;
  }

}


@media (max-width:767px) {}






/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           sns
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.follow_us {
  position: fixed;
  width: 2%;
  height: auto;
  padding-bottom: 13%;
  bottom: 3%;
  left: 1%;
  z-index: 66;

  display: block;

  background-color: rgba(4, 90, 30, 0);

  /*顏色標記*/
  transform: translateY(0);
  transition: 0.5s;
}


.follow_us .sns_title {
  position: absolute;
  width: 81%;
  height: auto;
  padding-bottom: 0%;
  top: 4%;
  left: 5.5%;
  z-index: 1;
}


.follow_us .follow_line {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 1px;
  top: 43%;
  left: 0%;
  z-index: 1;
  background-color: #ffffff;
}


.follow_us .sns_item {
  position: absolute;
  width: 57%;
  height: auto;
  padding-bottom: 0%;
  top: 49%;
  left: 21%;
  z-index: 1;
  background-color: #a0111100;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.follow_us .sns_icon {
  width: 100%;
  cursor: pointer;
  margin-bottom: 24%;

  transition: 0.7s;
  filter: drop-shadow(rgba(255, 255, 255, 0) 0px 0px 0rem);
}


.follow_us .sns_icon:hover {
  transition: 0.5s;
  filter: drop-shadow(rgb(255, 255, 255) 0px 0px 0.2rem);
}



@media (max-width:1500px) {

  .follow_us .sns_icon {
    margin-bottom: 1%;
  }

}


@media (max-width:1100px) {

  .follow_us {
    width: 4%;
    padding-bottom: 28%;
    bottom: 2%;
    left: unset;
    right: 2%;
  }

  .follow_us .sns_icon {
    margin-bottom: 28%;
  }

}


@media (max-width:767px) {

  .follow_us {
    width: 8%;
    padding-bottom: 68%;
    bottom: 9%;
    left: 2%;

    display: none;
  }

  .follow_us .sns_icon {
    margin-bottom: 13%;
  }

}






/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
            音樂按鈕
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.audio_box3 {
  position: fixed;
  width: 14%;
  height: auto;
  padding-bottom: 3%;
  bottom: 1%;
  left: -0.4%;
  z-index: 68;

  display: none;

  background-color: rgba(4, 90, 30, 0);

  /*顏色標記*/
  transform: translateY(0);
  transition: 0.5s;
}


/*--audio--*/
.audio_box3 .btn_music {
  position: absolute;
  width: 85%;
  height: auto;
  padding-bottom: 85% !important;
  top: 0%;
  left: 0%;
  z-index: 5;
  cursor: pointer;

}

.audio_box3 .btn_music .off,
.audio_box3 .btn_music.on .on {
  opacity: 1;
  transition: .5s;
}

.audio_box3 .btn_music.on .off,
.audio_box3 .btn_music .on {
  opacity: 0;
  transition: .5s;
}

.audio_box3 .btn_music img {
  position: absolute;
  top: 0;
  left: 0;
}




@media (max-width:1500px) {}


@media (max-width:1100px) {

  .audio_box3 {
    width: 6%;
    padding-bottom: 5%;
    bottom: 2%;
    left: 2.6%;
    display: block;
  }

}

@media (max-width:767px) {

  .audio_box3 {
    width: 8%;
    padding-bottom: 7%;
    bottom: 2%;
    left: 2.6%;
    display: block;
  }

}





/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
           copyright
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.copy_box {
  position: fixed;
  width: 100vw;
  height: auto;
  padding-bottom: 11%;
  left: 0%;
  bottom: -70%;
  z-index: 85;


  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.7) 56%, rgba(0, 0, 0, 1) 100%);

  transition: all 0.5s;
}

.copy_box.on {
  bottom: 0%;

  transition: all 0.5s;
}


/*--關閉--*/
.copy_box .close_btn {
  position: absolute;
  width: 2.5%;
  height: auto;
  padding-bottom: 0.3%;
  top: 41.4%;
  right: 12%;
  z-index: 80;

  cursor: pointer;
  background-color: #23279b00;
  /*顏色標記*/

  border-bottom: 2px solid #ffffff;
}

.copy_box .close_btn p {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 0.75vw;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 500;
  margin-top: 0.5%;
  text-align: center;
  /* text-shadow: #241111 0.1em 0.1em 0.4em; */
}


.copy_box footer {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 14%;
  left: 0%;
  z-index: 60;

  background: rgb(0 0 0 / 0%);
  color: rgb(255, 255, 255);
}

.copy_box footer p,
.copy_box footer ul {
  opacity: 1;
}

.copy_box .footer .company>img {
  width: 122px;
  height: auto;
}

.copy_box footer img {
  width: initial;
  height: initial;
}

@media (max-width:1500px) {

  .copy_box .close_btn {
    right: 10%;
  }

}


@media (max-width:1100px) {

  .copy_box {
    width: 100vw;
    padding-bottom: 45%;
  }

  .copy_box footer {
    width: 100%;
    bottom: 9%;
  }


  /*關閉*/
  .copy_box .close_btn {
    width: 5.5%;
    padding-bottom: 0.3%;
    top: 33.4%;
    right: 12%;
  }

  .copy_box .close_btn p {
    font-size: 1.75vw;
  }


}


@media (max-width:767px) {

  .copy_box {
    width: 100vw;
    padding-bottom: 90%;
  }


  .copy_box .close_btn {
    width: 10.5%;
    padding-bottom: 0.3%;
    top: 20.4%;
    right: 7%;
  }

  .copy_box .close_btn p {
    font-size: 3vw;
  }

}








/*:::::::::::::::::::::::首頁 :::::::::::::::::::::::*/
.main {
  background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/kv/kv_bg_pc_0529.webp") no-repeat center bottom;
  background-size: cover;
}


/*--押案--*/
.main .mask_pc_bottom {
  position: absolute !important;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  left: 0%;
  bottom: 0%;
  z-index: 63;
  opacity: 0.6;
  pointer-events: none;
}



/*中央*/
.main .main_center {
  position: absolute;
  width: 72vw;
  height: auto;
  padding-bottom: 0%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 65;
  background-color: rgba(226, 21, 21, 0);
  /*顏色標記*/
}


.main .big_title {
  position: absolute;
  width: 45.8vw;
  height: auto;
  padding-bottom: 0%;
  top: 19%;
  left: 18%;
  z-index: 10;
}



/*--首頁_主按鈕區--*/
.main .main_btn_box {
  position: absolute;
  width: 41.8vw;
  height: auto;
  padding-bottom: 18%;
  top: 64%;
  left: 20%;
  z-index: 10;

  background-color: #23279b00;
  /*顏色標記*/
}


.main .main_btn_box .main_btn_1 {
  position: absolute;
  width: 15.5vw;
  height: auto;
  padding-bottom: 0%;
  top: 13%;
  left: 49%;
  z-index: 5;

  cursor: pointer;

  /*filter: brightness(0.9);
  transition: 0.2s ease-in-out;*/
}

.main .main_btn_box .main_btn_1 img {
  animation: join_br00 1.2s ease-in infinite forwards;
}

.main .main_btn_box .main_btn_2 {
  position: absolute;
  width: 15.5vw;
  height: auto;
  padding-bottom: 0%;
  top: 46%;
  left: 49%;
  z-index: 3;

  cursor: pointer;

  filter: brightness(0.9);
  transition: 0.2s ease-in-out;
}


.main .main_btn_box .main_btn_3 {
  position: absolute;
  width: 12.5vw;
  height: auto;
  padding-bottom: 0%;
  top: -9%;
  left: 17%;
  z-index: 3;

  filter: brightness(0.9);
  transition: 0.2s ease-in-out;
}


.main .main_btn_box .mmin_btn:hover {
  filter: brightness(1.1);
  transition: 0.2s ease-in-out;
}



.main .down_arrow {
  position: absolute;
  width: 4.4vw;
  height: auto;
  padding-bottom: 0%;
  bottom: 2%;
  left: 51%;
  z-index: 65;

  cursor: pointer;
}

.main .down_arrow img {
  animation: bounce-4b7dd3af 2s infinite;
}



/*--YT_btn--*/
.main .YT_btn {
  position: absolute;
  width: 4.7vw;
  height: auto;
  padding-bottom: 0%;
  top: 54%;
  left: 83%;
  z-index: 12;

  background-color: #23279b6c;
  /*顏色標記*/

  cursor: pointer;

  display: none;
}

.main .YT_btn .pat_2 {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  top: 0%;
  left: 0%;
  z-index: 2;
}


.main .YT_btn .pat_1 {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  top: 0%;
  left: 0%;
  z-index: 1;
}

.main .YT_btn .pat_1 img {
  animation: rotate3 10s linear infinite;
}



/*PC影片區*/
.main .bg_video {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  display: block;
  pointer-events: none;

  /*background-image: url(../image/kv/kv_bg_pc.webp);
  background-repeat: no-repeat;
  background-size: 100%;*/
}

.main .bg_video .menpi_v {
  object-fit: cover;
  object-position: center top;
  height: 100%;
  width: 100%;
}


/*SP影片區*/
.main .bg_video_sp {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  display: none;
  pointer-events: none;

  /*background-image: url(../image/kv/kv_bg_pc.webp);
  background-repeat: no-repeat;
  background-size: 100%;*/
}

.main .bg_video_sp .menpi_v {
  object-fit: cover;
  object-position: center top;
  height: 100%;
  width: 100%;
}



/*----浮水印_1----*/
.main .go_event_site_1 {
  position: absolute;
  width: 12vw;
  height: auto;
  padding-bottom: 0%;
  top: 29%;
  right: 1%;
  z-index: 70;
  display: none;
}

.main .go_event_site_1 img {
  animation: fly4 3s ease-in-out infinite;
}


/*----浮水印_2----*/
.main .go_event_site_2 {
  position: absolute;
  width: 9vw;
  height: auto;
  padding-bottom: 0%;
  top: 44%;
  right: 0%;
  z-index: 70;
  display: none;
}

.main .go_event_site_2 img {
  animation: fly5 2s ease-in-out infinite;
}


@media (max-width:1920px) {

  .main .big_title {
    top: 15%;
  }

  .main .main_btn_box {
    top: 61%;
  }

}


@media (max-width:1440px) {

  .main .big_title {
    width: 49.8vw;
    top: 15%;
    left: 15%;
  }

}


@media (max-width:1100px) {

  .main .big_title {
    width: 87.8vw;
    top: 22%;
    left: -12%;
  }


  .main .main_btn_box {
    width: 65.8vw;
    padding-bottom: 31%;
    top: 64%;
    left: 4%;
  }

  .main .main_btn_box .main_btn_1 {
    width: 29.5vw;
    top: 7%;
    left: 49%;
  }

  .main .main_btn_box .main_btn_2 {
    width: 29.5vw;
    left: 49%;
  }

  .main .main_btn_box .main_btn_3 {
    width: 22.5vw;
    top: -9%;
    left: 12%;
  }


  .main .down_arrow {
    width: 8.4vw;
    bottom: 4%;
    left: 51%;
  }

  /*YT按鈕*/
  .main .YT_btn {
    width: 8.7vw;
    top: 63%;
    left: 45%;
  }


  /*浮水印*/
  .main .go_event_site_1 {
    width: 21vw;
    top: 20%;
    right: 1%;
  }

  .main .go_event_site_2 {
    width: 19vw;
    top: 63%;
    right: 52%;
  }

}


@media (max-width:767px) {

  .main {
    background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/kv/kv_bg_sp_0529.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }


  .main .big_title {
    width: 97.8vw;
    top: 28%;
    left: -17%;
  }


  .main .main_btn_box {
    width: 80.8vw;
    padding-bottom: 47%;
    top: 63%;
    left: -6%;
  }

  .main .main_btn_box .main_btn_1 {
    width: 42.5vw;
    left: 47%;
  }

  .main .main_btn_box .main_btn_2 {
    width: 42.5vw;
    top: 43%;
    left: 47%;
  }

  .main .main_btn_box .main_btn_3 {
    width: 36vw;
    top: -19%;
    left: 2%;
  }


  .main .down_arrow {
    width: 13.4vw;
    bottom: 8%;
    left: 51%;
  }



  /*PC影片區*/
  .main .bg_video {
    display: none;
  }

  /*sp影片區*/
  .main .bg_video_sp {
    display: block;
  }


  /*浮水印*/
  .main .go_event_site_1 {
    width: 41vw;
    top: 57%;
    right: 1%;
  }

  .main .go_event_site_2 {
    width: 29vw;
    top: 62%;
    right: 17%;
  }


}




/*:::::::::::::::::::::::技能展示 :::::::::::::::::::::::*/
.technology {
  /*background-color: #000000 !important;*/

  background: url("https://images3.iwplay.com.tw/image/zxsj/main/image/tg_show/bg_pc.webp") no-repeat center bottom !important;
  background-size: cover !important;
}

@media (max-width:1100px) {
  .technology {

    background: url("https://images3.iwplay.com.tw/image/zxsj/main/image/tg_show/bg_tb.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }
}


@media (max-width:767px) {
  .technology {

    background: url("https://images3.iwplay.com.tw/image/zxsj/main/image/tg_show/bg_sp.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }
}





/*:::::::::::::::::::::::場景介紹 :::::::::::::::::::::::*/
.view {
  background-color: #000000 !important;
  /*background: url("../images/login/bg.jpg") no-repeat center bottom;
  background-size: cover;*/
}




/*:::::::::::::::::::::::門派介紹 :::::::::::::::::::::::*/
.job {
  background-color: #000000 !important;
  /*background: url("../images/invite/bg.webp") no-repeat center bottom;
  background-size: cover;*/
}




/*:::::::::::::::::::::::遊戲特色 :::::::::::::::::::::::*/
.features {
  background-color: #000000 !important;
  /*background: url("../images/features/bg.webp") no-repeat center bottom;
  background-size: cover;*/
}



/*:::::::::::::::::::::::玩法介紹 :::::::::::::::::::::::*/
.game_point {
  /*background-color: #000000 !important;*/
  background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/bg_pc.webp") no-repeat center bottom !important;
  background-size: cover !important;
}

@media (max-width:1100px) {

  .game_point {
    background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/bg_tb.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }

}

@media (max-width:767px) {

  .game_point {
    background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/bg_sp.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }

}




/*:::::::::::::::::::::::新聞資訊 :::::::::::::::::::::::*/
.news_info {
  /*background-color: #000000 !important;*/
  background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/news/bg_pc.webp") no-repeat center bottom !important;
  background-size: cover !important;
}

@media (max-width:1100px) {

  .news_info {
    background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/news/bg_tb.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }

}

@media (max-width:767px) {

  .news_info {
    background: url("https://images1.iwplay.com.tw/image/zxsj/main/image/news/bg_sp.webp") no-repeat center bottom !important;
    background-size: cover !important;
  }

}



/*中央*/
.game_point .main_center {
  position: absolute;
  width: 72vw;
  height: auto;
  padding-bottom: 0%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 65;
  background-color: rgba(226, 21, 21, 0);
  /*顏色標記*/
}



/*-----swiper 內容區-----*/
.game_point .chapter03 {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: -3%;
  left: 1%;
  display: block;
  z-index: 61;
  background-color: rgba(255, 127, 80, 0);
  /*顏色標記*/

  opacity: 0;
}

.game_point.swiper-slide-active .chapter03 {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-fill-mode: both;
  opacity: 1;
}


/*pc影片區*/
.game_point .chapter03 .swiper-slide .videoArea {
  position: absolute;
  width: 77.5%;
  height: 77%;
  padding-bottom: 0%;
  top: 10%;
  left: 12%;
  z-index: 61;
  display: block;

  border: 4px solid #7f7665;
}

.game_point .chapter03 .videoArea .menpi_v {
  object-fit: cover;
  object-position: left top;
  height: 100%;
  width: 100%;
  display: block;
}


/*手機影片_按鈕*/
.game_point .chapter03 .swiper-slide .videoArea .sp_play_btn {
  position: absolute;
  width: 25%;
  height: auto;
  padding-bottom: 27%;
  top: 26%;
  left: 37%;
  z-index: 65;

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/sp_play.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  cursor: pointer;

  display: none;
}




/*影片區壓圖*/
.game_point .chapter03 .swiper-slide.c1 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_01.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.game_point .chapter03 .swiper-slide.c2 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_02.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.game_point .chapter03 .swiper-slide.c3 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_03.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.game_point .chapter03 .swiper-slide.c4 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_04.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.game_point .chapter03 .swiper-slide.c5 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_05.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.game_point .chapter03 .swiper-slide.c6 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_06.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.game_point .chapter03 .swiper-slide.c7 .videoArea {
  background-image: url(https://images3.iwplay.com.tw/image/zxsj/main/image/game_point/gp_video_bg_07.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}




/*卷軸*/
.game_point .chapter03 .swiper-slide .scroll_paper {
  position: absolute;
  width: 78%;
  height: auto;
  padding-bottom: 44%;
  top: 20%;
  left: -11%;
  z-index: 60;

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/scroll_bg_pc.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  opacity: 0;
  transition: 0.8s;
}


/*卷軸*/
.game_point .chapter03 .swiper-slide.swiper-slide-active .scroll_paper {
  opacity: 1;

  transition: 0.8s;
}

/*流蘇*/
.game_point .chapter03 .swiper-slide .tassel {
  position: absolute;
  width: 8%;
  height: auto;
  padding-bottom: 36%;
  top: 22%;
  left: 1.6%;
  z-index: 10;

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/tassel.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  transform-origin: top right;
  animation: swing_22 infinite 6s ease-in-out alternate;
}





/*右側*/
.game_point .chapter03 .swiper-slide .right_site {
  position: absolute;
  width: 36%;
  height: auto;
  padding-bottom: 38%;
  top: 24%;
  right: 3%;
  z-index: 59;

  background-color: #23279b00;
  /*顏色標記*/

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/right_bg_pc.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0;

  transition: 0.8s;
}

.game_point .chapter03 .swiper-slide.swiper-slide-active .right_site {
  opacity: 1;

  transition: 0.8s;
}


.game_point .chapter03 .swiper-slide .po_word_1 {
  position: absolute;
  width: 84%;
  height: auto;
  padding-bottom: 0%;
  top: -1%;
  left: 12%;
  z-index: 2;

  -webkit-mask-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/common_mask.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0%;
  -webkit-mask-position: 50% 50%;
  /*transition: all 1.8s;*/
}

.game_point .chapter03 .swiper-slide.swiper-slide-active .po_word_1 {
  animation: sangoku_366 0.8s linear 0.4s forwards;
}

.game_point .chapter03 .swiper-slide .po_word_2 {
  position: absolute;
  width: 81%;
  height: auto;
  padding-bottom: 0%;
  top: 68%;
  left: 13%;
  z-index: 2;

  opacity: 0;
}

.game_point .chapter03 .swiper-slide.c2 .po_word_2 {
  top: 70%;
}


.game_point .chapter03 .swiper-slide.swiper-slide-active .po_word_2 {
  animation-name: fadeInRight;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
  opacity: 1;
}


/*內文字*/
.game_point .chapter03 .swiper-slide .po_word_2 p {
  font-family: "Noto Serif TC", serif;
  font-size: 1vw;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #363b44;
  font-weight: 600;
  margin-top: 0.5%;
  text-align: left;
}







/*-------小選項-------*/
.game_point .chapter03_thumbs {
  position: absolute;
  width: 70.6%;
  height: auto;
  padding: 2%;
  top: 78%;
  left: 14.8%;

  z-index: 81;
  overflow: hidden;

  background-color: #23279b00;
  /*顏色標記*/
  opacity: 0;
}

.game_point.swiper-slide-active .chapter03_thumbs {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
  opacity: 1;
}



.chapter03_thumbs .swiper-slide {
  position: relative;
  padding-bottom: 9%;
  opacity: 1;
  cursor: pointer;
}



/*--縮圖--*/
.chapter03_thumbs .swiper-slide.ct01 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct01.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n1_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.chapter03_thumbs .swiper-slide.ct02 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct02.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n2_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.chapter03_thumbs .swiper-slide.ct03 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n3.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct03.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n3_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}



.chapter03_thumbs .swiper-slide.ct04 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n4.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct04.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n4_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.chapter03_thumbs .swiper-slide.ct05 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n5.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct05.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n5_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.chapter03_thumbs .swiper-slide.ct06 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n6.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct06.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n6_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}


.chapter03_thumbs .swiper-slide.ct07 {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n7.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.chapter03_thumbs .ct07.swiper-slide-active {
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/game_point/thumbs_n7_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}






/*-------箭頭-------*/
.game_point .arrow_box {
  position: absolute;
  width: 91%;
  height: auto;
  padding-bottom: 5%;
  top: 84%;
  left: 4.5%;
  z-index: 80;
  background-color: #56f00f00;
  /*顏色標記*/
  opacity: 0;
}

.game_point.swiper-slide-active .arrow_box {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
  opacity: 1;
}


.game_point .gp-button-prev,
.game_point .gp-button-next {
  position: absolute;
  width: 6%;
  height: auto;
  padding-bottom: 6%;
  z-index: 70;
  background-color: #f00f2900;
  /*顏色標記*/

}

.game_point .gp-button-next {
  background: url(https://images2.iwplay.com.tw/image/zxsj/main/image/view/arrow_n.webp) no-repeat;
  background-size: 100%;
  right: 4%;
  outline: none;
  transition: 0.2s;
  transform: translateX(0%);
}

.game_point .gp-button-next:hover {
  transition: 0.2s;
  transform: translateX(9%);
}


.game_point .gp-button-prev {
  background: url(https://images2.iwplay.com.tw/image/zxsj/main/image/view/arrow_p.webp) no-repeat;
  background-size: 100%;
  left: 4%;
  outline: none;
  transition: 0.2s;
  transform: translateX(0%);
}

.game_point .gp-button-prev:hover {
  transition: 0.2s;
  transform: translateX(-9%);
}



/*--立會--*/
.game_point .right00_ch {
  position: absolute;
  width: 25.8vw;
  height: auto;
  padding-bottom: 40%;
  top: 14%;
  right: -5%;
  z-index: 62;
  pointer-events: none;

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/right_ch.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  animation: fly4 16s ease-in-out infinite;
}



/*--裝飾--*/
.game_point .fly_light_1 {
  position: absolute;
  width: 2.8%;
  height: auto;
  padding-bottom: 0%;
  top: 23%;
  left: 84%;
  opacity: 0.6;
  z-index: 60;
  pointer-events: none;
}

.game_point .fly_light_1 img {
  animation: fly1 8s ease-in-out infinite;
}

.game_point .fly_light_2 {
  position: absolute;
  width: 4%;
  height: auto;
  padding-bottom: 0%;
  top: 7%;
  left: 76%;
  z-index: 60;
  pointer-events: none;
}

.game_point .fly_light_2 img {
  animation: fly2 11s ease-in-out infinite;
}

.game_point .fly_light_3 {
  position: absolute;
  width: 3.4%;
  height: auto;
  padding-bottom: 0%;
  top: 9%;
  left: 27%;
  z-index: 60;
  pointer-events: none;
}

.game_point .fly_light_3 img {
  animation: fly3 6s ease-in-out infinite;
}



/*--壓暗--*/
.game_point .dark_mask {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 62;
  pointer-events: none;
  display: block;

  background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/dark_mask_pc.webp);
  background-size: cover;
  background-repeat: no-repeat;
}


/* 花瓣 */
.game_point .flower_box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 63;
  overflow: hidden;
  pointer-events: none;
}



/*--版權宣告--*/
.footer_btn {
  position: absolute;
  width: 4%;
  height: auto;
  padding-bottom: 0.3%;
  bottom: 1.4%;
  left: 2%;
  z-index: 80;
  cursor: pointer;
  background-color: #23279b00;
  border-bottom: 2px solid #838d8f;
}

.footer_btn p {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 0.8vw;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #838d8f;
  font-weight: 500;
  margin-top: 0.5%;
  text-align: center;
  /* text-shadow: #241111 0.1em 0.1em 0.4em; */
}




@media (max-width:1500px) {

  /*箭頭*/
  .game_point .arrow_box {
    width: 100%;
    padding-bottom: 5%;
    top: 84%;
    left: 0%;
  }

  /*選項*/
  .game_point .chapter03_thumbs {
    width: 78%;
    top: 78.4%;
    left: 11%;
  }


  /*版權宣告*/
  .footer_btn {
    bottom: 2.4%;
  }


}


@media (max-width:1100px) {

  /*--主內容--*/
  .game_point .chapter03 {
    width: 100%;
    height: 82%;
  }

  /*卷軸區*/
  .game_point .chapter03 .swiper-slide .scroll_paper {
    width: 117%;
    padding-bottom: 66%;
    top: 32%;
    left: -7%;
  }


  .game_point .chapter03 .swiper-slide .right_site {
    width: 104%;
    padding-bottom: 44%;
    top: 74%;
    right: -2%;

    background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/right_bg_tb.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .game_point .chapter03 .swiper-slide .po_word_1 {
    width: 56%;
    top: -3%;
    left: -3%;
  }

  .game_point .chapter03 .swiper-slide .po_word_2 {
    width: 46%;
    top: 28%;
    left: 53%;
  }

  .game_point .chapter03 .swiper-slide.c2 .po_word_2 {
    top: 28%;
  }

  .game_point .chapter03 .swiper-slide .po_word_2 p {
    font-size: 2vw;
  }




  /*--大選項--*/
  .game_point .chapter03_thumbs {
    width: 79.6%;
    padding: 2%;
    top: 83.5%;
    left: 9.8%;
  }

  .chapter03_thumbs .swiper-slide {
    padding-bottom: 17%;
  }



  /*--箭頭--*/
  .game_point .arrow_box {
    width: 113%;
    padding-bottom: 5%;
    top: 86.5%;
    left: -6.5%;
  }

  .game_point .gp-button-prev,
  .game_point .gp-button-next {
    width: 9%;
    padding-bottom: 9%;
  }



  /*飛飛*/
  .game_point .fly_light_1 {
    width: 5.8%;
    top: 28%;
    left: 92%;
  }

  .game_point .fly_light_2 {
    width: 7%;
    top: 7%;
    left: 70%;
  }

  .game_point .fly_light_3 {
    width: 5.2%;
    top: 12%;
    left: 30%;
    opacity: 0.6;
  }


  /*立會*/
  .game_point .right00_ch {
    width: 64.8vw;
    padding-bottom: 44%;
    top: 6%;
    right: 8%;
    z-index: 62;

    background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/right_ch_tb.webp);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  /*版權宣告*/
  .footer_btn {
    width: 10%;
    padding-bottom: 0.3%;
    bottom: 2.4%;
    left: 15%;
    border-bottom: 2px solid #4c4b61;
  }

  .footer_btn p {
    color: #4c4b61;
    font-size: 1.8vw;
  }


}


@media (max-width:767px) {

  .game_point .main_center {
    width: 93vw;
  }

  .game_point .chapter03_thumbs {
    display: none;
  }


  /*--影片區--*/
  .game_point .chapter03 .swiper-slide .scroll_paper {
    width: 109%;
    padding-bottom: 62%;
    top: 31%;
    left: -5%;
  }

  .game_point .chapter03 .videoArea .menpi_v {
    display: none;
  }

  /*手機影片_按鈕*/
  .game_point .chapter03 .swiper-slide .videoArea .sp_play_btn {
    display: block;

    animation: magnify_yt .6s linear infinite alternate;
  }



  /*--右區--*/
  .game_point .chapter03 .swiper-slide .right_site {
    width: 90%;
    padding-bottom: 49%;
    top: 70%;
    right: 6%;

    background-image: url(https://images2.iwplay.com.tw/image/zxsj/main/image/game_point/right_bg_sp.webp);
    background-repeat: no-repeat;
    background-size: 100%;

  }


  .game_point .chapter03 .swiper-slide .po_word_1 {
    width: 58%;
    top: 8%;
    left: -5%;
  }

  .game_point .chapter03 .swiper-slide .po_word_2 {
    width: 47%;
    top: 23%;
    left: 53%;
  }

  .game_point .chapter03 .swiper-slide .po_word_2 p {
    font-size: 3vw;
  }

  .game_point .chapter03 .swiper-slide.c7 .po_word_2 {
    width: 47%;
    top: 19%;
    left: 53%;
  }




  /*--箭頭--*/
  .game_point .arrow_box {
    width: 113%;
    padding-bottom: 16%;
    top: 81.5%;
    left: -6.5%;
  }

  .game_point .gp-button-prev,
  .game_point .gp-button-next {
    width: 14.5%;
    padding-bottom: 14.5%;
  }

  .game_point .gp-button-prev {
    left: 29%;
  }

  .game_point .gp-button-next {
    right: 29%;
  }


  /*裝飾*/
  .game_point .fly_light_1 {
    width: 6.8%;
    top: 8%;
    left: 32%;
  }

  .game_point .fly_light_2 {
    width: 7%;
    top: 11%;
    left: 78%;
  }

  .game_point .fly_light_3 {
    width: 8.2%;
    top: 55%;
    left: 3%;
  }




  /*版權*/
  .footer_btn {
    width: 15%;
    padding-bottom: 0.3%;
    bottom: 2.5%;
    left: 43%;
    border-bottom: 2px solid #ffffff;
  }

  .footer_btn p {
    font-size: 3vw;
    color: #ffffff;
  }


}






/*:::::::::::::::::::::::新聞資訊 :::::::::::::::::::::::*/
.news {
  background-color: #000000 !important;
  /*background: url("../images/features/bg.webp") no-repeat center bottom;
  background-size: cover;*/
}









/*::::::::::::::::::::::: version 版本精選:::::::::::::::::::::::*/

/*
.swiper-pagination-bs-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bs {
  padding-bottom: 33px;
  position: absolute;
  bottom: 2vh !important;
  z-index: 2;
}

.swiper-pagination-bs .swiper-pagination-bullet {
  width: 1.25vw;
  height: 2.22vh;
  display: inline-block;
  background: url(https://images1.iwplay.com.tw/image/ma/images/backstory/bullet.webp) no-repeat center top;
  background-size: contain;
  opacity: 1;
}

.swiper-pagination-bs .swiper-pagination-bullet-active {
  background: url(https://images1.iwplay.com.tw/image/ma/images/backstory/bullet-active.webp) no-repeat center top;
  background-size: contain;
}

.swiper-button-prev,
.swiper-button-next {
  width: 2.08vw;
  height: 6.85vh;
  filter: drop-shadow(0px 0px 7px rgba(117, 244, 255, 1));
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "";
  width: 2.08vw;
  height: 6.85vh;
  background: url(https://images1.iwplay.com.tw/image/ma/images/features/arrow.webp) no-repeat center top;
  background-size: contain;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
  width: 2.08vw;
  height: 6.85vh;
  background: url(https://images1.iwplay.com.tw/image/ma/images/features/arrow.webp) no-repeat center top;
  background-size: contain;
  transform: rotateY(180deg);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 25% !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 25% !important;
}
*/






/*:::::::::::::::::::::::會員預約:::::::::::::::::::::::*/
html,
body {
  background: unset !important;
}


.member {
  position: absolute !important;
  width: 22% !important;
  height: auto;
  padding-bottom: 0% !important;
  top: 9% !important;
  right: 6% !important;
  z-index: 90;

  display: flex;
  align-items: center;
  gap: 10px;

  color: #ffffff;
  font-size: 0.7vw !important;
  letter-spacing: .05vw;

  background-color: rgba(0, 255, 255, 0);
}

.member div {
  margin: unset;
}


.member_login {
  width: 33% !important;
  padding: 2.5% 0 !important;
}

.member_info {
  width: 34% !important;
}

.member .h_log_btn_1 {
  color: #ffffff00 !important;
  padding-bottom: 8% !important;
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/log_in_btn_1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.member .h_log_btn_2 {
  color: #ffffff00 !important;
  padding-bottom: 8% !important;
  background-image: url(https://images1.iwplay.com.tw/image/zxsj/main/image/log_in_btn_2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.member_list {
  padding: 5% 9% 5% 9% !important;
}



@media (max-width:1920px) {

  .member {
    width: 24% !important;
    padding-bottom: 0% !important;
    top: 9% !important;
    right: 6% !important;
    font-size: 0.8vw !important;
  }

}


@media (max-width:1440px) {}


@media (max-width:1100px) {

  .member {
    width: 51% !important;
    padding-bottom: 0% !important;
    top: 25% !important;
    right: 12% !important;
    font-size: 1.7vw !important;
  }

}


@media (max-width:767px) {

  .member {
    width: 84% !important;
    padding-bottom: 0% !important;
    top: 35% !important;
    right: 4% !important;
    font-size: 3.2vw !important;
    z-index: 90;
  }

  .member_list {
    padding: 33% 9% 5% 9% !important;
  }

  .member .h_log_btn_1 {
    padding-bottom: 1% !important;
  }

  .member .h_log_btn_2 {
    padding-bottom: 1% !important;
  }


  .member_info {
    width: 58% !important;
  }

  .member_info .member_name {
    background-color: #0000006b;
  }

  .member_list {
    padding: 5% 9% 5% 9% !important;
  }




}








/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       入場_彈窗
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
/*BS談窗黑幕*/
.modal-backdrop.show {
  opacity: 0.8 !important;
}

.site_in_pop .modal-dialog {
  max-width: 70%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background-color: rgba(255, 0, 255, 0);
  /*顏色標記*/
}

.site_in_pop .modal-dialog .modal-content.popup {
  background-color: transparent !important;
  border: none;
}

.site_in_pop .modal-dialog .modal-content.popup .modal-body {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 60%;
  background: url("");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: rgba(0, 255, 255, 0);
  /*顏色標記*/
}

/*--資訊區域--*/
.site_in_pop .pop_main_content_1 {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 61%;
  top: 0%;
  left: 0%;
  z-index: 70;
  /*background: url("https://images2.iwplay.com.tw/image/p5x/events/20240516/image/vote_pop/vote_gift_show_pop_pc.webp");*/
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: rgba(103, 150, 238, 0);
  /*顏色標記*/
}

/*--X按鈕--*/
.site_in_pop .dw_btn_close {
  position: absolute;
  width: 3%;
  right: 11%;
  top: 14.5%;
  opacity: 1;
  overflow: visible;
  z-index: 73;
  display: block;
  background-color: rgba(0, 255, 255, 0);
  /*顏色標記*/
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(50%, -50%) rotate(0deg);
  transform: translate(50%, -50%) rotate(0deg);
}

.site_in_pop .dw_btn_close img {
  width: 100%;
}

.site_in_pop .dw_btn_close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}

@media (max-width: 1100px) {
  .site_in_pop .dw_btn_close {
    width: 7%;
    right: 43%;
    top: -11.5%;
    -webkit-transform: unset;
    transform: unset;
  }

  .site_in_pop .dw_btn_close:hover {
    -webkit-transform: unset;
    transform: unset;
  }
}

@media (max-width: 767px) {

  /*close_btn*/
  .site_in_pop .dw_btn_close {
    width: 10%;
    top: 17%;
    right: 43%;
  }

  .site_in_pop .pop_main_content_1 {
    width: 100%;
    left: 0%;
    padding-bottom: 133%;
    /*background: url("https://images2.iwplay.com.tw/image/p5x/events/20240516/image/vote_pop/vote_gift_show_pop_sp.webp");*/
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .site_in_pop .modal-dialog .modal-content.popup .modal-body {
    padding-bottom: 131%;
  }
}



/*--pop_main_content_1_內容區--*/
.site_in_pop .pop_main_content_1 {
  display: block;
}

.site_in_pop .pop_main_content_1 .main_box {
  position: absolute;
  width: 74%;
  height: auto;
  padding-bottom: 42%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  z-index: 63;
  background-color: rgba(23, 199, 175, 0);
  /*顏色標記*/
}

.site_in_pop .pop_main_content_1 .main_box .pic_1 {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  top: 0%;
  left: 1%;
}

@media (max-width: 1100px) {
  .site_in_pop .modal-dialog {
    max-width: 94%;
  }

  .site_in_pop .pop_main_content_1 .main_box {
    width: 95%;
    padding-bottom: 54%;
  }

}

@media (max-width: 767px) {
  .site_in_pop .modal-dialog {
    max-width: 100%;
  }

  .site_in_pop .pop_main_content_1 .main_box {
    width: 100%;
    padding-bottom: 57%;
    top: 50%;
  }

  .site_in_pop .pop_main_content_1 .main_box .pic_1 {
    width: 100%;
    top: 0%;
    left: 0%;
  }
}