@charset "utf-8";

/* CSS Document */
@import url('reset.min.1.2.css');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200..900&display=swap');

html {
  font-size: 15px;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0 !important;
  background: rgb(0, 0, 0) !important;
  font-family: 'Noto Serif TC', 'serif;', 'Maven Pro', 'Droid Sans', 'Myriad Pro', Helvetica, Verdana, Geneva, sans-serif;
  color: #345477;
  position: relative;
}

* {
  -webkit-box-sizing: border-box; /*firefox*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none; /*去除藍框*/
}
input,
button,
select,
textarea {
  outline: none; /*去除藍框*/
}
span {
  display: inline-block;
}

ol,
ul {
  padding-left: 1rem !important;
}

.container {
  position: relative;
  overflow: hidden;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.modal-open {
  padding-right: 0 !important;
}
/*像素比例尺*/
.ruler {
  height: 18px;
  background: url(../images/ruler.png) no-repeat left top;
  background-size: cover;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.clear {
  height: 0;
  clear: both;
  font-size: 0em !important;
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: none !important;
}

img {
  width: 100%;
  height: auto;
}
.l {
  display: block;
}
.m {
  display: none;
}
.s {
  display: none;
}
a {
  z-index: 100;
  width: 100%;
  height: 100%;
  display: block;
}
a:hover {
  cursor: pointer;
}

/*去藍框*/
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}

#lightarea {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/** 動態效果 **/
@keyframes fadeout {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadein {
  0% {
    transform: scale(1.5);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

/** 懸浮粒子 **/
/* #particles-js {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
} */

.wrapper {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: url(../images/bg.webp) no-repeat center top;
  background-size: 100% auto;
}

/** 共用 **/
.content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 2vw;
}

.content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 2vw;
  height: 100vh;
}

/** 文字設定 共用 **/
h2 {
  font-size: 2.5rem !important;
}
.sec_txt,
.txt_y,
.txt_g,
.txt_s,
.txt_wy,
.txt_go {
  font-family: 'Noto Serif TC', 'serif;', 'Maven Pro', 'Droid Sans', 'Myriad Pro', Helvetica, Verdana, Geneva, sans-serif;
}

.sec_txt {
  font-size: 1.25rem;
  margin-bottom: 2rem;
}

/** 文字漸層色 共用 **/
/*黃色*/
.txt_y {
  background: linear-gradient(to bottom, #fce7ae 10%, #f6d306 55%, #f09304 95%);
  background-clip: text;
  font-weight: bold;
  color: #fdfdfd87;
  filter: drop-shadow(2px 3px 0px #000);
}

/*金色*/
.txt_g {
  background: linear-gradient(to bottom, #faeece 30%, #f1b100 75%);
  background-clip: text;
  color: #fdfdfd96;
  filter: drop-shadow(2px 3px 0px #000);
}

/*銀色*/
.txt_s {
  background: linear-gradient(to bottom, #ffffff 20%, #e1e1e1 100%);
  background-clip: text;
  color: #fdfdfd8f;
  filter: drop-shadow(2px 3px 0px #000);
}
/*白微黃*/
.txt_wy {
  background: linear-gradient(to top, #ffffff 30%, #f5c802 100%);
  background-clip: text;
  color: #fdfdfd8f;
  filter: drop-shadow(2px 3px 0px #000);
}

/* ////////////////// 區塊設定共用 //////////////////  */
#cover,
#section1,
#section2,
#section3,
/*#section4,
#section5,*/
#section6 {
  position: relative;
  overflow: hidden;
}

/* ////////////////// 共用 //////////////////  */

#section1 {
  overflow: visible;
}
#section1,
#section2,
#section3,
#section4,
#section5,
#section6 {
  position: relative;
  width: 100%;
  min-height: 80vh;
  color: #fff;
  text-align: center;
  margin-bottom: 5vh;
  padding-bottom: 3rem;
}
#section4 {
  margin-bottom: 0vh;
}
#section5 {
  margin-top: -4vh;
  z-index: 99;
}

/*section：主題*/
#section2 img.title,
#section3 img.title,
#section4 img.title,
#section5 img.title,
#section6 img.title {
  position: relative;
  width: 30%;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  z-index: 9;
}

#section5 img.title {
  position: absolute;
  right: 8%;
  top: 3%;
}

#section1 .content,
#section2 .content,
#section3 .content,
#section6 .content {
  font-size: 1.1rem;
  font-weight: 500;
  text-align: left;
  text-shadow: #000 1px 0 10px;
  text-align: justify;
  position: relative;
  padding-top: 0;
  height: 100%;
}

#section4 .content,
#section5 .content {
  height: 100vh;
}

/* 美術框-BG */
.form_t img,
.form_b img {
  filter: brightness(1.2);
}
.form_t img {
  vertical-align: bottom;
}
.form_m {
  text-align: center;
  background: url(../images/form_m.webp) repeat-y center top;
  background-size: 100% auto;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.2rem;
}
.form_b img {
  vertical-align: top;
}
.form_hr {
  width: 100%;
  display: none;
}
/* .section3 .form_m {
  min-height: 330px;
} */

/* ////////////////// 右側選單 //////////////////  */
.menu_r {
  position: fixed;
  right: 0%;
  top: 30%;
  width: 170px;
  z-index: 100;
}
.menu_r a {
  width: 150px;
  margin: auto;
  height: auto;
}

/* ////////////////// 00_cover首頁 //////////////////  */

/* 上市日期 */
.date {
  width: 100%;
  max-width: 270px;
  position: absolute;
  top: 9vh;
  right: 0.5vh;
  z-index: 99;
}

/* 角色 */
.ch_l {
  width: 100%;
  height: 100%;
  position: absolute;
  /* top: -2vh; */
  top: 3vh;
  left: 0;
  background: url(../images/p0_ch_l.webp) no-repeat center top;
  background-size: 90% auto;
  animation: fadeout 10s forwards;
  margin-top: 0px;
}

/* 雲(動態) */
.cloud_s {
  width: 100%;
  position: absolute;
  top: 53%;
  right: 0%;
  animation: secchafadeIn 10s ease-in-out infinite;
  z-index: 5;
}

.slogan_block {
  position: relative;
  left: 0px;
  width: 100%;
  max-width: 1250px;
  padding-bottom: 8vh;
  margin: auto;
  margin-top: 40rem !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 9;
}

.slogan1,
.slogan2,
.slogan3 {
  text-align: center;
}

.slogan1 img,
.slogan2 img,
.slogan3 img {
  width: 100%;
  transition: 0.5s all;
}

/* 大標 */
.slogan1 {
  margin-bottom: -2rem;
  display: none;
}
.slogan2 {
  display: none;
}

/* BTN：立即預約 */
.slogan3 img {
  animation: slogan3 1s alternate infinite;
}
@keyframes slogan3 {
  from {
    filter: brightness(100%);
  }
  to {
    filter: brightness(130%);
    transform: scale(1.01);
    transition: all 1s ease-out;
  }
}

/* IMG：更多好禮 */
img.more {
  width: 100%;
  max-width: 80px;
}

.image-container {
  position: relative;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: auto;
}

/* BTN：影片按鈕 */
.btn_video {
  width: 20%;
  height: 100%;
  max-width: 130px;
  max-height: 130px;
  margin: 0rem auto 0rem auto;
  position: relative;
}
.btn_video a {
  position: relative;
}
/* .btn_video_ov {
  position: absolute;
  width: 100%;
  height: 100%;
} */
/* .btn_video_ov, */
.btn_video a img {
  /* background: url(../images/p0_btn_play.webp) no-repeat center top; */
  background-size: 100% auto;
  animation: change 1s infinite linear;
}

@keyframes change {
  0%,
  100% {
    filter: brightness(100%);
  }
  50% {
    filter: brightness(150%);
  }
}

/* //////////////////////////////////// 各專區 //////////////////////////////////// */

/* ////////////////// 01_section1 簡訊預約 ////////////////// */
/* 預約人數 */
.gamer_num {
  position: relative;
  z-index: 99;
  background: url(../images/p1_gamer_num.webp) no-repeat center top;
  background-size: 100% auto;
  width: 480px;
  height: 175px;
  margin: 2rem auto auto auto;
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.gamer_num h5,
.gamer_num h1 {
  width: 350px;
  margin-bottom: 0rem;
}

.gamer_num h5 {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 10px;
  padding-top: 1rem;
}
.gamer_num h1 {
  font-size: 4rem;
  font-weight: bolder;
  letter-spacing: 5px;
}

/* p1區塊 */
.p1_box {
  display: flex;
  position: relative;
  right: 8rem;
}

.p1_l,
.p1_r {
  padding: 1rem;
  width: 45%;
}
.p1_l form {
  width: 80%;
  margin: auto;
}
.p1_r .block {
  width: 100%;
  margin: auto;
}

/* p1區塊：左： */
.p1_l .row {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.p1_l .form_m {
  height: 550px;
}
.p1_l img.p1_gift {
  max-width: 250px;
  margin-top: 1rem;
}

/* p1區塊：右： */
.p1_r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p1_r .form_m {
  height: 218px;
}
.p1_r .block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.p1_r h2 {
  /* margin-left: 2rem;
  margin-right: 2rem; */
}
.p1_r img.p1_gift {
  max-width: 150px;
  margin: 0px 7px 0 10px;
  z-index: 99;
}
.p1_r .block img.p1_gift {
  margin-top: -20px !important;
}
.p1_r .block a {
  margin: auto 0;
}
.p1_r .btn_sure {
  background: none;
  border: none;
  transition: 0.2s all ease-in-out;
}
.p1_r .btn_sure:hover {
  filter: brightness(120%);
  transition: 0.2s all ease-in-out;
}

/* BG：p1角色 */
.p1_pp {
  width: 90%;
  position: absolute;
  right: 2rem;
  top: 0;
  top: -20%;
}
/* MB：上框 */
.p1_l .form_t.mb {
  display: none;
}
/* MB：h2標題：裝飾 */
.p1_box h2 img {
  display: block;
  max-width: 55px;
}

/* ////////////////// #section2 厲兵秣馬 ////////////////// */

#section2 .content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.p2_l img.title_s,
.p2_r img.title_s {
  width: 70%;
  margin-bottom: 2rem;
}

/* p2_l：九宮格抽獎 */
.p2_l {
  width: 100%;
  padding: 0 3rem;
  text-align: center;
}
.p2_l ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-left: 0 !important;
  margin-bottom: 0;
}
.p2_l ul .item {
  width: 30%;
  margin-bottom: 0.7rem;
}
.p2_l ul li.item img {
  filter: grayscale(0) sepia(0.5) saturate(0.5) brightness(0.9);
}
.p2_l ul li.item a {
  cursor: no-drop;
}

/*特效：可抽獎按鈕*/
.p2_l ul li.on a {
  cursor: pointer;
}
.p2_l ul li.on a img {
  animation: slogan3 1s alternate infinite;
}

/*特效：中獎獎項*/
.p2_l ul li.win img {
  filter: none;
}

.p2_l .jgg_get {
  background: url(../images/p2_jggget_bg.webp) no-repeat center center;
  background-size: contain;
  height: 80px;
  margin: auto;
  padding: 0 5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p2_l .jgg_get span {
  font-size: 1.6rem;
  font-weight: bolder;
  letter-spacing: 2px;
}

/* p2_r：查詢序號：邀請連結 */
.p2_r {
  width: 100%;
  padding: 0 3rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.p2_r p {
  line-height: 28px;
}
.p2_r .link_cp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.p2_r .link_cp span {
  background-color: #4232298a;
  width: 70%;
  border: 0.8px solid rgba(207, 207, 207, 0.4);
  color: rgb(233 188 28);
  text-align: left;
  padding: 7px 10px;
  word-break: break-word;
}
.p2_r ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 2.5rem;
  padding-inline-start: 0 !important;
}
.p2_r ul li {
  width: 33%;
}

/* ////////////////// #section3 金戈鐵馬 ////////////////// */

#section3 .sec_txt {
  position: relative;
  z-index: 9;
}
#section3 .p3_pp {
  position: absolute;
  z-index: 1;
  top: -3%;
  width: 98%;
}
#section3 .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#section3 .p3_l {
  position: relative;
  z-index: 9;
  width: 19.5%;
}
#section3 .p3_r {
  position: relative;
  z-index: 9;
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-around;
  padding: 0 1rem;
}

