/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

[data-theme="events"] .loginPageBg {
  background: url("../images/bg-events-login.jpg") bottom center no-repeat;
  background-size: cover;
}

[data-theme="events"] .verify #verify_xbox {
  background: -webkit-gradient(linear, left top, left bottom, from(#eecbc5), to(#f8e1db));
  background: -o-linear-gradient(top, #eecbc5, #f8e1db);
  background: linear-gradient(to bottom, #eecbc5, #f8e1db);
}

[data-theme="events"] .head_banner {
  background: url("../images/bg-events-header.png") no-repeat center;
  background-size: cover;
}

[data-theme="events"] .acc::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#f3bfae), color-stop(50%, #f5cdb8), to(#cb968f));
  background: -o-linear-gradient(top, #f3bfae 0%, #f5cdb8 50%, #cb968f 100%);
  background: linear-gradient(to bottom, #f3bfae 0%, #f5cdb8 50%, #cb968f 100%);
}

[data-theme="events"] .money::after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f6c2ab),
    color-stop(10%, #d0917c),
    color-stop(80%, #f5d7d0),
    color-stop(95%, #e3c3ba)
  );
  background: -o-linear-gradient(left, #f6c2ab 0%, #d0917c 10%, #f5d7d0 80%, #e3c3ba 95%);
  background: linear-gradient(to right, #f6c2ab 0%, #d0917c 10%, #f5d7d0 80%, #e3c3ba 95%);
}

/* --------- 彈窗 ------------ */
[data-theme="events"] .modal_title {
  background: -webkit-gradient(linear, left bottom, left top, from(#e8b5ad), to(#fff5f5));
  background: -o-linear-gradient(bottom, #e8b5ad, #fff5f5);
  background: linear-gradient(to top, #e8b5ad, #fff5f5);
  color: #cd7b7b;
}

[data-theme="events"] .newModal .modal-header {
  background: -webkit-gradient(linear, left bottom, left top, from(#e8b5ad), to(#fff5f5));
  background: -o-linear-gradient(bottom, #e8b5ad, #fff5f5);
  background: linear-gradient(to top, #e8b5ad, #fff5f5);
  color: #cd7b7b;
}

[data-theme="events"] .newModal .btnNormal {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e1b7b7),
    color-stop(9%, #f5d3d3),
    color-stop(24%, #ffdad7),
    color-stop(44%, #fdc3bd),
    color-stop(72%, #f5c3bf),
    color-stop(92%, #e3a7a7),
    to(#b88787)
  );
  background: -o-linear-gradient(
    top,
    #e1b7b7 0%,
    #f5d3d3 9%,
    #ffdad7 24%,
    #fdc3bd 44%,
    #f5c3bf 72%,
    #e3a7a7 92%,
    #b88787 100%
  );
  background: linear-gradient(
    to bottom,
    #e1b7b7 0%,
    #f5d3d3 9%,
    #ffdad7 24%,
    #fdc3bd 44%,
    #f5c3bf 72%,
    #e3a7a7 92%,
    #b88787 100%
  );
  background-repeat: no-repeat;
}

/* --------- 彈窗 END ------------ */

/*交易量明細 titleBg*/
[data-theme="events"] .chart .chart_title {
  padding: 0;
  background: url("../images/market/bg-chat_alliance.png") no-repeat bottom center;
  background-size: cover;
  padding-bottom: 3px;
}

[data-theme="events"] .chart .chart_title .chart_alliance {
  background: -webkit-gradient(linear, left top, right top, from(#b2c9d5), to(#eaf5fb));
  background: -o-linear-gradient(left, #b2c9d5 0%, #eaf5fb 100%);
  background: linear-gradient(to right, #b2c9d5 0%, #eaf5fb 100%);
  padding-left: 40px;
}

[data-theme="events"] .chart .chart_title .game_team {
  padding-left: 40px;
  line-height: 1.6;
}

/* 漢堡 menu list (header.html) -------------------------------*/
.menu_list ul li.events-submenu {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: calc(100% + 25px);
  height: auto;
  background: url("../img/2026fifa_menu_bg.png") no-repeat top right;
  background-size: cover;
  margin-left: -25px;
  padding: 10px 10px 10px 30px;
  display: none;
}

.menu_list ul li.events-submenu.collapse.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu_list ul li.events-submenu > div {
  width: 100%;
  line-height: 1;
  min-height: 50px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.menu_list ul li.events-submenu > div::before {
    content: "";
    min-width: 26px;
    height: 26px;
}

.menu_list ul li.events-submenu > div:nth-child(1)::before {
    background: url("../img/events_menu_icon01.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(2)::before {
    background: url("../img/events_menu_icon02.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(3)::before {
    background: url("../img/events_menu_icon03.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(4)::before {
    background: url("../img/events_menu_icon04.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(5)::before {
    background: url("../img/events_menu_icon05.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(6)::before {
    background: url("../img/events_menu_icon06.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(7)::before {
    background: url("../img/events_menu_icon07.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(8)::before {
    background: url("../img/events_menu_icon08.png?v=20260428163516");
    background-size: contain;
}
.menu_list ul li.events-submenu > div:nth-child(9)::before {
    background: url("../img/events_menu_icon09.png?v=20260428163516");
    background-size: contain;
}

.menu_list ul li.events .events-icon {
  width: 26px;
  height: 26px;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.menu_list ul li.events .events-icon.UEFA {
  background-image: url("../img/icon-logo-min_2024euro.png");
}

.menu_list ul li.events .events-icon.FIFA {
  background-image: url("../img/icon-logo-min_2026fifa.png");
}

.menu_list ul li.events .menu_text {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.menu_list ul li.events .menu_text b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.menu_list ul li .icon-hot {
  display: inline;
  padding: 10px 20px;
  margin-left: 5px;
  background: url("../img/icon/icon-eurotag-hot.png") no-repeat left 0 center;
  background-size: auto 90%;
}

.menu_list ul li .icon-new {
  font-size: 11px;
  color: var(--normal-font-primary-color);
  width: 36px;
  height: 18px;
  border-radius: 10px;
  background: var(--new-icon-before);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  margin-left: 5px;
}

.menu_list ul li .icon-new::before {
  content: "NEW";
}

.menu_list ul li.events[aria-expanded="true"] .menu_arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.events-submenu .icon-beta {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url("../img/icon/icon-beta.png") no-repeat center;
  background-size: contain;
  padding: 0 5px;
  background: -webkit-gradient(linear, left top, right top, from(#efd47e), color-stop(95%, #ffa62f));
  background: -o-linear-gradient(left, #efd47e 0%, #ffa62f 95%);
  background: linear-gradient(to right, #efd47e 0%, #ffa62f 95%);
  color: #fff;
  font-size: 11px;
}

[data-theme="events"] .acc::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#f3bfae), color-stop(50%, #f5cdb8), to(#cb968f));
  background: -o-linear-gradient(top, #f3bfae 0%, #f5cdb8 50%, #cb968f 100%);
  background: linear-gradient(to bottom, #f3bfae 0%, #f5cdb8 50%, #cb968f 100%);
}

[data-theme="events"] .money::after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f6c2ab),
    color-stop(10%, #d0917c),
    color-stop(80%, #f5d7d0),
    color-stop(95%, #e3c3ba)
  );
  background: -o-linear-gradient(left, #f6c2ab 0%, #d0917c 10%, #f5d7d0 80%, #e3c3ba 95%);
  background: linear-gradient(to right, #f6c2ab 0%, #d0917c 10%, #f5d7d0 80%, #e3c3ba 95%);
}

/* 首頁 */
[data-theme="events"] ul.indexNav li > a {
  color: #707070;
}

[data-theme="events"] ul.indexNav li.active > a,
[data-theme="events"] ul.indexNav li.active > a:focus,
[data-theme="events"] ul.indexNav li.active > a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(4%, #e1b7b7),
    color-stop(22%, #f5d3d3),
    color-stop(27%, #ffdad7),
    color-stop(56%, #fdc3bd),
    color-stop(73%, #f5c3bf),
    color-stop(92%, #e3a7a7),
    to(#b88787)
  );
  background: -o-linear-gradient(
    top,
    #e1b7b7 4%,
    #f5d3d3 22%,
    #ffdad7 27%,
    #fdc3bd 56%,
    #f5c3bf 73%,
    #e3a7a7 92%,
    #b88787 100%
  );
  background: linear-gradient(
    to bottom,
    #e1b7b7 4%,
    #f5d3d3 22%,
    #ffdad7 27%,
    #fdc3bd 56%,
    #f5c3bf 73%,
    #e3a7a7 92%,
    #b88787 100%
  );
}

/* nav-fixed-bottom */
[data-theme="events"] .icon_bar_cell a.active .icon_bar_marketlist {
  background: url("../img/icon/icon-nav-marketlist-active.png") center center no-repeat;
  background-size: contain;
}

[data-theme="events"] .icon_bar_cell a.active .icon_bar_trade {
  background: url("../img/icon/icon-nav-trade.png") center center no-repeat;
  background-size: contain;
}

[data-theme="events"] .icon_bar_cell a div:nth-of-type(1).icon_bar_index {
  -webkit-filter: drop-shadow(0 0 3px rgba(228, 172, 168, 1));
  filter: drop-shadow(0 0 3px rgba(228, 172, 168, 1));
}

[data-theme="events"] .icon_bar_cell a.active .icon_bar_history {
  background: url("../img/icon/icon-nav-history.png") center center no-repeat;
  background-size: contain;
}

[data-theme="events"] .icon_bar_cell a.active .icon_bar_my {
  background: url("../img/icon/icon-nav-my.png") center center no-repeat;
  background-size: contain;
}

/* 20251202 倒數計時A版 */
.events-welcome--timer {
  min-height: 180px;
  padding: 5px 25px 5px 25px;
  margin: 5px auto 10px;
  border-radius: 0 10px 10px 10px;
  background: url("/assets/primary/FIFA/img/FIFA2026_typeA.png?v=20260428163516") center 0 no-repeat;
  background-size: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.events-welcome--timer .timer_head {
  color: #283763;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 81px 5px 35px;
}
.events-welcome--timer .timer_row {
  min-height: 100px;
  display: flex;
  gap: 10px;
}
.events-welcome--timer .timer_row .timer_col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.events-welcome--timer .timer_col .title {
  padding: 10px 5px 5px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}
.events-welcome--timer .timer {
  width: 75%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  gap: 5px;
}
.events-welcome--timer .timer .time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.events-welcome--timer .timer .time b {
  font-size: 13px;
}
.events-welcome--timer .progressbar {
  position: relative;
  width: 100%;
  height: 6px;
  margin-top: 4px;
  border-radius: 5px;
  background: #b4c2e8;
}
.events-welcome--timer .progressbar .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(to bottom, #5c88f3, #3b5ae1);
  display: block;
}
/* 20251202 倒數計時B版 */
/*048 AV、059 BG*/
[data-site="AV"] .events-welcome--timer,
[data-site="BG"] .events-welcome--timer {
  background: url("/assets/primary/FIFA/img/FIFA2026_typeB.png?v=20260428163516") center 0 no-repeat;
  background-size: cover;
}
[data-site="AV"] .events-welcome--timer .timer_head,
[data-site="BG"] .events-welcome--timer .timer_head {
  color: #fff;
}
[data-site="AV"] .events-welcome--timer .progressbar,
[data-site="BG"] .events-welcome--timer .progressbar {
  background: #1c2e5c;
}
[data-site="AV"] .events-welcome--timer .progressbar .inner,
[data-site="BG"] .events-welcome--timer .progressbar .inner {
  background: linear-gradient(to bottom, #599ee0, #2770b7);
}
/* 20251202 倒數計時C版 */
/*005 F、050 AX、060 BH、061 BI、073 BU、076 BX*/
[data-site="F"] .events-welcome--timer,
[data-site="AX"] .events-welcome--timer,
[data-site="BH"] .events-welcome--timer,
[data-site="BI"] .events-welcome--timer,
[data-site="BU"] .events-welcome--timer,
[data-site="BX"] .events-welcome--timer {
  min-height: 160px;
  padding: 10px 20px 5px 90px;
  background: url("/assets/primary/FIFA/img/FIFA2026_typeC.png?v=20260428163516") center 0 no-repeat;
  background-size: cover;
  box-shadow: none;
  gap: 0px;
}
[data-site="F"] .events-welcome--timer .timer_head,
[data-site="AX"] .events-welcome--timer .timer_head,
[data-site="BH"] .events-welcome--timer .timer_head,
[data-site="BI"] .events-welcome--timer .timer_head,
[data-site="BU"] .events-welcome--timer .timer_head,
[data-site="BX"] .events-welcome--timer .timer_head {
  min-height: 60px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 55px 5px 48px;
}
[data-site="F"] .events-welcome--timer .timer_row,
[data-site="AX"] .events-welcome--timer .timer_row,
[data-site="BH"] .events-welcome--timer .timer_row,
[data-site="BI"] .events-welcome--timer .timer_row,
[data-site="BU"] .events-welcome--timer .timer_row,
[data-site="BX"] .events-welcome--timer .timer_row {
  min-height: 65px;
  padding: 0 10px;
  gap: 0;
}
[data-site="F"] .events-welcome--timer .timer_row .timer_col,
[data-site="AX"] .events-welcome--timer .timer_row .timer_col,
[data-site="BH"] .events-welcome--timer .timer_row .timer_col,
[data-site="BI"] .events-welcome--timer .timer_row .timer_col,
[data-site="BU"] .events-welcome--timer .timer_row .timer_col,
[data-site="BX"] .events-welcome--timer .timer_row .timer_col {
  align-items: center;
  gap: 0;
}
[data-site="F"] .events-welcome--timer .timer_col .title,
[data-site="AX"] .events-welcome--timer .timer_col .title,
[data-site="BH"] .events-welcome--timer .timer_col .title,
[data-site="BI"] .events-welcome--timer .timer_col .title,
[data-site="BU"] .events-welcome--timer .timer_col .title,
[data-site="BX"] .events-welcome--timer .timer_col .title {
  width: 100%;
  color: #ffce00;
  font-size: 9px;
  text-align: center;
  padding: 7px 5px 2px;
}
[data-site="F"] .events-welcome--timer .timer,
[data-site="AX"] .events-welcome--timer .timer,
[data-site="BH"] .events-welcome--timer .timer,
[data-site="BI"] .events-welcome--timer .timer,
[data-site="BU"] .events-welcome--timer .timer,
[data-site="BX"] .events-welcome--timer .timer {
  width: 100%;
  color: #fff;
  font-size: 22px;
}
[data-site="F"] .events-welcome--timer .progressbar,
[data-site="AX"] .events-welcome--timer .progressbar,
[data-site="BH"] .events-welcome--timer .progressbar,
[data-site="BI"] .events-welcome--timer .progressbar,
[data-site="BU"] .events-welcome--timer .progressbar,
[data-site="BX"] .events-welcome--timer .progressbar {
  margin-top: 10px;
  background: url("/assets/primary/FIFA/img/progressbarBgC.png?v=20260428163516") center 0 repeat-x;
  background-size: auto 100%;
}
[data-site="F"] .events-welcome--timer .progressbar .inner,
[data-site="AX"] .events-welcome--timer .progressbar .inner,
[data-site="BH"] .events-welcome--timer .progressbar .inner,
[data-site="BI"] .events-welcome--timer .progressbar .inner,
[data-site="BU"] .events-welcome--timer .progressbar .inner,
[data-site="BX"] .events-welcome--timer .progressbar .inner {
  background: linear-gradient(to bottom, #f20066, #ff0080 12%, #ffdbed 27%, #f20078 40%, #860038);
}
/* 20251202 倒數計時D版 */
/*071 BS*/
[data-site="BS"] .events-welcome--timer {
  min-height: 160px;
  padding: 10px 20px 5px 90px;
  background: url("/assets/primary/FIFA/img/FIFA2026_typeD.png?v=20260428163516") center 0 no-repeat;
  background-size: cover;
  box-shadow: none;
  gap: 0px;
}
[data-site="BS"] .events-welcome--timer .timer_head {
  min-height: 60px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 55px 5px 48px;
}
[data-site="BS"] .events-welcome--timer .timer_row {
  min-height: 65px;
  padding: 0 10px;
  gap: 0;
}
[data-site="BS"] .events-welcome--timer .timer_row .timer_col {
  align-items: center;
  gap: 0;
}
[data-site="BS"] .events-welcome--timer .timer_col .title {
  width: 100%;
  color: #ffce00;
  font-size: 9px;
  text-align: center;
  padding: 7px 5px 2px;
}
[data-site="BS"] .events-welcome--timer .timer {
  width: 100%;
  color: #fff;
  font-size: 22px;
}
[data-site="BS"] .events-welcome--timer .progressbar {
  margin-top: 11px;
  background: url("/assets/primary/FIFA/img/progressbarBgC.png?v=20260428163516") center 0 repeat-x;
  background-size: auto 100%;
  box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
}
[data-site="BS"] .events-welcome--timer .progressbar .inner {
  background: linear-gradient(to bottom, #f20066, #ff0080 12%, #ffdbed 27%, #f20078 40%, #860038);
}

/* 20260120 世足專區入口 */
#Zone_Entrance {
  width: calc(100% - 20px);
  margin: 0 10px 15px;
}

#Zone_Entrance .carousel-item img {
  width: 100%;
}

.points_leaderboard {
  margin: 20px 0;
  display: block;
}
.points_leaderboard img {
  width: 100%;
}


/* 專區入口 20240530 */
.fifaMark {
  position: fixed;
  z-index: 1000;
  right: 15px;
  bottom: 135px;
  width: 100px;
  height: 0;
}

.fifaMark {
  background: url("../img/2024euro_img.png") no-repeat center / contain;
}

[data-lang]:not([data-lang="zh-cn"]) .fifaMark {
  background: url("../img/2024euro_en_img.png") no-repeat center / contain;
}

.fifaMark.open {
  height: 100px;
}

.fifaMark.open a {
  width: 100px;
  height: 100px;
  display: block;
}

.fifaMark b {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -30px;
  float: right;
  background: url("../img/icon-eventmark-opn.png") no-repeat right bottom / 20px 20px;
  cursor: pointer;
}

.fifaMark.open b {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -30px;
  float: right;
  background: url("../img/icon-eventmark-cloz.png") no-repeat right bottom / 20px 20px;
  cursor: pointer;
}

/*-------------直播Icon-------------------*/
.liveIcon {
  display: inline-block;
  width: 20px;
  height: 17px;
  background: url("../img/icon/icon-eurolive.png") no-repeat top center;
  background-size: 16px;
  vertical-align: middle;
  margin-left: 10px;
}
.game_detail .liveIcon {
  margin-left: 20px;
}