@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700;900&display=swap");
@import url("https://ids.iwplay.com.tw/includ/footer/footer.css");
*,
*:after,
*:before {
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
}

.modal-open {
  padding-right: 0px !important;
  overflow: hidden !important;
}

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

.btn {
  border-radius: 0rem !important;
}

.display_none {
  display: none !important;
}

.img_yao {
  width: 100%;
  height: 100%;
}

body {
  background: #1b0909;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
     彈窗 自訂意拉霸顏色
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.scroll_box_cost::-webkit-scrollbar {
  border-radius: 0rem;
  width: 5px;
  height: 5px;
  background: #312d26;
  border-color: #19191900;
}

.scroll_box_cost::-webkit-scrollbar-track {
  border-radius: 0rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: #312d26;
  border-color: #19191900;
}

.scroll_box_cost::-webkit-scrollbar-thumb {
  border-radius: 0rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: #ab1b23;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       隱私權_彈窗
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.privacy_pop .modal-dialog {
  max-width: 7rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background-color: rgba(255, 0, 255, 0);
  /*顏色標記*/
}

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

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

/*--資訊區域--*/
.privacy_pop .pop_main_content_1 {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 98%;
  top: 0%;
  left: 0%;
  z-index: 70;
  background: url("../images/pop/privacy_pop_bg_pc.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: rgba(103, 150, 238, 0);
  /*顏色標記*/
}

@media (max-width: 1440px) {
  /*.privacy_pop .modal-dialog {
        max-width: 600px;
    }*/
}

@media (max-width: 1100px) {
  /*.privacy_pop .modal-dialog {
        max-width: 550px;
    }*/
}

@media (max-width: 767px) {
  /*.privacy_pop .pop_main_content_1 {
        width: 98%;
        left: 0%;
        padding-bottom: 136%;
        background: url("../images/pop/privacy_pop_bg_sp.webp");
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .privacy_pop .modal-dialog .modal-content.popup .modal-body {
        padding-bottom: 128%;
    }*/
}

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

.privacy_pop .pop_main_content_1 .main_box {
  width: 81%;
  height: auto;
  z-index: 63;
  background-color: rgba(23, 199, 175, 0);
  /*顏色標記*/
}

.privacy_pop .pop_main_content_1 .main_box .events_notice_word {
  position: absolute;
  width: 5.7rem;
  height: 3.3rem;
  padding-bottom: 0%;
  top: 32%;
  left: 11.5%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 65;
  background-color: rgba(146, 199, 23, 0);
  /*顏色標記*/
}

.privacy_pop .pop_main_content_1 .main_box .events_notice_word ol {
  width: 98%;
  height: auto;
  list-style-position: outside;
  list-style-type: decimal !important;
}

.privacy_pop .pop_main_content_1 .main_box .events_notice_word ol li {
  font-size: 0.2rem;
  line-height: 144%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 400;
  margin-top: 4%;
}

.privacy_pop .pop_main_content_1 .main_box .events_notice_word .title_mark {
  color: #ff0000;
  font-weight: 900;
}

.privacy_pop .close_pop_btn {
  position: absolute;
  width: 62%;
  height: auto;
  padding-bottom: 11%;
  top: 101.5%;
  left: 19%;
  z-index: 65;
  cursor: pointer;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/pop/colse_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.privacy_pop .close_pop_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/pop/colse_oon.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (max-width: 1920px) {
  /*.privacy_pop .modal-dialog {
        max-width: 600px;
    }*/
}

@media (max-width: 1470px) {
  /*.privacy_pop .modal-dialog {
        max-width: 520px;
    }

    .privacy_pop .pop_main_content_1 .main_box .events_notice_word ol li {
        font-size: 14px;
    }*/
}

@media (max-width: 1100px) {
  /*.privacy_pop .pop_main_content_1 .main_box .events_notice_word {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
    }*/

  /*.privacy_pop .pop_main_content_1 .main_box .events_notice_word ol li {
        font-size: 16px;
    }*/
}

@media (max-width: 767px) {
  /*.privacy_pop .pop_main_content_1 .main_box {
        width: 81%;
        padding-bottom: 102%;
        top: 49%;
    }

    .privacy_pop .pop_main_content_1 .main_box .events_notice_word {
        width: 100%;
        height: 99%;
        top: 0%;
        left: 0%;
    }

    .privacy_pop .pop_main_content_1 .main_box .events_notice_word p {
        font-size: 4.2vw;
    }*/
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       預約談窗_台灣_電話號碼
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
/*--輸入區--*/
.pop_cont_yy .user_info_box {
  width: 78%;
  height: auto;
  margin: 0 auto;
  padding: 1.2%;
  margin-bottom: 1.8%;
  z-index: 70;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #191919;
}
.pop_cont_yy .user_info_box:first-child {
  margin-top: 35%;
}
/*--地區確認--*/
.pop_cont_yy .user_info_box .phone_box {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background-color: rgba(8, 177, 163, 0);
  /*顏色標記*/
  font-size: 1vw;
}

.pop_cont_yy .user_info_box .gpn-custom-select {
  width: 34%;
  height: auto;
  display: inline-block;
  border: 0px solid rgba(0, 0, 0, 0);
  border-right: 1px solid #e6c18c;
  border-radius: 0px;
  margin: 0% auto;
  padding: 0.5% 4% 0.5% 1%;
  height: auto;
  color: #ffffff;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;

  text-align: center;
  text-align-last: center;
  /*ios safari 用*/

  font-size: 1vw;
  /*letter-spacing: .5px;*/
  transition: 0.5s;
  background-color: #191919;
  vertical-align: middle;
  /*箭頭消失*/
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("https://images4.iwplay.com.tw/image/nte/events/240715/images/select.png");
  background-repeat: no-repeat;
  background-position-x: 89%;
  background-position-y: 50%;
  background-size: 12%;
}
.pop_cont_yy .user_info_box .yyFormRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1vw;
}
.pop_cont_yy .user_info_box .yyFormRow .form-control {
  width: 60%;
  height: auto;
  background: rgba(255, 255, 255, 0);
  display: inline-block;
  border: 0px solid #a391;
  border-radius: 0px;
  margin: 0% auto;
  margin-left: 2%;
  padding: 1.2%;
  color: #e6c18c;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
  text-align-last: center;
  font-size: 1vw;
  letter-spacing: 0.5px;
  /* transition: .5s; */
  vertical-align: middle;
  line-height: 0;
}
.pop_cont_yy .user_info_box .yyFormRow .getNumerus,
.pop_cont_yy .user_info_box .yyFormRow .getTelCode {
  margin: 0;
  width: 40%;
  text-align: center;
  border-radius: 10rem;
  background: #fff;
}
.pop_cont_yy .user_info_box .yyFormRow .getNumerus img {
  width: auto;
  height: 2vw;
}
.pop_cont_yy .user_info_box .yyFormRow .getTelCode {
  font-size: 1vw;
  letter-spacing: 0.03rem;
  width: 40%;
  padding: 1.2%;
  background: #e7c18b;
  color: #141414;
  border-radius: 10rem;
  text-align: center;
}

.pop_cont_yy .user_info_box .gpn-custom-select:focus {
  outline: none;
  box-shadow: none;
}

.pop_cont_yy .user_info_box .form-check-frame_inner {
  width: 18px;
  height: 18px;
}

.pop_cont_yy .user_info_box .form-check-label {
  margin: 0 auto;
  color: #fff;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-align: justify;
  cursor: pointer;
}

/*--號碼輸入框--*/
.pop_cont_yy .user_info_box .gpn-form-control {
  width: 59%;
  height: auto;
  /* top: 6%;
  left: 38%; */
  background: rgba(255, 255, 255, 0);
  display: inline-block;
  border: 0px solid #a391;
  border-radius: 0px;
  margin: 0% auto;
  margin-left: 2%;
  padding: 1.2%;
  color: #e6c18c;
  /*已輸入顏色*/
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;

  text-align: center;
  text-align-last: center;
  /*ios safari 用*/

  font-size: 1vw;
  letter-spacing: 0.5px;
  /*transition: .5s;*/
  vertical-align: middle;
  line-height: 0;
}

/*未輸入顏色*/
.pop_cont_yy .user_info_box .gpn-form-control::placeholder {
  color: #e6c18c;
}

.pop_cont_yy .user_info_box .gpn-form-control:focus {
  outline: none;
  box-shadow: none;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       預約談窗_平台選擇
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.pop_cont_yy .tool_box {
  width: 80%;
  height: auto;
  margin-left: 10%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  z-index: 65;
  background-color: #ff000000;
  /*顏色標記*/
}

.pop_cont_yy .tool_box .t_btn_ios {
  width: 40%;
  height: auto;
  padding-bottom: 9%;
  /* top: 5%;
  left: 7%; */
  z-index: 65;
  cursor: pointer;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_ios_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 0.5rem;
  margin-right: 3%;
}

.pop_cont_yy .tool_box .t_btn_ios.on {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_ios_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_android {
  width: 40%;
  height: auto;
  padding-bottom: 9%;
  /* top: 5%;
  left: 52%; */
  z-index: 65;
  cursor: pointer;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_Android_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_android.on {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_Android_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_pc {
  width: 40%;
  height: auto;
  padding-bottom: 9%;
  /* top: 54%;
  left: 7%; */
  z-index: 65;
  cursor: pointer;
  margin-left: 0.5rem;
  margin-right: 3%;
  margin-top: 1%;
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_pc_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_pc.on {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_pc_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_ps {
  width: 40%;
  height: auto;
  padding-bottom: 9%;
  /* top: 54%;
  left: 52%; */
  z-index: 65;
  cursor: pointer;
  margin-top: 1%;
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_ps_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.pop_cont_yy .tool_box .t_btn_ps.on {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/btn_ps_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       完成預約談窗_SNS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.follow_us_tw {
  position: absolute;
  width: 80%;
  height: auto;
  padding-bottom: 0%;
  top: 5.5rem;
  left: 10%;
  z-index: 65;
  background-color: #ff000000;
  /*顏色標記*/

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

.follow_us_tw .fb_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/fb_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
}

.follow_us_tw .fb_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/fb_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}
.follow_us_tw .Discord_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/discord_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
}

.follow_us_tw .Discord_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/discord_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.follow_us_tw .X_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/X_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
}

.follow_us_tw .X_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/X_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.follow_us_tw .YouTube_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/YT_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
}

.follow_us_tw .YouTube_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/YT_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.follow_us_tw .ig_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/ig_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
}

.follow_us_tw .ig_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/ig_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.follow_us_tw .Tap_btn {
  width: 10%;
  height: auto;
  padding-bottom: 10%;

  margin-left: 2%;
  margin-right: 2%;

  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/tap_off.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: none;
}

.follow_us_tw .Tap_btn:hover {
  background-image: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/sns/tap_on.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
       TW_footer
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.u_arrow {
  position: fixed;
  width: 1.2%;
  height: auto;
  padding-bottom: 0%;
  right: 4%;
  bottom: 0.3rem;
  z-index: 65;
  background-color: #2b2b2b00;
  /*顏色標記*/
  cursor: pointer;
  font-size: 0rem;
  line-height: 0;
}

.u_arrow.on {
  bottom: 1.4rem;
}

.tw_footer_box {
  position: fixed;
  width: 100%;
  height: auto;
  padding-bottom: 0%;
  bottom: 0%;
  left: 0%;
  z-index: 65;
  background: rgb(0, 0, 0);
  /*顏色標記*/
  display: none;
}

.tw_footer_box.on {
  display: block;
}
footer {
  font-size: 0.15rem;
  text-align: center;
  letter-spacing: 0.2px;
  line-height: normal;
  padding: 15px 0;
}
footer ul {
  font-size: 0.13rem;
}
footer .container {
  margin-bottom: 15px;
}
footer .company {
  margin-right: 8px;
}
@media (max-width: 1920px) {
  .tw_footer_box .center {
    width: 63%;
    padding-bottom: 5.5%;
  }
  footer .container {
    margin-bottom: 15px;
  }
}

@media (max-width: 1470px) {
  footer .container {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  footer .copyright,
  footer .company,
  footer p,
  footer .grading {
    display: inline-block;
    margin: 0;
  }
}
@media (orientation: landscape) and (max-width: 1200px) {
  .u_arrow {
    width: 2%;
    right: 9%;
    bottom: 5%;
  }
  footer .copyright,
  footer .company,
  footer p,
  footer .grading {
    display: inline-block;
    margin: 0;
  }
  footer {
    padding: 8px;
  }
  footer .container {
    margin-bottom: 8px;
  }
  footer img {
    height: 26px;
  }
  footer p {
    text-align: left;
    font-size: 0.25rem;
  }
  footer ul {
    font-size: 0.2rem;
  }
}
@media (max-width: 947px) {
  footer .copyright,
  footer .company,
  footer p,
  footer .grading {
    display: inline-block;
    margin: 0;
  }
  footer {
    padding: 8px;
  }
  footer .container {
    margin-bottom: 8px;
  }
  footer img {
    height: 26px;
  }
  footer p {
    text-align: left;
    font-size: 0.25rem;
  }
  footer ul {
    font-size: 0.2rem;
  }
}
@media (max-width: 860px) {
  footer .copyright,
  footer .company,
  footer p,
  footer .grading {
    display: inline-block;
    margin: 0;
  }
  footer {
    padding: 6px;
  }
  footer .container {
    margin-bottom: 6px;
  }
  footer img {
    height: 22px;
  }
  footer p {
    text-align: left;
    font-size: 0.26rem;
    margin: 0 0.15rem;
  }
  footer ul {
    font-size: 0.19rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
            footer_內容
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.tw_footer_box .center {
  position: relative;
  width: 50%;
  height: auto;
  padding-bottom: 4.5%;
  margin: 0 auto;
  background-color: #ab1b2200;
  /*顏色標記*/
}

.com_logo {
  position: absolute;
  width: 31%;
  height: auto;
  padding-bottom: 7%;
  top: 10%;
  left: 20%;
  z-index: 65;
  background-color: #e6c18c00;
  /*顏色標記*/
}

.com_logo .c_logo_1 {
  position: absolute;
  width: 1.4rem;
  height: auto;
  padding-bottom: 13.5%;
  top: 26%;
  left: 9%;
  z-index: 65;
  background-color: #8ce69400;

  background-image: url(https://ids.iwplay.com.tw/includ/footer/hotta_b.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.com_logo .c_logo_2 {
  position: absolute;
  width: 1.4rem;
  height: auto;
  padding-bottom: 13.5%;
  top: 26%;
  left: 60%;
  z-index: 65;
  background-color: #8ce69400;

  background-image: url(https://ids.iwplay.com.tw/includ/footer/iwplay_world_b.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

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

@media (max-width: 1470px) {
  .com_logo {
    left: 18%;
  }
}

/* .copyright {
  position: absolute;
  width: 5rem;
  height: auto;
  padding-bottom: 7%;
  top: 14%;
  left: 53%;
  z-index: 65;
  background-color: #8ce69400;
} */

.copyright .copy_word_3 {
  position: absolute;
  width: 70%;
  height: auto;
  padding-bottom: 0%;
  top: 20%;
  left: 2%;
  z-index: 65;

  font-family: "Noto Sans TC", sans-serif;
  font-size: 0.13rem;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 500;
  margin-top: 0.5%;
  text-align: left;
}

.copyright .copy_word_3 a {
  text-decoration: none;
  color: #ffffff;
  transition: 0.3s ease;
}

.copyright .copy_word_3 a:hover {
  color: #e51737;
  transition: 0.3s ease;
}

.copyright .copy_word_1 {
  position: absolute;
  width: 70%;
  height: auto;
  padding-bottom: 0%;
  top: 46.5%;
  left: 2%;
  z-index: 65;

  font-family: "Noto Sans TC", sans-serif;
  font-size: 0.11rem;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 500;
  margin-top: 0.5%;
  text-align: left;
}

.copyright .copy_word_2 {
  position: absolute;
  width: 89%;
  height: auto;
  padding-bottom: 0%;
  top: 63%;
  left: 2%;
  z-index: 65;

  font-family: "Noto Sans TC", sans-serif;
  font-size: 0.11rem;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  color: #ffffff;
  font-weight: 500;
  margin-top: 0.5%;
  text-align: left;
}

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

  .copyright .copy_word_3 {
    font-size: 0.14rem;
  }

  .copyright .copy_word_1 {
    font-size: 0.14rem;
  }
}

@media (max-width: 1470px) {
  .copyright {
    left: 51%;
  }

  .copyright .copy_word_3 {
    top: 13%;
    font-size: 0.18rem;
  }

  .copyright .copy_word_1 {
    font-size: 0.16rem;
  }
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
            倒數計時
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.timebox .codn_nbr_1 {
  font-family: "Noto Sans TC", sans-serif;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 0.4rem;
  color: #c87c08;
  font-weight: 800;
  text-align: center;
}

.timebox .codn_nbr_2 {
  font-family: "Noto Sans TC", sans-serif;
  line-height: 153%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 0.25rem;
  color: #c87c08;
  font-weight: 600;
  text-align: center;
}

.timebox .hr_nbox {
  position: absolute;
  width: 0.6rem;
  height: auto;
  padding-bottom: 0%;
  top: -0.05rem;
  left: 0.2rem;
  z-index: 65;
}

.timebox .hr_wbox {
  position: absolute;
  width: 0.3rem;
  height: auto;
  padding-bottom: 0%;
  top: 0.1rem;
  left: 0.8rem;
  z-index: 65;
}

.timebox .min_nbox {
  position: absolute;
  width: 0.6rem;
  height: auto;
  padding-bottom: 0%;
  top: -0.05rem;
  left: 1.09rem;
  z-index: 65;
}

.timebox .min_wbox {
  position: absolute;
  width: 0.3rem;
  height: auto;
  padding-bottom: 0%;
  top: 0.1rem;
  left: 1.65rem;
  z-index: 65;
}

.timebox .sec_nbox {
  position: absolute;
  width: 0.6rem;
  height: auto;
  padding-bottom: 0%;
  top: -0.05rem;
  left: 1.93rem;
  z-index: 65;
}

.timebox .sec_wbox {
  position: absolute;
  width: 0.3rem;
  height: auto;
  padding-bottom: 0%;
  top: 0.1rem;
  left: 2.5rem;
  z-index: 65;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
    loading tw特調
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.loding {
  transition: all 0.5s;
}

.loding.completed {
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}

/*▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
    三合一選項_tw
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀*/
.tabbox {
  position: absolute;
  left: 0.28rem;
  bottom: 0.2rem;
  position: fixed;
  z-index: 2;
}

.tabbox .tab {
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  cursor: pointer;
  margin: 0 0.17rem 0 0;
}

.tabbox .tab.on {
  background-position: 0 -1.5rem;
}

.tabbox .tab1 {
  background: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/tab1.png)
    no-repeat center top;
  background-size: 100% auto;
}

.tabbox .tab2 {
  background: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/tab2.png)
    no-repeat center top;
  background-size: 100% auto;
}

.tabbox .tab3 {
  background: url(https://images1.iwplay.com.tw/image/nte/events/240715/images/tab3.png)
    no-repeat center top;
  background-size: 100% auto;
}