.p3_r #create {
  margin-bottom: 1rem;
}
.p3_r #create.btn_l img {
  width: 60% !important;
  margin: 1rem;
}
.p3_r form {
  width: 90%;
  text-align: center;
}
.p3_r form input {
  background: #1c1c1b9c;
  border: 0.8px solid #bc934c94;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  padding-right: 40px;
  box-sizing: border-box;
}
.p3_r form .icon {
  position: absolute;
  right: 70px;
  font-size: 1.5rem;
  color: #eee;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 10px;
  margin-top: -3.3rem;
}
.p3_r .form_t,
.p3_r .form_m,
.p3_r .form_b {
  width: 95%;
  margin: auto;
}

.p3_r .form_m {
  background-image: url(../images/p3_form_m.webp);
  padding: 1.5rem 2rem;
  min-height: 330px;
}
.p3_r .form_m .li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 0.7rem;
  font-size: 1.1rem;
  line-height: 2.5rem;
  font-weight: 500;
  text-align: left;
}
.p3_r .form_m .li .name {
  width: 40%;
}
.p3_r .form_m .li .num {
  width: 10%;
}
.p3_r .form_m .li .link {
  width: 45%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#section3 .page {
  width: 100%;
  padding: 0rem 2rem;
  margin-top: 1.2rem;
}
#section3 .page ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
#section3 .page ul li {
  width: 40px;
  height: 40px;
  margin: 5px;
}

#section3 .page ul li a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  border: 0.8px solid #80673c;
  padding: 0.5rem 0;
}
#section3 .page ul li a:hover,
#section3 .page ul li a:active {
  background-color: #80673c;
  color: #fff;
}

/* ////////////////// #section4 全服進度 ////////////////// */

#section4 .sec_txt {
  position: relative;
  z-index: 9;
  text-align: center;
  margin-bottom: 1rem;
}
#section4 .p4_pp {
  position: absolute;
  z-index: 1;
  top: -3%;
  width: 98%;
}

#section4 .content {
  max-width: 820px;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 9;
}
#section4 .mb {
  margin-bottom: 17vh;
}
#section4 .col-12 {
  display: flex;
  flex-direction: row;
}
#section4 .notyet {
  filter: brightness(100%) grayscale(70%);
}

/* ////////////////// #section5 遊戲特色 ////////////////// */
#section5 .content {
  max-width: none;
}

#section5 .swiper-slide img {
  display: block;
  width: auto !important;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1300px) {
  #section5 .swiper-slide img {
    display: block;
    width: 100% !important;
    height: auto;
    object-fit: cover;
  }
}

@media (max-width: 992px) {
  #section5 .swiper-slide img {
    display: block;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
  }
}

/* ////////////////// #section6 注意事項 ////////////////// */
#section6 {
  min-height: 50vh;
}

#section6 .content {
  width: 70%;
  max-width: 880px;
  line-height: 33px;
}

#section6 .content ol {
  list-style: decimal;
}

/* p2_前景 */
#section6 .fade {
  width: 100%;
  height: 15%;
  position: absolute;
  top: -8%;
  z-index: 9;
  opacity: 0.5;
}

/* 回到頂部 */
.bnt_top {
  position: fixed;
  bottom: 2.5%;
  right: 6.5vh;
  width: 10%;
  max-width: 50px;
  background-image: url(../images/btn_top.webp);
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: none;
  opacity: 0.7;
  z-index: 999;
}
.bnt_top a {
  background-image: url(../images/btn_top_ov.webp);
  background-repeat: no-repeat;
  background-size: 100% auto;
  image-rendering: -webkit-optimize-contrast;
  opacity: 0.01;
  transition: opacity 0.5s;
}
.bnt_top a:hover {
  opacity: 1;
  filter: brightness(150%);
}

/* ////////////////// 輪播：底部浮動(限MB版) //////////////////  */
.pop_store_b {
  width: 100%;
  position: fixed;
  bottom: 0;
  transition: 1s;
  z-index: 1000;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0s 0.5s;
}
.pop_store_b.show {
  opacity: 1;
  visibility: visible;
}

/* ////////////////// 輪播：底部浮動(限MB版) //////////////////  */
.pop_store_c {
  width: 100%;
  position: fixed;
  bottom: 0;
  transition: 1s;
  z-index: 1001;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0s 0.5s;
}

.pop_store_c img {
  animation: popstorec 0.8s infinite alternate;
  position: relative;
  pointer-events: auto;
}
@keyframes popstorec {
  from {
    filter: brightness(100%);
    transform: scale(1);
  }
  to {
    filter: brightness(120%);
    transform: scale(1.005);
  }
}

.pop_store_c.show {
  opacity: 1;
  visibility: visible;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*Button 共用*/
.btn {
  transition: 0.2s all ease-in-out;
}
.btn img:hover {
  opacity: 1;
  filter: brightness(120%);
  transition: 0.2s all ease-in-out;
}

.btn_l {
  width: 100%;
  height: auto;
  max-width: 500px;
  margin-bottom: 1rem;
}

.btn_l img {
  width: 100% !important;
}
.btn_m {
  width: 100%;
  max-width: 190px;
  margin: auto;
  margin-bottom: 1rem;
  animation: btn_m 0.8s infinite alternate;
}
@keyframes btn_m {
  from {
    filter: brightness(100%);
    transform: scale(1);
  }
  to {
    filter: brightness(140%);
    transform: scale(1.05);
  }
}
.btn_m img {
  width: 100% !important;
}

.btn_s {
  width: 100%;
  max-width: 130px;
  padding: 0rem 0 !important;
}
.btn_s img {
}

.btn_xs {
  width: 100%;
  max-width: 100px;
  padding: 0rem 0 !important;
}
.btn_xs img {
}

/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/

/* 基本樣式重置，移除列表的預設樣式 */
ul.menu_b {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  align-items: stretch; /* 確保所有項目高度一致 */
}

.menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-item img {
  max-width: 100%;
  height: auto;
}

/* 針對不同的選單項目設定不同的寬度 */
.menu-item.bn {
  grid-column: span 2;
}
.menu-item.facebook {
  grid-column: span 1;
}
.menu-item.youtube {
  grid-column: span 1;
}
.menu-item.line {
  grid-column: span 1;
}
.menu-item.bahamut {
  grid-column: span 1;
}

/* 小螢幕調整 */
@media (max-width: 600px) {
  ul.menu_b {
    gap: 7px;
  }
}

/***** 調整lity.css設定，修改可視範圍高度 *****/
.lity {
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.75);
}
.lity-iframe-container {
  padding-top: 95vh;
}
.lity-close {
  position: fixed;
  top: 0;
}
.lity-close:active {
  top: 0;
}

@keyframes confadeIn {
  0% {
    opacity: 0;
    filter: brightness(0);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
@keyframes secchafadeIn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/* Firefox專用*/
@-moz-document url-prefix() {
  @keyframes confadeIn {
    0% {
      opacity: 0;
      filter: blur(3px) brightness(0);
    }
    100% {
      opacity: 1;
      filter: blur(0px) brightness(1);
    }
  }
}
@keyframes conbtfadeIn {
  0% {
    opacity: 0;
    transform: translateY(10%);
    filter: brightness(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: brightness(1);
  }
}

/* Firefox專用*/
@-moz-document url-prefix() {
  @keyframes conbtfadeIn {
    0% {
      opacity: 0;
      transform: translateY(10%);
      filter: blur(3px) brightness(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0px) brightness(1);
    }
  }
}

/* /////////////////////////////////////// RWD設定 /////////////////////////////////////// */
/* /////////////////////////////////////// RWD設定 /////////////////////////////////////// */

@media screen and (max-width: 1800px) {
  /*///////////// 00_cover首頁 /////////////*/

  .slogan_block {
    position: relative;
    left: 0px;
    width: 100%;
    max-width: 1250px;
    padding-bottom: 8vh;
    margin: auto;
    margin-top: 30rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9;
  }
  .slogan_block {
    /* margin-top: 21rem !important; */
    margin-top: 31.5rem !important;
  }
  .slogan2 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
  .slogan1 img,
  .slogan2 img,
  .slogan3 img {
    width: 68%;
    margin: auto;
  }
}

@media screen and (max-width: 1600px) {
  /*///////////// 00_cover首頁 /////////////*/
  .slogan1 img,
  .slogan2 img/*,
  .slogan3 img*/ {
    width: 65%;
  }

  /*/////////////01_section /////////////*/
  .gamer_num {
    margin: 0rem auto auto auto;
  }
  .p1_box {
    right: 2.5rem;
    width: 90%;
  }
  .p1_l,
  .p1_r {
    margin: 0;
  }
  .p1_r .form_m {
    height: 225px;
  }
  .p1_l img.p1_gift {
    max-width: 220px;
    margin-top: 0rem;
  }
  /*BG：角色*/
  .p1_pp {
    width: 100%;
    right: -5rem;
    top: 0rem;
    top: -15rem;
  }
}

@media screen and (max-width: 1440px) {
  /*///////////// 00_cover首頁 /////////////*/
  /* 上市日期 */
  .date {
    max-width: 220px;
  }
  /* BTN：影片按鈕 */
  .btn_video {
    width: 13%;
    /* height: 100%; */
    max-width: 150px;
    max-height: 150px;
    /* margin: 0rem auto 0rem auto;
    position: relative; */
  }

  /*/////////////01_section /////////////*/
  .p1_box {
    right: 0.5rem;
  }
  .p1_l form,
  .p1_r .block {
    width: 100%;
  }
  .p1_r .block {
    justify-content: space-evenly;
  }
  .p1_r a img {
    max-width: 180px;
  }

  /*/////////////02_section /////////////*/
  #section2 .content {
    justify-content: center;
  }
  .p2_l,
  .p2_r {
    max-width: 500px;
    padding: 0 2rem;
  }
  .p2_l .jgg_get {
    padding: 0 3rem;
  }
  .p2_r .link_cp span {
    width: 65%;
  }

  /*/////////////03_section /////////////*/
  #section3 .p3_pp {
    width: 100%;
    top: 10%;
    right: -5%;
  }

  /*/////////////04_section /////////////*/
  #section4 .p4_pp {
    top: 0%;
    width: 105%;
    left: -3%;
  }

  /* 回到頂部 */
  .bnt_top {
    right: 3.5vh;
  }
}

@media screen and (max-width: 1351px) {
  /*/////////////01_section /////////////*/
  /* .wrapper {
    background-size: 100% auto;
  } */

  .content {
    height: 100%;
  }

  .btn_l {
    width: 100%;
    height: auto;
    max-width: 400px;
  }

  .p1_box {
    right: -0.7rem;
  }

  .ch_l {
    /* background: url(../images/p0_ch_m.webp) no-repeat center top; */
    /* background-size: auto 100%; */
    /* top: 0; */
  }
  .slogan_block {
    margin-top: 21rem !important;
  }
  /* .slogan1,
  .slogan2 {
    display: block;
  } */
}

@media screen and (max-width: 1281px) {
  /*///////////// 00_cover首頁 /////////////*/

  /*前景-雲*/
  .cloud_s {
    top: 50%;
  }

  /*上市日期*/
  .date {
    max-width: 200px;
    top: 7vh;
  }

  /*/////////////01_section /////////////*/
  /* 人物背景：隱藏 */
  .p1_pp {
    display: none;
  }
  .p1_box {
    width: 95%;
    right: 0;
    justify-content: center;
    margin: auto;
  }

  #section4 .p4_pp {
    width: 110%;
    left: -7%;
  }
  #section4 .mb {
    margin-bottom: 13vh;
  }

  #section5 {
    min-height: 50vh;
  }

  #section6 img {
    width: 35%;
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1201px) {
  .content {
    max-width: 1000px;
  }

  /*///////////// 00_cover首頁 /////////////*/
  .slogan_block {
    padding-bottom: 5vh;
  }

  /* 顯示：BG */
  #section2 {
    background: url(../images/bg_p2.webp) no-repeat center top;
    background-size: 100% auto;
  }
  #section3 {
    background: url(../images/bg_p3.webp) no-repeat center top;
    background-size: 130% auto;
    background-position-y: 30%;
  }
  #section4 {
    background: url(../images/bg_p4.webp) no-repeat center top;
    background-size: 110% auto;
  }
  #section6 {
    background: url(../images/bg_p6.webp) no-repeat center top;
    background-size: 100% auto;
  }

  /*/////////////01_section /////////////*/
  #section1 {
    margin-top: 2rem;
  }

  .p1_box {
    width: 90%;
  }
  .p1_l,
  .p1_r {
    width: 50%;
  }
  .p1_r h2 {
    margin-left: 0;
    margin-right: 0;
  }
  .p1_r .block img.p1_gift {
    margin-top: -5px !important;
  }
  .p1_r a img {
    max-width: 150px;
    margin: 1rem 0 0.5rem 0;
  }

  .p1_r img.p1_gift {
    max-width: 130px;
  }

  /*/////////////02_section /////////////*/

  /*/////////////03_section /////////////*/
  #section3 .p3_pp {
    display: none;
  }
  #section3 .p3_l {
    width: 21.5%;
  }
  #section3 .p3_r {
    width: 80%;
    margin: auto;
  }
  .p3_r form {
    margin-bottom: 1rem;
  }
  .p3_r .form_m {
    padding: 1rem;
  }
  .p3_r .form_m .li {
    padding: 0 1.5rem;
  }
  .p3_r .form_m .li .link {
    width: 35%;
  }

  /*/////////////04_section /////////////*/
  #section4 .p4_pp {
    display: none;
  }

  /*/////////////06_section /////////////*/
  #section6 .content {
    width: 90%;
    max-width: 800px;
    line-height: 28px;
  }
}

@media screen and (max-width: 1081px) {
  /*///////////// 各專案 /////////////*/
  /*///////////// 主題 /////////////*/
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    width: 350px;
  }

  /*///////////// 00_cover首頁 /////////////*/

  /*上市日期*/
  .date {
    max-width: 170px;
    top: 6vh;
  }
  .slogan_block {
    padding-bottom: 2vh;
  }

  /*/////////////01_section /////////////*/
  .p1_r .form_m {
    background-size: 100%;
  }

  /*/////////////02_section /////////////*/
  .p2_l,
  .p2_r {
    max-width: 450px;
  }
  .p2_l .jgg_get span {
    font-size: 1.3rem;
  }
  .p2_r .link_cp span {
    font-size: 0.9rem;
    width: 60%;
  }
  .p2_r .link_cp a {
    width: 30%;
  }

  /*/////////////05_section /////////////*/
  #section5 {
    min-height: 60vh;
  }
}

@media screen and (max-width: 1000px) {
  /* .wrapper {
    background-position-y: -15vh;
  } */
  /* 隱藏：前景-雲 */
  .cloud_s {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .wrapper {
    background: url(../images/bg_s.webp) no-repeat center top;
    background-size: 100%;
    background-position-y: 0%;
  }
  .menu_r {
    display: none;
  }
  /*///////////// 各專案 /////////////*/
  /* #BG */
  #section2 {
    background: url(../images/bg_p2_s.webp) no-repeat center 5%;
    background-size: 100% auto;
  }
  #section3 {
    background: url(../images/bg_p3_s.webp) no-repeat center 20%;
    background-size: 100% auto;
  }
  #section5 {
    margin-top: 0;
  }
  #section6 {
    background-size: 160%;
    background-position-y: 75%;
  }

  #section4 .content,
  #section5 .content {
    height: 100%;
  }

  /* 主題 */
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    width: 450px;
  }
  #section5 img.title {
    position: relative;
    right: 0;
    margin: auto;
    margin-bottom: 0;
  }

  /*///////////// 00_cover首頁 /////////////*/
  #cover {
    background: url(../images/p0_ch_s.webp) no-repeat center top;
    background-size: 100% auto;
    background-position-y: 0%;
    background-position-x: 100%;
    margin-top: 55px;
  }
  /*前景-雲*/
  /* .cloud_s {
    top: 25%;
  } */

  .ch_l {
    display: none;
  }
  .slogan_block {
    margin-top: 25rem !important;
  }
  .slogan1,
  .slogan2 {
    display: block;
  }
  .slogan2 {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .slogan1 img,
  .slogan3 img {
    width: 80%;
  }

  /*/////////////01_section /////////////*/
  #section1 .p1_box {
    width: 70%;
    flex-direction: column;
  }
  .p1_l,
  .p1_r {
    width: 100%;
  }
  /* 隱藏：上框/底框*/
  .p1_l .form_t,
  .p1_l .form_b,
  .p1_r .form_t,
  #gift_t .form_b {
    display: none;
  }
  /* 顯示：MB上框*/
  .p1_l .form_t.mb {
    display: block;
  }
  /* 顯示：分隔線*/
  .form_hr {
    display: block;
  }
  .form_hr img {
    max-width: 100% !important;
  }
  .form_m img.p1_gift {
    width: 100% !important;
    display: inline;
    max-width: 200px;
    margin: auto;
  }

  /* 區塊：左*/
  .p1_l {
    padding-bottom: 0;
  }
  .p1_l .row {
    margin-top: calc(var(--bs-gutter-y) * -0.5);
  }
  .p1_l .form_m {
    height: 500px;
  }
  .p1_l .row {
    margin-top: 0.5rem;
    justify-content: center;
  }

  .p1_l .col-lg-5 {
    padding: 0;
    width: 27%;
    margin-right: 7px;
    margin-top: var(--bs-gutter-y);
  }
  .p1_l .col-lg-7 {
    padding: 0;
    width: 70%;
  }

  /* 區塊：右*/
  .p1_r {
    padding-top: 0;
  }

  .p1_r h2 {
    margin-top: 2rem;
  }
  /*顯示：標題 裝飾*/
  .p1_box h2 img {
    display: inline-block;
    max-width: 55px !important;
  }

  .p1_r .form_m {
    height: auto;
  }
  .p1_r .block {
    flex-direction: column;
    padding: 0.5rem 1.5rem;
  }
  .p1_r #gift_t img.p1_gift {
    margin-top: 5px !important;
  }
  .p1_r .block:last-child {
    flex-direction: row;
  }
  .p1_r a img {
    max-width: 200px;
    margin: 0 !important;
  }

  /*/////////////02_section /////////////*/
  #section2 .content {
    flex-direction: column;
    align-items: center;
  }
  .p2_l,
  .p2_r {
    max-width: 650px;
    padding: 0 1rem;
  }
  /*副標*/
  .p2_l img.title_s,
  .p2_r img.title_s {
    width: 100%;
    max-width: 300px;
  }
  /*區塊：左*/
  .p2_l {
    margin-bottom: 3rem;
  }
  .p2_l .jgg_get {
    width: 100%;
    height: 95px;
    padding: 0 5rem;
  }
  .p2_l .jgg_get span {
    font-size: 1.4rem;
  }

  /*區塊：右*/
  .p2_r {
    margin-top: 2rem;
  }
  .p2_r .con_b {
    margin-top: 1rem;
  }

  .p2_r .link_cp span {
    width: 85%;
    margin-bottom: 1.5rem;
  }

  /*/////////////03_section /////////////*/
  #section3 .content {
    flex-direction: column;
    padding-left: 0;
  }
  #section3 .p3_l {
    width: 100%;
  }
  #section3 .p3_l ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 1rem !important;
  }
  .p3_r .form_m {
    min-height: auto;
  }

  /*/////////////04_section /////////////*/
  #section4 .mb {
    margin-bottom: 5vh;
  }

  /*/////////////06_section /////////////*/
  #section6 .content {
    font-size: 0.9rem;
    line-height: 2.5rem;
  }
  #section6 .fade {
    height: 20%;
    top: -8%;
    opacity: 0.5;
  }
}

@media screen and (max-width: 912px) {
  /* 回到頂部 */
  .bnt_top {
    right: 3.5vh;
  }
  /*/////////////#cover 首頁 /////////////*/
  /* .slogan_block {
    margin-top: 23rem !important;
  } */

  /*/////////////02_section /////////////*/

  /*/////////////03_section /////////////*/
  .p3_r .form_m .li .link .join {
    display: none;
  }
  .p3_r .form_m .li .link .btn_info {
    display: none;
  }
}

@media screen and (max-width: 821px) {
  /*/////////////01_section /////////////*/
  .p1_box h2 {
    font-size: 2rem !important;
  }

  /*/////////////03_section /////////////*/
  .p3_r .form_m .li .name {
    width: 50%;
  }
  .p3_r .form_m .li .link {
    width: 25%;
  }
}

@media screen and (max-width: 769px) {
  /* 回到頂部 */
  .bnt_top {
    bottom: 18vh;
    right: 1.5vh;
  }
  .wrapper {
    background: url(../images/bg_xs.webp) no-repeat center top;
    background-size: 100% auto;
  }
  /* #BG */
  #section2 {
    background: url(../images/bg_p2_xs.webp) no-repeat center top;
    background-size: 140% auto;
  }
  #section4 {
    background: url(../images/bg_p4.webp) no-repeat center 50%;
    background-size: 140% auto;
  }
  #section6 {
    background: url(../images/bg_p6_s.webp) no-repeat center top;
    background-size: 150%;
    background-position-y: 55%;
  }

  /* 主題 */
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    margin-top: 1rem;
  }

  /*///////////// 00_cover首頁 /////////////*/
  /*前景-雲*/
  .cloud_s {
    top: 18%;
  }

  /*上市日期*/
  .date {
    top: 8vh;
  }
  /* .slogan_block {
    margin-top: 20rem !important;
  } */
  .slogan1 {
    margin-bottom: 0rem;
    margin-top: -1rem;
  }
  /* BTN：影片按鈕 */
  .btn_video {
    width: 16%;
  }

  /*/////////////01_section /////////////*/
  #section1 {
    margin-top: 0;
  }
  #section1 .p1_box {
    width: 100%;
  }
  .p1_box h2 {
    font-size: 2.2rem !important;
  }

  /*/////////////02_section /////////////*/
  #section2 p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .p2_l ul {
    padding: 0 1.5rem !important;
  }

  /*///////////// 03_section /////////////*/

  #section3 .sec_txt {
    padding: 0 3.5rem;
  }
  #section3 .p3_l {
    width: 90%;
    margin: auto;
  }
  #section3 .p3_r {
    width: 90%;
  }
  .p3_r .form_t,
  .p3_r .form_m,
  .p3_r .form_b {
    width: 90%;
  }

  .p3_r .form_m .li {
    font-size: 1rem;
  }
  .p3_r .form_m .li .name,
  .p3_r .form_m .li .num {
    line-height: 24px;
  }

  .p3_r .form_m .li .link {
    width: 40%;
  }
  #section4 {
    min-height: 60vh;
  }
  #section5 {
    margin-top: -5vh;
  }

  /*///////////// 06_section /////////////*/
  #section6 .fade {
    height: 25%;
    top: -15%;
    opacity: 1;
  }
  #section6 .content {
    width: 80%;
    left: 0;
  }
}

@media screen and (max-width: 640px) {
  /*///////////// 主題 /////////////*/
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    width: 100%;
    max-width: 430px;
  }

  /*///////////// 00_cover首頁 /////////////*/
  /*上市日期*/
  .date {
    max-width: 135px;
  }
  /*前景-雲*/
  .cloud_s {
    top: 70%;
  }
  .slogan_block {
    margin-top: 15rem !important;
  }

  /*///////////// 01_section /////////////*/
  .gamer_num {
    margin: 0rem auto auto auto;
  }
  #section1 .content {
    padding-top: 0vh;
  }
  .p1_l .col-lg-5 {
    width: 65px;
  }
  .p1_l .col-lg-7 {
    width: 75%;
  }
  .p1_l .col-lg-5 select {
    padding: 0.375rem 1.6rem 0.375rem 0.375rem;
    background-size: 10px 10px;
  }
  .p1_r .block {
    width: 90%;
  }
  img.p1_gift {
    margin-top: 0.5rem !important;
  }

  /*///////////// 02_section /////////////*/
  #section2 .p2_l .jgg_get {
    width: 90%;
    margin: 0 0rem 0 2rem;
  }
  .p2_r {
    padding: 0 5%;
  }
  .p2_r p br {
    display: none;
  }
  .p2_r .link_cp img {
    margin-top: 0.5rem;
  }

  /*///////////// 03_section /////////////*/
  .p3_r form .icon {
    right: 45px;
  }

  /* BTN：軍團資訊隱藏 */
  .p3_r .form_m .li .name {
    width: 55%;
  }
  .p3_r .form_m .li .link {
    width: 23%;
    justify-content: flex-end;
  }

  /* BTN：頁數 */
  #section3 .page ul li {
    width: 30px;
  }
  #section3 .page ul li a {
    width: 33px;
  }

  /*///////////// 06_section /////////////*/
  #section6 {
    background-size: 160%;
    background-position-y: 58%;
  }

  #section6 .content {
    line-height: 2rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 541px) {
  /* .wrapper {
    background-size: 130%;
  } */
  /*///////////// 各專案 /////////////*/
  /*///////////// 主題 /////////////*/
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    width: 100%;
    max-width: 330px;
  }

  /*///////////// 00_cover首頁 /////////////*/
  /*上市日期*/
  .date {
    max-width: 100px;
  }
  .slogan_block {
    padding-bottom: 0;
    margin-top: 16rem !important;
    z-index: 0;
  }
  /* BTN：影片按鈕 */
  .btn_video {
    width: 23%;
  }

  /*/////////////01_section /////////////*/
  .gamer_num {
    width: 100%;
    max-width: 400px;
    height: 150px;
    padding-left: 0;
    padding-top: 1rem;
    /* margin-top: 1rem; */
    /* margin-left: 1rem;*/
  }
  .gamer_num h5 {
    font-size: 1rem;
    padding-top: 0;
  }
  .gamer_num h1 {
    font-size: 3rem;
  }
  img.p1_gift {
    padding: 0rem;
    width: 100%;
  }
  .form_m {
    font-size: 1rem;
  }
  .p1_box .form_bottom {
    margin-top: -1px;
  }
  .p1_box h2 {
    font-size: 2rem !important;
  }
  .p1_box h2 img {
    max-width: 45px !important;
  }
  .p1_r .block {
    padding: 0.5rem 0rem;
  }

  /*/////////////02_section /////////////*/

  .p2_l ul {
    padding: 0rem !important;
  }
  .p2_l .jgg_get {
    height: 65px;
    padding: 0 1rem 0 2.5rem;
  }
  .p2_l .jgg_get span {
    font-size: 1.25rem;
  }

  .sec_txt,
  .p2_r p,
  .p2_r .link_cp span {
    font-size: 1rem;
  }
  .p2_r {
    padding: 0 2rem;
  }
  .p2_r p {
    margin-bottom: 0;
  }
  .p2_r .link_cp {
    flex-direction: column;
    align-items: center;
    align-content: center;
  }
  .p2_r .link_cp span {
    width: 100%;
    margin-top: 0.5rem;
  }
  .p2_r .link_cp a {
    width: 40%;
  }

  /*section2：BG*/
  #section2 {
    background: url(../images/bg_p2_xxs.webp) no-repeat center top;
    background-size: 110% 100%;
    margin-bottom: 0;
  }

  /*/////////////03_section /////////////*/
  #section3 {
    background: url(../images/bg_p3_xs.webp) no-repeat center top;
    background-size: 120% 100%;
    margin-bottom: 0;
  }

  #section3 .sec_txt {
    width: 85%;
    padding: 0;
    margin: auto;
    margin-bottom: 1rem;
  }
  #section3 .p3_l ul,
  #section3 .p3_r {
    padding: 0 0rem !important;
  }
  #section3 .p3_l ul {
    flex-wrap: wrap;
  }
  #section3 .p3_l ul li {
    width: 100%;
  }
  .p3_r .form_m {
    width: 95%;
    padding: 1rem;
  }
  .p3_r .form_m .li {
    padding: 0rem;
    margin-bottom: 1rem;
    font-size: 14px;
  }
  #section4 {
    min-height: 40vh;
  }
  #section5 {
    min-height: 50vh;
    margin-top: 0;
  }

  /*/////////////06_section /////////////*/
  #section6 {
    min-height: 70vh;
  }

  /*底部選單:顯示*/
  .pop_store_b,
  .pop_store_c {
    display: flex;
  }
}

@media screen and (max-width: 481px) {
  .wrapper {
    background-size: 180% auto;
  }
  /*前景-雲*/
  .cloud_s {
    top: 65%;
  }
  /*///////////// 00_cover首頁 /////////////*/
  #cover {
    background: url(../images/p0_ch_xs.webp) no-repeat center top;
    background-size: 100% auto;
    /* background-position-y: -35%; */
  }

  .slogan_block {
    margin-top: 38.5vh !important;
  }
  /* BTN：影片按鈕 */
  .btn_video {
    width: 35%;
  }
  .slogan1 {
    width: 95%;
    margin-bottom: 0;
  }
  .slogan1 img {
    width: 100%;
  }
  .slogan3 a {
    max-width: 350px;
  }

  /* IMG：更多好禮 */
  img.more {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }

  /*/////////////01_section /////////////*/
  .p1_l .form_m {
    height: 480px;
  }
  .p1_r .form_m {
    height: 450px;
  }

  /*/////////////03_section /////////////*/

  .p3_r form .icon {
    right: 25px;
  }

  #section3 .page {
    padding: 0;
  }
  #section5 {
    min-height: 40vh;
  }

  /*/////////////06_section /////////////*/
  #section6 {
    margin-top: 0vh;
    background-size: 260%;
    background-position-y: 65%;
    /* min-height: 75vh; */
    margin-bottom: 0;
  }
}

@media screen and (max-width: 428px) {
  /*///////////// 00_cover首頁 /////////////*/
  #cover {
    /* background-position-y: -25%; */
  }

  /*/////////////01_section /////////////*/
  .gamer_num h5,
  .gamer_num h1 {
    width: 330px;
  }
  .gamer_num h5 {
    font-size: 0.9rem;
  }
  .gamer_num h1 {
    font-size: 2.5rem;
  }
  .p1_box h2 {
    font-size: 1.7rem !important;
  }
  .p1_box h2 img {
    max-width: 40px !important;
    margin: -3px;
  }
  .p1_l .col-lg-7 {
    width: 65%;
  }
  .p1_r .block a {
    padding: 0.375rem 0.15rem;
  }
  .form_m img.p1_gift {
    max-width: 180px;
    margin-top: 0.5rem !important;
  }
  .p1_r .form_m {
    height: 420px;
  }

  /*///////////// section主題 /////////////*/
  #section2 img.title,
  #section3 img.title,
  #section4 img.title,
  #section5 img.title,
  #section6 img.title {
    margin-top: 0rem;
  }
  #section3 .page ul li {
    width: 25px;
  }

  /*/////////////06_section /////////////*/

  #section6 .content {
    width: 80%;
    line-height: 28px;
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 380px) {
  /*///////////// 00_cover首頁 /////////////*/
  #cover {
    /* background-position-y: -10%; */
    background: url(../images/p0_ch_xxs.webp) no-repeat center top;
    background-size: 100% auto;
  }
  /* BTN：影片按鈕 */
  .btn_video {
    width: 30%;
  }
  .slogan2 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .slogan3 a {
    max-width: 300px;
  }
  /* IMG：更多好禮 */
  img.more {
    margin-top: 1.2rem;
  }

  /*/////////////01_section /////////////*/
  .gamer_num h5 {
    margin-top: -1rem;
  }
  .p1_r .form_m {
    height: 400px;
  }
}

@media screen and (max-width: 365px) {
  /* BTN：影片按鈕 */
  .btn_video {
    right: inherit;
    top: 0;
  }
}

@media screen and (max-width: 300px) {
  /* BTN：影片按鈕 */
  .btn_video {
    right: inherit;
    top: 0;
  }
}

/* ---------------------------------------------- 10/7 行銷修改 ---------------------------------------------- */

/* 立即預約上面的副標 */
.txt_go {
  font-size: 1.5rem;
  margin-right: 5rem;
  filter: drop-shadow(0px 3px 3px #351d0a) drop-shadow(0px 3px 3px #351d0ad8);
}

.txt_num {
  height: auto;
  margin: 5px;
  background-color: #0000007e;
  width: 2.6rem;
  border-radius: 5px;
}

/* 立即預約按鈕 */
.btn_l {
  margin-top: -3rem;
  margin-left: 3rem;
}

/* 立即預約按鈕的手指 */
.slogan3::before {
  content: '';
  position: absolute;
  right: 42%;
  bottom: 25%;
  width: 80px;
  height: 80px;
  background: url(../images/p0_btn_go_hand.webp) center center;
  z-index: 1;
  animation: sloganhand 1s infinite alternate;
}
@keyframes sloganhand {
  from {
    filter: brightness(100%);
    transform: scale(1);
  }
  to {
    filter: brightness(130%);
    transform: scale(1.1);
  }
}
.slogan3::before {
  content: '';
  position: absolute;
  right: 550px;
  bottom: 150px;
  width: 80px;
  height: 80px;
  background: url(../images/p0_btn_go_hand.webp) center center;
  z-index: 1;
  animation: sloganhand 1s infinite alternate;
}

.form_m h2 {
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

p.sec_txt_2 {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.form_m img.p1_gift {
  width: 100% !important;
  display: inline;
  max-width: 140px;
  margin: auto;
}

.form_m .small_box_2 img.p1_gift:nth-child(1),
.form_m .small_box_2 img.p1_gift:nth-child(2) {
  max-width: 160px;
}

/* 第一格 */
.small_box {
  width: 85%;
  margin: auto;
}
.small_box_2 {
  display: flex;
}
.form_m .small_box_2 img.p1_gift:nth-child(1) {
  padding-right: 0.5rem;
}
.form_m .small_box_2 img.p1_gift:nth-child(2) {
  padding-left: 0.5rem;
}

/* 第二格 */
.small_box2 {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-evenly;
  width: 85%;
  margin: auto;
  padding-bottom: 0.5rem;
}

.p1_r .block {
  flex-direction: column !important;
  padding: 0rem 0 0 0;
}

@media screen and (max-width: 1351px) {
  /* 第一格 */
  .p1_l img.p1_gift {
    max-width: 180px;
    margin-top: 0rem;
  }

  /* 立即預約按鈕 */
  .btn_l {
    margin-top: -2.2rem;
    margin-left: 3rem;
  }
  .txt_go {
    font-size: 1.3rem;
    margin-right: 3.5rem;
  }
  .txt_num {
    height: auto;
    margin: 2px;
    background-color: #0000007e;
    width: 2rem;
    border-radius: 5px;
  }
  .slogan3::before {
    bottom: 130px;
  }
}

@media screen and (max-width: 1201px) {
  .slogan3::before {
    right: 455px;
    bottom: 105px;
  }
}

@media screen and (max-width: 1081px) {
  .slogan3::before {
    bottom: 80px;
  }
}

@media screen and (max-width: 992px) {
  .slogan3::before {
    right: 45%;
  }
}

@media screen and (max-width: 541px) {
  .slogan3::before {
    bottom: 20%;
    right: 42%;
  }
}

@media screen and (max-width: 481px) {
  .slogan3::before {
    bottom: 33%;
  }
}

@media screen and (max-width: 992px) {
  /* 第二格 */
  .p1_r h2 {
    margin-top: 0.5rem;
  }
  .form_m img.p1_gift {
    width: 100% !important;
    display: inline;
    max-width: 200px;
    margin: auto;
  }
}

@media screen and (max-width: 640px) {
  /* 第一格 */
  .p1_l .col-lg-7 {
    width: 58%;
  }
  .p1_l .row {
    margin-top: 0.5rem;
    /* justify-content: end; */
  }

  /* 第二格 */
  .form_m img.p1_gift {
    width: 100% !important;
    display: inline;
    max-width: 120px;
    margin: auto;
  }
}

@media screen and (max-width: 481px) {
  .slogan_block {
    margin-top: 70% !important;
  }
  .txt_go {
    font-size: 1.2rem;
    margin-right: 5.5rem;
  }

  .txt_num {
    margin: 3px;
    width: 1.9rem;
  }

  .btn_l {
    margin-top: -2.2rem;
    margin-left: 0rem;
  }

  /* 第一格 */
  .slogan3 a {
    max-width: 420px;
  }

  .small_box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 85%;
    padding-bottom: 1rem;
    margin: auto;
  }

  .small_box_1 {
    width: 70%;
  }
  .small_box_2 {
    width: 30%;
    flex-direction: column;
  }

  .form_m .small_box_2 img.p1_gift:nth-child(1) {
    padding-right: 0.5rem;
  }
  .form_m .small_box_2 img.p1_gift:nth-child(2) {
    padding-left: 0rem;
    padding-right: 0.5rem;
  }

  .p1_l .form_m {
    height: auto;
  }

  .form_m .small_box_1 .btn_m {
    width: 100%;
    max-width: 170px;
    margin: auto;
    /* margin-bottom: 1rem; */
    height: auto;
  }

  .form_m .small_box_2 img.p1_gift {
    max-width: 90px;
    max-width: 90%;
    margin-top: 0.5rem !important;
    /* margin-right: 2rem; */
  }

  /* 第二格 */
  .p1_r .form_m {
    height: auto;
  }
}