html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

iframe {
  position: absolute;
  width: 100vw;
  height: 100%;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #f6f6f6;
  font-family: "DIN", "PingFang", "SC", "Roboto", "PingFangSC-Medium", "Source Han Sans CN", "-apple-system", "Helvetica Neue", "Helvetica,Arial", "sans-serif";
  -webkit-font-smoothing: antialiased;
}
body.hidden {
  overflow: hidden;
}

::-webkit-scrollbar {
  display: none !important;
}

div,
ul,
li {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.newbie-box {
  display: flex;
  position: fixed;
  z-index: 8;
  bottom: 16vw;
  left: 100%;
  align-items: center;
  justify-content: space-between;
  width: 81.3333333333vw;
  height: auto;
  padding: 1.3333333333vw 2.6666666667vw;
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.newbie-box.active {
  left: 2.6666666667vw;
}
.newbie-box p {
  width: 100%;
  color: #FFDF1B;
  font-size: 4vw;
  line-height: 5.3333333333vw;
}
.newbie-box p span {
  display: block;
  color: #ffffff;
  font-size: 3.4666666667vw;
}
.newbie-box .radio {
  flex-shrink: 0;
  border: 0.2666666667vw solid rgb(100, 100, 100);
  background-color: rgb(100, 100, 100);
}
.newbie-box .close::before, .newbie-box .close::after {
  background-color: #ffffff;
}

.fixed-area {
  position: fixed;
  z-index: 8;
  right: 2.6666666667vw;
  bottom: 16vw;
}
.fixed-area.bottom {
  bottom: 5.3333333333vw;
}
.fixed-area.active {
  z-index: 22;
}

.tool {
  position: relative;
  z-index: 2;
}
.tool .tool-btn {
  position: relative;
  z-index: 3;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  transition: all 0.3s;
  border-radius: 10.6666666667vw;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M24 26v2H10v-2h14zm-.5-13a5.5 5.5 0 014.32 8.905l2.655 2.656-1.414 1.414-2.748-2.748A5.5 5.5 0 1123.5 13zm-6.158 8c.263.746.67 1.424 1.187 2H10v-2h7.342zm6.158-6a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm-5.63.885a5.962 5.962 0 00-.767 2H10v-2h7.87z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.tool .tool-btn::before, .tool .tool-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5333333333vw;
  height: 5.3333333333vw;
  margin: -2.6666666667vw 0 0 -0.2666666667vw;
  transform: rotate(45deg);
  transition: all 0.3s;
  opacity: 0;
  background-color: rgb(0, 0, 0);
}
.tool .tool-btn::after {
  transform: rotate(-45deg);
}
.tool .tool-mask {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 49.3333333333vw;
  height: 49.3333333333vw;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(0.5333333333vw);
}
.tool.active .tool-btn {
  transform: rotate(180deg);
  background-color: #ffffff;
  background-image: none;
}
.tool.active .tool-btn::before, .tool.active .tool-btn::after {
  opacity: 1;
}
.tool.active .tool-mask {
  transform: translate(-50%, -50%) scale(1);
}
.tool.active .leaguefilter {
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: auto;
}
.tool.active .leaguefilter.lock {
  opacity: 0.5;
  pointer-events: none;
}
.tool.active .search-btn {
  top: 50%;
  right: 130%;
  transform: translateY(-50%);
  opacity: 1;
  pointer-events: auto;
}
.tool.active .search-btn.lock {
  opacity: 0.5;
  pointer-events: none;
}
.tool.active .eventoggle {
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: auto;
}
.tool.active .eventoggle.lock {
  opacity: 0.5;
  pointer-events: none;
}

.leaguefilter {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  opacity: 0;
  color: #ffffff;
  font-size: 3.2vw;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
.leaguefilter::before {
  content: "";
  display: block;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 auto;
  opacity: 0.6;
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M28.297 11H11.703a.703.703 0 0 0-.703.703c0 1.958.84 3.828 2.303 5.129l3.08 2.737c.533.474.84 1.157.84 1.871v6.857c0 .56.626.896 1.093.585l4.148-2.766a.703.703 0 0 0 .313-.585v-4.09c0-.715.307-1.398.84-1.872l3.08-2.737A6.868 6.868 0 0 0 29 11.703a.703.703 0 0 0-.703-.703z" stroke="%23ffffff" stroke-width="2" fill="none" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.search-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  opacity: 0;
  color: #ffffff;
  font-size: 3.2vw;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
.search-btn::before {
  content: "";
  display: block;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 auto;
  opacity: 0.6;
  background-image: url('data:image/svg+xml, <svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M14.096 13.181l2.379 2.38-1.414 1.414-2.442-2.442a8 8 0 1 1 1.477-1.352zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}

.eventoggle {
  position: absolute;
  z-index: 2;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.3s;
  opacity: 0;
  color: #ffffff;
  font-size: 3.2vw;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
.eventoggle::before {
  content: "";
  display: block;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 auto;
  opacity: 0.6;
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M12 19h16v2H12v-2zm7.95-8.172L15 15.778l-1.414-1.414L19.95 8l1.414 1.414 4.95 4.95-1.415 1.414-4.95-4.95zm0 17.708l4.95-4.95L26.313 25l-6.364 6.364-1.414-1.414-4.95-4.95L15 23.586l4.95 4.95z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.eventoggle.active::before {
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M12 19h16v2H12v-2zm7.95-6.05L24.9 8l1.414 1.414-4.95 4.95-1.414 1.414-6.364-6.364L15 8l4.95 4.95zm0 13.464L15 31.364l-1.414-1.414 4.95-4.95 1.414-1.414 6.364 6.364-1.415 1.414-4.95-4.95z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
}

.backtop {
  position: relative;
  z-index: 1;
  width: 10.6666666667vw;
  height: 0;
  transition: all 0.3s;
  border-radius: 10.6666666667vw;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 13.015l8.485 8.485-1.414 1.414-6.071-6.071V30.5h-2V16.843l-6.071 6.071-1.414-1.414 8.485-8.485zM29 11v2H12v-2h17z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.backtop.active {
  height: 10.6666666667vw;
  margin: 2.6666666667vw 0 0;
  opacity: 1;
}

.alert {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 8vw;
  margin: 0 0 2.6666666667vw;
  padding: 1.3333333333vw 2.6666666667vw;
  overflow: hidden;
  color: #4F6EA0;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: left;
  animation-fill-mode: forwards;
}
.alert p,
.alert pre {
  width: 100%;
}
.alert .loading {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  animation: rotate 1s infinite;
  vertical-align: middle;
}
.alert .loading::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0.5333333333vw solid rgba(79, 110, 160, 0.2);
  border-radius: 100%;
}
.alert .loading::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 0.5333333333vw;
  border-style: solid;
  border-radius: 100%;
  border-color: #4F6EA0 transparent transparent;
}
.alert::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin: 0 1.3333333333vw 0 0;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff" fill-rule="evenodd"><path d="M9 9h2v7H9z"/><circle cx="10" cy="6" r="2"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  color: #ffffff;
  font-size: 4vw;
  font-weight: bold;
}
.alert::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eaeef5;
}
.alert.success {
  color: #04B300;
}
.alert.success::before {
  background-color: #04B300;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.714 10.8L14.43 6 16 7.6l-4.714 4.8L9.714 14 5 9.2l1.571-1.6 3.143 3.2z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.alert.success::after {
  background-color: #d8ffd7;
}
.alert.success .loading::after {
  border-color: #04B300 transparent transparent;
}
.alert.error {
  color: #DE221F;
}
.alert.error::before {
  background-color: #DE221F;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff" fill-rule="evenodd"><path d="M11 11H9L8 4h4z"/><circle transform="rotate(-180 10 14)" cx="10" cy="14" r="2"/></g></svg>');
}
.alert.error::after {
  background-color: #fce7e7;
}
.alert.error .loading::after {
  border-color: #DE221F transparent transparent;
}
.alert.fixed {
  position: fixed;
  z-index: 20;
  top: -26.6666666667vw;
  min-height: 12vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.6);
}
.alert.active {
  animation: slideDown 3s;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(26.6666666667vw);
  }
  95% {
    transform: translateY(26.6666666667vw);
  }
  100% {
    transform: translateY(0);
  }
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: #dddddd;
  color: rgba(51, 51, 51, 0.3);
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
}
.button span {
  color: rgba(51, 51, 51, 0.3);
}
.button.cancel {
  color: #333333;
}
.button.cancel span {
  color: #333333;
}
.button.active {
  background-color: #4F6EA0;
  color: #ffffff;
}
.button.active span {
  color: #FFDF1B;
}
.button.result-search {
  flex-shrink: 0;
  width: 12vw;
  height: 12vw;
  margin: 0 2.6666666667vw 0 0;
  background-color: #4F6EA0;
  background-image: url('data:image/svg+xml, <svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M14.096 13.181l2.379 2.38-1.414 1.414-2.442-2.442a8 8 0 1 1 1.477-1.352zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" fill=" %23eaeef5 " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  color: #ffffff;
}

.buttons {
  display: flex;
  width: 100%;
  padding: 2.6666666667vw;
}
.buttons .button {
  margin: 0 2.6666666667vw 0 0;
}
.buttons .button:last-child {
  margin: 0;
}

.label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.3333333333vw;
  height: 4.2666666667vw;
  margin: 0;
  padding: 0 1.3333333333vw;
  border-radius: 0 1.3333333333vw;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.label.live, .label.ppd {
  background-color: #fce7e7;
  color: #DE221F;
}
.label.early, .label.today, .label.fantasy, .label.jackpot {
  background-color: #eaeef5;
  color: #4F6EA0;
}
.label.dream {
  background-color: #fff19b;
  color: #685900;
}

.arrow-l {
  padding: 0.8vw;
  transition: all 0.3s;
  border-width: 0 0.5333333333vw 0.5333333333vw 0;
  border-style: solid;
  pointer-events: none;
}
.arrow-l.right {
  transform: rotate(-45deg);
}
.arrow-l.left {
  transform: rotate(135deg);
}
.arrow-l.up {
  transform: rotate(-135deg);
}
.arrow-l.down {
  transform: rotate(45deg);
}

.arrow-s {
  display: inline-block;
  transition: all 0.3s;
  border-width: 1.0666666667vw;
  border-style: solid;
  vertical-align: middle;
}
.arrow-s.down {
  margin: 1.0666666667vw 0 0 1.3333333333vw;
  border-color: #FFDF1B transparent transparent;
}
.arrow-s.up {
  margin: 0 0 1.0666666667vw 1.3333333333vw;
  border-color: transparent transparent #FFDF1B;
}

.sport-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
  pointer-events: none;
}
.sport-icon[data-icon=Immediate] {
  background-image: url("/theme/images/sport/Immediate.svg");
}
.sport-icon[data-icon=Soccer] {
  background-image: url("/theme/images/sport/Soccer.svg");
}
.sport-icon[data-icon=Basketball] {
  background-image: url("/theme/images/sport/Basketball.svg");
}
.sport-icon[data-icon=Tennis] {
  background-image: url("/theme/images/sport/Tennis.svg");
}
.sport-icon[data-icon=Volleyball] {
  background-image: url("/theme/images/sport/Volleyball.svg");
}
.sport-icon[data-icon=Baseball] {
  background-image: url("/theme/images/sport/Baseball.svg");
}
.sport-icon[data-icon=Golf] {
  background-image: url("/theme/images/sport/Golf.svg");
}
.sport-icon[data-icon=Motorsports] {
  background-image: url("/theme/images/sport/Motorsports.svg");
}
.sport-icon[data-icon=BoxingMMA] {
  background-image: url("/theme/images/sport/BoxingMMA.svg");
}
.sport-icon[data-icon=TableTennis] {
  background-image: url("/theme/images/sport/TableTennis.svg");
}
.sport-icon[data-icon=Rugby] {
  background-image: url("/theme/images/sport/Rugby.svg");
}
.sport-icon[data-icon=Cycling] {
  background-image: url("/theme/images/sport/Cycling.svg");
}
.sport-icon[data-icon=ESports] {
  background-image: url("/theme/images/sport/ESports.svg");
}
.sport-icon[data-icon=Cricket] {
  background-image: url("/theme/images/sport/Cricket.svg");
}
.sport-icon[data-icon=Bowling] {
  background-image: url("/theme/images/sport/Bowling.svg");
}
.sport-icon[data-icon=PoolSnooker] {
  background-image: url("/theme/images/sport/PoolSnooker.svg");
}
.sport-icon[data-icon=Football] {
  background-image: url("/theme/images/sport/Football.svg");
}
.sport-icon[data-icon=Champion] {
  background-image: url("/theme/images/sport/Champion.svg");
}
.sport-icon[data-icon=Badminton] {
  background-image: url("/theme/images/sport/Badminton.svg");
}
.sport-icon[data-icon=Darts] {
  background-image: url("/theme/images/sport/Darts.svg");
}
.sport-icon[data-icon=Hockey] {
  background-image: url("/theme/images/sport/Hockey.svg");
}
.sport-icon[data-icon=BeachSoccer] {
  background-image: url("/theme/images/sport/BeachSoccer.svg");
}
.sport-icon[data-icon=Handball] {
  background-image: url("/theme/images/sport/Handball.svg");
}
.sport-icon[data-icon=Racing] {
  background-image: url("/theme/images/sport/Racing.svg");
}
.sport-icon[data-icon=Futsal] {
  background-image: url("/theme/images/sport/Futsal.svg");
}
.sport-icon[data-icon=WaterSports] {
  background-image: url("/theme/images/sport/WaterSports.svg");
}
.sport-icon[data-icon=Archery] {
  background-image: url("/theme/images/sport/Archery.svg");
}
.sport-icon[data-icon=Athletics] {
  background-image: url("/theme/images/sport/Athletics.svg");
}
.sport-icon[data-icon=Lacrosse] {
  background-image: url("/theme/images/sport/Lacrosse.svg");
}
.sport-icon[data-icon=Entertainment] {
  background-image: url("/theme/images/sport/Entertainment.svg");
}
.sport-icon[data-icon=Olympics] {
  background-image: url("/theme/images/sport/Olympics.svg");
}
.sport-icon[data-icon=WinterSports] {
  background-image: url("/theme/images/sport/WinterSports.svg");
}
.sport-icon[data-icon=WorldLottery] {
  background-image: url("/theme/images/sport/WorldLottery.svg");
}
.sport-icon[data-icon=Specials] {
  background-image: url("/theme/images/sport/Specials.svg");
}
.sport-icon[data-icon=OtherSports] {
  background-image: url("/theme/images/sport/OtherSports.svg");
}
.sport-icon[data-icon=Dream] {
  background-image: url("/theme/images/sport/Dream.svg");
}

.main nav .active [data-icon=Immediate] {
  position: relative;
  animation: livescale 1s infinite;
}
.main nav .active [data-icon=Immediate]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/theme/images/sport/Immediate2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  animation: run2 1s infinite;
  opacity: 0;
}
.main nav .active [data-icon=Immediate]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/theme/images/sport/Immediate3.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  animation: run3 1s infinite;
  opacity: 0;
}

@keyframes livejump {
  0% {
    transform: translateY(3px) scale(1.05, 0.98);
  }
  50% {
    transform: translateY(-7px) scale(0.9, 1.02);
  }
  100% {
    transform: translateY(3px) scale(1.05, 0.98);
  }
}
@keyframes livescale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes run2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes run3 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0 1.3333333333vw;
  padding: 0 1.3333333333vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 0.8vw;
  background-color: #fbfbfb;
  color: #4F6EA0;
  font-size: 3.4666666667vw;
}
.number.live {
  margin: 0;
  border-color: #f9d1d0;
  background-color: #fceceb;
  color: #DE221F;
}
.number.empty {
  display: none;
}

.favorite-icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.534 16.237L5.92 18.142a1 1 0 0 1-1.452-1.054l.695-4.026a1 1 0 0 0-.288-.887L1.946 9.327a1 1 0 0 1 .555-1.707l4.043-.583A1 1 0 0 0 7.3 6.49l1.804-3.666a1 1 0 0 1 1.794 0l1.804 3.666a1 1 0 0 0 .755.548l4.043.583a1 1 0 0 1 .555 1.707l-2.93 2.848a1 1 0 0 0-.287.887l.695 4.026a1 1 0 0 1-1.452 1.054l-3.614-1.905a1 1 0 0 0-.932 0z" fill=" %23d0d0d0 " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.favorite-icon.active {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.534 16.237L5.92 18.142a1 1 0 0 1-1.452-1.054l.695-4.026a1 1 0 0 0-.288-.887L1.946 9.327a1 1 0 0 1 .555-1.707l4.043-.583A1 1 0 0 0 7.3 6.49l1.804-3.666a1 1 0 0 1 1.794 0l1.804 3.666a1 1 0 0 0 .755.548l4.043.583a1 1 0 0 1 .555 1.707l-2.93 2.848a1 1 0 0 0-.287.887l.695 4.026a1 1 0 0 1-1.452 1.054l-3.614-1.905a1 1 0 0 0-.932 0z" fill=" %23FFDF1B " fill-rule="evenodd"/></svg>');
}

.mask {
  display: none;
  position: fixed;
  z-index: 24;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.mask.active {
  display: block;
}

.balance-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 8vw;
  padding: 1.0666666667vw 1.3333333333vw;
  border-radius: 8vw;
  background-color: #3e577e;
  color: #ffffff;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.balance-btn p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.3333333333vw;
}
.balance-btn span {
  display: inline-block;
  width: auto;
  max-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s;
  white-space: nowrap;
}
.balance-btn span:nth-child(1) {
  max-width: 0;
  padding: 0;
}
.balance-btn.active span:nth-child(1) {
  max-width: 26.6666666667vw;
  padding: 0 1.3333333333vw;
}
.balance-btn span:nth-child(2) {
  max-width: 100vw;
  padding: 0 1.3333333333vw;
}
.balance-btn.active span:nth-child(2) {
  max-width: 0;
  padding: 0;
}
.balance-btn::after {
  content: "";
  display: inline-block;
  width: 5.8666666667vw;
  height: 5.8666666667vw;
  border-radius: 5.8666666667vw;
  background-image: url('data:image/svg+xml, <svg width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm-3.769-8.85c1.133.398 2.405.646 3.769.646 5.29 0 9-3.607 9-5.299 0-1.1-1.448-2.906-3.846-4.098l.91-.892a.875.875 0 0 0 0-1.248.909.909 0 0 0-1.273 0l-1.455 1.426A11.71 11.71 0 0 0 13 7.205c-5.137 0-9 3.542-9 5.292 0 1.031 1.334 2.686 3.483 3.872l-1.147 1.124a.874.874 0 0 0 0 1.248.909.909 0 0 0 1.273 0l1.622-1.59zm.01-2.505a4.303 4.303 0 0 1-.57-2.146c0-2.39 1.941-4.328 4.337-4.328.81 0 1.567.221 2.215.606L14.039 9.94a2.76 2.76 0 0 0-3.617 3.547L9.24 14.645zm1.185 1.333l1.147-1.124c.416.251.905.396 1.427.396a2.76 2.76 0 0 0 2.39-4.14l1.148-1.126c.509.709.808 1.577.808 2.515 0 2.39-1.942 4.33-4.338 4.33-.967 0-1.86-.316-2.582-.85z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.balance-btn.active::after {
  background-image: url('data:image/svg+xml, <svg width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M13 26C5.82 26 0 20.18 0 13S5.82 0 13 0s13 5.82 13 13-5.82 13-13 13zm0-8c5.29 0 9-3.746 9-5.503C22.001 10.68 18.33 7 13 7c-5.137 0-9 3.68-9 5.497 0 1.819 3.846 5.504 9 5.503zm-4.329-5.5c0-2.483 1.941-4.495 4.337-4.495s4.338 2.012 4.338 4.494c0 2.483-1.942 4.497-4.338 4.497-2.395 0-4.337-2.014-4.337-4.497zm1.567-.006c0 1.58 1.237 2.862 2.762 2.862s2.762-1.282 2.762-2.864c0-1.58-1.237-2.862-2.762-2.862s-2.762 1.282-2.762 2.864z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
}

.close {
  position: relative;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
}
.close::before, .close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.3333333333vw;
  height: 0.2666666667vw;
  background-color: #333333;
}
.close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.pop-title {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 13.3333333333vw;
  border-radius: 4vw 4vw 0 0;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
  color: #333333;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 13.3333333333vw;
  text-align: center;
}
.pop-title .close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.pop-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 100%;
  height: 12vw;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.pop-tab ul {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 100%;
  overflow: auto;
  white-space: nowrap;
}
.pop-tab ul li {
  display: inline-block;
  position: relative;
  padding: 0 2.6666666667vw;
  transition: all 0.1s;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.pop-tab ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.6666666667vw;
  left: 50%;
  width: 0;
  height: 1.0666666667vw;
  transform: translateX(-50%);
  transition: all 0.3s;
  background-color: #4F6EA0;
}
.pop-tab ul li.active {
  color: #333333;
  font-size: 4.8vw;
}
.pop-tab ul li.active::after {
  width: 8vw;
}

.pop-bottom {
  display: none;
  z-index: 2;
  bottom: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.pop-bottom.active {
  display: flex;
}
.pop-bottom .middle {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.8666666667vw 2.6666666667vw;
}
.pop-bottom .bottom {
  display: flex;
  width: 100%;
  padding: 1.8666666667vw 2.6666666667vw;
  background-color: #e9e9e9;
}
.pop-bottom .top {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.8666666667vw 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
}
.pop-bottom .top.active {
  display: flex;
}
.pop-bottom .top .ticket-stake {
  margin: 0;
}
.pop-bottom .top p {
  color: #333333;
  font-size: 3.4666666667vw;
}
.pop-bottom ul,
.pop-bottom ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 60%;
}
.pop-bottom ul.columns,
.pop-bottom ol.columns {
  display: block;
}
.pop-bottom ul li,
.pop-bottom ol li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
}
.pop-bottom ul li p,
.pop-bottom ol li p {
  margin: 0 1.3333333333vw 0 0;
}
.pop-bottom ul li .heighlight,
.pop-bottom ol li .heighlight {
  color: #4F6EA0;
  font-size: 4.8vw;
  font-weight: bold;
}
.pop-bottom ul li .heighlight b,
.pop-bottom ol li .heighlight b {
  font-size: 3.4666666667vw;
}
.pop-bottom ul li .win,
.pop-bottom ol li .win {
  color: #04B300;
}
.pop-bottom ul li .lose,
.pop-bottom ol li .lose {
  color: #DE221F;
}
.pop-bottom ul li:nth-child(2),
.pop-bottom ol li:nth-child(2) {
  margin: -1.3333333333vw 0 0;
  color: #999999;
}
.pop-bottom ol {
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 2.6666666667vw;
}
.pop-bottom ol li:nth-child(2) {
  margin: 0;
  color: #333333;
}
.pop-bottom .button {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 40%;
  opacity: 0.5;
  background-color: #4F6EA0;
  color: #ffffff;
  font-weight: normal;
}
.pop-bottom .button span {
  color: #ffffff;
}
.pop-bottom .button h3 {
  width: 100%;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 4.2666666667vw;
}
.pop-bottom .button p {
  width: 100%;
  margin: -2.6666666667vw 0 0;
  opacity: 0.7;
  font-size: 3.2vw;
  line-height: 3.2vw;
}
.pop-bottom .button.active {
  opacity: 1;
}

.pop-main {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 2.6666666667vw 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.pop-main .checkbox {
  width: auto;
  margin: 0 0 0 2.6666666667vw;
}

.pop-content-box {
  display: none;
}
.pop-content-box.active {
  display: block;
}

.checkbox {
  position: relative;
  width: 100%;
  margin: 0 2.6666666667vw 0 0;
}
.checkbox [type=checkbox] {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.checkbox label {
  display: -webkit-box;
  position: relative;
  width: 100%;
  padding: 0 2.6666666667vw 0 0;
  overflow: hidden;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  border: 0.2666666667vw solid #333333;
  border-radius: 0.8vw;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  vertical-align: middle;
}
.checkbox label img {
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  vertical-align: middle;
}
.checkbox [type=checkbox]:checked + label::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.714 10.8L14.43 6 16 7.6l-4.714 4.8L9.714 14 5 9.2l1.571-1.6 3.143 3.2z" fill="%23000000" fill-rule="evenodd"/></svg>');
}

.pop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 2.6666666667vw;
}
.pop-toolbar h2 {
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.pop-toolbar p {
  color: #333333;
  font-size: 3.4666666667vw;
}
.pop-toolbar p span {
  color: #4F6EA0;
}
.pop-toolbar .setting-btn {
  color: #333333;
  font-size: 3.4666666667vw;
}
.pop-toolbar .setting-btn span {
  display: inline-block;
  vertical-align: middle;
}
.pop-toolbar .setting-btn::after {
  content: "";
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0 1.3333333333vw;
  background-image: url('data:image/svg+xml, <svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill=" %23000000 " fill-rule="nonzero"><path d="M.768 5.925l1.053-.178c.11-.354.25-.696.423-1.022l-.62-.868a.924.924 0 0 1 .1-1.194l.933-.933a.92.92 0 0 1 1.191-.1l.871.62a5.883 5.883 0 0 1 1.06-.436l.175-1.04A.926.926 0 0 1 6.869 0h1.319c.454 0 .84.326.915.774l.182 1.065c.35.11.692.254 1.018.43l.862-.62a.92.92 0 0 1 .539-.173c.247 0 .482.097.655.272l.936.934c.32.32.364.824.1 1.194l-.626.88c.172.33.31.671.417 1.025l1.04.176c.448.075.774.46.774.915V8.19c0 .454-.326.84-.774.915l-1.065.182c-.11.35-.254.692-.43 1.018l.618.859a.924.924 0 0 1-.1 1.193l-.934.934a.92.92 0 0 1-1.191.1l-.88-.626c-.317.166-.65.3-.99.407l-.176 1.053a.926.926 0 0 1-.915.774H6.84a.926.926 0 0 1-.914-.774l-.18-1.053a5.945 5.945 0 0 1-1.02-.423l-.869.62a.92.92 0 0 1-1.194-.1l-.933-.933a.928.928 0 0 1-.1-1.194l.62-.871a5.902 5.902 0 0 1-.423-1.022L.774 9.075A.926.926 0 0 1 0 8.16V6.84a.915.915 0 0 1 .768-.915zM.84 8.16c0 .04.028.075.069.081l1.316.22a.42.42 0 0 1 .338.31c.12.46.301.902.546 1.313a.424.424 0 0 1-.02.46l-.773 1.09a.085.085 0 0 0 .01.107l.933.934a.08.08 0 0 0 .06.025.077.077 0 0 0 .047-.016l1.087-.774a.423.423 0 0 1 .46-.018c.41.244.853.426 1.313.545.163.04.285.175.31.338l.223 1.316c.006.041.04.07.081.07h1.32c.04 0 .075-.029.081-.07l.22-1.316a.42.42 0 0 1 .31-.338c.448-.116.88-.295 1.284-.527a.434.434 0 0 1 .213-.056c.085 0 .173.025.245.078l1.097.78c.015.01.03.016.047.016a.084.084 0 0 0 .06-.025l.933-.934a.085.085 0 0 0 .01-.106l-.772-1.081a.429.429 0 0 1-.018-.464c.244-.407.432-.85.551-1.31a.43.43 0 0 1 .339-.31l1.325-.226a.081.081 0 0 0 .069-.081V6.87a.081.081 0 0 0-.069-.08l-1.307-.22a.424.424 0 0 1-.341-.313 5.011 5.011 0 0 0-.536-1.316.418.418 0 0 1 .022-.458l.78-1.097a.085.085 0 0 0-.01-.106l-.933-.934a.08.08 0 0 0-.06-.025.077.077 0 0 0-.047.016l-1.08.77a.429.429 0 0 1-.464.02 4.969 4.969 0 0 0-1.31-.552.43.43 0 0 1-.31-.339L8.263.912a.081.081 0 0 0-.081-.07h-1.32a.081.081 0 0 0-.081.07l-.22 1.307a.424.424 0 0 1-.313.341c-.473.12-.924.304-1.344.552a.424.424 0 0 1-.46-.02l-1.082-.776a.093.093 0 0 0-.047-.016.084.084 0 0 0-.06.025l-.933.934a.085.085 0 0 0-.01.106l.775 1.088a.423.423 0 0 1 .018.46c-.244.41-.426.853-.545 1.313a.416.416 0 0 1-.338.31L.906 6.76a.081.081 0 0 0-.07.081v1.32H.84z"/><path d="M7.5 4C9.431 4 11 5.569 11 7.5S9.431 11 7.5 11A3.502 3.502 0 0 1 4 7.5C4 5.569 5.569 4 7.5 4zm0 6.085A2.587 2.587 0 0 0 10.085 7.5 2.587 2.587 0 0 0 7.5 4.915 2.587 2.587 0 0 0 4.915 7.5 2.587 2.587 0 0 0 7.5 10.085z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
  vertical-align: middle;
}

.prompt {
  position: fixed;
  z-index: 27;
  top: -150%;
  left: 50%;
  width: 93.3333333333vw;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.prompt.active {
  top: 20%;
}

.prompt-main {
  width: 100%;
  height: auto;
  margin: 2.6666666667vw 0 0;
  padding: 5.3333333333vw 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
}
.prompt-main p {
  color: #666666;
  font-size: 3.4666666667vw;
  text-align: center;
}

.prompt-mask {
  display: none;
  position: fixed;
  z-index: 26;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.none-more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 32vw;
  margin: -0.2666666667vw 0 0;
  padding: 0 5.3333333333vw;
  border-top: 0.2666666667vw solid #dddddd;
}
.none-more p {
  margin: 0 2.6666666667vw;
  color: #999999;
  font-size: 3.4666666667vw;
}
.none-more::before, .none-more::after {
  content: "";
  display: block;
  width: 13.3333333333vw;
  height: 0.2666666667vw;
  background-color: #dddddd;
}

.combo {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 0.6666666667vw;
}
.combo .combo-bg {
  margin: -1.0666666667vw 0;
  transform: scaleY(0.4);
}
.combo .combo-bg::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  background: #4F6EA0;
  transform: rotate(45deg);
  background-color: #4F6EA0;
}
.combo .combo-text {
  display: flex;
  margin: 0;
  color: #ffffff;
}
.combo .combo-text span {
  display: block;
  margin: 0 0.2666666667vw;
  padding: 0.2666666667vw;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.combo .combo-text span:nth-child(1) {
  transform: skewY(20deg);
  background-color: #5e7db0;
}
.combo .combo-text span:nth-child(2) {
  transform: skewY(-20deg);
  background-color: #45608c;
}

.popup-set {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6666666667vw 4vw;
  border-bottom: 1px solid #dddddd;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .newbie-box {
    bottom: 8.9955022489vmax;
    width: 89.5052473763vmax;
    padding: 0.7496251874vmax 1.4992503748vmax;
    border-radius: 2.2488755622vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .newbie-box.active {
    left: 1.4992503748vmax;
  }
  .newbie-box p {
    font-size: 2.2488755622vmax;
    line-height: 2.9985007496vmax;
  }
  .newbie-box p span {
    font-size: 1.9490254873vmax;
  }
  .newbie-box .radio {
    border: 0.1499250375vmax solid rgb(100, 100, 100);
  }
  .fixed-area {
    right: 1.4992503748vmax;
    bottom: 8.9955022489vmax;
  }
  .fixed-area.bottom {
    bottom: 2.9985007496vmax;
  }
  .tool .tool-btn {
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
    border-radius: 5.9970014993vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .tool .tool-btn::before, .tool .tool-btn::after {
    width: 0.299850075vmax;
    height: 2.9985007496vmax;
    margin: -1.4992503748vmax 0 0 -0.1499250375vmax;
  }
  .tool .tool-mask {
    width: 27.736131934vmax;
    height: 27.736131934vmax;
    backdrop-filter: blur(0.299850075vmax);
  }
  .leaguefilter {
    font-size: 1.7991004498vmax;
  }
  .leaguefilter::before {
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
  }
  .search-btn {
    font-size: 1.7991004498vmax;
  }
  .search-btn::before {
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
  }
  .eventoggle {
    font-size: 1.7991004498vmax;
  }
  .eventoggle::before {
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
  }
  .backtop {
    width: 5.9970014993vmax;
    border-radius: 5.9970014993vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .backtop.active {
    height: 5.9970014993vmax;
    margin: 1.4992503748vmax 0 0;
  }
  .alert {
    min-height: 4.4977511244vmax;
    margin: 0 0 1.4992503748vmax;
    padding: 0.7496251874vmax 1.4992503748vmax;
    font-size: 1.7991004498vmax;
  }
  .alert .loading {
    width: 2.3988005997vmax;
    height: 2.3988005997vmax;
  }
  .alert .loading::before {
    border: 0.299850075vmax solid rgba(79, 110, 160, 0.2);
  }
  .alert .loading::after {
    border-width: 0.299850075vmax;
  }
  .alert::before {
    width: 2.3988005997vmax;
    height: 2.3988005997vmax;
    margin: 0 1.4992503748vmax 0 0;
    border-radius: 2.9985007496vmax;
    font-size: 2.2488755622vmax;
  }
  .alert.fixed {
    top: -14.9925037481vmax;
    height: 6.7466266867vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  @keyframes slideDown {
    0% {
      transform: translateY(0);
    }
    5% {
      transform: translateY(14.9925037481vmax);
    }
    95% {
      transform: translateY(14.9925037481vmax);
    }
    100% {
      transform: translateY(0);
    }
  }
  .button {
    height: 7.4962518741vmax;
    border-radius: 0.7496251874vmax;
    font-size: 2.2488755622vmax;
  }
  .button.result-search {
    width: 6.7466266867vmax;
    height: 6.7466266867vmax;
    margin: 0 1.4992503748vmax 0 0;
  }
  .buttons {
    padding: 1.4992503748vmax;
  }
  .buttons .button {
    margin: 0 1.4992503748vmax 0 0;
  }
  .label {
    min-width: 2.9985007496vmax;
    height: 2.3988005997vmax;
    padding: 0 0.7496251874vmax;
    border-radius: 0 0.7496251874vmax;
    font-size: 1.4992503748vmax;
  }
  .arrow-l {
    padding: 0.4497751124vmax;
    border-width: 0 0.299850075vmax 0.299850075vmax 0;
  }
  .arrow-s {
    border-width: 0.5997001499vmax;
  }
  .arrow-s.down {
    margin: 0.5997001499vmax 0 0 0.7496251874vmax;
  }
  .arrow-s.up {
    margin: 0 0 0.5997001499vmax 0.7496251874vmax;
  }
  .sport-icon {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
  }
  .number {
    min-width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    padding: 0 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.4497751124vmax;
    font-size: 1.9490254873vmax;
  }
  .favorite-icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
  }
  .balance-btn {
    height: 4.4977511244vmax;
    padding: 0.5997001499vmax 0.7496251874vmax;
    border-radius: 4.4977511244vmax;
    font-size: 1.9490254873vmax;
  }
  .balance-btn p {
    padding: 0 0.7496251874vmax;
  }
  .balance-btn.active span:nth-child(1) {
    max-width: 14.9925037481vmax;
    padding: 0 0.7496251874vmax;
  }
  .balance-btn span:nth-child(2) {
    max-width: 100vmax;
    padding: 0 0.7496251874vmax;
  }
  .balance-btn::after {
    width: 3.2983508246vmax;
    height: 3.2983508246vmax;
    border-radius: 3.2983508246vmax;
  }
  .close {
    width: 7.4962518741vmax;
    height: 7.4962518741vmax;
  }
  .close::before, .close::after {
    width: 2.9985007496vmax;
    height: 0.1499250375vmax;
  }
  .pop-title {
    height: 7.4962518741vmax;
    border-radius: 0;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
    font-size: 2.6986506747vmax;
    line-height: 7.4962518741vmax;
  }
  .pop-tab {
    height: 6.7466266867vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .pop-tab ul li {
    padding: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .pop-tab ul li::after {
    bottom: -1.4992503748vmax;
    height: 0.5997001499vmax;
  }
  .pop-tab ul li.active {
    font-size: 2.6986506747vmax;
  }
  .pop-tab ul li.active::after {
    width: 4.4977511244vmax;
  }
  .pop-bottom {
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .pop-bottom .middle {
    padding: 1.0494752624vmax 1.4992503748vmax;
  }
  .pop-bottom .bottom {
    padding: 1.0494752624vmax 1.4992503748vmax;
  }
  .pop-bottom .top {
    padding: 1.0494752624vmax 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .pop-bottom .top p {
    font-size: 1.9490254873vmax;
  }
  .pop-bottom ul,
.pop-bottom ol {
    width: 80%;
  }
  .pop-bottom ul li,
.pop-bottom ol li {
    font-size: 1.9490254873vmax;
  }
  .pop-bottom ul li p,
.pop-bottom ol li p {
    margin: 0 0.7496251874vmax 0 0;
  }
  .pop-bottom ul li .heighlight,
.pop-bottom ol li .heighlight {
    font-size: 2.6986506747vmax;
  }
  .pop-bottom ul li .heighlight b,
.pop-bottom ol li .heighlight b {
    font-size: 1.9490254873vmax;
  }
  .pop-bottom ul li:nth-child(2),
.pop-bottom ol li:nth-child(2) {
    margin: -0.7496251874vmax 0 0;
  }
  .pop-bottom ol {
    width: 100%;
    padding: 1.4992503748vmax;
  }
  .pop-bottom ol li:nth-child(2) {
    margin: 0;
  }
  .pop-bottom .button {
    width: 25%;
  }
  .pop-bottom .button h3 {
    font-size: 2.3988005997vmax;
    line-height: 2.3988005997vmax;
  }
  .pop-bottom .button p {
    margin: -1.4992503748vmax 0 0;
    font-size: 1.7991004498vmax;
    line-height: 1.7991004498vmax;
  }
  .pop-main {
    padding: 1.4992503748vmax 0;
  }
  .pop-main .checkbox {
    margin: 0 0 0 1.4992503748vmax;
  }
  .checkbox {
    margin: 0 1.4992503748vmax 0 0;
  }
  .checkbox label {
    padding: 0 1.4992503748vmax 0 0;
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .checkbox label::before {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border: 0.1499250375vmax solid #333333;
    border-radius: 0.4497751124vmax;
  }
  .checkbox label img {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .pop-toolbar {
    margin: 0 0 1.4992503748vmax;
  }
  .pop-toolbar h2 {
    font-size: 1.9490254873vmax;
  }
  .pop-toolbar p {
    font-size: 1.9490254873vmax;
  }
  .pop-toolbar .setting-btn {
    font-size: 1.9490254873vmax;
  }
  .pop-toolbar .setting-btn::after {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0 0 0.7496251874vmax;
  }
  .prompt {
    width: 52.4737631184vmax;
    border-radius: 2.2488755622vmax;
  }
  .prompt.active {
    top: 10%;
  }
  .prompt-main {
    margin: 1.4992503748vmax 0 0;
    padding: 2.9985007496vmax 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .prompt-main p {
    font-size: 1.9490254873vmax;
  }
  .none-more {
    height: 17.9910044978vmax;
    margin: -0.2666666667vw 0 0;
    padding: 0 2.9985007496vmax;
    border-top: 0.1499250375vmax solid #dddddd;
  }
  .none-more p {
    margin: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .none-more::before, .none-more::after {
    width: 7.4962518741vmax;
    height: 0.1499250375vmax;
  }
}
.header {
  position: relative;
  z-index: 8;
  width: 100%;
  height: auto;
  background-color: #4F6EA0;
}
.header .main {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 2.6666666667vw;
}
.header .main nav {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.header .main nav.overflow {
  overflow: hidden;
}
.header .menu-btn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header .btn,
.header .jump-btn {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  margin: 0 2.6666666667vw 0 0;
  transition: all 0.3s;
  opacity: 0.5;
  font-size: 3.4666666667vw;
}
.header .btn:nth-child(1),
.header .jump-btn:nth-child(1) {
  z-index: 6;
}
.header .btn p,
.header .jump-btn p {
  display: inline-block;
  position: relative;
  color: #ffffff;
  vertical-align: middle;
  pointer-events: none;
}
.header .btn p span,
.header .jump-btn p span {
  margin: 0 0 0 0.5333333333vw;
  color: #FFDF1B;
}
.header .btn p::after,
.header .jump-btn p::after {
  content: "";
  position: absolute;
  bottom: -3.7333333333vw;
  left: 50%;
  width: 0;
  height: 1.0666666667vw;
  transform: translateX(-50%);
  transition: all 0.3s;
  background-color: #FFDF1B;
}
.header .btn.active,
.header .jump-btn.active {
  opacity: 1;
  font-size: 4vw;
  font-weight: bold;
}
.header .btn.active .menu-btn,
.header .jump-btn.active .menu-btn {
  display: block;
}
.header .btn.active p::after,
.header .jump-btn.active p::after {
  width: 8vw;
}
.header .btn.menu-btn-active .arrow-s,
.header .jump-btn.menu-btn-active .arrow-s {
  margin: -1.0666666667vw 0 0 1.3333333333vw;
  transform: rotate(180deg);
}

.account-btn {
  display: block;
  flex-shrink: 0;
  width: 8vw;
  height: 8vw;
  border-radius: 100%;
  background-color: #3e577e;
  background-image: url('data:image/svg+xml, <svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M15 8c1.7 0 3 1.373 3 3.169s-1.3 3.169-3 3.169-3-1.373-3-3.169S13.3 8 15 8zm0 15c-2.5 0-4.7-1.373-6-3.38 0-2.113 4-3.275 6-3.275s6 1.162 6 3.275C19.7 21.627 17.5 23 15 23z" fill=" %23ffffff " fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.trail-btn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: auto;
  height: 8vw;
  border-radius: 8vw;
  padding: 0 2.6666666667vw 0 0.8vw;
  background-color: #FFDF1B;
  color: #000000;
  font-size: 3.2vw;
}
.trail-btn .marquee {
  position: relative;
  max-width: 13.3333333333vw;
  overflow: hidden;
  white-space: nowrap;
}
.trail-btn .marquee span {
  display: inline-block;
}
.trail-btn .marquee.left span {
  animation: marquee-left 8s linear infinite;
}
.trail-btn .marquee.right span {
  animation: marquee-right 8s linear infinite;
}
.trail-btn .trail {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23000000" d="M10.213 1c.704.127 1.164.636 1.635 1.125.479.497.687.998 1.475 1.056.931.068 2.127-.303 2.919.35.958.79.5 2.091.578 3.148.058.794.556.994 1.055 1.475.49.471.995.933 1.125 1.635v.422c-.13.702-.635 1.165-1.125 1.636-.471.454-.998.69-1.056 1.44-.074.95.292 2.054-.299 2.899-.71 1.016-2.17.558-3.198.633-.787.058-.996.56-1.474 1.056-.47.49-.932.995-1.635 1.125h-.421c-.702-.13-1.165-.635-1.635-1.125-.483-.504-.675-.997-1.475-1.056-.931-.068-2.127.303-2.919-.35-.958-.79-.5-2.091-.577-3.148-.058-.788-.56-.996-1.057-1.475-.489-.471-.994-.932-1.124-1.635.012-.135-.016-.291 0-.422.156-1.234 1.674-1.732 2.081-2.611.38-.82-.268-2.25.317-3.236.701-1.181 2.181-.68 3.28-.761.788-.058.996-.56 1.474-1.056.432-.449.982-1.043 1.635-1.125h.421ZM5.6 9.587c-.137.023-1.194.52-1.288.61-.144.138-.23.403-.145.596.524.982.902 2.133 1.436 3.098.362.653 1.283.266 1.042-.445-.048-.142-.508-1.01-.474-1.055.464-.135 1.056-.458.725-1.025-.277-.474-.805-.181-1.166.004-.087-.005-.283-.432-.246-.491.217-.158.599-.213.73-.468.226-.439-.133-.906-.614-.824Zm3.89-.604c-.675-.888-1.65-.536-2.463-.079-.286.16-.382.382-.312.71.543.953.893 2.165 1.442 3.094.36.61 1.205.314 1.057-.39-.041-.197-.235-.463-.3-.666.05-.044.956.624 1.15.66.526.097.89-.443.59-.872-.186-.267-.859-.54-1.14-.74h-.002c.3-.551.378-1.19-.022-1.717Zm2.36-1.267c.127-.485-.237-.842-.723-.723-.134.033-1.111.498-1.203.58-.287.26-.152.577-.033.868.406.994.965 1.975 1.397 2.962.143.16.334.242.551.205.152-.025 1.119-.475 1.254-.574.35-.255.279-.827-.138-.98-.397-.146-.62.189-.982.225l-.213-.473c.432-.17 1.134-.486.754-1.07-.322-.497-.848-.111-1.245.034l-.212-.528c.252-.083.718-.247.792-.526Zm2.566-1.229c.113-.48-.258-.79-.723-.688-.133.029-1.078.477-1.192.564-.433.33-.058.886.108 1.26.393.88.825 1.748 1.248 2.614a.575.575 0 0 0 .549.176c.125-.022 1.095-.471 1.203-.554.513-.393.173-1.16-.504-.995-.092.022-.54.274-.567.257l-.212-.527c.428-.189.89-.274.804-.859-.034-.236-.302-.445-.54-.445-.229 0-.51.222-.735.281l-.231-.523c.28-.1.715-.236.792-.56ZM8 9.685c.215-.081.476-.277.625.025.121.247-.18.463-.412.463L8 9.685Z"/></svg>');
}

.result-btn {
  display: block;
  flex-shrink: 0;
  width: 8vw;
  height: 8vw;
  margin: 0 1.3333333333vw 0;
  border-radius: 100%;
  background-color: #3e577e;
  background-image: url('data:image/svg+xml, <svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="result" stroke="none" stroke-width="1" fill="%23ffffff" fill-rule="evenodd"><path d="M12,15 L12,21 L9,21 L9,15 L12,15 Z M17,11 L17,21 L14,21 L14,11 L17,11 Z M22,13 L22,21 L19,21 L19,13 L22,13 Z M10.5,11 L10.9408389,11.8932373 L11.9265848,12.0364745 L11.2132924,12.7317627 L11.3816779,13.7135255 L10.5,13.25 L9.61832212,13.7135255 L9.78670761,12.7317627 L9.07341523,12.0364745 L10.0591611,11.8932373 L10.5,11 Z M20.5,9 L20.9408389,9.89323725 L21.9265848,10.0364745 L21.2132924,10.7317627 L21.3816779,11.7135255 L20.5,11.25 L19.6183221,11.7135255 L19.7867076,10.7317627 L19.0734152,10.0364745 L20.0591611,9.89323725 L20.5,9 Z M15.5,7 L15.9408389,7.89323725 L16.9265848,8.03647451 L16.2132924,8.73176275 L16.3816779,9.71352549 L15.5,9.25 L14.6183221,9.71352549 L14.7867076,8.73176275 L14.0734152,8.03647451 L15.0591611,7.89323725 L15.5,7 Z" id="Combined-Shape" fill="%23ffffff"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.product-menu {
  display: none;
  position: absolute;
  top: 13.3333333333vw;
  left: 0;
  width: 100%;
  height: 106.6666666667vw;
  overflow: hidden;
  border-radius: 4vw;
}
.product-menu::after {
  content: attr(data-seemore);
  display: block;
  position: absolute;
  z-index: 10;
  bottom: 2.6666666667vw;
  left: 50%;
  min-width: 13.3333333333vw;
  padding: 0 2.6666666667vw;
  transform: translateX(-50%);
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-size: 3.2vw;
  line-height: 6.6666666667vw;
  text-align: center;
  pointer-events: none;
}
.product-menu.active::after {
  opacity: 0;
}
.product-menu .product-mask {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.product-menu .product-mask.active {
  opacity: 1;
}
.product-menu .product-main {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 4vw;
}
.product-menu .product-main::after {
  content: none;
}
.product-menu ul {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.product-menu li {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #d0d0d0;
  background-color: #ececec;
}
.product-menu li p {
  width: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
}
.product-menu li.active {
  background-color: white;
}
.product-menu li .sport-icon {
  flex-shrink: 0;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin: 0 1.3333333333vw 0 0;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .header .main {
    height: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
  }
  .header .btn,
.header .jump-btn {
    margin: 0 1.4992503748vmax 0 0;
    font-size: 1.9490254873vmax;
  }
  .header .btn p span,
.header .jump-btn p span {
    margin: 0 0 0 0.299850075vmax;
  }
  .header .btn p::after,
.header .jump-btn p::after {
    bottom: -2.0989505247vmax;
    height: 0.5997001499vmax;
  }
  .header .btn.active,
.header .jump-btn.active {
    font-size: 2.2488755622vmax;
  }
  .header .btn.active p::after,
.header .jump-btn.active p::after {
    width: 4.4977511244vmax;
  }
  .header .btn.menu-btn-active .arrow-s,
.header .jump-btn.menu-btn-active .arrow-s {
    margin: -0.5997001499vmax 0 0 0.7496251874vmax;
  }
  .account-btn,
.result-btn {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
  }
  .result-btn {
    margin: 0 0.7496251874vmax;
  }
  .product-menu {
    top: 7.4962518741vmax;
    max-height: 48.7256371814vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .product-menu::after {
    bottom: 1.4992503748vmax;
    min-width: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
    border-radius: 2.9985007496vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
    font-size: 1.7991004498vmax;
    line-height: 3.748125937vmax;
  }
  .product-menu .product-main {
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .product-menu li {
    height: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #d0d0d0;
  }
  .product-menu li p {
    font-size: 1.9490254873vmax;
  }
  .product-menu li .sport-icon {
    width: 3.748125937vmax;
    height: 3.748125937vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
}
.product-menu li[data-menu=EURO],
.product-menu li[data-menu=CopaAmerica] {
  background: linear-gradient(135deg, #efefef 0%, #eeeeee 20%, #dddddd 76%, #d4d4d4 76%, #d4d4d4 76%, #d4d4d4 86%, #dddddd 86%, #dddddd 86%, #cccccc 86%, #cccccc 94%, #cccccc 94%, #bbbbbb 94%, #bbbbbb 100%);
}

@keyframes marquee-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.bottom-nav {
  display: flex;
  position: fixed;
  z-index: 7;
  bottom: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 1.3333333333vw;
  border-radius: 4vw 4vw 0 0;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.bottom-nav.active {
  z-index: 21;
}
.bottom-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
}
.bottom-nav ul li {
  position: relative;
  width: 33.3333%;
  font-size: 2.6666666667vw;
  text-align: center;
}
.bottom-nav ul li.invalid {
  opacity: 0.5;
  pointer-events: none;
}
.bottom-nav ul li .point {
  display: none;
  position: absolute;
  z-index: 5;
  top: -0.8vw;
  right: 1.8666666667vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border-radius: 4.2666666667vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
  line-height: 4.2666666667vw;
}
.bottom-nav ul li .point.invalid {
  display: none !important;
  pointer-events: none;
}
.bottom-nav ul li .point.small {
  top: 0.2666666667vw;
  right: 2.4vw;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
}
.bottom-nav ul li.badge .point {
  display: block;
}
.bottom-nav ul li.jump .point {
  animation: jump 1s;
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-2.6666666667vw);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-1.3333333333vw);
  }
  100% {
    transform: translateY(0);
  }
}
.bottom-nav ul li a {
  display: block;
  color: #333333;
  text-decoration: none;
}
.bottom-nav ul li .icon {
  display: block;
  position: relative;
  width: 8vw;
  height: 8vw;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 80%;
}
.bottom-nav ul li .icon svg {
  display: block;
  width: 50%;
  margin: 0 auto;
}
.bottom-nav ul li:nth-child(1) .icon {
  background-image: url('data:image/svg+xml, <svg width="21" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M21 6l-1.646 9H7.092l.17 1h11.89l-1.502 2H6.134L3.482 6H1.023L0 4h5.111l.446 2H21zm-2.484 2H14.58v2h3.645l.291-2zm-4.959 0h-3.07v2h3.07V8zm0 3h-3.07v2h3.07v-2zM9.464 8H5.898l.345 2.03a.502.502 0 0 1 .152-.03h3.07V8zM6.41 11l.34 2h2.715v-2H6.41zm8.171 2h3.206l.291-2H14.58v2zm-6.65 9c-.848 0-1.535-.672-1.535-1.5S7.082 19 7.93 19c.847 0 1.534.672 1.534 1.5S8.777 22 7.93 22zm9.208 0c-.848 0-1.535-.672-1.535-1.5s.687-1.5 1.535-1.5c.848 0 1.535.672 1.535 1.5s-.687 1.5-1.535 1.5z" fill=" %23a7b7d0 " fill-rule="nonzero"/></svg>');
}
.bottom-nav ul li:nth-child(2) .icon {
  background-image: url('data:image/svg+xml, <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3 4h14v18H3V4zm1.75 1.8L3 4h3.5L4.75 5.8zm7 0L10 4h3.5l-1.75 1.8zm3.5 0L13.5 4H17l-1.75 1.8zm-7 0L6.5 4H10L8.25 5.8zm-3.5 1.8h10.5v1.8H4.75V7.6zm0 3.6h10.5V13H4.75v-1.8zm0 3.6h10.5v1.8H4.75v-1.8z" fill=" %23a7b7d0 " fill-rule="evenodd"/></svg>');
}
.bottom-nav ul li:nth-child(3) .icon {
  background-image: url('data:image/svg+xml, <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M7.29 4H6.5l.63.648A7.035 7.035 0 0 0 7.184 7.6H4.75v1.8h3.13a7.03 7.03 0 0 0 1.434 1.8H4.75V13h9v-.004a6.973 6.973 0 0 0 3.25-.67V22H3V4h4.29zM4.75 5.8L6.5 4H3l1.75 1.8zm0 9v1.8h10.5v-1.8H4.75zM14 12a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm-.334-5.982l-1.945-1.944-1.305 1.305 3.24 3.241 1.306-1.305 2.611-2.611-1.296-1.296-2.611 2.61z" fill=" %23a7b7d0 " fill-rule="evenodd"/></svg>');
}
.bottom-nav .buttons-box {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 55%;
  height: 10.6666666667vw;
  border: 0.8vw solid #a7b7d0;
  border-radius: 9.3333333333vw;
  background-color: #a7b7d0;
}
.bottom-nav .buttons-box::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 60%;
  height: 100%;
  transition: all 0.3s;
  border-radius: 9.3333333333vw;
  background-color: #4F6EA0;
  color: #ffffff;
}
.bottom-nav .buttons-box.active::after {
  left: 40%;
}
.bottom-nav .buttons-box.one-column::after {
  width: 100%;
}
.bottom-nav .buttons-box .method-button {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 40%;
  height: 100%;
  transform: scale(0.9);
  transition: all 0.3s;
  color: #ffffff;
}
.bottom-nav .buttons-box .method-button p {
  font-size: 3.4666666667vw;
  font-weight: 600;
  text-align: center;
}
.bottom-nav .buttons-box .method-button p span {
  display: none;
  color: #FFDF1B;
}
.bottom-nav .buttons-box .method-button .method-btn {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.bottom-nav .buttons-box .method-button .arrow {
  margin: 0 0 0 2.6666666667vw;
}
.bottom-nav .buttons-box .method-button.active {
  width: 60%;
  transform: scale(1);
}
.bottom-nav .buttons-box .method-button.active .method-btn {
  display: block;
}
.bottom-nav .buttons-box .method-button.active span {
  display: block;
}
.bottom-nav .buttons-box .method-button.lock {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .bottom-nav {
    height: 7.4962518741vmax;
    padding: 0 0.7496251874vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .bottom-nav ul li {
    font-size: 1.4992503748vmax;
  }
  .bottom-nav ul li .point {
    top: -0.4497751124vmax;
    right: 3.748125937vmax;
    width: 2.3988005997vmax;
    height: 2.3988005997vmax;
    border-radius: 2.3988005997vmax;
    font-size: 1.4992503748vmax;
    line-height: 2.3988005997vmax;
  }
  @keyframes jump {
    0% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-1.4992503748vmax);
    }
    60% {
      transform: translateY(0);
    }
    80% {
      transform: translateY(-0.7496251874vmax);
    }
    100% {
      transform: translateY(0);
    }
  }
  .bottom-nav ul li .icon {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
  }
  .bottom-nav .buttons-box {
    height: 5.9970014993vmax;
    border: 0.4497751124vmax solid #a7b7d0;
    border-radius: 5.2473763118vmax;
  }
  .bottom-nav .buttons-box::after {
    border-radius: 5.2473763118vmax;
  }
  .bottom-nav .buttons-box .method-button p {
    font-size: 1.9490254873vmax;
  }
  .bottom-nav .buttons-box .method-button .arrow {
    margin: 0 0 0 1.4992503748vmax;
  }
}
.content {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #4F6EA0;
}
.content::after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  width: 100%;
  height: 0.2666666667vw;
  background-color: #f6f6f6;
}

.sport[data-live-type=early]:first-of-type {
  margin: 0 auto;
}

.content-date {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 1.3333333333vw;
}
.content-date ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-date ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 12vw;
  height: 12vw;
  margin: 0 0.6666666667vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.content-date ul li hr {
  width: 100%;
  height: 0.2666666667vw;
  background-color: #dddddd;
  border: 0;
  outline: 0;
  margin: 0.2666666667vw 0;
}
.content-date ul li span {
  display: block;
  width: 100%;
  color: #333333;
  font-size: 3.2vw;
  text-align: center;
}
.content-date ul li span.week {
  color: #999999;
}
.content-date ul li.lock {
  background-color: #a7b7d0;
  pointer-events: none;
}
.content-date ul li.lock span {
  opacity: 0.5;
}
.content-date ul li.lock .week,
.content-date ul li.lock .date {
  color: #ffffff;
}
.content-date ul li.active {
  border-color: #4F6EA0;
  background-color: #4F6EA0;
}
.content-date ul li.active span {
  color: #ffffff;
}

.content-time {
  width: 100%;
  height: auto;
  margin: 2.6666666667vw 0 0;
  padding: 0 1.3333333333vw;
}
.content-time ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-time ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 12vw;
  height: 12vw;
  margin: 0 0.6666666667vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.content-time ul li hr {
  width: 100%;
  height: 0.2666666667vw;
  background-color: #dddddd;
  border: 0;
  outline: 0;
  margin: 0.2666666667vw 0;
}
.content-time ul li span {
  display: block;
  width: 100%;
  color: #333333;
  font-size: 3.2vw;
  text-align: center;
}
.content-time ul li span.week {
  color: #999999;
}
.content-time ul li.lock {
  background-color: #a7b7d0;
  pointer-events: none;
}
.content-time ul li.lock span {
  opacity: 0.5;
}
.content-time ul li.lock .week,
.content-time ul li.lock .date {
  color: #ffffff;
}
.content-time ul li.active {
  border-color: #4F6EA0;
  background-color: #4F6EA0;
}
.content-time ul li.active span {
  color: #ffffff;
}

.event-content-main {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 0.2666666667vw solid #dddddd;
  padding: 0 0 0.6666666667vw;
}
.event-content-main:last-child {
  border-bottom: 0;
  padding: 0;
}

.content-main {
  width: 100%;
  min-height: 100%;
  padding: 0 0 13.3333333333vw;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
}

.content-box {
  display: none;
  width: 100%;
  height: auto;
  font-size: 8vw;
  text-align: center;
}
.content-box.active {
  display: block;
}
.content-box.hide {
  display: none;
}

.search .sport-box {
  border-radius: 0;
}

[data-content=Immediate] .sport:first-of-type {
  margin: 0 auto;
}

.sport {
  width: 100%;
  height: auto;
}
.sport:first-of-type {
  margin: 2.6666666667vw auto 0;
}
.sport .sport-box {
  border-radius: 0;
}
.sport.early .sport-box::before, .sport.live .sport-box::before, .sport.promotion .sport-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3333333333vw;
  height: 100%;
  border-radius: none;
  background-color: #4F6EA0;
}
.sport.live .sport-box::before {
  background-color: #DE221F;
}
.sport.fixed {
  padding: 14.6666666667vw 0 0;
}
.sport.fixed .sport-box {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  border-radius: 0 !important;
}

.sport-box {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  align-items: center;
  width: 100%;
  height: 14.6666666667vw;
  padding: 0 2.6666666667vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.sport-box .sport-icon {
  flex-shrink: 0;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin: 0 1.3333333333vw 0 0;
}
.sport-box p {
  width: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: left;
}

.sport-box-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.sport-box-button img {
  height: 60%;
  margin: 0 1.3333333333vw 0 0;
}

.sport-date-select-box {
  display: none;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 27.5%;
  height: 100%;
}
.sport-date-select-box p {
  display: flex;
  align-items: center;
  width: auto;
  height: 100%;
  color: #333333;
  font-size: 2.9333333333vw;
  text-align: center;
}
.sport-date-select-box .arrow-s {
  margin: 1.0666666667vw 0 0 1.3333333333vw;
  border-color: #4F6EA0 transparent transparent;
}
.sport-date-select-box.active {
  display: flex;
}
.sport-date-select-box ul {
  display: none;
  position: absolute;
  top: 80%;
  left: 50%;
  width: 118%;
  height: auto;
  max-height: 57.3333333333vw;
  overflow: auto;
  transform: translateX(-50%);
  border-radius: 1.3333333333vw;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.5);
}
.sport-date-select-box ul li {
  padding: 1.3333333333vw;
  border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 3.4666666667vw;
  line-height: 5.8666666667vw;
}
.sport-date-select-box ul li.active {
  background-color: #4F6EA0;
}

.sport-handicap-select-box {
  display: none;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 55%;
  height: 100%;
}
.sport-handicap-select-box.active {
  display: flex;
}
.sport-handicap-select-box .sport-handicap-select {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
}
.sport-handicap-select-box .sport-handicap-select p {
  display: flex;
  align-items: center;
  width: auto;
  height: 100%;
  color: #333333;
  font-size: 2.9333333333vw;
  line-height: 3.2vw;
  text-align: center;
}
.sport-handicap-select-box .sport-handicap-select .arrow-s {
  margin: 1.0666666667vw 0 0 1.3333333333vw;
  border-color: #4F6EA0 transparent transparent;
}
.sport-handicap-select-box .sport-handicap-select ul {
  display: none;
  position: absolute;
  top: 80%;
  left: 50%;
  width: 118%;
  height: auto;
  max-height: 57.3333333333vw;
  overflow: auto;
  transform: translateX(-50%);
  border-radius: 1.3333333333vw;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.5);
}
.sport-handicap-select-box .sport-handicap-select ul li {
  padding: 1.3333333333vw;
  border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 3.4666666667vw;
  line-height: 5.8666666667vw;
}
.sport-handicap-select-box .sport-handicap-select ul li.active {
  background-color: #4F6EA0;
}
.sport-handicap-select-box .sport-handicap-select ul li:last-child {
  border: none;
}

.league {
  display: none;
  width: 100%;
  height: auto;
  border-top: 0.2666666667vw solid #dddddd;
}
.league:first-child {
  border-top: 0;
}
.league:last-child {
  border-bottom: 0.2666666667vw solid #dddddd;
}
.league.block {
  display: block;
}

.league-box {
  position: relative;
  width: 100%;
  height: 12vw;
}
.league-box .league-box-main {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 12vw;
  padding: 0 2.6666666667vw;
  background-color: #f6f6f6;
}
.league-box .league-box-main.fixed {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  background-color: #f6f6f6 !important;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.league-box .favorite-icon {
  height: 100%;
  margin: 0 1.3333333333vw 0 0;
}

.league-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.league-main .arrow-l {
  border-color: #666666;
}
.league-main.active .arrow-l {
  transform: rotate(-135deg);
}
.league-main p {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 4.2666666667vw;
  text-align: left;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.league-main .number {
  margin: 0 2.6666666667vw 0 0;
}

.event-all {
  display: none;
  width: 100%;
  height: auto;
  padding: 0 2.6666666667vw 2.6666666667vw;
}
.event-all.block {
  display: block;
}

.event {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 2.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.event.block {
  display: block;
}
.event.winner, .event.result {
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.event:last-child {
  margin: 0;
}

.event-box {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
.event-box .home-team,
.event-box .away-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.6666666667vw 0;
}
.event-box .home-team.hot p,
.event-box .away-team.hot p {
  color: #4F6EA0;
}
.event-box p {
  display: -webkit-box;
  width: 100%;
  height: 3.4666666667vw;
  overflow: hidden;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.event-box .team-logo {
  flex-shrink: 0;
  width: 4.8vw;
  height: 4.8vw;
  margin: 0 1.3333333333vw 0 0;
  background-image: url("/theme/images/team/team-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
}
.event-box .team-logo img {
  display: block;
  height: 100%;
  background-color: white;
}
.event-box .redcard {
  margin: 0 0 0 0.6666666667vw;
  padding: 0.5333333333vw 0.8vw;
  border-radius: 0.5333333333vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.event-box .score {
  margin: 0 0 0 0.6666666667vw;
  color: #333333;
  font-size: 3.7333333333vw;
  font-weight: bold;
}
.event-box .label-box {
  display: flex;
  align-items: center;
  height: auto;
  margin: 0;
  padding: 1.3333333333vw 0;
}
.event-box .label-box .label {
  margin: 0 1.3333333333vw 0 0;
}
.event-box .label-box time {
  color: #666666;
  font-size: 2.6666666667vw;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.event-left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  width: 45%;
  padding: 1.3333333333vw 1.3333333333vw 1.3333333333vw 1.3333333333vw;
}

.event-right {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: flex-end;
  width: 55%;
  padding: 0.6666666667vw;
}

.event-bottom {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.3333333333vw;
  border-top: 0.2666666667vw solid #dddddd;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  background-color: #f6f6f6;
}
.event-bottom ul {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 2.6666666667vw;
}
.event-bottom ul li {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 2.6666666667vw 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.event-bottom ul li.analysis {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M3 9h2v8H3V9zm4-6h2v14H7V3zm4 3h2v11h-2V6zm4 6h2v5h-2v-5z" fill="%23d0d0d0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.analysis.active {
  opacity: 0.8;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M3 9h2v8H3V9zm4-6h2v14H7V3zm4 3h2v11h-2V6zm4 6h2v5h-2v-5z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.video {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M2 5h16v11H2V5zm1.6 1.571v7.858h12.8V6.57H3.6zm8.8 4.322l-4 1.964V8.93l4 1.964z" fill="%23d0d0d0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.video.active {
  opacity: 0.8;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M2 5h16v11H2V5zm1.6 1.571v7.858h12.8V6.57H3.6zm8.8 4.322l-4 1.964V8.93l4 1.964z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.score {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8 14v2H5v-2h3zm8 0v2h-3v-2h3zM5 11v3H3v-3h2zm5 0v3H8v-3h2zm3 0v3h-2v-3h2zm5 0v3h-2v-3h2zM5 7v3H3V7h2zm5 0v3H8V7h2zm3 0v3h-2V7h2zm5 0v3h-2V7h2zM8 5v2H5V5h3zm8 0v2h-3V5h3z" fill="%23d0d0d0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.score.active {
  opacity: 0.8;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8 14v2H5v-2h3zm8 0v2h-3v-2h3zM5 11v3H3v-3h2zm5 0v3H8v-3h2zm3 0v3h-2v-3h2zm5 0v3h-2v-3h2zM5 7v3H3V7h2zm5 0v3H8V7h2zm3 0v3h-2V7h2zm5 0v3h-2V7h2zM8 5v2H5V5h3zm8 0v2h-3V5h3z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.timemachine {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.52 8.17 4.04 4.36a1.48 1.48 0 1 1-2.01 1.1L7.52 8.18ZM10 4.5a8.5 8.5 0 0 1 8.5 8.5h-2a6.51 6.51 0 0 0-13 0h-2A8.5 8.5 0 0 1 10 4.5Z" fill="%23d0d0d0" fill-rule="evenodd"/></svg>');
}
.event-bottom ul li.timemachine.active {
  opacity: 0.8;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.52 8.17 4.04 4.36a1.48 1.48 0 1 1-2.01 1.1L7.52 8.18ZM10 4.5a8.5 8.5 0 0 1 8.5 8.5h-2a6.51 6.51 0 0 0-13 0h-2A8.5 8.5 0 0 1 10 4.5Z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.event-bottom .button {
  flex-shrink: 0;
  width: 24vw;
  height: 6.6666666667vw;
  border-radius: 1.3333333333vw;
  font-size: 3.2vw;
}
.event-bottom .favorite-icon {
  flex-shrink: 0;
}

.event-handicap-change {
  display: none;
  width: 50%;
  padding: 0.6666666667vw;
}
.event-handicap-change.active {
  display: flex;
  flex-direction: column;
}
.event-handicap-change.double-line .option-button:nth-child(2), .event-handicap-change.double-line .option-button:nth-child(4), .event-handicap-change.double-line .option-button:nth-child(6), .event-handicap-change.double-line .option-button:nth-child(8), .event-handicap-change.double-line .option-button:nth-child(10) {
  margin: 0 0 2.4vw;
}
.event-handicap-change .lock {
  width: 100%;
  height: 27.4666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.4666666667vw;
}

.option-button {
  position: relative;
  margin: 0 0 0.8vw;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
}
.option-button:last-child {
  margin: 0;
}

.option-title {
  width: 100%;
  padding: 1.3333333333vw 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
}

.option-tips {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 100%;
  width: 170%;
  height: auto;
  padding: 1.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-size: 3.2vw;
  line-height: 4.8vw;
  text-align: left;
  backdrop-filter: blur(0.5333333333vw);
}
.option-tips span {
  color: #FFDF1B;
}
.option-tips .title {
  color: #ffffff;
}
.option-tips::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 10%;
  border-width: 1.3333333333vw;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent;
}
.option-tips .close {
  position: absolute;
  top: -2.6666666667vw;
  right: -2.6666666667vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border: 0.2666666667vw solid #ffffff;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.option-tips .close::before, .option-tips .close::after {
  width: 2.1333333333vw;
  background-color: #ffffff;
}

.event-page .option-btn {
  min-height: 16vw;
}

.option-btn {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 13.3333333333vw;
  padding: 0.6666666667vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.option-btn:last-child {
  margin: 0;
}
@keyframes transformScale {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.option-btn.up .odds-arrow {
  top: 0.8vw;
  right: 0.8vw;
  animation: oddsarrowUp 1s infinite;
  border-color: #04B300 #04B300 transparent transparent;
}
.option-btn.down .odds-arrow {
  right: 0.8vw;
  bottom: 0.8vw;
  animation: oddsarrowDown 1s infinite;
  border-color: transparent #DE221F #DE221F transparent;
}
.option-btn .odds-arrow {
  display: none;
  position: absolute;
  border-width: 1.3333333333vw;
  border-style: solid;
}
@keyframes oddsarrowUp {
  20% {
    filter: brightness(1);
  }
  60% {
    filter: brightness(1.2);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes oddsarrowDown {
  20% {
    filter: brightness(1);
  }
  60% {
    filter: brightness(2);
  }
  100% {
    filter: brightness(1);
  }
}
.option-btn.lock {
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.4666666667vw;
  pointer-events: none;
}
.option-btn.lock .odds,
.option-btn.lock .option {
  opacity: 0;
}
.option-btn.closed {
  pointer-events: none;
}
.option-btn.closed .odds {
  height: 5.6vw;
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.4666666667vw;
  color: transparent;
  pointer-events: none;
}
.option-btn.closed .odds.my-odds {
  color: transparent;
}
.option-btn.closed .player-percent {
  display: none;
}
.option-btn.closed li .odds {
  background-position: right;
}
.option-btn.closed.up .odds, .option-btn.closed.down .odds {
  color: transparent;
}
.option-btn.closed.up .odds-arrow, .option-btn.closed.down .odds-arrow {
  display: none;
}
.option-btn.up .odds-arrow, .option-btn.down .odds-arrow {
  display: block;
}
.option-btn.up .odds {
  color: #04B300;
}
.option-btn.up .odds.my-odds {
  color: #04B300;
}
.option-btn.down .odds {
  color: #DE221F;
}
.option-btn.down .odds.my-odds {
  color: #DE221F;
}
.option-btn .option {
  display: block;
  width: 100%;
  margin: 0 0 0.8vw;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: center;
}
.option-btn .option span {
  color: #666666;
}
.option-btn .option.hot {
  color: #DE221F;
}
.option-btn .odds {
  display: block;
  width: 100%;
  color: #333333;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
}
.option-btn .odds.my-odds {
  color: #DE221F;
}
.option-btn .player-percent {
  margin: 0.8vw 0 0;
  color: #999999;
  font-size: 3.2vw;
}
.option-btn.active {
  border: 0.2666666667vw solid #ffd400;
  background-color: #fff5c2;
}
.option-btn.active li {
  border-bottom: 0.2666666667vw solid #ffd400;
}
.option-btn h3 {
  width: 100%;
  padding: 1.3333333333vw 0 0;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: center;
}
.option-btn ul {
  width: 100%;
}
.option-btn ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  height: 10.6666666667vw;
  margin: 0 auto;
  padding: 0 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
}
.option-btn ul li:last-child {
  border: 0;
}
.option-btn ul li .option,
.option-btn ul li .odds {
  width: auto;
}
.option-btn ul li .option {
  min-width: 8vw;
}

.winner-box {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 2.6666666667vw;
  padding: 1.3333333333vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.winner-box:last-child {
  margin: 0;
}
.winner-box .ranking {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 8vw;
  height: 8vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 100%;
  background-color: #f6f6f6;
  color: #333333;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.winner-box .team {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-size: 3.4666666667vw;
}
.winner-box p {
  padding: 0 1.3333333333vw 0 0;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 4.2666666667vw;
  text-align: left;
}
.winner-box .team-logo {
  position: relative;
  flex-shrink: 0;
  width: 8vw;
  height: 8vw;
  margin: 0 1.3333333333vw 0 0;
  padding: 0;
}
.winner-box .team-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.winner-box .option-btn {
  flex-shrink: 0;
  width: 20vw;
  min-height: 10.6666666667vw;
  margin: 0;
  background-color: #f6f6f6;
}
.winner-box .option-btn.active {
  background-color: #fff5c2;
}

.result-select-bg {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
  margin: 2.6666666667vw 0 0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.result-select-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2666666667vw;
  height: 5.3333333333vw;
  margin: -2.6666666667vw 0 0 -0.1333333333vw;
  background-color: #dddddd;
}

.result-select-box {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 0 5.3333333333vw;
}
.result-select-box .arrow-l {
  margin: 0 0 0.5333333333vw;
  color: #000000;
}
.result-select-box select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: left;
  text-align-last: left;
  text-indent: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.result-select-box select option {
  text-align: center;
  text-align-last: center;
}

[data-content=result] .league:last-child .event-all:last-child {
  margin: 0 0 26.6666666667vw;
}

.result-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.result-box:last-child {
  margin: 0;
}
.result-box p {
  padding: 0 1.3333333333vw 0 0;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 4.8vw;
  text-align: left;
}
.result-box p span {
  color: #999999;
}
.result-box .team-logo {
  position: relative;
  flex: 0 0 5.8666666667vw;
  height: 5.8666666667vw;
  margin: 0 1.3333333333vw 0 0;
  padding: 0;
}
.result-box .team-logo img {
  display: block;
  width: 100%;
  height: 100%;
}

.result-main {
  width: calc(100% - 40vw);
}

.result-team {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 13.3333333333vw;
  padding: 0 2.6666666667vw;
  font-size: 3.4666666667vw;
}
.result-team.win p {
  color: #4F6EA0;
  font-weight: bold;
}
.result-team.win p::after {
  content: "";
  display: inline-block;
  border-width: 1.0666666667vw;
  border-style: solid;
  border-color: transparent #4F6EA0 transparent transparent;
  vertical-align: middle;
}

.result-title {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 10.6666666667vw;
  padding: 0 0 0 2.6666666667vw;
  border-left: 1.3333333333vw solid #4F6EA0;
  background-color: white;
  box-shadow: 0 1.3333333333vw 5.3333333333vw -2.6666666667vw rgba(0, 0, 0, 0.1);
}
.result-title time {
  color: #333333;
  font-size: 2.9333333333vw;
}

.result-table {
  display: flex;
  max-width: 40vw;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.result-table table {
  width: auto;
  text-align: center;
  white-space: nowrap;
}
.result-table th,
.result-table td {
  min-width: 13.3333333333vw;
  vertical-align: middle;
}
.result-table th.fulltimes,
.result-table td.fulltimes {
  color: #4F6EA0;
}
.result-table th {
  position: relative;
  z-index: 2;
  height: 10.6666666667vw;
  border: 0.2666666667vw solid white;
  box-shadow: 0 1.3333333333vw 5.3333333333vw -2.6666666667vw rgba(0, 0, 0, 0.1);
  color: #333333;
  font-size: 2.9333333333vw;
}
.result-table td {
  height: 13.3333333333vw;
  border: 0.2666666667vw solid white;
  background-color: #f6f6f6;
  color: #333333;
  font-size: 4vw;
  font-weight: bold;
}
.result-table td.fulltimes {
  background-color: #eaeef5;
}

.result-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9.3333333333vw;
  border-top: 0.2666666667vw solid #dddddd;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
  color: #666666;
  font-size: 3.2vw;
}
.result-button .icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.result-button .icon::before, .result-button .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 -1.3333333333vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.result-button .icon::after {
  transform: rotate(90deg);
}
.result-button.active .icon {
  transform: rotate(180deg);
}
.result-button.active .icon::after {
  transform: rotate(0deg);
}

.result-detail {
  display: none;
  width: 100%;
  height: auto;
  padding: 1.3333333333vw;
  background-color: #f6f6f6;
}

.table-box {
  width: 100%;
  border: 0.2666666667vw solid #dddddd;
}
.table-box:nth-child(1) {
  margin: 0 0 1.3333333333vw;
}
.table-box table {
  width: 100%;
  color: #666666;
  font-size: 3.2vw;
}
.table-box table.aling-left {
  text-align: left;
}
.table-box table tr:nth-child(odd) {
  background-color: white;
}
.table-box table td {
  padding: 2.6666666667vw 1.3333333333vw;
}
.table-box table td.title {
  color: #333333;
}
.table-box table .icon {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0.5333333333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.table-box table .icon.goal {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8 14v2H5v-2h3zm8 0v2h-3v-2h3zM5 11v3H3v-3h2zm5 0v3H8v-3h2zm3 0v3h-2v-3h2zm5 0v3h-2v-3h2zM5 7v3H3V7h2zm5 0v3H8V7h2zm3 0v3h-2V7h2zm5 0v3h-2V7h2zM8 5v2H5V5h3zm8 0v2h-3V5h3z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.table-box table .icon.corner {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path fill="%23999999" d="M7.138 5v9.136L6 14.625h3.398l-1.084-.466v-3.244L15 8.196z" fill-rule="evenodd"/></svg>');
}
.table-box table .icon.yellowcard {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.028 13.729c-.842-.314-1.248-1.195-.908-1.97l2.988-6.812c.34-.775 1.297-1.15 2.138-.837l4.126 1.536c.841.313 1.248 1.195.908 1.97l-2.988 6.812c-.34.775-1.297 1.15-2.138.836L6.028 13.73z" fill="%23FEDE1A" fill-rule="evenodd"/></svg>');
}
.table-box table .icon.redcard {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.028 13.729c-.842-.314-1.248-1.195-.908-1.97l2.988-6.812c.34-.775 1.297-1.15 2.138-.837l4.126 1.536c.841.313 1.248 1.195.908 1.97l-2.988 6.812c-.34.775-1.297 1.15-2.138.836L6.028 13.73z" fill="%23ED2E2B" fill-rule="evenodd"/></svg>');
}
.table-box table .icon.penalty {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 4.125a5.5 5.5 0 11-5.121 7.506l-.03-.037.001-.036a5.5 5.5 0 015.15-7.433zm.039 1h-.037a4.479 4.479 0 00-2.755.945l-.29.466L6.332 7.93a4.473 4.473 0 00-.252 2.539l.03-.959 1.305.45.833 2.148-.873.75a4.486 4.486 0 003.212 1.266L10 13.46l1.712-2.335 2.288.341-.181 1.197A4.485 4.485 0 0015 9.758l-.465-.117-.727-2.052.184-.802a4.527 4.527 0 00-1.806-1.334l-.621-.08L13 6.893l-1.372 2.232-2.55-.55L9 6.077l1.971-.806-.395-.145-.037-.001z" fill="%23999999" fill-rule="evenodd"/></svg>');
}

.content-filter {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 13.3333333333vw;
  margin: 0 0 2.6666666667vw;
  border-radius: 4vw 4vw 0 0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.content-filter ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.content-filter li {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 2.6666666667vw;
  transition: all 0.3s;
  color: #666666;
  font-size: 3.4666666667vw;
}
.content-filter li::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  margin: 0 1.3333333333vw 0 0;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 5.3333333333vw;
  background-color: #f6f6f6;
}
.content-filter li.active {
  color: #4F6EA0;
  font-size: 4vw;
  font-weight: bold;
}
.content-filter li.active::before {
  transform: rotate(45deg);
  border: 0.2666666667vw solid #4F6EA0;
  background-color: #4F6EA0;
  background-image: url('data:image/svg+xml, <svg width="6" height="9" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M0 9V7h4V0h2v9z" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35%;
}

.content-tab {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 13.3333333333vw;
  border-radius: 4vw 4vw 0 0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.content-tab ul {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 100%;
  overflow: auto;
}
.content-tab ul.active {
  position: fixed;
  height: 13.3333333333vw;
  top: 0;
  left: 0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.content-tab li {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 2.6666666667vw;
  transition: all 0.3s;
  color: #666666;
  font-size: 3.4666666667vw;
  white-space: nowrap;
}
.content-tab li span {
  margin: 0 0 0 0.8vw;
}
.content-tab li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.8vw;
  left: 50%;
  width: 0;
  height: 1.0666666667vw;
  transform: translateX(-50%);
  transition: all 0.3s;
  background-color: #4F6EA0;
}
.content-tab li.active {
  color: #4F6EA0;
  font-size: 4vw;
  font-weight: bold;
}
.content-tab li.active::after {
  width: 8vw;
}
.content-tab li.new::before {
  content: "NEW";
  display: block;
  position: absolute;
  top: 0.5333333333vw;
  left: 0;
  padding: 0.5333333333vw 1.0666666667vw;
  transition: all 0.3s;
  border-radius: 0.5333333333vw;
  font-size: 1.4992503748vmax;
  font-weight: bold;
  color: #ffffff;
  background-color: #DE221F;
  animation: newTag 1.5s linear infinite;
}
.content-tab li.hidden {
  display: none;
}

@keyframes newTag {
  0% {
    box-shadow: 0 0.5333333333vw 1.3333333333vw 0 rgba(0, 0, 0, 0.4);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 1.3333333333vw 1.3333333333vw 0 rgba(0, 0, 0, 0.2);
    transform: translatey(-2px);
  }
  100% {
    box-shadow: 0 0.5333333333vw 1.3333333333vw 0 rgba(0, 0, 0, 0.4);
    transform: translatey(0px);
  }
}
.content-inner-box {
  display: none;
  width: 100%;
  height: auto;
}
.content-inner-box.active {
  display: block;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .content-date {
    display: flex;
    justify-content: center;
    padding: 1.4992503748vmax 0;
  }
  .content-date ul {
    display: inline-flex;
  }
  .content-date ul li {
    width: 6.7466266867vmax;
    height: 6.7466266867vmax;
    margin: 0 0.3748125937vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .content-date ul li span {
    font-size: 1.7991004498vmax;
  }
  .content-time {
    display: flex;
    justify-content: center;
    margin: 1.4992503748vmax 0 0;
    padding: 0 0.7496251874vmax;
  }
  .content-time ul {
    display: inline-flex;
  }
  .content-time ul li {
    width: 6.7466266867vmax;
    height: 6.7466266867vmax;
    margin: 0 0.3748125937vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .content-time ul li span {
    font-size: 1.7991004498vmax;
  }
  .content-main {
    padding: 0 0 7.4962518741vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .content-box {
    font-size: 4.4977511244vmax;
  }
  .sport:first-of-type {
    margin: 1.4992503748vmax auto 0;
  }
  .sport.early .sport-box::before, .sport.live .sport-box::before, .sport.promotion .sport-box::before {
    width: 0.7496251874vmax;
  }
  .sport.early .sport-box .sport-box-button img, .sport.live .sport-box .sport-box-button img, .sport.promotion .sport-box .sport-box-button img {
    margin: 0 0.7496251874vmax 0 0;
  }
  .content-inner-box .sport.promotion:first-of-type {
    margin: 1.4992503748vmax 0 0;
  }
  .sport-box {
    height: 8.2458770615vmax;
    padding: 0 1.4992503748vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .sport-box .sport-icon {
    width: 3.748125937vmax;
    height: 3.748125937vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .sport-box p {
    font-size: 1.9490254873vmax;
  }
  .sport-handicap-select-box {
    width: 35%;
  }
  .sport-handicap-select-box .sport-handicap-select p {
    font-size: 1.6491754123vmax;
    line-height: 1.7991004498vmax;
  }
  .sport-handicap-select-box .sport-handicap-select .arrow-s {
    margin: 0.5997001499vmax 0 0 0.7496251874vmax;
  }
  .sport-handicap-select-box .sport-handicap-select ul {
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.5);
  }
  .sport-handicap-select-box .sport-handicap-select ul li {
    padding: 0.7496251874vmax;
    border-bottom: 0.1499250375vmax solid rgba(255, 255, 255, 0.3);
    font-size: 1.9490254873vmax;
    line-height: 3.2983508246vmax;
  }
  .league {
    border-top: 0.1499250375vmax solid #dddddd;
  }
  .league:last-child {
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .league-box {
    height: 6.7466266867vmax;
  }
  .league-box .league-box-main {
    height: 6.7466266867vmax;
    padding: 0 1.4992503748vmax;
  }
  .league-box .league-box-main.fixed {
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .league-box .favorite-icon {
    margin: 0 0.7496251874vmax 0 0;
  }
  .league-main p {
    font-size: 1.9490254873vmax;
    line-height: 2.3988005997vmax;
  }
  .league-main .number {
    margin: 0 1.4992503748vmax 0 0;
  }
  .event-all {
    padding: 0 1.4992503748vmax 1.4992503748vmax;
  }
  .event {
    margin: 0 auto 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-box .home-team,
.event-box .away-team {
    padding: 0.3748125937vmax 0;
  }
  .event-box p {
    height: 1.9490254873vmax;
    font-size: 1.9490254873vmax;
  }
  .event-box .team-logo {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .event-box .redcard {
    margin: 0 0 0 0.3748125937vmax;
    padding: 0.299850075vmax 0.4497751124vmax;
    border-radius: 0.299850075vmax;
    font-size: 1.4992503748vmax;
  }
  .event-box .score {
    margin: 0 0 0 0.3748125937vmax;
    font-size: 2.0989505247vmax;
  }
  .event-box .label-box {
    padding: 0.7496251874vmax 0;
  }
  .event-box .label-box .label {
    margin: 0 0.7496251874vmax 0 0;
  }
  .event-box .label-box time {
    font-size: 1.4992503748vmax;
  }
  .event-left {
    width: 65%;
    padding: 0.7496251874vmax 0 0.7496251874vmax 0.7496251874vmax;
  }
  .event-right {
    width: 35%;
    padding: 0.3748125937vmax;
  }
  .event-bottom {
    padding: 0.7496251874vmax;
    border-top: 0.1499250375vmax solid #dddddd;
    border-radius: 0 0 0.7496251874vmax 0.7496251874vmax;
  }
  .event-bottom ul {
    padding: 0 1.4992503748vmax;
  }
  .event-bottom ul li {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 1.4992503748vmax 0 0;
  }
  .event-bottom .button {
    width: 13.4932533733vmax;
    height: 3.748125937vmax;
    border-radius: 0.7496251874vmax;
    font-size: 1.7991004498vmax;
  }
  .event-handicap-change {
    padding: 0.3748125937vmax;
  }
  .event-handicap-change.double-line .option-button:nth-child(2), .event-handicap-change.double-line .option-button:nth-child(4), .event-handicap-change.double-line .option-button:nth-child(6), .event-handicap-change.double-line .option-button:nth-child(8), .event-handicap-change.double-line .option-button:nth-child(10) {
    margin: 0 0 1.3493253373vmax;
  }
  .event-handicap-change .lock {
    height: 15.4422788606vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .option-button {
    margin: 0 0 0.299850075vmax;
    font-size: 1.9490254873vmax;
  }
  .option-title {
    padding: 0.7496251874vmax 0;
    font-size: 1.9490254873vmax;
  }
  .option-tips {
    padding: 0.7496251874vmax;
    border-radius: 0.7496251874vmax;
    font-size: 1.7991004498vmax;
    line-height: 2.6986506747vmax;
    backdrop-filter: blur(0.299850075vmax);
  }
  .option-tips::after {
    border-width: 0.7496251874vmax;
  }
  .option-tips .close {
    top: -1.4992503748vmax;
    right: -1.4992503748vmax;
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    border: 0.1499250375vmax solid #ffffff;
  }
  .option-tips .close::before, .option-tips .close::after {
    width: 1.1994002999vmax;
  }
  .event-page .option-btn {
    min-height: 8.9955022489vmax;
  }
  .option-btn {
    min-height: 7.4962518741vmax;
    padding: 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .option-btn.up .odds-arrow {
    top: 0.4497751124vmax;
    right: 0.4497751124vmax;
  }
  .option-btn.down .odds-arrow {
    right: 0.4497751124vmax;
    bottom: 0.4497751124vmax;
  }
  .option-btn .odds-arrow {
    border-width: 0.7496251874vmax;
  }
  .option-btn.closed .odds {
    height: 2.9985007496vmax;
  }
  .option-btn .option {
    margin: 0 0 0.4497751124vmax;
    font-size: 1.9490254873vmax;
  }
  .option-btn .odds {
    font-size: 2.2488755622vmax;
  }
  .option-btn .player-percent {
    margin: 0.4497751124vmax 0 0;
    font-size: 1.7991004498vmax;
  }
  .option-btn.active {
    border: 0.1499250375vmax solid #ffd400;
  }
  .option-btn.active li {
    border-bottom: 0.1499250375vmax solid #ffd400;
  }
  .option-btn h3 {
    padding: 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
  }
  .option-btn ul li {
    height: 5.9970014993vmax;
    padding: 0 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .option-btn ul li .option {
    min-width: 4.4977511244vmax;
  }
  .winner-box {
    margin: 0 0 1.4992503748vmax;
    padding: 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .winner-box .ranking {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
    border: 0.1499250375vmax solid #dddddd;
    font-size: 1.4992503748vmax;
  }
  .winner-box .team {
    font-size: 1.9490254873vmax;
  }
  .winner-box p {
    padding: 0 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
    line-height: 2.3988005997vmax;
  }
  .winner-box .team-logo {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .winner-box .option-btn {
    width: 11.2443778111vmax;
    min-height: 5.9970014993vmax;
  }
  .result-select-bg {
    height: 7.4962518741vmax;
    margin: 1.4992503748vmax 0 0;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .result-select-bg::after {
    width: 0.1499250375vmax;
    height: 2.9985007496vmax;
    margin: -1.4992503748vmax 0 0 -0.0749625187vmax;
  }
  .result-select-box {
    padding: 0 2.9985007496vmax;
  }
  .result-select-box .arrow-l {
    margin: 0 0 0.299850075vmax;
  }
  .result-select-box select {
    font-size: 1.9490254873vmax;
  }
  [data-content=result] .league:last-child .event-all:last-child {
    margin: 0 0 14.9925037481vmax;
  }
  .result-box {
    margin: 0 0 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .result-box p {
    padding: 0 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
    line-height: 2.6986506747vmax;
  }
  .result-box .team-logo {
    flex: 0 0 3.2983508246vmax;
    height: 3.2983508246vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .result-main {
    width: calc(100% - 22.5vmax);
  }
  .result-team {
    height: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .result-title {
    height: 5.9970014993vmax;
    padding: 0 0 0 1.4992503748vmax;
    border-left: 0.7496251874vmax solid #4F6EA0;
    box-shadow: 0 0.7496251874vmax 2.9985007496vmax -1.4992503748vmax rgba(0, 0, 0, 0.1);
  }
  .result-title time {
    font-size: 1.6491754123vmax;
  }
  .result-table {
    max-width: 22.4887556222vmax;
  }
  .result-table th,
.result-table td {
    min-width: 7.4962518741vmax;
  }
  .result-table th {
    height: 5.9970014993vmax;
    border: 0.1499250375vmax solid white;
    box-shadow: 0 0.7496251874vmax 2.9985007496vmax -1.4992503748vmax rgba(0, 0, 0, 0.1);
    font-size: 1.6491754123vmax;
  }
  .result-table td {
    height: 7.4962518741vmax;
    border: 0.1499250375vmax solid white;
    font-size: 2.2488755622vmax;
  }
  .result-button {
    height: 5.2473763118vmax;
    border-top: 0.1499250375vmax solid #dddddd;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.7991004498vmax;
  }
  .result-button .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 2.9985007496vmax;
  }
  .result-button .icon::before, .result-button .icon::after {
    width: 1.4992503748vmax;
    height: 0.2248875562vmax;
    margin: -0.1124437781vmax 0 0 -0.7496251874vmax;
  }
  .result-detail {
    padding: 0.7496251874vmax;
  }
  .table-box {
    border: 0.1499250375vmax solid #dddddd;
  }
  .table-box:nth-child(1) {
    margin: 0 0 0.7496251874vmax;
  }
  .table-box table {
    font-size: 1.7991004498vmax;
  }
  .table-box table td {
    padding: 1.4992503748vmax 0.7496251874vmax;
  }
  .table-box table .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0 0.299850075vmax;
  }
  .content-filter {
    height: 7.4962518741vmax;
    margin: 0 0 1.4992503748vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .content-filter li {
    padding: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .content-filter li::before {
    width: 2.2488755622vmax;
    height: 2.2488755622vmax;
    margin: 0 0.7496251874vmax 0 0;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 2.9985007496vmax;
  }
  .content-filter li.active {
    font-size: 2.2488755622vmax;
  }
  .content-filter li.active::before {
    border: 0.1499250375vmax solid #4F6EA0;
  }
  .content-tab {
    height: 7.4962518741vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .content-tab ul.active {
    height: 7.4962518741vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .content-tab li {
    padding: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .content-tab li span {
    margin: 0 0 0 0.4497751124vmax;
  }
  .content-tab li::after {
    bottom: 0.4497751124vmax;
    height: 0.5997001499vmax;
  }
  .content-tab li.active {
    font-size: 2.2488755622vmax;
  }
  .content-tab li.active::after {
    width: 4.4977511244vmax;
  }
}
.numbergame.result-select-bg::after {
  background-color: transparent;
}
.numbergame .result-table {
  min-width: 66.6666666667vw;
  max-width: 50%;
  border-left: 0.2666666667vw solid #dddddd;
  overflow: auto;
}
.numbergame .result-table table {
  width: 100%;
}
.numbergame-table {
  overflow: auto;
}
.numbergame-table th, .numbergame-table td {
  min-width: 56vw;
  max-width: 213.3333333333vw;
}
.numbergame-table th {
  padding: 0 2.6666666667vw;
}
.numbergame-table th p {
  font-weight: bold;
}
.numbergame-table th p span {
  padding-left: 1.3333333333vw;
  font-weight: normal;
}
.numbergame-table td {
  height: 26.6666666667vw;
  padding: 2.6666666667vw;
}
.numbergame-table td .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.numbergame-table td .current-result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 1.3333333333vw;
  border-radius: 1.0666666667vw;
  background-color: #fceceb;
  border: 0.2666666667vw solid #f9d1d0;
}
.numbergame-table td .current-result:nth-child(even) {
  margin: 0 1.3333333333vw;
}
.numbergame-table td .current-result p {
  display: flex;
  width: auto;
  padding: 0 4vw 0 0;
  color: #DE221F;
  font-size: 4vw;
}
.numbergame-table td .current-result-time {
  display: flex;
  gap: 0.6666666667vw;
}
.numbergame-table td .current-result-time .time-unit {
  height: auto;
  padding: 0.6666666667vw;
  color: #ffffff;
  font-size: 4vw;
  text-align: center;
  font-weight: bold;
  background-color: #666666;
}
.numbergame-table td .current-result-time .time-unit.active {
  background-color: #DE221F;
  color: #ffffff;
}
.numbergame-table td .current-result-time span {
  padding: 0.6666666667vw 0;
  font-size: 3.2vw;
  font-weight: bold;
  color: #333333;
}
.numbergame-table td .current-result.disable {
  background-color: #f6f6f6;
  border: 0.2666666667vw solid #dddddd;
}
.numbergame-table td .current-result.disable p {
  color: #999999;
}
.numbergame-table td .current-result.disable .current-result-time .time-unit {
  color: #999999;
  background-color: #dddddd;
}
.numbergame-table td .current-result.disable .current-result-time .time-unit.active {
  color: #999999;
  background-color: #dddddd;
}
.numbergame-table td .current-result.disable .current-result-time span {
  color: #999999;
}

.sport.europe-view .sport-handicap-select-box {
  display: none;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 55%;
  height: 100%;
}
.sport.europe-view .sport-handicap-select-box.active {
  display: flex;
}
.sport.europe-view .sport-handicap-select-box ul {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: none;
}
.sport.europe-view .sport-handicap-select-box ul::-webkit-scrollbar-track {
  background-color: white;
}
.sport.europe-view .sport-handicap-select-box ul::-webkit-scrollbar {
  display: flex !important;
  height: 1.3333333333vw;
}
.sport.europe-view .sport-handicap-select-box ul::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  height: 1.3333333333vw;
  border-radius: 1.3333333333vw;
}
.sport.europe-view .sport-handicap-select-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.3333333333vw;
  min-width: 13.3333333333vw;
  height: 12vw;
  margin: 0 0.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
  font-size: 3.2vw;
  color: #333333;
}
.sport.europe-view .sport-handicap-select-box ul li.active {
  border-color: #4F6EA0;
  background-color: #4F6EA0;
  color: #ffffff;
}
.sport.europe-view .event-right {
  flex-direction: column;
}
.sport.europe-view .event-right .event-handicap-change {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.6666666667vw;
  padding: 0.4vw;
}
.sport.europe-view .event-right .event-handicap-change .option-button {
  flex: 1;
}
.sport.europe-view .event-right .event-handicap-change.two .option-button {
  width: calc(50% - 0.5333333333vw);
  flex: none;
}

.event-page {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #4F6EA0;
}
.event-page.active {
  display: block;
}
.event-page.forsearch {
  z-index: 20;
}

.event-page-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  background-color: #4F6EA0;
}
.event-page-header .close {
  flex-shrink: 0;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
}
.event-page-header .close::before, .event-page-header .close::after {
  background-color: #ffffff;
}

.event-page-main {
  width: 100%;
  min-height: calc(100% - 13.33333vw);
  padding: 1.3333333333vw 0 13.3333333333vw;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}

.event-page-breadcrumbs {
  width: 100%;
  padding: 0 0 0 2.6666666667vw;
}
.event-page-breadcrumbs ul {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.event-page-breadcrumbs ul li {
  display: flex;
  align-items: center;
  margin: 0 1.0666666667vw 0 0;
  color: #ffffff;
  font-size: 3.4666666667vw;
  text-align: left;
}
.event-page-breadcrumbs ul li:nth-child(odd) {
  max-width: calc((100% - 13vw) / 4);
}
.event-page-breadcrumbs ul li:nth-child(odd) p {
  display: -webkit-box;
  min-width: 6.9333333333vw;
  max-height: 10.4vw;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.event-page-breadcrumbs ul li:last-child {
  max-width: 100%;
  margin: 0;
}
.event-page-breadcrumbs ul li.active {
  color: #FFDF1B;
}
.event-page-breadcrumbs ul li .number {
  margin: 0 0 0 1.3333333333vw;
  border-color: #5b7aae;
  background-color: #3e577e;
  color: #FFDF1B;
}
.event-page-breadcrumbs .arrow-l {
  padding: 0.5333333333vw;
}
.event-page-breadcrumbs .arrow-s.down {
  border-color: #FFDF1B transparent transparent;
}

.event-page-others {
  display: flex;
  margin: 0 0 2.6666666667vw;
  padding: 2.6666666667vw;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.event-page-others .event {
  display: inlin-flex;
  flex-shrink: 0;
  width: 48vw;
  margin: 0 2.6666666667vw 0 0;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.event-page-others .event.active {
  background-color: #fff5c2;
}
.event-page-others .event.active .team-logo img {
  background-color: #fff5c2;
}
.event-page-others .event:last-child {
  margin: 0;
}
.event-page-others .event-left {
  width: 100%;
  padding: 1.3333333333vw;
  white-space: normal;
}

.event-page-event {
  width: 100%;
  height: auto;
}

.event-page-title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 4vw 2.6666666667vw;
  background-color: white;
  filter: drop-shadow(0 0 0.8vw rgba(0, 0, 0, 0.1));
}
.event-page-title .favorite-icon {
  position: absolute;
  top: -2.6666666667vw;
  left: 2.6666666667vw;
  width: 8vw;
  height: 8vw;
  border-radius: 100%;
  background-color: white;
  background-size: 70%;
}
.event-page-title .event-page-event-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 1.3333333333vw;
  white-space: nowrap;
}
.event-page-title .label {
  margin: 0 0 1.3333333333vw;
}
.event-page-title .score {
  margin: 0 0 1.3333333333vw;
  padding: 0 1.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 8vw;
}
.event-page-title time {
  width: 100%;
  color: #666666;
  font-size: 3.2vw;
}
.event-page-title .home-team,
.event-page-title .away-team {
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.6666666667vw 0;
}
.event-page-title .home-team.hot p,
.event-page-title .away-team.hot p {
  color: #4F6EA0;
}
.event-page-title .home-team p,
.event-page-title .away-team p {
  width: 100%;
  overflow: hidden;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: left;
}
.event-page-title .home-team .team-logo,
.event-page-title .away-team .team-logo {
  flex-shrink: 0;
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  padding: 0.6666666667vw;
  background-image: url("/theme/images/team/team-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68%;
}
.event-page-title .home-team .team-logo img,
.event-page-title .away-team .team-logo img {
  display: block;
  height: 100%;
  background-color: white;
}
.event-page-title .home-team {
  flex-direction: row-reverse;
}
.event-page-title .home-team p {
  text-align: right;
}

.event-page-detail {
  width: 100%;
  height: auto;
  margin: 0 0 -2.6666666667vw;
}
.event-page-detail ul {
  display: flex;
  justify-content: center;
}
.event-page-detail li {
  display: flex;
  position: relative;
  align-items: center;
  padding: 2.6666666667vw 6.6666666667vw 2.6666666667vw 4vw;
}
.event-page-detail li::before {
  content: "";
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.event-page-detail li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2666666667vw;
  height: 35%;
  transform: translateY(-50%);
  background-color: #dddddd;
}
.event-page-detail li:last-child::after {
  content: none;
}
.event-page-detail li p {
  text-align: center;
}
.event-page-detail li p span {
  display: block;
}
.event-page-detail li p span.degital {
  color: #333333;
  font-size: 4vw;
  font-weight: bold;
}
.event-page-detail li p span.title {
  color: #999999;
  font-size: 3.2vw;
}
.event-page-detail li.cornerkick::before, .event-page-detail li.corner::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path fill="%23999999" d="M7.138 5v9.136L6 14.625h3.398l-1.084-.466v-3.244L15 8.196z" fill-rule="evenodd"/></svg>');
}
.event-page-detail li.yellowcard::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.028 13.729c-.842-.314-1.248-1.195-.908-1.97l2.988-6.812c.34-.775 1.297-1.15 2.138-.837l4.126 1.536c.841.313 1.248 1.195.908 1.97l-2.988 6.812c-.34.775-1.297 1.15-2.138.836L6.028 13.73z" fill="%23FEDE1A" fill-rule="evenodd"/></svg>');
}
.event-page-detail li.redcard::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.028 13.729c-.842-.314-1.248-1.195-.908-1.97l2.988-6.812c.34-.775 1.297-1.15 2.138-.837l4.126 1.536c.841.313 1.248 1.195.908 1.97l-2.988 6.812c-.34.775-1.297 1.15-2.138.836L6.028 13.73z" fill="%23ED2E2B" fill-rule="evenodd"/></svg>');
}
.event-page-detail li.penaltykick::before, .event-page-detail li.penalty::before {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 4.125a5.5 5.5 0 11-5.121 7.506l-.03-.037.001-.036a5.5 5.5 0 015.15-7.433zm.039 1h-.037a4.479 4.479 0 00-2.755.945l-.29.466L6.332 7.93a4.473 4.473 0 00-.252 2.539l.03-.959 1.305.45.833 2.148-.873.75a4.486 4.486 0 003.212 1.266L10 13.46l1.712-2.335 2.288.341-.181 1.197A4.485 4.485 0 0015 9.758l-.465-.117-.727-2.052.184-.802a4.527 4.527 0 00-1.806-1.334l-.621-.08L13 6.893l-1.372 2.232-2.55-.55L9 6.077l1.971-.806-.395-.145-.037-.001z" fill="%23999999" fill-rule="evenodd"/></svg>');
}

.thirdparty {
  margin: 0 0 2.6666666667vw;
}
.thirdparty.active {
  margin: -2.6666666667vw 0 85.3333333333vw;
}
.thirdparty.active .thirdparty-main {
  height: 70.4vw;
}
.thirdparty .thirdparty-box {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all 0.1s;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.thirdparty .thirdparty-box.active {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.5);
}
.thirdparty .close {
  display: none;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
}
.thirdparty .close::before, .thirdparty .close::after {
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  background-color: #ffffff;
}
.thirdparty .zoom-out {
  display: block;
  position: absolute;
  z-index: 2;
  top: 2.6666666667vw;
  right: 2.6666666667vw;
  width: 6.6666666667vw;
  height: 5.3333333333vw;
  margin: 0 0 0 2.6666666667vw;
  transition: none;
  background-color: #4F6EA0;
}
.thirdparty .zoom-out::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.1333333333vw;
  height: 0.5333333333vw;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}

.thirdparty-main {
  display: none;
  position: relative;
  width: 100%;
  height: 66.6666666667vw;
  background-color: rgb(0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.thirdparty-main iframe {
  width: 100%;
  height: 100%;
}
.thirdparty-main.analysis {
  background-image: url("/theme/images/demo1.png");
}
.thirdparty-main.video {
  background-image: url("/theme/images/demo2.png");
}
.thirdparty-main.active {
  display: block;
}

.thirdparty-tab {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 9.3333333333vw;
  overflow: hidden;
  background-color: white;
}
.thirdparty-tab ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.thirdparty-tab li {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.thirdparty-tab li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2666666667vw;
  height: 5.3333333333vw;
  transform: translateY(-50%);
  background-color: #dddddd;
}
.thirdparty-tab li:last-child::before {
  content: none;
}
.thirdparty-tab li p {
  display: inline-block;
  color: #333333;
  font-size: 3.4666666667vw;
  vertical-align: middle;
}
.thirdparty-tab li span {
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.thirdparty-tab li span.score {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8 14v2H5v-2h3zm8 0v2h-3v-2h3zM5 11v3H3v-3h2zm5 0v3H8v-3h2zm3 0v3h-2v-3h2zm5 0v3h-2v-3h2zM5 7v3H3V7h2zm5 0v3H8V7h2zm3 0v3h-2V7h2zm5 0v3h-2V7h2zM8 5v2H5V5h3zm8 0v2h-3V5h3z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.thirdparty-tab li span.analysis {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M3 9h2v8H3V9zm4-6h2v14H7V3zm4 3h2v11h-2V6zm4 6h2v5h-2v-5z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.thirdparty-tab li span.video {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M2 5h16v11H2V5zm1.6 1.571v7.858h12.8V6.57H3.6zm8.8 4.322l-4 1.964V8.93l4 1.964z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
}
.thirdparty-tab li.active {
  border-top: 0.8vw solid #FFDF1B;
  background-color: #4F6EA0;
}
.thirdparty-tab li.active p {
  color: #ffffff;
}
.thirdparty-tab li.active .close {
  display: block;
  pointer-events: none;
}
.thirdparty-tab li.active .score {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8 14v2H5v-2h3zm8 0v2h-3v-2h3zM5 11v3H3v-3h2zm5 0v3H8v-3h2zm3 0v3h-2v-3h2zm5 0v3h-2v-3h2zM5 7v3H3V7h2zm5 0v3H8V7h2zm3 0v3h-2V7h2zm5 0v3h-2V7h2zM8 5v2H5V5h3zm8 0v2h-3V5h3z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.thirdparty-tab li.active .analysis {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M3 9h2v8H3V9zm4-6h2v14H7V3zm4 3h2v11h-2V6zm4 6h2v5h-2v-5z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.thirdparty-tab li.active .video {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M2 5h16v11H2V5zm1.6 1.571v7.858h12.8V6.57H3.6zm8.8 4.322l-4 1.964V8.93l4 1.964z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}

.event-page-content {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw;
}

.event-page-tab {
  display: flex;
  position: relative;
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  height: 9.3333333333vw;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.event-page-tab ul {
  width: auto;
  height: 100%;
  white-space: nowrap;
}
.event-page-tab ul li {
  display: inline-flex;
  flex-shrink: 0;
  padding: 0 4vw;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 9.3333333333vw;
  text-align: center;
}
.event-page-tab ul li.active {
  padding: 0 8vw;
  background-color: white;
  box-shadow: 0 -0.2666666667vw 0.8vw rgba(0, 0, 0, 0.1);
  color: #4F6EA0;
  font-weight: bold;
}
.event-page-tab ul li.disable {
  color: rgba(79, 110, 160, 0.3);
}

.event-page-content-main {
  display: flex;
  position: relative;
  z-index: 2;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 1.3333333333vw 0;
  border-radius: 0 1.3333333333vw 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0.8vw 1.6vw -0.8vw rgba(0, 0, 0, 0.1);
}

.event-page-handicap-box {
  width: 100%;
  height: auto;
  margin: 0 0 1.3333333333vw;
}
.event-page-handicap-box .lock {
  width: 100%;
  height: 14.6666666667vw;
  margin: 1.3333333333vw 0.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.4666666667vw;
}
.event-page-handicap-box .handicap-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 9.3333333333vw;
  padding: 0 2.6666666667vw 0 0;
  border-radius: 1.3333333333vw;
  background-color: #4F6EA0;
}
.event-page-handicap-box .handicap-title .icon {
  flex-shrink: 0;
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  opacity: 0.5;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M14.777 7.203l-1.98-1.98a.763.763 0 00-1.18.954L8.974 8.452a2.087 2.087 0 00-2.352.416.732.732 0 000 1.035l1.19 1.19L5 15l3.907-2.81 1.19 1.19a.732.732 0 001.035 0 2.088 2.088 0 00.416-2.352l2.276-2.646a.76.76 0 00.953-.1.763.763 0 000-1.079" fill="%23ffffff" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.event-page-handicap-box .handicap-title .icon.active {
  opacity: 1;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M14.777 7.203l-1.98-1.98a.763.763 0 00-1.18.954L8.974 8.452a2.087 2.087 0 00-2.352.416.732.732 0 000 1.035l1.19 1.19L5 15l3.907-2.81 1.19 1.19a.732.732 0 001.035 0 2.088 2.088 0 00.416-2.352l2.276-2.646a.76.76 0 00.953-.1.763.763 0 000-1.079" fill="%23FFDF1B" fill-rule="evenodd"/></svg>');
}
.event-page-handicap-box .handicap-title p {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 3.4666666667vw;
  text-align: left;
}
.event-page-handicap-box .handicap-title .arrow-l {
  border-color: #ffffff;
  pointer-events: auto;
}
.event-page-handicap-box .handicap-title.active .arrow-l {
  transform: rotate(-135deg);
}
.event-page-handicap-box .main {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.6666666667vw 0;
}
.event-page-handicap-box .main.active {
  display: flex;
}
.event-page-handicap-box .main .option-tips {
  width: 100%;
}
.event-page-handicap-box .main .option-button {
  margin: 0.6666666667vw;
}
.event-page-handicap-box .main.one .option-button {
  width: calc(100% - 1.4vw);
}
.event-page-handicap-box .main.one .option-button .option-btn {
  justify-content: space-between;
  min-height: 10.6666666667vw;
}
.event-page-handicap-box .main.one .option-button .option,
.event-page-handicap-box .main.one .option-button .odds {
  width: auto;
  padding: 0 1.3333333333vw;
}
.event-page-handicap-box .main.one .option-button .player-percent {
  width: 100%;
}
.event-page-handicap-box .main.two .option-button {
  width: calc(50% - 1.4vw);
}
.event-page-handicap-box .main.three .option-button {
  width: calc(33.333333% - 1.4vw);
}
.event-page-handicap-box .main .column {
  display: flex;
  flex-wrap: wrap;
  width: 33.3333%;
}
.event-page-handicap-box .main .column .option-button {
  width: 100%;
}

.handicap-toggle {
  position: sticky;
  top: 0;
  right: 0;
  flex-shrink: 0;
  width: 8vw;
  height: 8vw;
  border-radius: 100%;
  background-color: #4F6EA0;
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M12 19h16v2H12v-2zm7.95-8.172L15 15.778l-1.414-1.414L19.95 8l1.414 1.414 4.95 4.95-1.415 1.414-4.95-4.95zm0 17.708l4.95-4.95L26.313 25l-6.364 6.364-1.414-1.414-4.95-4.95L15 23.586l4.95 4.95z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.handicap-toggle.active {
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M12 19h16v2H12v-2zm7.95-6.05L24.9 8l1.414 1.414-4.95 4.95-1.414 1.414-6.364-6.364L15 8l4.95 4.95zm0 13.464L15 31.364l-1.414-1.414 4.95-4.95 1.414-1.414 6.364 6.364-1.415 1.414-4.95-4.95z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
}

.event-right-loading {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0.6666666667vw;
}
.event-right-loading ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.event-right-loading ul li {
  width: calc((100% - 1.3333333333vw) / 2);
  height: 13.3333333333vw;
  margin: 0 0 0.8vw;
  animation: eventloading 0.9s infinite;
  border: 0.2666666667vw solid rgba(221, 221, 221, 0.4);
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.event-right-loading ul li:nth-child(1) {
  animation-delay: 0s;
}
.event-right-loading ul li:nth-child(2) {
  animation-delay: 0.2s;
}
.event-right-loading ul li:nth-child(3) {
  margin: 0;
  animation-delay: 0.6s;
}
.event-right-loading ul li:nth-child(4) {
  margin: 0;
  animation-delay: 0.4s;
}

.breadcrumbs-btn.breadcrumbs-active {
  z-index: 7;
}
.breadcrumbs-btn.breadcrumbs-active .arrow-s.down {
  margin: -1.0666666667vw 0 0 1.3333333333vw;
  transform: rotate(180deg);
}

.breadcrumbs-menu {
  display: none;
  position: absolute;
  top: 13.3333333333vw;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 4vw;
}
.breadcrumbs-menu .breadcrumbs-mask {
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.breadcrumbs-menu .breadcrumbs-mask.active {
  opacity: 1;
}
.breadcrumbs-menu .breadcrumbs-main {
  display: block;
  position: relative;
  z-index: 7;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 4vw;
}
.breadcrumbs-menu .breadcrumbs-main::after {
  content: none;
}
.breadcrumbs-menu ul {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.breadcrumbs-menu li {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #d0d0d0;
  background-color: #ececec;
}
.breadcrumbs-menu li p {
  width: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: left;
}
.breadcrumbs-menu li.active {
  background-color: white;
}

@keyframes eventloading {
  0% {
    opacity: 0.6;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
.main-other {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.6666666667vw 0;
}
.main-other.active {
  display: flex;
}
.main-other .option-button {
  flex-shrink: 0;
  width: calc(50% - 1.4vw);
  margin: 0 0.6666666667vw;
}

.ui-tab {
  margin: 0 2.6666666667vw 0 0;
}
.ui-tab ul {
  display: flex;
  padding: 0.5333333333vw;
  border-radius: 13.3333333333vw;
  background-color: #3e577e;
}
.ui-tab ul li {
  padding: 1.3333333333vw 2.6666666667vw;
  transition: all 0.3s;
  border-radius: 13.3333333333vw;
  color: #ffffff;
  font-size: 3.2vw;
  white-space: nowrap;
}
.ui-tab ul li span {
  transition: all 0.3s;
  opacity: 0.5;
}
.ui-tab ul li.active {
  background-color: #4F6EA0;
  font-weight: bold;
}
.ui-tab ul li.active span {
  opacity: 1;
}

.select-box-doublelines {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  width: calc(25% - 1.55vw);
  height: 16vw;
  margin: 0.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.select-box-doublelines span {
  display: block;
  width: 100%;
  padding: 4vw 2.6666666667vw;
  color: #333333;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: left;
  pointer-events: none;
}
.select-box-doublelines select {
  width: 100%;
  height: 100%;
  margin: -11.4666666667vw 0 0;
  padding: 4vw 2.6666666667vw 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: left;
  text-align-last: left;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.select-box-doublelines .arrow-l {
  position: absolute;
  right: 2.6666666667vw;
  color: #333333;
}

.zoom-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 2.6666666667vw;
  right: 2.6666666667vw;
  width: 8vw;
  height: 8vw;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 1.3333333333vw;
}

.open-video {
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="%23ffffff" fill-rule="nonzero" d="M8.6 1.563v2h-5v5h-2v-7h7Zm3 17v-2h5v-5h2v7h-7Zm7-10h-2v-5h-5v-2h7v7Zm-17 3h2v5h5v2h-7v-7Z"/></svg>');
}

.video_wrap {
  width: 100%;
  height: auto;
}

.video-large {
  display: none;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
}
.video-large .video-large-main {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 70vh;
  transform: translate(-50%, -50%) rotate(0deg);
}
.video-large .video-large-main iframe {
  width: 100%;
  height: calc(100% - 0vw);
}
.video-large .close {
  position: fixed;
  top: 0;
  left: 0;
  height: 15vw;
}
.video-large .close::before, .video-large .close::after {
  background-color: #ffffff;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .event-page-header {
    height: 7.4962518741vmax;
  }
  .event-page-main {
    min-height: calc(100% - 13.33333vmax);
    padding: 0.7496251874vmax 0 7.4962518741vmax;
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-page-breadcrumbs {
    width: calc(100% - 7.4962518741vmax);
    padding: 0 1.4992503748vmax;
  }
  .event-page-breadcrumbs ul li {
    margin: 0 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
  }
  .event-page-breadcrumbs ul li:nth-child(odd) p {
    min-width: inherit;
    max-height: 5.8470764618vmax;
  }
  .event-page-breadcrumbs ul li .number {
    margin: 0 0 0 0.7496251874vmax;
  }
  .event-page-breadcrumbs .arrow-l {
    padding: 0.299850075vmax;
  }
  .event-page-others {
    margin: 0 0 1.4992503748vmax;
    padding: 1.4992503748vmax;
  }
  .event-page-others .event {
    width: 26.9865067466vmax;
    margin: 0 1.4992503748vmax 0 0;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-page-others .event-left {
    padding: 0.7496251874vmax;
  }
  .event-page-title {
    padding: 2.9985007496vmax 1.4992503748vmax 2.2488755622vmax;
    filter: drop-shadow(0 0 0.4497751124vmax rgba(0, 0, 0, 0.1));
  }
  .event-page-title .favorite-icon {
    top: -1.4992503748vmax;
    left: 1.4992503748vmax;
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
  }
  .event-page-title .event-page-event-center {
    padding: 0 1.4992503748vmax;
  }
  .event-page-title .label {
    margin: 0 0 0.7496251874vmax;
  }
  .event-page-title .score {
    margin: 0 0 0.7496251874vmax;
    padding: 0 0.7496251874vmax;
    border-radius: 0.7496251874vmax;
    font-size: 2.9985007496vmax;
    line-height: 4.4977511244vmax;
  }
  .event-page-title time {
    font-size: 1.7991004498vmax;
  }
  .event-page-title .home-team,
.event-page-title .away-team {
    padding: 0.3748125937vmax 0;
  }
  .event-page-title .home-team p,
.event-page-title .away-team p {
    font-size: 1.9490254873vmax;
  }
  .event-page-title .home-team .team-logo,
.event-page-title .away-team .team-logo {
    width: 5.2473763118vmax;
    height: 5.2473763118vmax;
    padding: 0.3748125937vmax;
  }
  .event-page-detail {
    margin: 0 0 -1.4992503748vmax;
  }
  .event-page-detail li {
    padding: 1.4992503748vmax 3.748125937vmax 1.4992503748vmax 2.2488755622vmax;
  }
  .event-page-detail li::before {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
  }
  .event-page-detail li::after {
    width: 0.1499250375vmax;
  }
  .event-page-detail li p span.degital {
    font-size: 2.2488755622vmax;
  }
  .event-page-detail li p span.title {
    font-size: 1.7991004498vmax;
  }
  .thirdparty {
    margin: 0 0 1.4992503748vmax;
  }
  .thirdparty.active {
    margin: -1.4992503748vmax 0 47.976011994vmax;
  }
  .thirdparty.active .thirdparty-main {
    height: 39.5802098951vmax;
  }
  .thirdparty .thirdparty-box {
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .thirdparty .thirdparty-box.active {
    box-shadow: 0 0 1.4992503748vmax rgba(0, 0, 0, 0.5);
  }
  .thirdparty .close {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
  }
  .thirdparty .close::before, .thirdparty .close::after {
    width: 1.4992503748vmax;
    height: 0.299850075vmax;
  }
  .thirdparty .zoom-out {
    top: 1.4992503748vmax;
    right: 1.4992503748vmax;
    width: 3.748125937vmax;
    height: 2.9985007496vmax;
    margin: 0 0 0 1.4992503748vmax;
  }
  .thirdparty .zoom-out::after {
    width: 1.1994002999vmax;
    height: 0.299850075vmax;
  }
  .thirdparty-main {
    height: 37.4812593703vmax;
    font-size: 2.9985007496vmax;
  }
  .thirdparty-tab {
    height: 5.2473763118vmax;
  }
  .thirdparty-tab::after {
    width: 0.1499250375vmax;
    height: 2.9985007496vmax;
  }
  .thirdparty-tab li p {
    font-size: 1.9490254873vmax;
  }
  .thirdparty-tab li span {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .thirdparty-tab li.active {
    border-top: 0.4497751124vmax solid #FFDF1B;
  }
  .event-page-content {
    padding: 1.4992503748vmax;
  }
  .event-page-tab {
    height: 5.2473763118vmax;
  }
  .event-page-tab ul li {
    padding: 0 2.2488755622vmax;
    border-radius: 0.7496251874vmax 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
    line-height: 5.2473763118vmax;
  }
  .event-page-tab ul li.active {
    padding: 0 4.4977511244vmax;
    box-shadow: 0 -0.1499250375vmax 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-page-content-main {
    padding: 0.7496251874vmax 0.7496251874vmax 0.1499250375vmax;
    border-radius: 0 0.7496251874vmax 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-page-handicap-box {
    margin: 0 0 0.7496251874vmax;
  }
  .event-page-handicap-box .lock {
    height: 8.2458770615vmax;
    margin: 0.7496251874vmax 0.3748125937vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .event-page-handicap-box .handicap-title {
    height: 5.2473763118vmax;
    padding: 0 1.4992503748vmax 0 0;
    border-radius: 0.7496251874vmax;
  }
  .event-page-handicap-box .handicap-title .icon {
    width: 5.2473763118vmax;
    height: 5.2473763118vmax;
  }
  .event-page-handicap-box .handicap-title p {
    font-size: 1.9490254873vmax;
  }
  .event-page-handicap-box .main {
    padding: 0.3748125937vmax 0;
  }
  .event-page-handicap-box .main .option-button {
    width: calc(100% - 1vmax);
    margin: 0.5997001499vmax 0.3748125937vmax;
  }
  .event-page-handicap-box .main.two .option-button {
    width: calc(50% - 1vmax);
  }
  .event-page-handicap-box .main.three .option-button {
    width: calc(33.333333% - 1vmax);
  }
  .event-page-handicap-box .main.three .column .option-button {
    width: 100%;
  }
  .handicap-toggle {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .event-right-loading {
    padding: 0.3748125937vmax;
  }
  .event-right-loading ul li {
    width: calc((100% - 0.7496251874vmax) / 2);
    height: 7.4962518741vmax;
    margin: 0 0 0.4497751124vmax;
    border: 0.1499250375vmax solid rgba(221, 221, 221, 0.4);
    border-radius: 0.7496251874vmax;
  }
  .breadcrumbs-btn.breadcrumbs-active .arrow-s.down {
    margin: -0.5997001499vmax 0 0 0.7496251874vmax;
  }
  .breadcrumbs-menu {
    top: 7.4962518741vmax;
    border-radius: 2.2488755622vmax;
  }
  .breadcrumbs-menu .breadcrumbs-main {
    border-radius: 2.2488755622vmax;
  }
  .breadcrumbs-menu li {
    height: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #d0d0d0;
  }
  .breadcrumbs-menu li p {
    font-size: 1.9490254873vmax;
  }
  .main-other {
    padding: 0.3748125937vmax 0;
  }
  .main-other .option-button {
    width: calc(50% - 1vmax);
    margin: 0.5997001499vmax 0.3748125937vmax;
  }
  .ui-tab {
    margin: 0 1.4992503748vmax 0 0;
  }
  .ui-tab ul {
    padding: 0.299850075vmax;
    border-radius: 7.4962518741vmax;
  }
  .ui-tab ul li {
    padding: 0.7496251874vmax 1.4992503748vmax;
    border-radius: 7.4962518741vmax;
    font-size: 1.9490254873vmax;
  }
  .select-box-doublelines {
    height: 8.9955022489vmax;
    margin: 0.5997001499vmax 0.3748125937vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .select-box-doublelines span {
    padding: 2.2488755622vmax 1.4992503748vmax;
    font-size: 1.7991004498vmax;
  }
  .select-box-doublelines select {
    margin: -6.4467766117vmax 0 0;
    padding: 2.2488755622vmax 1.4992503748vmax 0;
    font-size: 1.9490254873vmax;
  }
  .select-box-doublelines .arrow-l {
    right: 1.4992503748vmax;
  }
  .video-large .video-large-main {
    position: absolute;
    top: calc(50% + 7.4962518741vh);
    left: 50%;
    width: 100vw;
    height: 75vh;
    transform: translate(-50%, calc(-50% - 7.4962518741vh)) rotate(0deg);
  }
  .video-large .video-large-main iframe {
    width: 100%;
    height: 100%;
  }
  .video-large .close {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    height: 15vh;
  }
  .video-large .close::before, .video-large .close::after {
    background-color: #ffffff;
  }
}
.title-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
  margin: 0 0 2.6666666667vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.title-header a {
  display: flex;
  position: absolute;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  color: #666666;
}
.title-header h2 {
  color: #000000;
  font-size: 4vw;
}
.title-header p {
  position: absolute;
  right: 2.6666666667vw;
  color: #666666;
  font-size: 3.4666666667vw;
}
.title-header .arrow-l {
  padding: 1.3333333333vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .title-header {
    height: 7.4962518741vmax;
    margin: 0 0 1.4992503748vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .title-header a {
    width: 7.4962518741vmax;
    height: 7.4962518741vmax;
  }
  .title-header h2 {
    font-size: 2.2488755622vmax;
  }
  .title-header p {
    right: 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .title-header .arrow {
    padding: 0.7496251874vmax;
  }
}
.mybet {
  display: flex;
  position: fixed;
  z-index: 25;
  bottom: -100%;
  flex-direction: column;
  width: 100%;
  height: 90%;
  transition: all 0.3s;
  border-radius: 4vw 4vw 0 0;
  background-color: #eeeeee;
}
.mybet.active {
  bottom: 0;
}
.mybet .times-filter-button {
  margin: 0 1.3333333333vw 2.6666666667vw;
  text-align: right;
}
.mybet .pop-toolbar .times-filter-button {
  margin: 0 1.3333333333vw;
}
.mybet .date {
  position: relative;
  width: 100%;
  height: auto;
  border-top: 0.2666666667vw solid #dddddd;
}
.mybet .date:last-child {
  border-bottom: 0.2666666667vw solid #dddddd;
}
.mybet .date .arrow-l {
  border-color: #666666;
}
.mybet .date.active .date-button .arrow-l {
  transform: rotate(-135deg);
}
.mybet .date.active .date-main {
  display: block;
}
.mybet .date-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 12vw;
  padding: 0 2.6666666667vw;
  border-left: 1.3333333333vw solid #4F6EA0;
}
.mybet .date-button p {
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: left;
}
.mybet .date-main {
  display: none;
  padding: 0 0 2.6666666667vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .mybet {
    height: 100%;
    border-radius: 0;
  }
  .mybet .times-filter-button {
    margin: 0 0.7496251874vmax 1.4992503748vmax;
  }
  .mybet .pop-toolbar .times-filter-button {
    margin: 0 0.7496251874vmax;
  }
  .mybet .date {
    border-top: 0.1499250375vmax solid #dddddd;
  }
  .mybet .date:last-child {
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .mybet .date-button {
    height: 6.7466266867vmax;
    padding: 0 1.4992503748vmax;
    border-left: 0.7496251874vmax solid #4F6EA0;
  }
  .mybet .date-button p {
    font-size: 1.9490254873vmax;
  }
  .mybet .date-main {
    padding: 0 0 1.4992503748vmax;
  }
}
.betslip {
  display: flex;
  position: fixed;
  z-index: 25;
  bottom: -100%;
  flex-direction: column;
  width: 100%;
  height: 85%;
  transition: all 0.3s;
  border-radius: 4vw 4vw 0 0;
  background-color: #eeeeee;
}
.betslip.active {
  bottom: 0;
}
.betslip.normal {
  height: 85%;
}
.betslip .balance-btn {
  position: absolute;
  top: -10.6666666667vw;
  right: 2.6666666667vw;
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3333333333vw 5.3333333333vw;
}
.toolbar.hide {
  display: none;
}
.toolbar .ticket-checkbox {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .betslip {
    height: 100%;
    border-radius: 0;
  }
  .betslip.normal {
    height: 100%;
  }
  .betslip .balance-btn {
    display: none;
    top: -5.9970014993vmax;
    right: 1.4992503748vmax;
  }
  .toolbar {
    padding: 0.7496251874vmax 2.9985007496vmax;
  }
}
.parlay-tickets {
  width: 94.6666666667vw;
  margin: 0 auto 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.parlay-tickets .alert {
  height: auto;
  margin: 0 auto;
}
.parlay-tickets .ticket {
  width: 100%;
  margin: -0.2666666667vw auto;
  border-radius: 0;
  border: none;
  border-bottom: 0.2666666667vw solid #dddddd;
  box-shadow: none;
}
.parlay-tickets .ticket:last-child {
  border-bottom: none;
}
.parlay-tickets .buttons {
  position: relative;
  width: 100%;
  margin: -0.2666666667vw auto;
  background-color: #f6f6f6;
}
.parlay-tickets .button {
  height: 10.6666666667vw;
  margin: 0 1.3333333333vw;
}

.ticket {
  position: relative;
  width: 94.6666666667vw;
  height: auto;
  margin: 0 auto 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
  font-size: 4vw;
}
.ticket.loading .ticket-checkbox,
.ticket.loading .ticket-name,
.ticket.loading .label,
.ticket.loading .ticket-odds,
.ticket.loading .ticket-event,
.ticket.loading .ticket-league,
.ticket.loading .ticket-right,
.ticket.loading .ticket-bottom {
  opacity: 0.5;
  pointer-events: none;
}
.ticket.loading .ticket-odds.closed,
.ticket.loading .ticket-odds.up,
.ticket.loading .ticket-odds.down,
.ticket.loading .ticket-odds.lock {
  opacity: 1;
}
.ticket.closed .ticket-checkbox,
.ticket.closed .ticket-name,
.ticket.closed .label,
.ticket.closed .ticket-odds,
.ticket.closed .ticket-event,
.ticket.closed .ticket-league,
.ticket.closed .ticket-bottom {
  opacity: 0.5;
  pointer-events: none;
}
.ticket.closed .ticket-odds.closed,
.ticket.closed .ticket-odds.up,
.ticket.closed .ticket-odds.down,
.ticket.closed .ticket-odds.lock {
  opacity: 1;
}
.ticket .buttons {
  position: relative;
  width: 100%;
  margin: -0.5333333333vw auto;
  border: 0;
  border-top: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.ticket .button {
  height: 10.6666666667vw;
  margin: 0 1.3333333333vw;
}
.ticket .alert {
  height: auto;
  margin: 0;
}
.ticket .label {
  flex-shrink: 0;
  vertical-align: middle;
}
.ticket .status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6.6666666667vw;
  height: 4.2666666667vw;
  padding: 0 1.3333333333vw;
  border-radius: 1.0666666667vw 0;
  background-color: #eaeef5;
  color: #4F6EA0;
  font-size: 3.2vw;
  text-align: center;
}
.ticket:last-child {
  margin: 0 auto;
}
.ticket.running .stake {
  color: #4F6EA0;
}
.ticket.waiting .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket.waiting .winlose {
  color: #999999;
}
.ticket.waiting .stake {
  color: #4F6EA0;
}
.ticket.win .status {
  background-color: #d8ffd7;
  color: #04B300;
}
.ticket.win .winlose {
  color: #04B300;
}
.ticket.lose .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket.lose .winlose {
  color: #DE221F;
}
.ticket.draw .status {
  background-color: #eaeef5;
  color: #4F6EA0;
}
.ticket.draw .winlose {
  color: #4F6EA0;
}
.ticket.invalid .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket.invalid .ticket-odds {
  text-decoration: line-through;
}
.ticket.reject .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket.reject .numbering,
.ticket.reject .times,
.ticket.reject .ticket-option,
.ticket.reject .ticket-league,
.ticket.reject .ticket-event p,
.ticket.reject .ticket-odds,
.ticket.reject .ticket-bottom p,
.ticket.reject .ticket-bottom span {
  text-decoration: line-through;
}

.ticket-toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9.3333333333vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
  color: #666666;
  font-size: 3.2vw;
}
.ticket-toggle-button .icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.ticket-toggle-button .icon::before, .ticket-toggle-button .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 -1.3333333333vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.ticket-toggle-button .icon::after {
  transform: rotate(90deg);
}
.ticket-toggle-button.active .icon {
  transform: rotate(180deg);
}
.ticket-toggle-button.active .icon::after {
  transform: rotate(0deg);
}

.ticket-parlay-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
  color: #333333;
  font-size: 3.2vw;
  font-weight: bold;
}
.ticket-parlay-title span {
  color: #666666;
}
.ticket-parlay-title b {
  color: #4F6EA0;
}
.ticket-parlay-title .odds {
  color: #4F6EA0;
}

.ticket-content {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
}
.ticket-content.hide {
  display: none;
}
.ticket-content.running .stake {
  color: #4F6EA0;
}
.ticket-content.waiting .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket-content.waiting .winlose {
  color: #999999;
}
.ticket-content.waiting .stake {
  color: #4F6EA0;
}
.ticket-content.win .status {
  background-color: #d8ffd7;
  color: #04B300;
}
.ticket-content.win .winlose {
  color: #04B300;
}
.ticket-content.lose .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket-content.lose .winlose {
  color: #DE221F;
}
.ticket-content.draw .status {
  background-color: #eaeef5;
  color: #4F6EA0;
}
.ticket-content.draw .winlose {
  color: #4F6EA0;
}
.ticket-content.invalid .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket-content.invalid .ticket-odds {
  text-decoration: line-through;
}
.ticket-content.reject .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket-content.reject .numbering,
.ticket-content.reject .times,
.ticket-content.reject .ticket-option,
.ticket-content.reject .ticket-league,
.ticket-content.reject .ticket-event p,
.ticket-content.reject .ticket-odds,
.ticket-content.reject .ticket-bottom p,
.ticket-content.reject .ticket-bottom span {
  text-decoration: line-through;
}
.ticket-content .ticket-right {
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: flex-end;
}
.ticket-content .ticket-center {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ticket-checkbox {
  position: relative;
  margin: 0 2.6666666667vw 0 0;
  padding: 0 2.6666666667vw 0 0;
  border-right: 0.2666666667vw solid #dddddd;
}
.ticket-checkbox.hide {
  display: none;
}
.ticket-checkbox [type=checkbox] {
  display: none;
}
.ticket-checkbox label {
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  padding: 0;
  border-radius: 0.8vw;
  border: 0.2666666667vw solid #333333;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.ticket-checkbox [type=checkbox]:checked + label {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.714 10.8L14.43 6 16 7.6l-4.714 4.8L9.714 14 5 9.2l1.571-1.6 3.143 3.2z" fill="%23000000" fill-rule="evenodd"/></svg>');
}

.ticket-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 1.3333333333vw 0;
  font-size: 3.2vw;
}
.ticket-label.win {
  background-color: #d8ffd7;
  color: #04B300;
}
.ticket-label.lose {
  background-color: #fce7e7;
  color: #DE221F;
}

.ticket-option {
  display: flex;
  align-items: flex-start;
  width: 100%;
  color: #000000;
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 5.3333333333vw;
  text-align: left;
}
.ticket-option b {
  padding: 0;
  font-size: 3.4666666667vw;
}
.ticket-option .warning {
  padding: 0.5333333333vw 1.3333333333vw;
  border-radius: 0 1.0666666667vw;
  background-color: #fce7e7;
  color: #DE221F;
  font-weight: bold;
}
.ticket-option .sport-icon {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0.6666666667vw 0.6666666667vw 0.6666666667vw -0.6666666667vw;
}
.ticket-option .ticket-name {
  width: 100%;
  min-height: 6.6666666667vw;
  padding: 0.6666666667vw 0;
}
.ticket-option .label {
  margin: 1.0666666667vw 0.8vw 0 0;
}

.ticket-event {
  width: 100%;
  margin: 1.3333333333vw 0;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 4.2666666667vw;
  text-align: left;
}
.ticket-event span {
  color: #333333;
  font-weight: bold;
  vertical-align: middle;
}
.ticket-event span.ticketPeriod {
  font-size: 10px;
  font-weight: normal;
  color: #333333;
}
.ticket-event .score {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 4.2666666667vw;
  padding: 0 1.3333333333vw;
  margin: 0 0 0 0.4vw;
  border-radius: 0 1.3333333333vw;
  background-color: #4F6EA0;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.ticket-event .fl-score {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin: 0 0 0 0.6666666667vw;
  border-radius: 100%;
  background-color: #dddddd;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.ticket-event .fl-score.first {
  background-color: #4F6EA0;
}
.ticket-event .fl-score.last {
  background-color: #DE221F;
}

.ticketFast, .ticketNormal {
  align-items: center;
  background-color: #fce7e7;
  color: #333333;
  padding: 0.2666666667vw 1.3333333333vw 0.2666666667vw 0.5333333333vw;
  margin: 0 0.5333333333vw;
  border-radius: 5.3333333333vw;
  font-size: 3.2vw;
}
.ticketFast .ticketClock, .ticketNormal .ticketClock {
  display: inline-flex;
  width: 3.2vw;
  height: 3.2vw;
  position: relative;
  border-radius: 50%;
  background-color: #fce7e7;
  border: 0.4vw solid #DE221F;
  transform: translate(0, -0.2666666667vw);
}
.ticketFast .ticketClock:before, .ticketNormal .ticketClock:before {
  content: "";
  top: -0.2666666667vw;
  left: -0.2666666667vw;
  position: absolute;
  width: 3.2vw;
  height: 3.2vw;
  background-image: linear-gradient(90deg, transparent 40%, #DE221F 50%, #DE221F 65%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 50%;
  transform: rotate(-60deg) scale(0.6);
}
.ticketFast .ticketClock:after, .ticketNormal .ticketClock:after {
  content: "";
  top: -0.2666666667vw;
  left: -0.2666666667vw;
  position: absolute;
  width: 3.2vw;
  height: 3.2vw;
  background-image: linear-gradient(90deg, transparent 40%, #DE221F 50%, #DE221F 55%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 50%, 100% 50%;
  transform: rotate(50deg) scale(0.8);
}
.ticketFast .ticketFastTime, .ticketNormal .ticketFastTime {
  vertical-align: unset;
}

.ticket-league {
  width: 100%;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 4.2666666667vw;
  text-align: left;
}
.ticket-league.s {
  width: calc(100% - 19vw);
}

.ticket-odds {
  position: relative;
  max-height: 6.6666666667vw;
  padding: 0.8vw 0;
  border-radius: 0 1.3333333333vw;
  color: #4F6EA0;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.ticket-odds span {
  color: #999999;
  font-size: 3.2vw;
}
.ticket-odds b {
  color: #999999;
  font-size: 2.6666666667vw;
  font-weight: normal;
}
.ticket-odds.lock {
  text-indent: -9999px;
}
.ticket-odds.lock::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 8vw;
  height: 8vw;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 50%;
}
.ticket-odds::after {
  content: "";
  display: none;
  position: absolute;
  right: 0;
  border-width: 1.0666666667vw;
  border-style: solid;
}
.ticket-odds.closed {
  padding: 0.8vw 1.3333333333vw;
  background-color: #eaeef5;
  color: #4F6EA0;
  font-size: 3.2vw;
}
.ticket-odds.closed b {
  display: none;
}
.ticket-odds.up {
  padding: 0.8vw 1.3333333333vw;
  background-color: #e7ffe6;
  color: #04B300;
}
.ticket-odds.up b {
  display: none;
}
.ticket-odds.down {
  padding: 0.8vw 1.3333333333vw;
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket-odds.down b {
  display: none;
}
.ticket-odds.up::after {
  display: block;
  top: 0;
  animation: oddsarrowUp 1s infinite;
  border-color: #04B300 #04B300 transparent transparent;
}
.ticket-odds.down::after {
  display: block;
  bottom: 0;
  animation: oddsarrowDown 1s infinite;
  border-color: transparent #DE221F #DE221F transparent;
}

.ticket-delate {
  position: relative;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  opacity: 0.7;
  background-image: url('data:image/svg+xml, <svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill=" %23000000 " fill-rule="nonzero"><path d="M14.302 2.159h-3.275v-.51C11.027.74 10.25 0 9.296 0H6.182c-.954 0-1.73.74-1.73 1.65v.509H1.175a.425.425 0 0 0-.437.416c0 .231.194.416.437.416h.79v9.782C1.966 14.001 3.014 15 4.302 15h6.874c1.288 0 2.337-1 2.337-2.227V2.991h.79a.425.425 0 0 0 .436-.416.425.425 0 0 0-.437-.416zm-8.977-.51c0-.45.385-.816.857-.816h3.114c.472 0 .857.367.857.817v.509H5.325v-.51zm7.314 11.124c0 .768-.657 1.394-1.463 1.394H4.302c-.806 0-1.463-.626-1.463-1.394V2.991h9.803v9.782h-.003z"/><path d="M8.24 13c.277 0 .5-.18.5-.407V5.407c0-.226-.223-.407-.5-.407-.279 0-.5.18-.5.407v7.183c0 .226.221.41.5.41zM5.24 12c.277 0 .5-.178.5-.4V5.4c0-.222-.223-.4-.5-.4-.279 0-.5.178-.5.4v6.2c0 .222.225.4.5.4zM10.24 12c.277 0 .5-.178.5-.4V5.4c0-.222-.223-.4-.5-.4-.279 0-.5.178-.5.4v6.2c0 .222.221.4.5.4z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

.ticket-top {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 12vw;
  padding: 2.6666666667vw;
  border-left: 1.3333333333vw solid #4F6EA0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.ticket-top.hide {
  display: none;
}
.ticket-top .numbering {
  color: #333333;
  font-size: 3.2vw;
}
.ticket-top .numbering span {
  color: #666666;
}
.ticket-top .times {
  color: #999999;
  font-size: 3.2vw;
  line-height: 4vw;
}
.ticket-top .times span {
  color: #666666;
}
.ticket-top ul {
  display: inline-block;
  vertical-align: middle;
}
.ticket-top .print-button {
  display: inline-block;
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0 5.3333333333vw;
  overflow: inherit;
  border-radius: 5.3333333333vw;
  background-color: #f6f6f6;
  background-image: url('data:image/svg+xml, <svg width="14" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M9.2682 0c1.1476 0 2.0913.9102 2.1712 2.0586l.0054.158v.858h.3786c1.1476 0 2.0912.9102 2.1711 2.0586l.0055.158v3.5751c0 1.1687-.8938 2.1297-2.0215 2.211l-.1551.0056h-.3816v2.8104c0 .5687-.4255 1.0399-.9687 1.1002L10.355 15H3.6053c-.5584 0-1.0212-.4333-1.0804-.9865l-.0064-.1202v-2.8104h-.3419c-1.1476 0-2.0912-.9102-2.1711-2.0586L0 8.8663V5.2912c0-1.1686.8938-2.1297 2.0215-2.211l.1551-.0056h.345v-.858c0-1.1687.8938-2.1297 2.0214-2.211L4.6982 0h4.57zm1.3493 9.2642H3.3428v4.6353a.269.269 0 00.2028.2602l.0597.0071h6.7497c.123 0 .228-.089.2555-.2065l.007-.0608V9.2642zM4.4072 12h5.1886c.2232 0 .4042.2222.4042.5 0 .247-.143.45-.3337.492L9.5928 13H4.4072C4.181 13 4 12.7778 4 12.5c0-.247.143-.45.3337-.492L4.4072 12h5.1886zm5.1856-2c.2262 0 .4072.2222.4072.5 0 .247-.143.45-.3337.492L9.5928 11H4.4072C4.184 11 4 10.7778 4 10.5c0-.247.143-.45.3337-.492L4.4072 10h5.1856zm2.2306-6.0829H2.1766c-.701 0-1.2804.548-1.3461 1.2449l-.0063.1323v3.5751c0 .714.5382 1.304 1.2225 1.371l.13.0062h.3449v-.9824H1.914c-.229 0-.4121-.1865-.4121-.4196 0-.2073.1447-.3777.3377-.413l.0744-.0067h10.0741c.229 0 .4121.1865.4121.4197 0 .2072-.1447.3776-.3376.413l-.0745.0066h-.5434v.9824h.3786c.701 0 1.2804-.548 1.3461-1.2449l.0063-.1323V5.2943c0-.7585-.6075-1.3772-1.3524-1.3772zM11.7518 5c.138 0 .2482.2222.2482.5s-.1103.5-.2482.5h-.5036C11.1102 6 11 5.7778 11 5.5s.1103-.5.2482-.5zM9.2621.8394h-4.567c-.701 0-1.2804.548-1.3461 1.2449l-.0062.1323v.858h7.2717v-.858c0-.7586-.6075-1.3772-1.3524-1.3772z" fill="%23000000" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.ticket-top .print-button a {
  display: block;
  height: 100%;
}
.ticket-top .print-button::before {
  content: "";
  position: absolute;
  left: -2.6666666667vw;
  width: 0.2666666667vw;
  height: 5.3333333333vw;
  background-color: #dddddd;
}

.ticket-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 10.6666666667vw;
  padding: 2.6666666667vw;
  background-color: #f6f6f6;
}
.ticket-bottom.running .stake {
  color: #4F6EA0;
}
.ticket-bottom.waiting .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket-bottom.waiting .winlose {
  color: #999999;
}
.ticket-bottom.waiting .stake {
  color: #4F6EA0;
}
.ticket-bottom.win .status {
  background-color: #d8ffd7;
  color: #04B300;
}
.ticket-bottom.win .winlose {
  color: #04B300;
}
.ticket-bottom.lose .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket-bottom.lose .winlose {
  color: #DE221F;
}
.ticket-bottom.invalid .status {
  background-color: #dddddd;
  color: #333333;
}
.ticket-bottom.invalid .ticket-odds {
  text-decoration: line-through;
}
.ticket-bottom.reject .status {
  background-color: #fce7e7;
  color: #DE221F;
}
.ticket-bottom.reject .numbering,
.ticket-bottom.reject .times,
.ticket-bottom.reject .ticket-option,
.ticket-bottom.reject .ticket-league,
.ticket-bottom.reject .ticket-event p,
.ticket-bottom.reject .ticket-odds,
.ticket-bottom.reject .ticket-bottom p,
.ticket-bottom.reject .ticket-bottom span {
  text-decoration: line-through;
}
.ticket-bottom .area-left {
  display: flex;
  flex-shrink: 0;
  max-width: calc(29% - 1.3333333333vw);
  margin: 0 1.3333333333vw 0 0;
}
.ticket-bottom .area-right {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  max-width: 71%;
}
.ticket-bottom p {
  color: #333333;
  font-size: 3.2vw;
  text-align: left;
}
.ticket-bottom p span {
  color: #999999;
}
.ticket-bottom .button {
  width: 24vw;
  height: 8vw;
  margin: 0 2.6666666667vw;
  line-height: 8vw;
}
.ticket-bottom ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 50%;
  min-height: 10.6666666667vw;
  padding: 0 2.6666666667vw;
}
.ticket-bottom ul p {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.ticket-bottom ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.6666666667vw 0;
  font-size: 3.2vw;
  text-align: left;
}
.ticket-bottom ul li span {
  width: 100%;
  color: #999999;
  font-weight: bold;
  text-align: right;
}
.ticket-bottom ul:nth-child(1) {
  border-left: 0.2666666667vw solid #dddddd;
}

.recording .ticket-bottom {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 1.3333333333vw 0;
}
.recording .ticket-content {
  display: block;
}
.recording .ticket-content.hide {
  display: none;
}
.recording .ticket-league {
  width: calc(100% - 13.3333333333vw);
}
.recording .status {
  margin-top: -4.2666666667vw;
}

.ticket-limit {
  display: none;
  align-items: center;
  justify-content: flex-end;
}
.ticket-limit.active {
  display: flex;
}

.ticket-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 94.6666666667vw;
  margin: 0 auto;
  padding: 2.6666666667vw;
  border: 0.2666666667vw dashed #dddddd;
  border-radius: 13.3333333333vw;
  background-color: #4F6EA0;
  color: #ffffff;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.ticket-more .icon {
  position: relative;
  flex-shrink: 0;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 5.3333333333vw;
  background-color: #ffffff;
  vertical-align: middle;
}
.ticket-more .icon::before, .ticket-more .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.2666666667vw;
  transform: translate(-50%, -50%);
  background-color: #4F6EA0;
}
.ticket-more .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.ticket-more p {
  width: 100%;
  padding: 0 1.3333333333vw;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
}

.parlay {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 2.6666666667vw;
  text-align: left;
}
.parlay .radio-box {
  display: inline-flex;
  justify-content: flex-start;
  width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
}
.parlay .radio-box:after {
  content: none;
}
.parlay .radio-box label {
  height: auto;
  margin: 0 1.3333333333vw 0 0;
  font-size: 3.4666666667vw;
}
.parlay .radio-box .radio {
  width: 9.0666666667vw;
  height: 5.3333333333vw;
}
.parlay .radio-box .radio::before {
  width: 4.8vw;
  height: 4.8vw;
}
.parlay .radio-box .radio.active::before {
  left: 3.4666666667vw;
}
.parlay h2 {
  padding: 2.6666666667vw 0;
  color: #000000;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.parlay .parlay-toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9.3333333333vw;
  margin: -1.3333333333vw 0 0;
  border: 0.2666666667vw solid #dddddd;
  border-top: 0;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0.8vw 1.6vw -0.8vw rgba(0, 0, 0, 0.1);
  color: #666666;
  font-size: 3.2vw;
}
.parlay .parlay-toggle-button .icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.parlay .parlay-toggle-button .icon::before, .parlay .parlay-toggle-button .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 -1.3333333333vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.parlay .parlay-toggle-button .icon::after {
  transform: rotate(90deg);
}
.parlay .parlay-toggle-button.active .icon {
  transform: rotate(180deg);
}
.parlay .parlay-toggle-button.active .icon::after {
  transform: rotate(0deg);
}
.parlay .parlay-box {
  width: 100%;
  height: auto;
  margin: -0.2666666667vw 0 1.3333333333vw;
  padding: 0 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  background-color: white;
  box-shadow: 0 0.8vw 1.6vw -0.8vw rgba(0, 0, 0, 0.1);
}
.parlay .parlay-box:first-of-type {
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
}
.parlay .parlay-box.hide {
  display: none;
}
.parlay .parlay-box .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6666666667vw 0;
}
.parlay .parlay-box .middle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2.6666666667vw 0 1.3333333333vw;
  border-bottom: 0.2666666667vw solid rgba(221, 221, 221, 0.7);
}
.parlay .parlay-box .keyboard {
  margin: -2.6666666667vw 0 2.6666666667vw;
}
.parlay .parlay-checkbox {
  display: flex;
  align-items: center;
  position: relative;
}
.parlay .parlay-checkbox [type=checkbox] {
  display: none;
}
.parlay .parlay-checkbox label {
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 3.2vw;
}
.parlay .parlay-checkbox label::after {
  content: "";
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0 1.3333333333vw;
  padding: 0;
  border-radius: 0.8vw;
  border: 0.2666666667vw solid #333333;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.parlay .parlay-checkbox [type=checkbox]:checked + label {
  color: #333333;
}
.parlay .parlay-checkbox [type=checkbox]:checked + label::after {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.714 10.8L14.43 6 16 7.6l-4.714 4.8L9.714 14 5 9.2l1.571-1.6 3.143 3.2z" fill="%23000000" fill-rule="evenodd"/></svg>');
}
.parlay .parlay-title {
  position: relative;
}
.parlay .parlay-title h3 {
  margin: 0 0 1.3333333333vw;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
  white-space: nowrap;
}
.parlay .parlay-title h3 i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
  margin: 0 1.3333333333vw 0 0;
  border-radius: 100%;
  background-color: #4F6EA0;
  color: #ffffff;
  font-size: 3.2vw;
}
.parlay .parlay-title h3 span {
  color: #4F6EA0;
}
.parlay .parlay-title p {
  color: #666666;
  font-size: 3.4666666667vw;
  text-indent: 5.8666666667vw;
  white-space: nowrap;
}
.parlay .parlay-title p span {
  color: #999999;
}
.parlay .parlay-title .have-stake {
  position: absolute;
  right: 8vw;
  transition: all 0.3s;
  opacity: 0;
  color: #4F6EA0;
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 10.6666666667vw;
}
.parlay .parlay-box.have-stake .have-stake {
  opacity: 1;
}
.parlay .parlay-box.have-stake .parlay-title p {
  color: #4F6EA0;
}
.parlay .parlay-box.have-stake .parlay-title p span {
  color: #4F6EA0;
}
.parlay .parlay-box.active .have-stake {
  opacity: 0;
}
.parlay .parlay-box.active .arrow {
  transform: rotate(-135deg);
}
.parlay .ticket-bottom {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.parlay .ticket-bottom > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.parlay .parlay-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.parlay .parlay-main p {
  color: #666666;
  font-size: 3.4666666667vw;
}
.parlay .parlay-main > .ticket-limit {
  display: none;
  width: 100%;
  margin: 1.8666666667vw 0 0;
}
.parlay .parlay-main > .ticket-limit p {
  color: #333333;
  font-size: 3.2vw;
}
.parlay .parlay-main > .ticket-limit span {
  color: #999999;
}
.parlay .parlay-main > .ticket-limit.active {
  display: flex;
}

.ticket-stake {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  width: 26.6666666667vw;
  height: 8vw;
  margin: 0 0 0 2.6666666667vw;
  padding: 0 2.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
  color: #333333;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 8vw;
  text-align: right;
}
.ticket-stake b {
  color: #999999;
}
.ticket-stake span {
  display: none;
  color: #333333;
}
.ticket-stake.active {
  border: 0.5333333333vw solid #4F6EA0;
}
.ticket-stake.lock {
  background-color: #dddddd;
  box-shadow: none;
}
.ticket-stake.lock span {
  color: rgba(51, 51, 51, 0.5);
}
.ticket-stake.lock {
  pointer-events: none;
}
.ticket-stake.gray {
  border-bottom: 0.5333333333vw solid #4F6EA0;
  background-color: #e9e9e9;
  box-shadow: none;
}

.ticket-alert {
  width: 100%;
  padding: 2.6666666667vw 4vw;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  background-color: #eaeef5;
  text-align: left;
}
.ticket-alert span {
  color: #DE221F;
}
.ticket-alert h3 {
  margin: 0 0 1.3333333333vw;
  color: #4F6EA0;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.ticket-alert p {
  color: #333333;
  font-size: 3.4666666667vw;
}
.ticket-alert.warning {
  background-color: #fce7e7;
}
.ticket-alert.warning h3 {
  color: #DE221F;
}
.ticket-alert.forall {
  width: 94.6666666667vw;
  margin: 0 auto 2.6666666667vw;
  border: 0.2666666667vw solid rgba(222, 34, 31, 0.3);
  border-radius: 1.3333333333vw;
}

.ticket-sell-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9.3333333333vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
  color: #666666;
  font-size: 3.2vw;
}
.ticket-sell-button .icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.ticket-sell-button .icon::before, .ticket-sell-button .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 -1.3333333333vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.ticket-sell-button .icon::after {
  transform: rotate(90deg);
}
.ticket-sell-button.active .icon {
  transform: rotate(180deg);
}
.ticket-sell-button.active .icon::after {
  transform: rotate(0deg);
}

.ticket-sell-box {
  display: none;
  position: relative;
  width: 100%;
  height: 40vw;
  padding: 1.3333333333vw 1.3333333333vw 13.3333333333vw;
  overflow: hidden;
  border-bottom: 0.2666666667vw solid #dddddd;
}
.ticket-sell-box table {
  width: 100%;
  background-color: white;
  font-size: 3.2vw;
  text-align: left;
}
.ticket-sell-box table tr:nth-child(even) {
  background-color: #f6f6f6;
}
.ticket-sell-box table th,
.ticket-sell-box table td {
  padding: 2.6666666667vw 1.3333333333vw;
}
.ticket-sell-box table th {
  color: #333333;
}
.ticket-sell-box table td {
  color: #666666;
}
.ticket-sell-box table th:nth-child(3),
.ticket-sell-box table th:nth-child(4),
.ticket-sell-box table th:nth-child(5),
.ticket-sell-box table td:nth-child(3),
.ticket-sell-box table td:nth-child(4),
.ticket-sell-box table td:nth-child(5) {
  text-align: right;
}
.ticket-sell-box table td:nth-child(4) {
  color: #4F6EA0;
}
.ticket-sell-box table td.win {
  color: #04B300;
}
.ticket-sell-box table td.lose {
  color: #DE221F;
}
.ticket-sell-box.active {
  height: auto;
}

.ticket-sell-more {
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
  background: linear-gradient(to top, #f6f6f6, rgba(246, 246, 246, 0.5));
}
.ticket-sell-more span {
  display: inline-block;
  padding: 1.8666666667vw 2.6666666667vw;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 0.8vw;
  background-color: #f6f6f6;
  color: #4F6EA0;
  font-size: 3.2vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .parlay-tickets {
    width: 97.0014992504vmax;
    margin: 0 auto 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .parlay-tickets .ticket {
    margin: -0.1499250375vmax auto;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .parlay-tickets .buttons {
    margin: -0.1499250375vmax auto;
  }
  .parlay-tickets .button {
    height: 5.9970014993vmax;
    margin: 0 0.7496251874vmax;
  }
  .ticket {
    width: 97.0014992504vmax;
    margin: 0 auto 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
    font-size: 2.2488755622vmax;
  }
  .ticket .status {
    top: 4.4977511244vmax;
    min-width: 8.9955022489vmax;
    padding: 0.7496251874vmax;
    border-radius: 0.5997001499vmax 0;
    font-size: 1.9490254873vmax;
  }
  .ticket.special .status {
    bottom: 3.748125937vmax;
  }
  .ticket .buttons {
    margin: -0.299850075vmax auto;
    border-top: 0.1499250375vmax solid #dddddd;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .ticket .button {
    height: 5.9970014993vmax;
    margin: 0 0.7496251874vmax;
  }
  .ticket-content {
    padding: 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .ticket-checkbox {
    margin: 0 2.2488755622vmax 0 0;
    padding: 0 1.4992503748vmax 0 0;
    border-right: 0.1499250375vmax solid #dddddd;
  }
  .ticket-checkbox label {
    width: 3.4482758621vmax;
    height: 3.4482758621vmax;
    border: 0.1499250375vmax solid #333333;
  }
  .ticket-label {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    border-radius: 0.7496251874vmax 0;
    font-size: 1.7991004498vmax;
  }
  .ticket-option {
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .ticket-option b {
    font-size: 1.9490254873vmax;
  }
  .ticket-option .warning {
    padding: 0.299850075vmax 0.7496251874vmax;
    border-radius: 0 0.5997001499vmax;
  }
  .ticket-option .sport-icon {
    width: 3.748125937vmax;
    height: 3.748125937vmax;
    margin: 0 0.3748125937vmax 0 -0.3748125937vmax;
  }
  .ticket-option .ticket-name {
    max-height: 3.748125937vmax;
    padding: 0.4497751124vmax 0;
  }
  .ticket-option .label {
    margin: 0.5997001499vmax 0.4497751124vmax 0 0;
  }
  .ticket-event {
    margin: 0.7496251874vmax 0;
    font-size: 1.9490254873vmax;
    line-height: 2.3988005997vmax;
  }
  .ticket-event .score {
    height: 2.2488755622vmax;
    padding: 0.299850075vmax;
    border-radius: 0.299850075vmax;
    font-size: 1.4992503748vmax;
  }
  .ticket-event .fl-score {
    width: 2.0989505247vmax;
    height: 2.0989505247vmax;
    margin: 0 0 0 0.3748125937vmax;
    font-size: 1.4992503748vmax;
  }
  .mybet .ticket-event {
    width: calc(100% - 10vmax);
  }
  .ticket-league {
    font-size: 1.9490254873vmax;
    line-height: 2.3988005997vmax;
  }
  .ticket-league.s {
    width: calc(100% - 19vmax);
  }
  .ticket-odds {
    max-height: 3.748125937vmax;
    padding: 0.4497751124vmax 0.7496251874vmax;
    border-radius: 0 0.7496251874vmax;
    font-size: 2.2488755622vmax;
  }
  .ticket-odds.closed {
    font-size: 1.7991004498vmax;
  }
  .ticket-odds span {
    font-size: 1.7991004498vmax;
  }
  .ticket-odds b {
    font-size: 1.4992503748vmax;
  }
  .ticket-odds.lock::before {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
  }
  .ticket-odds::after {
    border-width: 0.5997001499vmax;
  }
  .ticket-delate {
    width: 3.748125937vmax;
    height: 3.748125937vmax;
  }
  .ticket-top {
    min-height: 6.7466266867vmax;
    padding: 1.4992503748vmax;
    border-left: 0.7496251874vmax solid #4F6EA0;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .ticket-top .numbering {
    font-size: 1.9490254873vmax;
  }
  .ticket-top .times {
    font-size: 1.4992503748vmax;
    line-height: 2.2488755622vmax;
  }
  .ticket-top .print-button {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0 0 2.9985007496vmax;
    border-radius: 2.9985007496vmax;
  }
  .ticket-top .print-button::before {
    left: -1.4992503748vmax;
    width: 0.1499250375vmax;
    height: 2.9985007496vmax;
  }
  .ticket-parlay-title {
    padding: 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.9490254873vmax;
  }
  .ticket-toggle-button {
    height: 5.2473763118vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.7991004498vmax;
  }
  .ticket-toggle-button .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 2.9985007496vmax;
  }
  .ticket-toggle-button .icon::before, .ticket-toggle-button .icon::after {
    width: 1.4992503748vmax;
    height: 0.2248875562vmax;
    margin: -0.1124437781vmax 0 0 -0.7496251874vmax;
  }
  .ticket-bottom {
    min-height: 5.9970014993vmax;
    padding: 1.4992503748vmax;
  }
  .ticket-bottom p {
    font-size: 1.7991004498vmax;
  }
  .ticket-bottom .button {
    width: 13.4932533733vmax;
    height: 4.4977511244vmax;
    margin: 0 1.4992503748vmax;
    line-height: 4.4977511244vmax;
  }
  .ticket-bottom ul {
    min-height: 5.9970014993vmax;
    padding: 0 1.4992503748vmax;
  }
  .ticket-bottom ul li {
    padding: 0.3748125937vmax 0;
    font-size: 1.7991004498vmax;
  }
  .ticket-bottom ul:nth-child(1) {
    border-left: 0.1499250375vmax solid #dddddd;
  }
  .ticket-bottom .area-left {
    max-width: calc(29% - 0.7496251874vmax);
    margin: 0 0.7496251874vmax 0 0;
  }
  .recording .ticket-bottom {
    padding: 0.7496251874vmax 0;
  }
  .ticket-more {
    max-width: 97.0014992504vmax;
    padding: 1.4992503748vmax;
    border: 0.1499250375vmax dashed #dddddd;
    border-radius: 7.4962518741vmax;
    font-size: 1.9490254873vmax;
  }
  .ticket-more .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    border-radius: 2.9985007496vmax;
  }
  .ticket-more .icon::before, .ticket-more .icon::after {
    width: 1.4992503748vmax;
    height: 0.1499250375vmax;
  }
  .ticket-more p {
    padding: 0 0.7496251874vmax;
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .parlay {
    padding: 0 1.4992503748vmax;
  }
  .parlay .radio-box label {
    margin: 0 0.7496251874vmax 0 0;
    font-size: 1.9490254873vmax;
  }
  .parlay .radio-box .radio {
    width: 5.0974512744vmax;
    height: 2.9985007496vmax;
  }
  .parlay .radio-box .radio::before {
    width: 2.6986506747vmax;
    height: 2.6986506747vmax;
  }
  .parlay .radio-box .radio.active::before {
    left: 1.9490254873vmax;
  }
  .parlay h2 {
    padding: 1.4992503748vmax 0;
    font-size: 1.9490254873vmax;
  }
  .parlay .parlay-toggle-button {
    height: 5.2473763118vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-top: 0;
    border-radius: 0 0 0.7496251874vmax 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
    font-size: 1.7991004498vmax;
  }
  .parlay .parlay-toggle-button .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 2.9985007496vmax;
  }
  .parlay .parlay-toggle-button .icon::before, .parlay .parlay-toggle-button .icon::after {
    width: 1.4992503748vmax;
    height: 0.2248875562vmax;
    margin: -0.1124437781vmax 0 0 -0.7496251874vmax;
  }
  .parlay .parlay-box {
    margin: -0.1499250375vmax 0 0;
    padding: 2.2488755622vmax 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
  }
  .parlay .parlay-box:first-of-type {
    border-radius: 0.7496251874vmax 0.7496251874vmax 0 0;
  }
  .parlay .parlay-box:last-child {
    border-radius: 0 0 0.7496251874vmax 0.7496251874vmax;
  }
  .parlay .parlay-title h3 {
    margin: 0 0 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .parlay .parlay-title h3 i {
    width: 2.2488755622vmax;
    height: 2.2488755622vmax;
    margin: 0 0.7496251874vmax 0 0;
    font-size: 1.7991004498vmax;
  }
  .parlay .parlay-title p {
    font-size: 1.9490254873vmax;
    text-indent: 3.2983508246vmax;
  }
  .parlay .parlay-title .have-stake {
    right: 4.4977511244vmax;
    font-size: 1.9490254873vmax;
    line-height: 5.9970014993vmax;
  }
  .parlay .parlay-main > .ticket-limit {
    margin: 1.0494752624vmax 0 0;
  }
  .parlay .parlay-main > .ticket-limit p {
    font-size: 1.7991004498vmax;
  }
  .parlay .parlay-main p {
    color: #666666;
    font-size: 1.9490254873vmax;
  }
  .ticket-stake {
    width: 14.9925037481vmax;
    height: 4.4977511244vmax;
    margin: 0 0 0 1.4992503748vmax;
    padding: 0 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.1);
    font-size: 1.9490254873vmax;
    line-height: 4.4977511244vmax;
  }
  .ticket-stake.active {
    border: 0.299850075vmax solid #4F6EA0;
  }
  .ticket-stake.lock, .ticket-stake.gray {
    background-color: #dddddd;
    box-shadow: none;
  }
  .ticket-stake.lock span, .ticket-stake.gray span {
    color: rgba(51, 51, 51, 0.5);
  }
  .ticket-stake.gray {
    border-bottom: 0.299850075vmax solid #4F6EA0;
  }
  .ticket-alert {
    padding: 1.4992503748vmax 2.2488755622vmax;
    border-radius: 0.7496251874vmax 0.7496251874vmax 0 0;
  }
  .ticket-alert h3 {
    margin: 0 0 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .ticket-alert p {
    font-size: 1.9490254873vmax;
  }
  .ticket-alert.forall {
    width: 97.0014992504vmax;
    margin: 0 auto 1.4992503748vmax;
    border: 0.1499250375vmax solid rgba(222, 34, 31, 0.3);
    border-radius: 0.7496251874vmax;
  }
  .ticket-sell-button {
    height: 5.2473763118vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.7991004498vmax;
  }
  .ticket-sell-button .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 2.9985007496vmax;
  }
  .ticket-sell-button .icon::before, .ticket-sell-button .icon::after {
    width: 1.4992503748vmax;
    height: 0.2248875562vmax;
    margin: -0.1124437781vmax 0 0 -0.7496251874vmax;
  }
  .ticket-sell-box {
    height: 22.4887556222vmax;
    padding: 0.7496251874vmax 0.7496251874vmax 7.4962518741vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .ticket-sell-box table {
    font-size: 1.7991004498vmax;
  }
  .ticket-sell-box table th,
.ticket-sell-box table td {
    padding: 1.4992503748vmax 0.7496251874vmax;
  }
  .ticket-sell-more {
    height: 7.4962518741vmax;
  }
  .ticket-sell-more span {
    padding: 1.0494752624vmax 1.4992503748vmax;
    border: 0.1499250375vmax solid #4F6EA0;
    border-radius: 0.4497751124vmax;
    font-size: 1.7991004498vmax;
  }
}
.parlay-infor {
  position: fixed;
  z-index: 31;
  top: -150%;
  left: 50%;
  width: 92vw;
  height: auto;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.parlay-infor.active {
  top: 50%;
}

.parlay-infor-box {
  position: relative;
  margin: 0 0 6.6666666667vw;
}
.parlay-infor-box .ticket-total-odds {
  position: absolute;
  top: 2.6666666667vw;
  right: 2.6666666667vw;
  color: #4F6EA0;
  font-size: 4vw;
  font-weight: bold;
}

.parlay-infor-tilte {
  position: relative;
  margin: 0 0 2.6666666667vw;
  padding: 2.6666666667vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.parlay-infor-tilte .close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.parlay-infor-tilte h2 {
  margin: 0 0 1.3333333333vw;
  color: #333333;
  font-size: 4vw;
}
.parlay-infor-tilte h2 span {
  color: #4F6EA0;
  font-weight: bold;
}
.parlay-infor-tilte ul {
  display: flex;
}
.parlay-infor-tilte ul li {
  margin: 0 2.6666666667vw 0 0;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: normal;
}
.parlay-infor-tilte ul li span {
  color: #999999;
}

.parlay-infor-main {
  position: relative;
  max-height: 106.6666666667vw;
  padding: 0 2.6666666667vw;
  overflow: auto;
}
.parlay-infor-main h3 {
  margin: 0 0 1.3333333333vw;
  color: #333333;
  font-size: 4vw;
  font-weight: bold;
}
.parlay-infor-main ul {
  padding: 0 2.6666666667vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
}
.parlay-infor-main ul li {
  position: relative;
  width: 85%;
  padding: 2.6666666667vw 0;
  border-bottom: 0.2666666667vw solid #dddddd;
}
.parlay-infor-main ul li:last-child {
  border: 0;
}
.parlay-infor-main .ticket-option span:nth-child(1) {
  width: auto;
}
.parlay-infor-main .ticket-option span:nth-child(2) {
  padding: 0.8vw;
}

.parlay-mask {
  display: none;
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .parlay-infor {
    width: 51.724137931vmax;
    border-radius: 0.7496251874vmax;
  }
  .parlay-infor-box {
    margin: 0 0 3.748125937vmax;
  }
  .parlay-infor-box .ticket-total-odds {
    top: 1.4992503748vmax;
    right: 1.4992503748vmax;
    font-size: 2.2488755622vmax;
  }
  .parlay-infor-tilte {
    margin: 0 0 1.4992503748vmax;
    padding: 1.4992503748vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .parlay-infor-tilte h2 {
    margin: 0 0 0.7496251874vmax;
    font-size: 2.2488755622vmax;
  }
  .parlay-infor-tilte ul li {
    margin: 0 1.4992503748vmax 0 0;
    font-size: 1.9490254873vmax;
  }
  .parlay-infor-main {
    max-height: 38.9805097451vmax;
    padding: 0 1.4992503748vmax;
  }
  .parlay-infor-main h3 {
    margin: 0 0 0.7496251874vmax;
    font-size: 2.2488755622vmax;
  }
  .parlay-infor-main ul {
    padding: 0 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .parlay-infor-main ul li {
    padding: 1.4992503748vmax 0;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .parlay-infor-main .ticket-option span:nth-child(2) {
    padding: 0.4497751124vmax;
  }
}
.keyboard {
  display: none;
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0 0;
}
.keyboard.active {
  display: block;
}

.keyboard-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.keyboard-box .keyboard-top {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.keyboard-box .keyboard-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.keyboard-box .keyboard-bottom .special {
  width: 20%;
}
.keyboard-box .keyboard-bottom .back {
  width: 20%;
}
.keyboard-box .keyboard-bottom .send {
  width: 40%;
}
.keyboard-box .btn {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 20%;
  height: 9.3333333333vw;
  border: 0.2666666667vw solid white;
  background-color: #e9e9e9;
  color: #333333;
  font-size: 3.2vw;
  font-weight: bold;
}
.keyboard-box .btn::after {
  content: attr(data-num);
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
  background-color: #4F6EA0;
  color: #ffffff;
  pointer-events: none;
}
.keyboard-box .btn.jump::after {
  animation: keyboard 0.5s;
  opacity: 1;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.keyboard-box .btn.special {
  background-color: #f6f6f6;
  color: #333333;
}
.keyboard-box .btn.point.active {
  pointer-events: none;
}
.keyboard-box .btn.special:nth-child(1) {
  border-radius: 0 0 0 1.3333333333vw;
}
.keyboard-box .btn.num:nth-child(1) {
  border-radius: 1.3333333333vw 0 0;
}
.keyboard-box .btn.num:nth-child(5) {
  border-radius: 0 1.3333333333vw 0 0;
}
.keyboard-box .btn.send {
  border-radius: 0 0 1.3333333333vw;
}
.keyboard-box .btn.send::after {
  content: none;
}
.keyboard-box .btn.sned::after, .keyboard-box .btn.back::after {
  content: none;
}
.keyboard-box .back {
  background-color: #f6f6f6;
  background-image: url('data:image/svg+xml, <svg width="30" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8.074 0H30v20H8.074L0 10 8.074 0zm9.133 9.5l4.95-4.95-.707-.707-4.95 4.95-4.95-4.95-.707.707 4.95 4.95-4.95 4.95.707.707 4.95-4.95 4.95 4.95.707-.707-4.95-4.95z" fill="%23000000" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
  color: #333333;
}
.keyboard-box .send {
  background-color: #f6f6f6;
  color: #333333;
  pointer-events: auto;
}

@keyframes keyboard {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10.6666666667vw) scale(1.1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}
@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .keyboard {
    padding: 1.4992503748vmax 0 0;
  }
  .keyboard-box {
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.3);
  }
  .keyboard-box .btn {
    height: 5.9970014993vmax;
    font-size: 1.7991004498vmax;
  }
  .keyboard-box .btn.jump::after {
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .keyboard-box .btn.special:nth-child(1) {
    border-radius: 0 0 0 0.7496251874vmax;
  }
  .keyboard-box .btn.num:nth-child(1) {
    border-radius: 0.7496251874vmax 0 0;
  }
  .keyboard-box .btn.num:nth-child(5) {
    border-radius: 0 0.7496251874vmax 0 0;
  }
  .keyboard-box .btn.send {
    border-radius: 0 0 0.7496251874vmax;
  }
  .keyboard-box .back {
    background-size: 15%;
  }
}
.method {
  position: fixed;
  z-index: 25;
  bottom: -150%;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
}
.method.active {
  bottom: 0;
}

.method-menu ul {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0 0;
}
.method-menu ul li {
  position: relative;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 0 0 2.6666666667vw;
  background-color: white;
}
.method-menu ul li [type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.method-menu ul li label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.method-menu ul li label::before {
  content: "";
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 2.6666666667vw 0 0;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 5.3333333333vw;
  background-color: #f6f6f6;
}
.method-menu ul li [type=radio]:checked + label::before {
  width: 3.2vw;
  height: 3.2vw;
  border: 1.3333333333vw solid #4F6EA0;
  background-color: #fbfbfb;
}
.method-menu ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 97.3333333333vw;
  height: 0.2666666667vw;
  background-color: #dddddd;
}
.method-menu ul li:last-child::after {
  width: 100%;
}
.method-menu ul li span {
  position: absolute;
  top: 50%;
  right: 2.6666666667vw;
  transform: translateY(-50%);
  color: #4F6EA0;
  font-size: 4vw;
}

.one-click-box {
  display: none;
  padding: 2.6666666667vw 2.6666666667vw 0;
}
.one-click-box p {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
}
.one-click-box ul {
  display: flex;
  width: 97.3333333333vw;
  margin: 0 0 2.6666666667vw -1.3333333333vw;
}
.one-click-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 12vw;
  margin: 0 1.3333333333vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
}
.one-click-box ul li.active {
  border: 0.2666666667vw solid #4F6EA0;
  background-color: #4F6EA0;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .method {
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .method-menu ul {
    padding: 1.4992503748vmax 0 0;
  }
  .method-menu ul li {
    height: 7.4962518741vmax;
    padding: 0 0 0 1.4992503748vmax;
  }
  .method-menu ul li label {
    font-size: 1.9490254873vmax;
  }
  .method-menu ul li label::before {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 1.4992503748vmax 0 0;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 2.9985007496vmax;
  }
  .method-menu ul li [type=radio]:checked + label::before {
    width: 1.7991004498vmax;
    height: 1.7991004498vmax;
    border: 0.7496251874vmax solid #4F6EA0;
  }
  .method-menu ul li::after {
    width: 98.5007496252vmax;
    height: 0.1499250375vmax;
  }
  .method-menu ul li span {
    right: 1.4992503748vmax;
    font-size: 2.2488755622vmax;
  }
  .one-click-box {
    padding: 1.4992503748vmax 1.4992503748vmax 0;
  }
  .one-click-box p {
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .one-click-box ul {
    display: flex;
    width: 98.5007496252vmax;
    margin: 0 0 1.4992503748vmax -0.7496251874vmax;
  }
  .one-click-box ul li {
    height: 6.7466266867vmax;
    margin: 0 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .one-click-box ul li.active {
    border: 0.1499250375vmax solid #4F6EA0;
  }
}
.sell {
  position: fixed;
  z-index: 27;
  top: -105%;
  left: 50%;
  width: 93.3333333333vw;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.sell.active {
  top: 5%;
}
.sell .button {
  margin: 0 1.3333333333vw;
}

.sell-main {
  width: 100%;
  height: auto;
  margin: 2.6666666667vw 0 0;
}
.sell-main .ticket {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.sell-main .ticket-content {
  border-bottom: 0.2666666667vw solid #dddddd;
  box-shadow: none;
}

.sell-input-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  margin: 2.6666666667vw 0 0;
  padding: 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
}
.sell-input-box > p {
  margin: 0 0 0 2.6666666667vw;
  color: #333333;
  font-size: 3.4666666667vw;
}
.sell-input-box > p.win span {
  color: #04B300;
}
.sell-input-box > p.lose span {
  color: #DE221F;
}
.sell-input-box > p.refund span {
  color: #4F6EA0;
}
.sell-input-box .ticket-stake {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 10.6666666667vw;
  margin: 0 0 2.6666666667vw;
  padding: 0 2.6666666667vw;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 1.3333333333vw;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
}
.sell-input-box .ticket-stake span {
  color: #4F6EA0;
}

.sell-mask {
  display: none;
  position: fixed;
  z-index: 26;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .sell {
    width: 44.9775112444vmax;
    height: 46.4767616192vmax;
    overflow: auto;
    border-radius: 2.2488755622vmax;
  }
  .sell .button {
    margin: 0 0.7496251874vmax;
  }
  .sell.active {
    top: 5%;
  }
  .sell-main {
    margin: 1.4992503748vmax 0 0;
  }
  .sell-main .ticket {
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .sell-input-box {
    margin: 1.4992503748vmax 0 0;
    padding: 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
  }
  .sell-input-box > p {
    margin: 0 0 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .sell-input-box .ticket-stake {
    height: 5.9970014993vmax;
    margin: 0 0 1.4992503748vmax;
    padding: 0 1.4992503748vmax;
    border: 0.1499250375vmax solid #4F6EA0;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .sell-input-box .ticket-stake span {
    color: #4F6EA0;
  }
  .sell-input {
    height: 5.9970014993vmax;
    margin: 0 0 1.4992503748vmax;
    padding: 0 1.4992503748vmax;
    border: 0.1499250375vmax solid #4F6EA0;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
}
.custom {
  position: fixed;
  z-index: 27;
  top: -150%;
  left: 50%;
  width: 93.3333333333vw;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.custom.active {
  top: 20%;
}

.custom-main {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0 0;
}
.custom-main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
}
.custom-main ul li {
  position: relative;
  width: calc((100% - 8vw) / 4);
  text-align: center;
}
.custom-main ul li p {
  display: block;
  margin: 0 0 1.3333333333vw;
  color: #333333;
  font-size: 3.4666666667vw;
}
.custom-main ul li span {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 12vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  outline: none;
  background-color: white;
  color: #333333;
  font-size: 4vw;
  text-align: center;
}
.custom-main ul li.active span {
  border: 0.2666666667vw solid #4F6EA0;
}

.custom-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 26;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .custom {
    width: 52.4737631184vmax;
    border-radius: 2.2488755622vmax;
  }
  .custom.active {
    top: 10%;
  }
  .custom-main {
    padding: 1.4992503748vmax 0 0;
  }
  .custom-main ul {
    padding: 0.7496251874vmax;
  }
  .custom-main ul li {
    width: 25%;
    padding: 1.4992503748vmax;
  }
  .custom-main ul li p {
    margin: 0 0 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .custom-main ul li span {
    height: 6.7466266867vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    font-size: 2.2488755622vmax;
  }
  .custom-main ul li.active span {
    border: 0.1499250375vmax solid #4F6EA0;
  }
}
.member-menu {
  position: fixed;
  z-index: 25;
  top: 50%;
  right: -55%;
  width: 55%;
  height: 95%;
  padding: 5.3333333333vw 0;
  overflow: auto;
  transform: translateY(-50%);
  transition: all 0.3s;
  border-radius: 8vw 0 0 8vw;
  background-color: #4F6EA0;
  -webkit-overflow-scrolling: touch;
}
.member-menu.active {
  right: 0;
}
.member-menu .balance-btn {
  display: inline-flex;
  margin: 1.3333333333vw 0 0;
}

.member-menu-account {
  width: 100%;
  margin: 0 0 2.6666666667vw;
  padding: 0 2.6666666667vw 0 5.3333333333vw;
  color: #ffffff;
  font-size: 3.4666666667vw;
}
.member-menu-account > span {
  display: inline-block;
  width: calc(100% - 11vw);
  word-break: break-all;
  vertical-align: middle;
}
.member-menu-account::before {
  content: "";
  display: inline-block;
  width: 8vw;
  height: 8vw;
  margin: 0 1.3333333333vw 0 0;
  border-radius: 8vw;
  background-color: #3e577e;
  background-image: url('data:image/svg+xml, <svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M15 8c1.7 0 3 1.373 3 3.169s-1.3 3.169-3 3.169-3-1.373-3-3.169S13.3 8 15 8zm0 15c-2.5 0-4.7-1.373-6-3.38 0-2.113 4-3.275 6-3.275s6 1.162 6 3.275C19.7 21.627 17.5 23 15 23z" fill=" %23ffffff " fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}

.member-menu-btn {
  position: relative;
  width: 100%;
  height: auto;
}
.member-menu-btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 5.3333333333vw);
  height: 0.2666666667vw;
  background-color: #6c88b6;
}
.member-menu-btn:last-child::after {
  content: none;
}
.member-menu-btn ul {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0;
  background-color: #3e577e;
}
.member-menu-btn ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6666666667vw 5.3333333333vw;
  color: #ffffff;
  font-size: 3.2vw;
}
.member-menu-btn ul li p {
  opacity: 0.7;
}
.member-menu-btn.active::after {
  content: none;
}
.member-menu-btn.active .arrow-l {
  transform: rotate(-135deg);
}

.member-menu-btn-main {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 5.3333333333vw;
}
.member-menu-btn-main a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
}
.member-menu-btn-main span {
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.member-menu-btn-main [data-membericon=balance] {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M4.646 3.314a.542.542 0 0 1 .105-.701c.316-.21.982-.526 1.332-.702a.513.513 0 0 1 .666.21c.14.246.035.527-.21.667-.56.28-1.017.526-1.192.666-.105.035-.21.07-.315.07-.14 0-.316-.07-.386-.21zm5.259 15.495C4.997 18.81 1 14.813 1 9.905c0-2.21.806-4.313 2.279-5.96.175-.21.49-.21.7-.035.211.175.211.49.036.7a7.817 7.817 0 0 0-2.033 5.295 7.915 7.915 0 0 0 7.923 7.922 7.915 7.915 0 0 0 7.922-7.922 7.915 7.915 0 0 0-7.922-7.923c-.702 0-1.368.105-2.034.28a.48.48 0 0 1-.596-.35.48.48 0 0 1 .35-.596A8.382 8.382 0 0 1 9.94 1c4.908 0 8.904 3.997 8.904 8.905-.035 4.908-4.031 8.904-8.94 8.904zm-3.558-4.335c-.198-.198-.111-.582.203-.897L13.228 6.9c.314-.314.699-.401.897-.203.199.199.112.583-.203.897l-6.678 6.678c-.314.315-.699.402-.897.203zm.143-3.884c-.199-.199-.219-.476-.047-.647L10.085 6.3c.172-.171.45-.151.647.047.199.198.219.476.047.647l-3.642 3.643c-.172.171-.449.151-.647-.047z" fill=" %23ffffff " fill-rule="nonzero"/></svg>');
}
.member-menu-btn-main [data-membericon=rule] {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M4 1h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3zm0 1a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4zm2 5h8v1H6V7zm0 3h6v1H6v-1zm0 3h4v1H6v-1z" fill=" %23ffffff " fill-rule="evenodd"/></svg>');
}
.member-menu-btn-main [data-membericon=setting] {
  background-image: url('data:image/svg+xml, <svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill=" %23ffffff " fill-rule="nonzero"><path d="M.768 5.925l1.053-.178c.11-.354.25-.696.423-1.022l-.62-.868a.924.924 0 0 1 .1-1.194l.933-.933a.92.92 0 0 1 1.191-.1l.871.62a5.883 5.883 0 0 1 1.06-.436l.175-1.04A.926.926 0 0 1 6.869 0h1.319c.454 0 .84.326.915.774l.182 1.065c.35.11.692.254 1.018.43l.862-.62a.92.92 0 0 1 .539-.173c.247 0 .482.097.655.272l.936.934c.32.32.364.824.1 1.194l-.626.88c.172.33.31.671.417 1.025l1.04.176c.448.075.774.46.774.915V8.19c0 .454-.326.84-.774.915l-1.065.182c-.11.35-.254.692-.43 1.018l.618.859a.924.924 0 0 1-.1 1.193l-.934.934a.92.92 0 0 1-1.191.1l-.88-.626c-.317.166-.65.3-.99.407l-.176 1.053a.926.926 0 0 1-.915.774H6.84a.926.926 0 0 1-.914-.774l-.18-1.053a5.945 5.945 0 0 1-1.02-.423l-.869.62a.92.92 0 0 1-1.194-.1l-.933-.933a.928.928 0 0 1-.1-1.194l.62-.871a5.902 5.902 0 0 1-.423-1.022L.774 9.075A.926.926 0 0 1 0 8.16V6.84a.915.915 0 0 1 .768-.915zM.84 8.16c0 .04.028.075.069.081l1.316.22a.42.42 0 0 1 .338.31c.12.46.301.902.546 1.313a.424.424 0 0 1-.02.46l-.773 1.09a.085.085 0 0 0 .01.107l.933.934a.08.08 0 0 0 .06.025.077.077 0 0 0 .047-.016l1.087-.774a.423.423 0 0 1 .46-.018c.41.244.853.426 1.313.545.163.04.285.175.31.338l.223 1.316c.006.041.04.07.081.07h1.32c.04 0 .075-.029.081-.07l.22-1.316a.42.42 0 0 1 .31-.338c.448-.116.88-.295 1.284-.527a.434.434 0 0 1 .213-.056c.085 0 .173.025.245.078l1.097.78c.015.01.03.016.047.016a.084.084 0 0 0 .06-.025l.933-.934a.085.085 0 0 0 .01-.106l-.772-1.081a.429.429 0 0 1-.018-.464c.244-.407.432-.85.551-1.31a.43.43 0 0 1 .339-.31l1.325-.226a.081.081 0 0 0 .069-.081V6.87a.081.081 0 0 0-.069-.08l-1.307-.22a.424.424 0 0 1-.341-.313 5.011 5.011 0 0 0-.536-1.316.418.418 0 0 1 .022-.458l.78-1.097a.085.085 0 0 0-.01-.106l-.933-.934a.08.08 0 0 0-.06-.025.077.077 0 0 0-.047.016l-1.08.77a.429.429 0 0 1-.464.02 4.969 4.969 0 0 0-1.31-.552.43.43 0 0 1-.31-.339L8.263.912a.081.081 0 0 0-.081-.07h-1.32a.081.081 0 0 0-.081.07l-.22 1.307a.424.424 0 0 1-.313.341c-.473.12-.924.304-1.344.552a.424.424 0 0 1-.46-.02l-1.082-.776a.093.093 0 0 0-.047-.016.084.084 0 0 0-.06.025l-.933.934a.085.085 0 0 0-.01.106l.775 1.088a.423.423 0 0 1 .018.46c-.244.41-.426.853-.545 1.313a.416.416 0 0 1-.338.31L.906 6.76a.081.081 0 0 0-.07.081v1.32H.84z"/><path d="M7.5 4C9.431 4 11 5.569 11 7.5S9.431 11 7.5 11A3.502 3.502 0 0 1 4 7.5C4 5.569 5.569 4 7.5 4zm0 6.085A2.587 2.587 0 0 0 10.085 7.5 2.587 2.587 0 0 0 7.5 4.915 2.587 2.587 0 0 0 4.915 7.5 2.587 2.587 0 0 0 7.5 10.085z"/></g></svg>');
}
.member-menu-btn-main [data-membericon=mail] {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M15 4a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h10zM3.005 6.85L3 7v6a2 2 0 0 0 1.85 1.995L5 15h10a2 2 0 0 0 1.995-1.85L17 13V7c0-.59-.256-1.122-.663-1.488l-6.266 6.266L3.74 5.447a1.996 1.996 0 0 0-.735 1.404zM15 5H5c-.093 0-.184.006-.274.019l5.344 5.344 5.325-5.324A2.01 2.01 0 0 0 15 5z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
.member-menu-btn-main [data-membericon=logout] {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.501A2.496 2.496 0 0 1 3.485 3h8.03A2.498 2.498 0 0 1 14 5.501v1.62c0 .273-.22.495-.492.495a.493.493 0 0 1-.492-.495V5.5c0-.833-.677-1.514-1.505-1.514H3.485c-.828 0-1.505.68-1.505 1.514V15.5c0 .833.677 1.514 1.505 1.514h8.022c.828 0 1.505-.68 1.505-1.514v-1.62c0-.273.22-.495.492-.495s.492.222.492.495v1.62A2.498 2.498 0 0 1 11.511 18H3.485A2.498 2.498 0 0 1 1 15.499V5.5zm14.937 9.33a.65.65 0 0 1 0-.804l2.44-2.949h-8.9c-.264 0-.477-.257-.477-.576 0-.318.213-.575.476-.575h8.905l-2.44-2.949a.657.657 0 0 1 0-.81.417.417 0 0 1 .67 0l3.25 3.927a.657.657 0 0 1 0 .81l-3.25 3.927a.435.435 0 0 1-.337.168.435.435 0 0 1-.337-.168z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
}
.member-menu-btn-main [data-membericon=announcement] {
  background-image: url('data:image/svg+xml, <svg width="20" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M13.181.45c-.623 0-1.153.46-1.245 1.071l-.022.147-.624.624c-.99.99-2.437 1.577-3.883 1.577H3.99c-.537 0-1.01.341-1.188.84l-.106.3H2.28c-1.008 0-1.829.82-1.829 1.829 0 1.008.821 1.829 1.83 1.829h.415l.106.3c.127.356.411.64.768.767l.3.107v3.264c0 .695.565 1.26 1.26 1.26.693 0 1.259-.565 1.259-1.26V9.806h1.02c1.445 0 2.892.587 3.882 1.577l.624.625.022.146a1.262 1.262 0 0 0 1.245 1.071c.695 0 1.26-.565 1.26-1.26V1.71c0-.694-.565-1.259-1.26-1.259zm5.698 6.838H17.17a.12.12 0 0 0 0 .24h1.71a.12.12 0 0 0 0-.24zm-1.054 3.454l-1.14-1.14a.12.12 0 0 0-.17.17l1.14 1.139a.12.12 0 0 0 .17-.17zm0-6.838a.12.12 0 0 0-.17 0l-1.14 1.14a.12.12 0 1 0 .17.169l1.14-1.14a.12.12 0 0 0 0-.17z" stroke="%23ffffff" stroke-width=".9" fill="none" fill-rule="evenodd"/></svg>');
}
.member-menu-btn-main [data-membericon=back] {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M7.524 3.151a.706.706 0 011.008 0 .711.711 0 010 .998l-5.11 5.11h14.862a.71.71 0 110 1.421H3.422l5.11 5.1a.723.723 0 010 1.009.706.706 0 01-1.008 0l-6.32-6.32a.711.711 0 010-.998l6.32-6.32z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
}
.member-menu-btn-main [data-membericon=tutorial] {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"> <path d="M716.7,184h-48.4v-7.2c0-8.3-3.3-16.1-9.4-22-6.3-6.2-15.2-9.6-24.3-9.4-68.4,1.5-117.1,12-161.1,32-18.5,8.4-45.3,22.7-73.9,52.1-16.2-16.8-39.7-36.6-74-52.1-44-20-92.6-30.4-161.1-32-9.1-.2-17.9,3.2-24.2,9.4-6.1,6-9.4,13.8-9.4,22.2v7.1h-47.7c-18,0-32.7,14.7-32.7,32.7v428.6c0,11.4,6,22,15.9,28.5,10.5,6.8,23.8,8,34.8,3.1,25.4-11.3,67.3-24.8,122.1-24.8,91.3,0,166.2,54.2,167,54.8,2.8,2.1,6.2,3.1,9.5,3.1s6.7-1,9.5-3.1c.7-.5,75.7-54.8,167-54.8s96.7,13.5,122.1,24.8c11,4.9,24.3,3.7,34.8-3.1,10-6.5,15.9-17.1,15.9-28.5V216.7c0-18-14.7-32.7-32.7-32.7h.3ZM415.6,259.2c35.2-39.5,84.8-78.9,219.7-81.9.4,0,.7,0,.9.2v375.7c-.3.2-.9.5-1.8.5-67.3,2-116.3,15.4-162.1,40.8-23,12.8-41.3,27.3-56.8,42.2v-377.5h0ZM163,177.5c.2,0,.5-.2.9-.2,134.9,3,184.5,42.4,219.7,81.9v377.5c-15.5-14.9-33.7-29.4-56.8-42.2-45.8-25.5-94.8-38.8-162.1-40.8-.9,0-1.5-.3-1.8-.5V177.5h.1ZM88.4,647.6c-1.2.5-2.9.2-4.3-.7-.7-.4-1.4-1.1-1.4-1.7V216.7c0-.4.3-.7.7-.7h47.7v337.8c0,17.3,14.4,31.3,32.8,31.9,62.1,1.9,106.3,13.9,147.5,36.8,13.4,7.5,25.1,15.6,35.5,24.2-32.6-13.9-75.6-26.6-123.2-26.6s-106.9,15-135.1,27.5h-.2ZM717.3,645.3c0,.5-.7,1.2-1.4,1.7-1.4.9-3.2,1.2-4.3.7-28.3-12.6-74.7-27.5-135.1-27.5s-92,13.2-124.7,27.3c10.6-8.8,22.5-17.2,36.2-24.9,41.2-22.9,85.5-35,147.5-36.8,18.4-.6,32.8-14.6,32.8-31.9V216h48.4c.4,0,.7.3.7.7v428.6h-.1Z" fill="%23ffffff"/></svg>');
}
.member-menu-btn-main [data-membericon=gift] {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23ffffff" fill-rule="evenodd" d="M6.494 3.178c-.158.135-.305.402-.305.99 0 .304.102.532.276.718.184.196.463.36.832.49.628.219 1.436.31 2.252.333-.094-.5-.343-1.109-.697-1.641a3.452 3.452 0 0 0-.738-.825c-.26-.2-.5-.291-.708-.291-.456 0-.74.078-.912.226ZM2.558 5.716h3.654a2.195 2.195 0 0 1-.328-.284 1.793 1.793 0 0 1-.492-1.263c0-.709.177-1.25.585-1.598.393-.336.918-.417 1.43-.417.44 0 .848.192 1.193.457.347.266.657.626.916 1.016.184.276.349.579.484.888.135-.31.3-.612.483-.888.26-.39.57-.75.917-1.016.345-.265.752-.457 1.194-.457.511 0 1.036.081 1.43.417.407.348.584.89.584 1.598 0 .51-.181.932-.492 1.263-.099.105-.209.2-.328.284h3.654c.22 0 .398.179.398.399v3.88c0 .22-.178.399-.398.399h-1.218v7.053c0 .22-.178.398-.398.398H4.174a.399.399 0 0 1-.398-.398v-7.053H2.558a.399.399 0 0 1-.398-.4v-3.88c0-.22.178-.398.398-.398Zm.399 3.88V6.513h14.086v3.083H2.957Zm1.616 7.452v-6.644h3.731v6.644H4.573Zm4.529 0v-6.644h1.785v6.644H9.102Zm2.583 0h3.742v-6.644h-3.742v6.644Zm1.018-11.673c-.628.22-1.437.311-2.252.334.094-.5.343-1.109.697-1.641.225-.339.479-.626.738-.825.26-.2.5-.291.708-.291.456 0 .739.078.911.226.16.135.306.402.306.99a.997.997 0 0 1-.276.718c-.184.196-.463.36-.832.49Z" clip-rule="evenodd"/></svg>');
}
.member-menu-btn-main p {
  display: inline-block;
  color: #ffffff;
  font-size: 3.4666666667vw;
  vertical-align: middle;
}
.member-menu-btn-main .arrow-l {
  border-color: #ffffff;
}
.member-menu-btn-main .point {
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 1.3333333333vw;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 4.2666666667vw;
  height: 4.2666666667vw;
  padding: 0 1.3333333333vw;
  transform: translateY(-50%);
  border-radius: 4vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 2.6666666667vw;
  line-height: 4.2666666667vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .member-menu {
    right: -31.4842578711vmax;
    width: 31.4842578711vmax;
    height: 100%;
    padding: 2.9985007496vmax 0;
    border-radius: 0;
  }
  .member-menu-account {
    margin: 0 0 2.9985007496vmax;
    padding: 0 1.4992503748vmax 0 2.9985007496vmax;
    font-size: 1.9490254873vmax;
  }
  .member-menu-account > span {
    width: calc(100% - 6vmax);
  }
  .member-menu-account::before {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 4.4977511244vmax;
  }
  .member-menu-btn::after {
    width: calc(100% - 2.9985007496vmax);
    height: 0.1499250375vmax;
  }
  .member-menu-btn ul {
    padding: 1.4992503748vmax 0;
  }
  .member-menu-btn ul li {
    padding: 1.4992503748vmax 2.9985007496vmax;
    font-size: 1.7991004498vmax;
  }
  .member-menu-btn-main {
    height: 7.4962518741vmax;
    padding: 0 2.9985007496vmax;
  }
  .member-menu-btn-main span {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .member-menu-btn-main p {
    font-size: 1.9490254873vmax;
  }
  .member-menu-btn-main .point {
    right: 0.7496251874vmax;
    width: 2.3988005997vmax;
    height: 2.3988005997vmax;
    padding: 0 0.7496251874vmax;
    border-radius: 2.2488755622vmax;
    font-size: 1.4992503748vmax;
    line-height: 2.3988005997vmax;
  }
}
.times-filter {
  position: fixed;
  z-index: 27;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
}
.times-filter.active {
  bottom: 0;
}

.times-filter-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 26;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.times-filter-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.times-filter-main ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 2.6666666667vw;
}
.times-filter-main li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(25% - 2vw);
  height: 12vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
}
.times-filter-main li.active {
  border: 0.2666666667vw solid #4F6EA0;
  background-color: #4F6EA0;
  color: #ffffff;
}
.times-filter-main p {
  color: #333333;
  font-size: 3.4666666667vw;
}

.times-filter-calendar {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  width: 42.6666666667vw;
  height: 12vw;
  margin: 2.6666666667vw;
  padding: 1.0666666667vw 0 1.0666666667vw 9.3333333333vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
}
.times-filter-calendar.s {
  width: 34.6666666667vw;
}
.times-filter-calendar.m {
  width: 79.4666666667vw;
}
.times-filter-calendar span {
  display: block;
  width: 100%;
  padding: 1.3333333333vw 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: left;
  pointer-events: none;
}
.times-filter-calendar [type=date] {
  width: auto;
  height: 100%;
  margin: -10.6666666667vw 0 0;
  padding: 6.6666666667vw 0 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #666666;
  font-size: 3.2vw;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.times-filter-calendar [type=date]::-webkit-calendar-picker-indicator {
  display: none;
  visibility: hidden;
  position: absolute;
  left: 100%;
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
}
.times-filter-calendar [type=date]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.times-filter-calendar::before {
  content: "";
  display: block;
  position: absolute;
  left: 2.6666666667vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M14 4.5h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h1V3h1v1.5h6V3h1v1.5zm-1 1H7V8H6V5.5H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-1V8h-1V5.5zm-9 3h12v1H4v-1zm1 3v-1h1v1H5zm0 2v-1h1v1H5zm0 2v-1h1v1H5zm3-4v-1h1v1H8zm0 2v-1h1v1H8zm0 2v-1h1v1H8zm3-4v-1h1v1h-1zm0 2v-1h1v1h-1zm0 2v-1h1v1h-1zm3-4v-1h1v1h-1zm0 2v-1h1v1h-1zm0 2v-1h1v1h-1z" fill="%234F6EA0" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.times-filter-calendar input::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 3px;
  opacity: 0;
}
.times-filter-calendar .close {
  display: none;
  position: absolute;
  right: 2.6666666667vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 100%;
  background-color: #4F6EA0;
}
.times-filter-calendar .close::before, .times-filter-calendar .close::after {
  width: 2.6666666667vw;
  height: 0.2666666667vw;
  background-color: #ffffff;
}

.times-filter-button {
  color: #333333;
  font-size: 3.4666666667vw;
}
.times-filter-button::after {
  content: "";
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url('data:image/svg+xml, <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M28.297 11H11.703a.703.703 0 0 0-.703.703c0 1.958.84 3.828 2.303 5.129l3.08 2.737c.533.474.84 1.157.84 1.871v6.857c0 .56.626.896 1.093.585l4.148-2.766a.703.703 0 0 0 .313-.585v-4.09c0-.715.307-1.398.84-1.872l3.08-2.737A6.868 6.868 0 0 0 29 11.703a.703.703 0 0 0-.703-.703z" stroke="%23000000" stroke-width="2" fill="none" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center -0.2666666667vw;
  background-size: 100%;
  vertical-align: middle;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .times-filter {
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .times-filter-main ul {
    padding: 0 0.7496251874vmax;
  }
  .times-filter-main li {
    height: 6.7466266867vmax;
    margin: 0 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .times-filter-main li.active {
    border: 0.1499250375vmax solid #4F6EA0;
  }
  .times-filter-main p {
    font-size: 1.9490254873vmax;
  }
  .times-filter-calendar {
    width: 45.7271364318vmax;
    height: 6.7466266867vmax;
    margin: 1.4992503748vmax;
    padding: 0.5997001499vmax 0 0.5997001499vmax 5.2473763118vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .times-filter-calendar.s {
    width: 40.4797601199vmax;
  }
  .times-filter-calendar.m {
    width: 88.4557721139vmax;
  }
  .times-filter-calendar span {
    padding: 0.7496251874vmax 0;
    font-size: 1.9490254873vmax;
  }
  .times-filter-calendar [type=date] {
    margin: -5.9970014993vmax 0 0;
    padding: 3.748125937vmax 0 0;
    font-size: 1.7991004498vmax;
  }
  .times-filter-calendar::before {
    left: 1.4992503748vmax;
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
  }
  .times-filter-button {
    font-size: 1.9490254873vmax;
  }
  .times-filter-button::after {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    background-position: center -0.1499250375vmax;
  }
}
.league-filter-page {
  position: fixed;
  z-index: 13;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  overflow: auto;
  transition: all 0.3s;
  background-color: #f6f6f6;
  -webkit-overflow-scrolling: touch;
}
.league-filter-page.active {
  right: 0;
}
.league-filter-page .button {
  width: 94.6666666667vw;
  margin: 2.6666666667vw auto;
}
.league-filter-page .refresh-button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0 1.3333333333vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 8vw;
  background-color: white;
  color: #333333;
  font-size: 2.6666666667vw;
}
.league-filter-page .refresh-button::before {
  content: "";
  display: inline-block;
  width: 4.8vw;
  height: 6.6666666667vw;
  background-image: url('data:image/svg+xml, <svg width="17" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M.055 10.58A6.908 6.908 0 0 1 .333 7.59c.996-3.104 4.121-5.386 7.828-5.427V.134c0-.113.154-.174.256-.105l4.57 3.067c.075.053.075.157 0 .206L8.421 6.369c-.106.069-.256.008-.256-.104V4.24c-2.437.036-4.518 1.409-5.412 3.349A4.982 4.982 0 0 0 2.29 9.98c.066 1.168.546 2.243 1.305 3.112.405.463.308 1.14-.216 1.49A1.221 1.221 0 0 1 1.8 14.38C.86 13.31.236 12.005.055 10.58zm12.881-3.672c.763.865 1.244 1.944 1.305 3.112a5.013 5.013 0 0 1-.463 2.391c-.895 1.94-2.976 3.317-5.415 3.35v-2.026c0-.112-.154-.173-.256-.104l-4.573 3.067c-.074.053-.074.157 0 .206l4.569 3.067c.106.069.256.008.256-.105v-2.028c3.708-.037 6.84-2.32 7.832-5.427.3-.934.405-1.944.277-2.991-.176-1.425-.802-2.73-1.741-3.8a1.223 1.223 0 0 0-1.58-.202c-.52.35-.617 1.027-.21 1.49z" fill=" %234F6EA0 " fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}
.league-filter-page .refresh-button.rotate::before {
  animation: rotate 1s;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.league-filter-list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 2.6666666667vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
}

.league-filter-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.6666666667vw 2.6666666667vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .league-filter-page .button {
    width: 97.0014992504vmax;
    margin: 1.4992503748vmax auto;
  }
  .league-filter-page .refresh-button {
    padding: 0 0.7496251874vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 4.4977511244vmax;
    font-size: 1.4992503748vmax;
  }
  .league-filter-page .refresh-button::before {
    width: 2.6986506747vmax;
    height: 3.748125937vmax;
  }
  .league-filter-list {
    height: 7.4962518741vmax;
    padding: 0 1.4992503748vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.9490254873vmax;
  }
  .league-filter-toolbar {
    padding: 0 1.4992503748vmax 1.4992503748vmax;
  }
}
.rule {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
}

.rule-box {
  width: 100%;
  height: auto;
}
.rule-box:last-child .rule-title::after {
  width: 100%;
}

.rule-title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0 4vw;
  background-color: white;
}
.rule-title .text {
  display: flex;
  align-items: center;
}
.rule-title .sport-icon {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
}
.rule-title .arrow-l {
  color: #333333;
}
.rule-title.active .arrow-l {
  transform: rotate(-135deg);
}
.rule-title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 96vw;
  height: 0.2666666667vw;
  background-color: #dddddd;
}
.rule-title p {
  color: #333333;
  font-size: 3.4666666667vw;
}

.rule-main {
  display: none;
  padding: 4vw;
  border-bottom: 0.2666666667vw solid #dddddd;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
}
.rule-main h2 {
  margin: 0 0 2.6666666667vw;
  color: #333333;
  font-size: 4vw;
}
.rule-main p {
  margin: 0 0 5.3333333333vw;
  font-size: 3.4666666667vw;
}
.rule-main li {
  margin: 0 0 2.6666666667vw;
  padding: 0 0 0 5.3333333333vw;
  text-indent: -5.3333333333vw;
}
.rule-main .button {
  height: 10.6666666667vw;
  line-height: 10.6666666667vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .rule-title {
    height: 7.4962518741vmax;
    padding: 0 2.2488755622vmax;
  }
  .rule-title .sport-icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
  }
  .rule-title::after {
    width: 97.7511244378vmax;
    height: 0.1499250375vmax;
  }
  .rule-title p {
    font-size: 1.9490254873vmax;
  }
  .rule-main {
    padding: 2.2488755622vmax;
    border-bottom: 0.1499250375vmax solid #dddddd;
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .rule-main h2 {
    margin: 0 0 1.4992503748vmax;
    font-size: 2.2488755622vmax;
  }
  .rule-main p {
    margin: 0 0 2.9985007496vmax;
    font-size: 1.9490254873vmax;
  }
  .rule-main li {
    margin: 0 0 1.4992503748vmax;
    padding: 0 0 0 2.9985007496vmax;
    text-indent: -2.9985007496vmax;
  }
  .rule-main .button {
    height: 5.9970014993vmax;
    line-height: 5.9970014993vmax;
  }
}
.announcement {
  padding: 0 2.6666666667vw 2.6666666667vw;
}
.announcement .times-filter-main :first-child {
  margin-left: 0;
}
.announcement .times-filter-main .button.result-search {
  margin: 0;
}

.announcement-box {
  width: 100%;
  height: auto;
  margin: 0 0 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #fbfbfb;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.announcement-box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 9.3333333333vw;
  padding: 0 2.6666666667vw;
  border-left: 1.3333333333vw solid #4F6EA0;
  background-color: white;
  box-shadow: 0 0.5333333333vw 0.8vw rgba(0, 0, 0, 0.15);
}
.announcement-box .title h3 {
  color: #333333;
  font-size: 3.4666666667vw;
}
.announcement-box .title time {
  color: #999999;
  font-size: 2.9333333333vw;
}
.announcement-box .title .label {
  background-color: #fce7e7;
  color: #DE221F;
  font-size: 3.4666666667vw;
}
.announcement-box .title .label.active {
  background-color: #eaeef5;
  color: #4F6EA0;
}
.announcement-box .main {
  padding: 2.6666666667vw;
}
.announcement-box .main p {
  display: -webkit-box;
  overflow: hidden;
  transition: all 0.3s;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 6.6666666667vw;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.announcement-box .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 0.2666666667vw solid #dddddd;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 8vw;
  text-align: center;
}
.announcement-box .more .icon {
  position: relative;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 1.3333333333vw 0 0;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.announcement-box .more .icon::before, .announcement-box .more .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 -1.3333333333vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.announcement-box .more .icon::after {
  transform: rotate(90deg);
}
.announcement-box.active .main p {
  -webkit-line-clamp: 20;
}
.announcement-box.active .icon {
  transform: rotate(180deg);
}
.announcement-box.active .icon::after {
  transform: rotate(0deg);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .announcement {
    padding: 1.4992503748vmax;
  }
  .announcement-box {
    margin: 0 0 1.4992503748vmax;
    border-radius: 0.7496251874vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .announcement-box .title {
    height: 5.2473763118vmax;
    padding: 0 1.4992503748vmax;
    border-left: 0.7496251874vmax solid #4F6EA0;
    box-shadow: 0 0.299850075vmax 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .announcement-box .title h3 {
    font-size: 1.9490254873vmax;
  }
  .announcement-box .title time {
    font-size: 1.6491754123vmax;
  }
  .announcement-box .title .label {
    font-size: 1.9490254873vmax;
  }
  .announcement-box .main {
    padding: 1.4992503748vmax;
  }
  .announcement-box .main p {
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .announcement-box .more {
    border-top: 0.1499250375vmax solid #dddddd;
    font-size: 1.9490254873vmax;
    line-height: 4.4977511244vmax;
  }
  .announcement-box .more .icon {
    width: 2.9985007496vmax;
    height: 2.9985007496vmax;
    margin: 0 0.7496251874vmax 0 0;
    border-radius: 2.9985007496vmax;
  }
  .announcement-box .more .icon::before, .announcement-box .more .icon::after {
    width: 1.4992503748vmax;
    height: 0.2248875562vmax;
    margin: -0.1124437781vmax 0 0 -0.7496251874vmax;
  }
}
.setting-page {
  position: fixed;
  z-index: 25;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  overflow: auto;
  transition: all 0.3s;
  background-color: #f6f6f6;
  -webkit-overflow-scrolling: touch;
}
.setting-page.active {
  right: 0;
}

.setting-title {
  width: calc(100% - 5.3333333333vw);
  margin: 0 auto 2.6666666667vw;
  padding: 1.3333333333vw;
  border-left: 1.0666666667vw solid #4F6EA0;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}

.setting-group {
  width: calc(100% - 5.3333333333vw);
  margin: 0 auto 2.6666666667vw;
  overflow: hidden;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
}
.setting-group div:last-child::after {
  content: none;
}

.select-box {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 12vw;
  padding: 0 0 0 4vw;
  background-color: white;
}
.select-box.two select {
  width: 45%;
}
.select-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 4vw);
  height: 0.2666666667vw;
  background-color: #dddddd;
}
.select-box label {
  display: flex;
  align-items: center;
  width: 42.6666666667vw;
  height: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
  pointer-events: none;
}
.select-box select {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #4F6EA0;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.select-box .arrow-l {
  margin: 0 4vw 0 0;
  color: #333333;
}

.radio-box {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 12vw;
  padding: 0 4vw;
  background-color: white;
}
.radio-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 4vw);
  height: 0.2666666667vw;
  background-color: #dddddd;
}
.radio-box label {
  display: flex;
  align-items: center;
  height: 100%;
  color: #333333;
  font-size: 3.4666666667vw;
  pointer-events: none;
}

.radio {
  position: relative;
  width: 14.9333333333vw;
  height: 8vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 8vw;
  background-color: #fbfbfb;
}
.radio::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.2666666667vw;
  left: -0.2666666667vw;
  width: 7.4666666667vw;
  height: 7.4666666667vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 8vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
}
.radio.active {
  border: 0.2666666667vw solid #04B300;
  background-color: #04B300;
}
.radio.active::before {
  left: 7.4666666667vw;
}
.radio .arrow-l {
  position: absolute;
  right: 4vw;
  color: #333333;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .setting-title {
    width: calc(100% - 2.9985007496vmax);
    margin: 0 auto 1.4992503748vmax;
    padding: 0.7496251874vmax;
    border-left: 0.7496251874vmax solid #4F6EA0;
    font-size: 1.9490254873vmax;
  }
  .setting-group {
    width: calc(100% - 2.9985007496vmax);
    margin: 0 auto 1.4992503748vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 0.7496251874vmax;
  }
  .setting-group div:last-child::after {
    content: none;
  }
  .select-box {
    height: 6.7466266867vmax;
    padding: 0 0 0 2.2488755622vmax;
  }
  .select-box::after {
    width: calc(100% - 4vmax);
    height: 0.1499250375vmax;
  }
  .select-box label {
    width: 23.988005997vmax;
    font-size: 1.9490254873vmax;
  }
  .select-box select {
    font-size: 1.9490254873vmax;
  }
  .select-box .arrow-l {
    margin: 0 2.2488755622vmax 0 0;
  }
  .radio-box {
    height: 6.7466266867vmax;
    padding: 0 2.2488755622vmax;
  }
  .radio-box::after {
    width: calc(100% - 4vmax);
    height: 0.1499250375vmax;
  }
  .radio-box label {
    font-size: 1.9490254873vmax;
  }
  .radio-box .arrow-l {
    right: 2.2488755622vmax;
  }
  .radio {
    width: 8.395802099vmax;
    height: 4.4977511244vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 4.4977511244vmax;
  }
  .radio::before {
    top: -0.1499250375vmax;
    left: -0.1499250375vmax;
    width: 4.1979010495vmax;
    height: 4.1979010495vmax;
    border: 0.1499250375vmax solid #dddddd;
    border-radius: 4.4977511244vmax;
    box-shadow: 0 0 0.4497751124vmax rgba(0, 0, 0, 0.15);
  }
  .radio.active {
    border: 0.1499250375vmax solid #04B300;
  }
  .radio.active::before {
    left: 4.1979010495vmax;
  }
}
.search {
  position: fixed;
  z-index: 12;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0 0 13.3333333333vw;
  transition: all 0.3s;
  background-color: #f6f6f6;
  overflow: hidden;
}
.search .inputbox {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 13.3333333333vw;
  overflow: hidden;
  border-radius: 0;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.search .inputbox .icon {
  position: absolute;
  top: 50%;
  width: 8vw;
  height: 8vw;
  margin: -4vw 0 0;
  background-image: url('data:image/svg+xml, <svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M14.096 13.181l2.379 2.38-1.414 1.414-2.442-2.442a8 8 0 1 1 1.477-1.352zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" fill=" %23000000 " fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}
.search .inputbox input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: left;
  text-indent: 10.6666666667vw;
}
.search .inputbox input::placeholder {
  color: #999999;
}
.search .search-close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2.6666666667vw;
  height: 13.3333333333vw;
  color: #000000;
  font-size: 4vw;
  line-height: 13.3333333333vw;
  text-align: center;
}
.search.active {
  right: 0;
}

.search-main {
  height: calc(100% - 13.33333vw);
  overflow-x: hidden;
  overflow-y: auto;
}
.search-main h2 {
  padding: 2.6666666667vw;
  color: #000000;
  font-size: 3.4666666667vw;
}
.search-main .list {
  padding: 0 2.6666666667vw 2.6666666667vw;
}
.search-main .list li {
  display: inline-block;
  margin: 0 2.6666666667vw 2.6666666667vw 0;
  padding: 0 2.6666666667vw;
  border-radius: 1.3333333333vw;
  background-color: white;
  color: #333333;
  font-size: 3.4666666667vw;
  line-height: 9.3333333333vw;
}
.search-main .list li a {
  display: block;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .search {
    padding: 0 0 7.4962518741vmax;
  }
  .search .inputbox {
    height: 7.4962518741vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .search .inputbox .icon {
    width: 4.4977511244vmax;
    height: 4.4977511244vmax;
    margin: -2.2488755622vmax 0 0;
  }
  .search .inputbox input {
    font-size: 1.9490254873vmax;
    text-indent: 5.9970014993vmax;
  }
  .search .search-close {
    right: 1.4992503748vmax;
    height: 7.4962518741vmax;
    font-size: 2.2488755622vmax;
    line-height: 7.4962518741vmax;
  }
  .search-main {
    height: calc(100% - 7.6vmax);
  }
  .search-main h2 {
    padding: 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .search-main .list {
    padding: 0 1.4992503748vmax 1.4992503748vmax;
  }
  .search-main .list li {
    margin: 0 1.4992503748vmax 1.4992503748vmax 0;
    padding: 0 1.4992503748vmax;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
    line-height: 5.2473763118vmax;
  }
}
.loading-normal {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  width: 3.4666666667vw;
  height: 3.4666666667vw;
  margin: 0 0.5333333333vw;
  animation: rotate 1s infinite;
  vertical-align: middle;
}
.loading-normal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 0.5333333333vw;
  border-style: solid;
  border-radius: 100%;
  border-color: transparent #ffffff #ffffff #ffffff;
  border-radius: 100%;
}

.page-loading-mask {
  position: fixed;
  z-index: 22;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-loading-mask .page-loading {
  color: #ffffff;
}

.page-loading-main {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26.6666666667vw;
  height: 26.6666666667vw;
  transform: translate(-50%, -50%);
  border-radius: 5.3333333333vw;
  background-color: rgba(0, 0, 0, 0.75);
}

.page-loading {
  position: relative;
  width: 100%;
  height: auto;
  padding: 18.6666666667vw 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
  white-space: nowrap;
}
.page-loading::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 24vw;
  left: 50%;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin-left: -3.3333333333vw;
  animation: soccerjump 1s infinite;
  background-image: url("/theme/images/sport/Soccer.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 145%;
}
.page-loading::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 17.3333333333vw;
  left: 50%;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  transform: translate(-50%, -50%) scale(1, 0.3);
  animation: soccershadow 1s infinite;
  border-radius: 8vw;
  background-color: rgba(0, 0, 0, 0.2);
}

@keyframes soccerjump {
  0% {
    transform: translateY(0) scale(1, 0.8);
  }
  50% {
    transform: translateY(-30px) scale(0.97, 1.03);
  }
  100% {
    transform: translateY(0) scale(1, 0.8);
  }
}
@keyframes soccershadow {
  0% {
    transform: translate(-50%, -50%) scale(1, 0.3);
  }
  50% {
    transform: translate(-50%, -50%) scale(0.8, 0.25);
  }
  100% {
    transform: translate(-50%, -50%) scale(1, 0.3);
  }
}
.winner-loading {
  position: relative;
  min-width: 20vw;
  min-height: 10.6666666667vw;
  animation: eventloading 0.9s infinite;
  border: 0.2666666667vw solid rgba(221, 221, 221, 0.2);
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .loading-normal {
    width: 1.9490254873vmax;
    height: 1.9490254873vmax;
    margin: 0 0.299850075vmax;
  }
  .loading-normal::before {
    border-width: 0.299850075vmax;
  }
  .page-loading-main {
    width: 14.9925037481vmax;
    height: 14.9925037481vmax;
    border-radius: 2.9985007496vmax;
  }
  .page-loading {
    padding: 10.4947526237vmax 0;
    font-size: 1.9490254873vmax;
  }
  .page-loading::before {
    bottom: 13.4932533733vmax;
    width: 3.748125937vmax;
    height: 3.748125937vmax;
    margin-left: -1.8740629685vmax;
  }
  .page-loading::after {
    bottom: 9.7451274363vmax;
    width: 3.748125937vmax;
    height: 3.748125937vmax;
    border-radius: 4.4977511244vmax;
  }
  .winner-loading {
    min-width: 11.2443778111vmax;
    min-height: 5.9970014993vmax;
    border: 0.1499250375vmax solid rgba(221, 221, 221, 0.2);
    border-radius: 0.7496251874vmax;
  }
}
.print {
  position: fixed;
  z-index: 25;
  bottom: -100%;
  width: 100%;
  height: 90%;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 4vw 4vw 0 0;
  opacity: 0;
  background-color: #dddddd;
}
.print.active {
  bottom: 0;
  opacity: 1;
}
.print .pop-main {
  display: block;
  height: calc(100% - 24vw);
}
.print .pop-bottom {
  bottom: -25%;
}
.print .pop-bottom.active {
  bottom: 0;
}

.print-tab {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 12vw;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.print-tab ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.print-tab ul li {
  position: relative;
  padding: 0 2.6666666667vw;
  transition: all 0.3s;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.print-tab ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.6666666667vw;
  left: 50%;
  width: 0;
  height: 1.0666666667vw;
  transform: translateX(-50%);
  transition: all 0.3s;
  background-color: #4F6EA0;
}
.print-tab ul li.active {
  color: #333333;
  font-size: 4vw;
}
.print-tab ul li.active::after {
  width: 8vw;
}

.print-content-box {
  display: none;
  width: 100%;
  padding: 2.6666666667vw 4vw;
  text-align: left;
}
.print-content-box.active {
  display: block;
}
.print-content-box h2 {
  margin: 0 0 4vw;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.print-content-box p {
  margin: 0 0 4vw;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
}
.print-content-box ul {
  margin: 0 0 4vw;
}
.print-content-box li {
  margin: 0 0 2.6666666667vw 4vw;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
  text-indent: -4vw;
}
.print-content-box span {
  display: inline-block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin: 0 0.5333333333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.print-content-box span.chrome {
  background-image: url("/theme/images/print/chrome.png");
}
.print-content-box span.share {
  background-image: url("/theme/images/print/share.png");
}
.print-content-box span.reply {
  background-image: url("/theme/images/print/reply.png");
}
.print-content-box span.shared {
  background-image: url("/theme/images/print/shared.png");
}
.print-content-box span.dot {
  background-image: url("/theme/images/print/dot.png");
}
.print-content-box span.print-safari {
  background-image: url("/theme/images/print/print1.png");
}
.print-content-box span.more {
  background-image: url("/theme/images/print/more.png");
}
.print-content-box span.next {
  background-image: url("/theme/images/print/next.png");
}
.print-content-box span.print-android {
  background-image: url("/theme/images/print/print2.png");
}
.print-content-box span.arrow-chrome {
  background-image: url("/theme/images/print/arrow-chrome.png");
}

.print-ticket {
  position: relative;
  width: 94.6666666667vw;
  height: auto;
  margin: 0 auto 2.6666666667vw;
}
.print-ticket table {
  width: 100%;
  margin: -0.2666666667vw 0 0;
  background-color: white;
}
.print-ticket table tr {
  width: 100%;
}
.print-ticket table th,
.print-ticket table td {
  box-sizing: border-box;
  padding: 1.8666666667vw 2.6666666667vw;
  border: 0.1333333333vw solid #dddddd;
  color: #666666;
  font-size: 2.9333333333vw;
  line-height: 4.8vw;
  vertical-align: top;
}
.print-ticket table th span,
.print-ticket table td span {
  color: #333333;
}
.print-ticket table th .label,
.print-ticket table td .label {
  background-color: #f6f6f6;
  color: #333333;
}
.print-ticket table th.color-title,
.print-ticket table td.color-title {
  color: #333333;
}
.print-ticket table th.border-left-none,
.print-ticket table td.border-left-none {
  border-left: 0;
}
.print-ticket table th.border-right-none,
.print-ticket table td.border-right-none {
  width: 50%;
  border-right: 0;
}
.print-ticket table th.text-left,
.print-ticket table td.text-left {
  text-align: left;
}
.print-ticket table th.text-center,
.print-ticket table td.text-center {
  text-align: center;
}
.print-ticket table th.text-right,
.print-ticket table td.text-right {
  text-align: right;
}

.print-guide {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.print-guide-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.print-guide-main p {
  margin: 0 0 4vw;
  color: #ffffff;
  font-size: 3.4666666667vw;
  text-align: center;
}

.print-guide-button {
  width: 24vw;
  height: 8vw;
  margin: 0 auto;
  border: 0.2666666667vw solid #ffffff;
  border-radius: 0.8vw;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 3.4666666667vw;
  line-height: 8vw;
  text-align: center;
}

.print-guide-close {
  position: absolute;
  bottom: 5.3333333333vw;
  left: 50%;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  transform: translateX(-50%);
  border: 0.2666666667vw solid rgba(255, 255, 255, 0.15);
  border-radius: 10.6666666667vw;
  background-color: rgba(0, 0, 0, 0.3);
}
.print-guide-close::before, .print-guide-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2666666667vw;
  height: 4vw;
  margin: -2vw 0 0 -0.1333333333vw;
  background-color: #ffffff;
}
.print-guide-close::before {
  transform: rotate(45deg);
}
.print-guide-close::after {
  transform: rotate(-45deg);
}

.print-guide-heightlight {
  position: absolute;
  top: 2.4vw;
  right: 1.3333333333vw;
  padding: 0 1.3333333333vw;
  border: 0.2666666667vw dashed rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 3.4666666667vw;
  line-height: 8vw;
}
.print-guide-heightlight::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12vw;
  left: 50%;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml, <svg width="25" height="34" xmlns="http://www.w3.org/2000/svg"><path d="M9 3c2 0 3 1 3 2v7l2-1 2 2 2-1 2 2 2-1c2 0 3 1 3 3v11c0 3-3 6-6 6h-7c-3 0-5-1-6-3L0 18v-1h1a4 4 0 015 0l1 1V5l2-2zm0 1L8 5v15H7l-2-2-2-1-1 1H1l6 11c1 2 3 3 5 3h6c3 0 6-2 6-5v-4-7l-2-2-1 2v1a1 1 0 11-2 0v-2l-1-2-2 2v3a1 1 0 11-1 0v-4l-1-2-2 2v4a1 1 0 11-1 0V5L9 4zm1-4c2 0 5 2 5 5l-1 1V5c0-2-2-4-4-4-3 0-5 2-5 4v1L4 5c0-3 3-5 6-5z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 85%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .print {
    border-radius: 2.2488755622vmax 2.2488755622vmax 0 0;
  }
  .print .pop-main {
    display: block;
    height: calc(100% - 14vmax);
  }
  .print .pop-bottom {
    bottom: -25%;
  }
  .print .pop-bottom.active {
    bottom: 0;
  }
  .print-tab {
    height: 6.7466266867vmax;
    box-shadow: 0 0 0.7496251874vmax rgba(0, 0, 0, 0.15);
  }
  .print-tab ul li {
    padding: 0 1.4992503748vmax;
    font-size: 1.9490254873vmax;
  }
  .print-tab ul li::after {
    bottom: -1.4992503748vmax;
    height: 0.5997001499vmax;
  }
  .print-tab ul li.active {
    font-size: 2.2488755622vmax;
  }
  .print-tab ul li.active::after {
    width: 4.4977511244vmax;
  }
  .print-content-box {
    padding: 1.4992503748vmax 2.2488755622vmax;
  }
  .print-content-box h2 {
    margin: 0 0 2.2488755622vmax;
    font-size: 1.9490254873vmax;
  }
  .print-content-box p {
    margin: 0 0 2.2488755622vmax;
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .print-content-box ul {
    margin: 0 0 2.2488755622vmax;
  }
  .print-content-box li {
    margin: 0 0 1.4992503748vmax 2.2488755622vmax;
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
    text-indent: -2.2488755622vmax;
  }
  .print-content-box span {
    width: 2.3988005997vmax;
    height: 2.3988005997vmax;
    margin: 0 0.299850075vmax;
  }
  .print-ticket {
    width: 98.2008995502vmax;
    margin: 0 auto 1.4992503748vmax;
  }
  .print-ticket table {
    margin: -0.1499250375vmax 0 0;
  }
  .print-ticket table th,
.print-ticket table td {
    padding: 1.0494752624vmax 1.4992503748vmax;
    border: 0.0749625187vmax solid #dddddd;
    font-size: 1.6491754123vmax;
    line-height: 2.6986506747vmax;
  }
  .print-guide-main p {
    margin: 0 0 2.2488755622vmax;
    font-size: 1.9490254873vmax;
  }
  .print-guide-button {
    width: 13.4932533733vmax;
    height: 4.4977511244vmax;
    border: 0.1499250375vmax solid #ffffff;
    border-radius: 0.4497751124vmax;
    font-size: 1.9490254873vmax;
    line-height: 4.4977511244vmax;
  }
  .print-guide-close {
    bottom: 2.9985007496vmax;
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
    border: 0.1499250375vmax solid rgba(255, 255, 255, 0.15);
    border-radius: 5.9970014993vmax;
  }
  .print-guide-close::before, .print-guide-close::after {
    width: 0.1499250375vmax;
    height: 2.2488755622vmax;
    margin: -1.1244377811vmax 0 0 -0.0749625187vmax;
  }
  .print-guide-heightlight {
    top: 1.3493253373vmax;
    right: 0.7496251874vmax;
    padding: 0 0.7496251874vmax;
    border: 0.1499250375vmax dashed rgba(255, 255, 255, 0.2);
    font-size: 1.9490254873vmax;
    line-height: 4.4977511244vmax;
  }
  .print-guide-heightlight::after {
    bottom: -6.7466266867vmax;
    width: 5.9970014993vmax;
    height: 5.9970014993vmax;
  }
}
.beginner {
  position: fixed;
  z-index: 27;
  top: -150%;
  left: 50%;
  width: 89.3333333333vw;
  height: auto;
  overflow: auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.beginner.active {
  top: 50%;
}
.beginner .pop-title {
  height: auto;
  padding: 1.3333333333vw 0;
}
.beginner .pop-title h2 {
  color: #4F6EA0;
  line-height: 6.6666666667vw;
}
.beginner .pop-title p {
  font-size: 3.4666666667vw;
  font-weight: normal;
  line-height: 6.6666666667vw;
}
.beginner .button {
  margin: 0 1.3333333333vw;
}

.beginner-main {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0 0;
}
.beginner-main .setting-group:last-child {
  margin: 0 auto;
}
.beginner-main .select-box {
  height: 10.6666666667vw;
  margin: 0;
  border-bottom: 0;
}
.beginner-main .select-box .color-around {
  min-width: 4.8vw;
  min-height: 4.8vw;
  margin: 0 1.3333333333vw 0 2.9333333333vw;
  border-radius: 4.8vw;
  background-color: #4F6EA0;
}
.beginner-main .radio-box {
  height: 10.6666666667vw;
  margin: 0;
  border-bottom: 0;
}
.beginner-main .radio {
  width: 12.2666666667vw;
  height: 6.6666666667vw;
}
.beginner-main .radio::before {
  width: 6.1333333333vw;
  height: 6.1333333333vw;
}
.beginner-main .radio.active::before {
  left: 6.1333333333vw;
}

.beginner-mask {
  display: block;
  position: fixed;
  z-index: 26;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .beginner {
    top: -150%;
    width: 97.0014992504vmax;
    height: calc(100% - 2.9985007496vmax);
    overflow: auto;
    border-radius: 2.2488755622vmax;
  }
  .beginner.active {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .beginner .pop-title {
    display: flex;
    padding: 1.4992503748vmax 2.2488755622vmax;
  }
  .beginner .pop-title h2 {
    margin: 0 1.4992503748vmax 0 0;
    line-height: 2.9985007496vmax;
  }
  .beginner .pop-title p {
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
  .beginner .pop-title .close {
    top: 50%;
  }
  .beginner .buttons {
    padding: 1.4992503748vmax;
  }
  .beginner .button {
    height: 6.7466266867vmax;
    margin: 0;
    line-height: 6.7466266867vmax;
  }
  .beginner-main {
    width: 100%;
    padding: 1.4992503748vmax 0 0;
  }
  .beginner-main .select-box {
    height: 4.4977511244vmax;
  }
  .beginner-main .select-box .color-around {
    min-width: 2.6986506747vmax;
    min-height: 2.6986506747vmax;
    margin-left: 1.1994002999vmax;
    border-radius: 2.6986506747vmax;
  }
  .beginner-main .radio-box {
    height: 4.4977511244vmax;
  }
  .beginner-main .radio {
    width: 6.8965517241vmax;
    height: 3.748125937vmax;
  }
  .beginner-main .radio::before {
    width: 3.4482758621vmax;
    height: 3.4482758621vmax;
  }
  .beginner-main .radio.active::before {
    left: 3.4482758621vmax;
  }
}
.none-infomation {
  padding: 13.3333333333vw;
  text-align: center;
}
.none-infomation .none-img {
  display: block;
  width: 21.3333333333vw;
  height: 21.3333333333vw;
  margin: 0 auto;
  background-image: url("/theme/images/noneinfo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.none-infomation p {
  display: block;
  margin: 2.6666666667vw 0;
  color: #666666;
  font-size: 3.4666666667vw;
  vertical-align: middle;
  text-align: center;
}
.none-infomation .noneinfo-btn {
  display: inline-block;
  margin-bottom: 2.6666666667vw;
  padding: 2.6666666667vw;
  border-radius: 1.3333333333vw;
  background-color: #4F6EA0;
  color: #ffffff;
  font-size: 3.4666666667vw;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .none-infomation {
    padding: 5.9970014993vmax;
  }
  .none-infomation .none-img {
    width: 14.9925037481vmax;
    height: 14.9925037481vmax;
  }
  .none-infomation p {
    padding: 1.4992503748vmax 0;
    font-size: 1.9490254873vmax;
  }
  .none-infomation .noneinfo-btn {
    margin-bottom: 1.4992503748vmax;
    padding: 1.4992503748vmax;
    border-radius: 0.7496251874vmax;
    font-size: 1.9490254873vmax;
  }
  .content .none-infomation {
    padding: 2.9985007496vmax;
  }
}
.convert-straight {
  display: none;
}

.others-page {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 18.6666666667vw 4vw;
  background-color: rgba(79, 110, 160, 0.2);
  box-shadow: inset 0 0 16vw rgba(79, 110, 160, 0.5);
}
.others-page .icon {
  width: 26.6666666667vw;
  height: 26.6666666667vw;
  margin: 0 auto 4vw;
  border-radius: 100%;
  background-color: #4F6EA0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  box-shadow: 0 5.3333333333vw 5.3333333333vw rgba(79, 110, 160, 0.5);
}
.others-page .icon.maintenance {
  background-image: url('data:image/svg+xml, <svg width="74" height="68" xmlns="http://www.w3.org/2000/svg"><path d="M48.97 0c.6 0 1.086.482 1.086 1.077s-.486 1.077-1.087 1.077H5.594c-1.886 0-3.42 1.52-3.42 3.39v6.784h57.549V5.544c0-1.87-1.535-3.39-3.42-3.39h-2.278c-.6 0-1.087-.482-1.087-1.077S53.424 0 54.025 0h2.277c3.085 0 5.594 2.487 5.594 5.544v10.507a1.627 1.627 0 011.782.962l.273.645c.21-.01.423-.01.634-.004l.267-.647c.366-.937 1.539-1.133 2.12-.882l2.134.864c.946.363 1.144 1.525.89 2.102l-.266.646c.156.142.306.29.45.443l.651-.27c1.05-.343 1.797.176 2.129.861l.893 2.107a1.608 1.608 0 01-.87 2.11l-.65.27c.01.21.01.42.003.63l.653.264a1.61 1.61 0 01.89 2.101l-.871 2.115c-.367.938-1.54 1.134-2.12.883l-.654-.264a8.07 8.07 0 01-.446.446l.273.645c.345 1.04-.179 1.78-.87 2.11l-2.125.885a1.633 1.633 0 01-2.13-.862l-.272-.645c-.212.01-.424.01-.635.003l-.267.647c-.321.83-1.332 1.11-1.866.961v2.442l1.449 1.435c.83.823.83 2.16 0 2.982l-1.473 1.46c.392.745.717 1.522.97 2.323h2.083a2.12 2.12 0 012.128 2.108v4.408a2.12 2.12 0 01-2.128 2.109h-2.082a14.19 14.19 0 01-.971 2.323l1.472 1.46c.402.398.624.927.624 1.49 0 .564-.222 1.093-.624 1.491L60.2 64.325a2.123 2.123 0 01-1.505.618c-.568 0-1.102-.22-1.504-.618l-1.473-1.46a14.46 14.46 0 01-2.344.963v2.064A2.12 2.12 0 0151.247 68H46.8a2.12 2.12 0 01-2.128-2.108v-2.064a14.47 14.47 0 01-2.343-.963l-1.473 1.46a2.143 2.143 0 01-3.009 0l-3.145-3.117a2.086 2.086 0 01-.623-1.491c0-.563.221-1.093.623-1.491l1.473-1.46a14.07 14.07 0 01-.215-.43H14.695c-.6 0-1.087-.483-1.087-1.077 0-.595.487-1.077 1.087-1.077h17.402a2.107 2.107 0 01-1.103-1.847v-4.408a2.12 2.12 0 012.128-2.109h2.082c.254-.8.58-1.577.972-2.322l-1.473-1.46a2.098 2.098 0 010-2.982l3.144-3.117a2.143 2.143 0 013.01 0l1.472 1.46c.752-.389 1.535-.71 2.344-.963V34.37a2.12 2.12 0 012.127-2.108h4.448a2.12 2.12 0 012.127 2.108v2.064a14.46 14.46 0 012.344.963l1.472-1.46a2.124 2.124 0 011.505-.618c.365 0 .716.092 1.027.263v-1.26l-.215-.088a1.609 1.609 0 01-.89-2.101l.266-.647a8.023 8.023 0 01-.45-.443l-.65.271c-1.05.342-1.797-.177-2.13-.862l-.892-2.107c-.345-1.04.178-1.78.87-2.11l.65-.27c-.01-.21-.01-.42-.004-.63l-.652-.263c-.947-.363-1.144-1.526-.89-2.102l.87-2.115a1.633 1.633 0 012.121-.882l.653.264c.143-.155.292-.304.446-.447l-.273-.644a1.609 1.609 0 01.87-2.11l.3-.125v-2.429H2.173v36.31c0 1.87 1.535 3.39 3.42 3.39h4.085c.6 0 1.087.482 1.087 1.077s-.486 1.077-1.087 1.077H5.594C2.509 56.336 0 53.849 0 50.792V5.544C0 2.487 2.51 0 5.594 0zM51.2 34.416h-4.356v2.833c0 .494-.339.925-.822 1.045-1.17.29-2.287.75-3.323 1.365a1.094 1.094 0 01-1.327-.162l-2.022-2.004-3.08 3.052 2.022 2.004c.352.35.42.892.163 1.316a12.058 12.058 0 00-1.377 3.293c-.12.479-.555.815-1.054.815h-2.858v4.317h2.858c.499 0 .933.336 1.054.815a12.059 12.059 0 001.377 3.293 1.07 1.07 0 01-.163 1.316l-2.022 2.004 3.08 3.052 2.022-2.004c.353-.35.9-.416 1.327-.162a12.286 12.286 0 003.323 1.365c.483.12.822.55.822 1.045v2.833h4.356v-2.833c0-.494.34-.925.823-1.045 1.17-.29 2.287-.75 3.322-1.365a1.094 1.094 0 011.328.162l2.022 2.004 3.08-3.052-2.022-2.004a1.07 1.07 0 01-.164-1.316 12.057 12.057 0 001.377-3.293c.121-.479.556-.815 1.054-.815h2.86v-4.317h-2.86c-.498 0-.933-.336-1.054-.815a12.057 12.057 0 00-1.377-3.293 1.07 1.07 0 01.164-1.316l2.022-2.004-3.08-3.052-2.022 2.004c-.353.35-.9.416-1.328.162a12.293 12.293 0 00-3.322-1.365 1.079 1.079 0 01-.823-1.045v-2.833zM48.555 44a6.58 6.58 0 014.346 1.634 1.09 1.09 0 01.094 1.546 1.112 1.112 0 01-1.56.094 4.361 4.361 0 00-2.88-1.083c-2.396 0-4.345 1.933-4.345 4.31 0 2.375 1.95 4.308 4.345 4.308 2.055 0 3.846-1.447 4.257-3.44a1.105 1.105 0 011.304-.853c.598.121.984.7.861 1.293-.62 3.008-3.321 5.191-6.422 5.191C44.941 57 42 54.084 42 50.5s2.94-6.5 6.555-6.5zM23.96 19.67a1.056 1.056 0 011.374-.595c.543.218.808.836.592 1.382L20.04 35.329a1.058 1.058 0 01-1.374.595 1.065 1.065 0 01-.592-1.38zm6.547.487a1.021 1.021 0 011.436.372l3.908 6.769c.197.34.2.767.01 1.111l-3.908 7.046c-.194.35-.546.545-.907.545-.177 0-.358-.048-.523-.147-.5-.303-.67-.971-.381-1.493l3.598-6.487-3.589-6.216c-.298-.517-.139-1.188.356-1.5zm-18.448.372a1.021 1.021 0 011.436-.372c.495.312.654.983.355 1.5l-3.588 6.216 3.598 6.487c.29.522.119 1.19-.381 1.493-.165.1-.346.147-.524.147-.36 0-.712-.195-.906-.545l-3.907-7.046a1.134 1.134 0 01.01-1.111zm54.599-2.205l-.363.88c-.188.457-.666.729-1.16.658a5.869 5.869 0 00-1.71.01 1.088 1.088 0 01-1.167-.648l-.371-.877-1.117.465.371.877c.193.455.049.982-.35 1.279-.46.34-.865.746-1.204 1.204a1.092 1.092 0 01-1.287.36l-.887-.36-.458 1.111.887.36c.461.186.735.66.665 1.15a5.715 5.715 0 00.008 1.694c.076.489-.193.966-.653 1.157l-.884.368.47 1.107.883-.368c.46-.192.992-.048 1.29.347.345.456.754.857 1.216 1.193.401.293.551.818.363 1.276l-.363.879 1.121.454.363-.88c.188-.457.666-.729 1.16-.658.567.08 1.143.077 1.71-.01.493-.074.974.193 1.167.648l.371.877 1.117-.465-.371-.876a1.071 1.071 0 01.35-1.28c.46-.34.865-.746 1.204-1.204a1.092 1.092 0 011.287-.36l.887.36.458-1.111-.887-.36a1.075 1.075 0 01-.665-1.15 5.72 5.72 0 00-.009-1.694 1.075 1.075 0 01.654-1.157l.884-.368-.47-1.107-.883.368c-.46.192-.992.048-1.29-.347a5.788 5.788 0 00-1.216-1.193 1.072 1.072 0 01-.363-1.275l.363-.88-1.121-.454zM60.3 24.486c.84-2.04 3.195-3.023 5.25-2.19 2.102.78 2.897 3.385 2.206 5.213-.788 2.083-3.54 3.022-5.25 2.188-1.184-.577-1.774-1.168-2.19-2.152a3.943 3.943 0 01-.016-3.06zm3.728-.239A1.76 1.76 0 0062.263 26c0 .968.79 1.752 1.766 1.752A1.76 1.76 0 0065.795 26a1.76 1.76 0 00-1.766-1.753zM15 5a2 2 0 110 4 2 2 0 010-4zM8 5a2 2 0 110 4 2 2 0 010-4zm13 0a2 2 0 110 4 2 2 0 010-4z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
}
.others-page .icon.signout {
  background-image: url('data:image/svg+xml, <svg width="74" height="68" xmlns="http://www.w3.org/2000/svg"><path d="M48.97 0c.6 0 1.086.482 1.086 1.077s-.486 1.077-1.087 1.077H5.594c-1.886 0-3.42 1.52-3.42 3.39v6.784h57.549V5.544c0-1.87-1.535-3.39-3.42-3.39h-2.278c-.6 0-1.087-.482-1.087-1.077S53.424 0 54.025 0h2.277c3.085 0 5.594 2.487 5.594 5.544v10.507a1.627 1.627 0 011.782.962l.273.645c.21-.01.423-.01.634-.004l.267-.647c.366-.937 1.539-1.133 2.12-.882l2.134.864c.946.363 1.144 1.525.89 2.102l-.266.646c.156.142.306.29.45.443l.651-.27c1.05-.343 1.797.176 2.129.861l.893 2.107a1.608 1.608 0 01-.87 2.11l-.65.27c.01.21.01.42.003.63l.653.264a1.61 1.61 0 01.89 2.101l-.871 2.115c-.367.938-1.54 1.134-2.12.883l-.654-.264a8.07 8.07 0 01-.446.446l.273.645c.345 1.04-.179 1.78-.87 2.11l-2.125.885a1.633 1.633 0 01-2.13-.862l-.272-.645c-.212.01-.424.01-.635.003l-.267.647c-.321.83-1.332 1.11-1.866.961v2.442l1.449 1.435c.83.823.83 2.16 0 2.982l-1.473 1.46c.392.745.717 1.522.97 2.323h2.083a2.12 2.12 0 012.128 2.108v4.408a2.12 2.12 0 01-2.128 2.109h-2.082a14.19 14.19 0 01-.971 2.323l1.472 1.46c.402.398.624.927.624 1.49 0 .564-.222 1.093-.624 1.491L60.2 64.325a2.123 2.123 0 01-1.505.618c-.568 0-1.102-.22-1.504-.618l-1.473-1.46a14.46 14.46 0 01-2.344.963v2.064A2.12 2.12 0 0151.247 68H46.8a2.12 2.12 0 01-2.128-2.108v-2.064a14.47 14.47 0 01-2.343-.963l-1.473 1.46a2.143 2.143 0 01-3.009 0l-3.145-3.117a2.086 2.086 0 01-.623-1.491c0-.563.221-1.093.623-1.491l1.473-1.46a14.07 14.07 0 01-.215-.43H14.695c-.6 0-1.087-.483-1.087-1.077 0-.595.487-1.077 1.087-1.077h17.402a2.107 2.107 0 01-1.103-1.847v-4.408a2.12 2.12 0 012.128-2.109h2.082c.254-.8.58-1.577.972-2.322l-1.473-1.46a2.098 2.098 0 010-2.982l3.144-3.117a2.143 2.143 0 013.01 0l1.472 1.46c.752-.389 1.535-.71 2.344-.963V34.37a2.12 2.12 0 012.127-2.108h4.448a2.12 2.12 0 012.127 2.108v2.064a14.46 14.46 0 012.344.963l1.472-1.46a2.124 2.124 0 011.505-.618c.365 0 .716.092 1.027.263v-1.26l-.215-.088a1.609 1.609 0 01-.89-2.101l.266-.647a8.023 8.023 0 01-.45-.443l-.65.271c-1.05.342-1.797-.177-2.13-.862l-.892-2.107c-.345-1.04.178-1.78.87-2.11l.65-.27c-.01-.21-.01-.42-.004-.63l-.652-.263c-.947-.363-1.144-1.526-.89-2.102l.87-2.115a1.633 1.633 0 012.121-.882l.653.264c.143-.155.292-.304.446-.447l-.273-.644a1.609 1.609 0 01.87-2.11l.3-.125v-2.429H2.173v36.31c0 1.87 1.535 3.39 3.42 3.39h4.085c.6 0 1.087.482 1.087 1.077s-.486 1.077-1.087 1.077H5.594C2.509 56.336 0 53.849 0 50.792V5.544C0 2.487 2.51 0 5.594 0zM51.2 34.416h-4.356v2.833c0 .494-.339.925-.822 1.045-1.17.29-2.287.75-3.323 1.365a1.094 1.094 0 01-1.327-.162l-2.022-2.004-3.08 3.052 2.022 2.004c.352.35.42.892.163 1.316a12.058 12.058 0 00-1.377 3.293c-.12.479-.555.815-1.054.815h-2.858v4.317h2.858c.499 0 .933.336 1.054.815a12.059 12.059 0 001.377 3.293 1.07 1.07 0 01-.163 1.316l-2.022 2.004 3.08 3.052 2.022-2.004c.353-.35.9-.416 1.327-.162a12.286 12.286 0 003.323 1.365c.483.12.822.55.822 1.045v2.833h4.356v-2.833c0-.494.34-.925.823-1.045 1.17-.29 2.287-.75 3.322-1.365a1.094 1.094 0 011.328.162l2.022 2.004 3.08-3.052-2.022-2.004a1.07 1.07 0 01-.164-1.316 12.057 12.057 0 001.377-3.293c.121-.479.556-.815 1.054-.815h2.86v-4.317h-2.86c-.498 0-.933-.336-1.054-.815a12.057 12.057 0 00-1.377-3.293 1.07 1.07 0 01.164-1.316l2.022-2.004-3.08-3.052-2.022 2.004c-.353.35-.9.416-1.328.162a12.293 12.293 0 00-3.322-1.365 1.079 1.079 0 01-.823-1.045v-2.833zM48.555 44a6.58 6.58 0 014.346 1.634 1.09 1.09 0 01.094 1.546 1.112 1.112 0 01-1.56.094 4.361 4.361 0 00-2.88-1.083c-2.396 0-4.345 1.933-4.345 4.31 0 2.375 1.95 4.308 4.345 4.308 2.055 0 3.846-1.447 4.257-3.44a1.105 1.105 0 011.304-.853c.598.121.984.7.861 1.293-.62 3.008-3.321 5.191-6.422 5.191C44.941 57 42 54.084 42 50.5s2.94-6.5 6.555-6.5zM30.506 20.157a1.021 1.021 0 011.436.372l3.908 6.769c.197.34.2.767.01 1.111l-3.908 7.046c-.194.35-.546.545-.907.545-.177 0-.358-.048-.523-.147-.5-.303-.67-.971-.381-1.493l3.598-6.487-3.589-6.216c-.298-.517-.139-1.188.356-1.5zm36.15-1.833l-.362.88c-.188.457-.666.729-1.16.658a5.869 5.869 0 00-1.71.01 1.088 1.088 0 01-1.167-.648l-.371-.877-1.117.465.371.877c.193.455.049.982-.35 1.279-.46.34-.865.746-1.204 1.204a1.092 1.092 0 01-1.287.36l-.887-.36-.458 1.111.887.36c.461.186.735.66.665 1.15a5.715 5.715 0 00.008 1.694c.076.489-.193.966-.653 1.157l-.884.368.47 1.107.883-.368c.46-.192.992-.048 1.29.347.345.456.754.857 1.216 1.193.401.293.551.818.363 1.276l-.363.879 1.121.454.363-.88c.188-.457.666-.729 1.16-.658.567.08 1.143.077 1.71-.01.493-.074.974.193 1.167.648l.371.877 1.117-.465-.371-.876a1.071 1.071 0 01.35-1.28c.46-.34.865-.746 1.204-1.204a1.092 1.092 0 011.287-.36l.887.36.458-1.111-.887-.36a1.075 1.075 0 01-.665-1.15 5.72 5.72 0 00-.009-1.694 1.075 1.075 0 01.654-1.157l.884-.368-.47-1.107-.883.368c-.46.192-.992.048-1.29-.347a5.788 5.788 0 00-1.216-1.193 1.072 1.072 0 01-.363-1.275l.363-.88-1.121-.454zm-6.355 6.162c.84-2.04 3.195-3.023 5.25-2.19 2.102.78 2.897 3.385 2.206 5.213-.788 2.083-3.54 3.022-5.25 2.188-1.184-.577-1.774-1.168-2.19-2.152a3.943 3.943 0 01-.016-3.06zM14.047 26.89l15.932.015a1.056 1.056 0 011.067 1.051 1.065 1.065 0 01-1.06 1.067l-15.931-.016a1.058 1.058 0 01-1.067-1.05 1.065 1.065 0 011.059-1.067zm49.982-2.643A1.76 1.76 0 0062.263 26c0 .968.79 1.752 1.766 1.752A1.76 1.76 0 0065.795 26a1.76 1.76 0 00-1.766-1.753zM21 5a2 2 0 110 4 2 2 0 010-4zM8 5a2 2 0 110 4 2 2 0 010-4zm7 0a2 2 0 110 4 2 2 0 010-4z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
}
.others-page h2 {
  margin: 0 0 1.3333333333vw;
  color: #333333;
  font-size: 4.8vw;
}
.others-page p {
  margin: 0 0 5.3333333333vw;
  color: #666666;
  font-size: 3.4666666667vw;
}
.others-page time {
  display: inline-block;
  color: #666666;
  font-size: 3.2vw;
}
.others-page time span {
  color: #4F6EA0;
}
.others-page.error {
  background-color: rgba(222, 34, 31, 0.05);
  box-shadow: inset 0 0 16vw rgba(222, 34, 31, 0.5);
}
.others-page.error .icon {
  background-color: #DE221F;
  box-shadow: 0 5.3333333333vw 5.3333333333vw rgba(222, 34, 31, 0.5);
}
.others-page.error .button {
  width: 24vw;
  height: 9.3333333333vw;
  margin: 0 auto;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 3.4666666667vw;
}

.others-page-main {
  text-align: center;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .convert-straight {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 0 17.9910044978vmax rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(0.8vw);
  }
  .convert-straight .icon {
    position: relative;
    width: 7.4962518741vmax;
    height: 12.7436281859vmax;
    margin: 0 auto 2.2488755622vmax;
    transform-origin: bottom left;
    animation: transformRotatestraight 4s infinite ease-in-out;
    background-image: url('data:image/svg+xml, <svg width="53" height="90" xmlns="http://www.w3.org/2000/svg"><path d="M45.564 0c3.66 0 6.636 2.957 6.636 6.592v76.816c0 3.635-2.977 6.592-6.636 6.592H6.636C2.976 90 0 87.043 0 83.408V6.592C0 2.957 2.977 0 6.636 0zm3.982 13.184H2.654v58.359h3.982c.733 0 1.327.59 1.327 1.318 0 .728-.594 1.319-1.327 1.319H2.654v9.228c0 2.181 1.786 3.955 3.982 3.955h38.928c2.196 0 3.982-1.774 3.982-3.955V74.18H11.944c-.733 0-1.327-.59-1.327-1.319 0-.728.594-1.318 1.327-1.318h37.602v-58.36zM26.55 76.5a4.054 4.054 0 014.05 4.05 4.054 4.054 0 01-4.05 4.05 4.054 4.054 0 01-4.05-4.05 4.054 4.054 0 014.05-4.05zm0 2.7c-.744 0-1.35.606-1.35 1.35 0 .744.606 1.35 1.35 1.35.744 0 1.35-.606 1.35-1.35 0-.744-.606-1.35-1.35-1.35zM45.564 2.637H6.636c-2.196 0-3.982 1.774-3.982 3.955v3.955h46.892V6.592c0-2.181-1.786-3.955-3.982-3.955zM31.05 5.4a1.35 1.35 0 010 2.7h-5.4a1.35 1.35 0 010-2.7zm-9.9 0a1.35 1.35 0 110 2.7 1.35 1.35 0 010-2.7z" fill="%23ffffff" fill-rule="nonzero"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .convert-straight .icon::before {
    content: "";
    position: absolute;
    top: 1.7991004498vmax;
    left: 0.4497751124vmax;
    width: 6.5967016492vmax;
    height: 8.395802099vmax;
    animation: displaynonestraight 4s infinite ease-in-out;
    opacity: 0;
    background-color: #4F6EA0;
  }
  .convert-straight p {
    width: 100%;
    color: #ffffff;
    font-size: 1.9490254873vmax;
    letter-spacing: 0.4497751124vmax;
    text-align: center;
  }
  .convert-straight-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 4.4977511244vmax;
  }
  @keyframes displaynonestraight {
    0% {
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes transformRotatestraight {
    0% {
      transform: rotate(-90deg);
    }
    30% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-90deg);
    }
  }
  .others-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.9985007496vmax;
  }
  .others-page .icon {
    width: 14.9925037481vmax;
    height: 14.9925037481vmax;
    margin: 0 auto 2.2488755622vmax;
    box-shadow: 0 2.9985007496vmax 2.9985007496vmax rgba(79, 110, 160, 0.5);
  }
  .others-page h2 {
    margin: 0 0 0.7496251874vmax;
    font-size: 2.6986506747vmax;
  }
  .others-page p {
    margin: 0 0 2.9985007496vmax;
    font-size: 1.9490254873vmax;
  }
  .others-page time {
    font-size: 1.7991004498vmax;
  }
  .others-page.error {
    box-shadow: inset 0 0 8.9955022489vmax rgba(222, 34, 31, 0.5);
  }
  .others-page.error .icon {
    box-shadow: 0 2.9985007496vmax 2.9985007496vmax rgba(222, 34, 31, 0.5);
  }
  .others-page.error .button {
    width: 13.4932533733vmax;
    height: 5.2473763118vmax;
    font-size: 1.9490254873vmax;
  }
}
.dream-more-page {
  padding: 0;
}
.dream-more-page .dream-event .team-home .team p,
.dream-more-page .dream-event .team-away .team p {
  margin: 0 0 0.5333333333vw;
  color: #333333;
}

.dream-page {
  display: none;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #4F6EA0;
}
.dream-page.active {
  display: block;
}
.dream-page .content-inner-box {
  padding: 0 0 13.3333333333vw;
  background-color: #f6f6f6;
}
.dream-page .content-tab {
  border-radius: 0;
}

.dream-page-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
}
.dream-page-header .back {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  color: #ffffff;
}
.dream-page-header .back .arrow-l {
  padding: 1.3333333333vw;
}
.dream-page-header .account-btn {
  margin: 0 2.6666666667vw 0 0;
}

.dream-menu {
  position: relative;
  width: calc(100% - 33.3333333333vw);
}
.dream-menu ul {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.dream-menu li {
  margin: 0 2.6666666667vw 0 0;
  opacity: 0.5;
  color: #ffffff;
  font-size: 3.4666666667vw;
  text-align: center;
}
.dream-menu li .sport-icon {
  margin: 0 auto;
}
.dream-menu li.active {
  opacity: 1;
}

.dream-content-box {
  display: none;
  position: relative;
  width: 100%;
  min-height: calc(100% - 13.3333333333vw);
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
}
.dream-content-box.active {
  display: block;
}

.dream-event-fixed {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 46.6666666667vw;
}

.dream-event {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.1);
}
.dream-event.active {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 0;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.dream-event .dream-label-box {
  display: flex;
  justify-content: center;
  width: 100%;
}
.dream-event .dream-label {
  display: flex;
  align-items: center;
  height: 5.3333333333vw;
  padding: 0 2.6666666667vw;
  background-color: #4F6EA0;
  color: #ffffff;
  font-size: 2.6666666667vw;
}
.dream-event .dream-label:nth-child(1) {
  margin: 0 0.1333333333vw 0 0;
  border-radius: 0 0 0 2.6666666667vw;
}
.dream-event .dream-label:nth-child(2) {
  margin: 0 0 0 0.1333333333vw;
  border-radius: 0 0 2.6666666667vw;
  background-color: #3e577e;
}
.dream-event .score {
  height: 8vw;
  margin: 0 0 1.3333333333vw;
  padding: 0 1.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 8vw;
  white-space: nowrap;
}
.dream-event .team-home,
.dream-event .team-away {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 50%;
}
.dream-event .team-home ul,
.dream-event .team-away ul {
  width: 100%;
}
.dream-event .team-home li,
.dream-event .team-away li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 1.3333333333vw;
  border: 0.2666666667vw solid white;
}
.dream-event .team-home li.evt p,
.dream-event .team-away li.evt p {
  color: #333333;
}
.dream-event .team-home li.active,
.dream-event .team-away li.active {
  border: 0.2666666667vw solid #4F6EA0;
  background-color: #eaeef5;
}
.dream-event .team-home li.active .team-text p,
.dream-event .team-away li.active .team-text p {
  color: #333333;
}
.dream-event .team-home li.active .finish,
.dream-event .team-away li.active .finish {
  display: flex;
}
.dream-event .team-home li.check,
.dream-event .team-away li.check {
  border: 0.2666666667vw solid #04B300;
  background-color: #ceffcd;
}
.dream-event .team-home li.check .team-text p,
.dream-event .team-away li.check .team-text p {
  color: #333333;
}
.dream-event .team-home li.check .finish,
.dream-event .team-away li.check .finish {
  display: none;
}
.dream-event .team-home li.check .delete,
.dream-event .team-away li.check .delete {
  display: block;
}
.dream-event .team-home .team,
.dream-event .team-away .team {
  display: flex;
  align-items: center;
  width: 100%;
}
.dream-event .team-home .team p,
.dream-event .team-away .team p {
  display: -webkit-box;
  height: 3.4666666667vw;
  padding: 0 1.3333333333vw;
  overflow: hidden;
  color: #999999;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.dream-event .team-home .team time,
.dream-event .team-away .team time {
  margin: 0 1.3333333333vw;
  font-size: 3.2vw;
}
.dream-event .team-home .team time.live,
.dream-event .team-away .team time.live {
  background-color: #fce7e7;
  color: #DE221F;
}
.dream-event .team-home .team time.early,
.dream-event .team-away .team time.early {
  background-color: #eaeef5;
  color: #4F6EA0;
}
.dream-event .team-home .redcard,
.dream-event .team-away .redcard {
  display: flex;
  align-items: center;
  height: 4.2666666667vw;
  padding: 0 0.8vw;
  border-radius: 0.5333333333vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.dream-event .team-home .delete,
.dream-event .team-away .delete {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border-radius: 0.8vw;
  background-color: #04B300;
}
.dream-event .team-home .delete::before, .dream-event .team-home .delete::after,
.dream-event .team-away .delete::before,
.dream-event .team-away .delete::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.1333333333vw;
  height: 0.5333333333vw;
  margin: -0.2666666667vw 0 0 -1.0666666667vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.dream-event .team-home .delete::before,
.dream-event .team-away .delete::before {
  transform: rotate(45deg);
}
.dream-event .team-home .delete::after,
.dream-event .team-away .delete::after {
  transform: rotate(-45deg);
}
.dream-event .team-home .finish,
.dream-event .team-away .finish {
  display: none;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border-radius: 0.8vw;
  background-color: #4F6EA0;
}
.dream-event .team-home .finish::before, .dream-event .team-home .finish::after,
.dream-event .team-away .finish::before,
.dream-event .team-away .finish::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.1333333333vw;
  height: 0.5333333333vw;
  margin: -0.2666666667vw 0 0 -1.0666666667vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.dream-event .team-home .finish::after,
.dream-event .team-away .finish::after {
  transform: rotate(90deg);
}
.dream-event .team-home .team-logo,
.dream-event .team-away .team-logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 9.3333333333vw;
  height: 9.3333333333vw;
}
.dream-event .team-home .team-logo img,
.dream-event .team-away .team-logo img {
  display: block;
  height: 100%;
  margin: 0 auto;
  justify-self: center;
}
.dream-event .team-home li {
  justify-content: flex-end;
}
.dream-event .team-home li .team {
  flex-direction: row-reverse;
}
.dream-event .team-home li .team-text {
  text-align: right;
}
.dream-event .team-away li {
  flex-direction: row-reverse;
}

.dream-event-top {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.3333333333vw 2.6666666667vw;
  background-color: #fbfbfb;
}
.dream-event-top .title {
  display: flex;
  align-items: center;
}
.dream-event-top .title p {
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.dream-event-top .button {
  max-width: 20vw;
  height: 6.6666666667vw;
  padding: 0 1.3333333333vw;
  font-size: 3.2vw;
  pointer-events: none;
}
.dream-event-top .button.active {
  pointer-events: auto;
}
.dream-event-top .button.active span {
  color: #FFDF1B;
}
.dream-event-top .button .loading {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 3.4666666667vw;
  height: 3.4666666667vw;
  animation: rotate 1s infinite;
  vertical-align: middle;
}
.dream-event-top .button .loading.active {
  display: inline-block;
}
.dream-event-top .button .loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 0.5333333333vw;
  border-style: solid;
  border-radius: 100%;
  border-color: transparent #f6f6f6 #f6f6f6 #f6f6f6;
  border-radius: 100%;
}

.dream-event-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0 2.6666666667vw;
  padding: 0 2.6666666667vw 2.6666666667vw;
  background-color: white;
  box-shadow: 0 0 1.3333333333vw rgba(0, 0, 0, 0.15);
}
.dream-event-bottom.reverse {
  flex-direction: row-reverse;
}
.dream-event-bottom.reverse .team-home li {
  flex-direction: row-reverse;
}
.dream-event-bottom.reverse .team-home li .team {
  flex-direction: row;
}
.dream-event-bottom.reverse .team-away li {
  flex-direction: row;
}
.dream-event-bottom.reverse .team-away li .team {
  flex-direction: row-reverse;
}

.dream-event-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: 0 auto 2.6666666667vw;
  padding: 1.3333333333vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
  text-align: center;
}
.dream-event-box .team {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 22.6666666667vw;
  height: 22.6666666667vw;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.dream-event-box .team.active {
  border: 0.2666666667vw solid #4F6EA0;
  background-color: #eaeef5;
}
.dream-event-box .team.active p {
  color: #333333;
}
.dream-event-box .team.active img {
  filter: grayscale(0);
}
.dream-event-box .team.active .add::before {
  transform: rotate(45deg);
}
.dream-event-box .team.active .add::after {
  transform: rotate(135deg);
}
.dream-event-box .team.check {
  border: 0.2666666667vw solid #04B300;
  background-color: #ceffcd;
}
.dream-event-box .team.check p {
  color: #333333;
}
.dream-event-box .team.check img {
  filter: grayscale(0);
}
.dream-event-box .team.check .add {
  background-color: #04B300;
}
.dream-event-box .team.check .add::before {
  transform: rotate(45deg);
}
.dream-event-box .team.check .add::after {
  transform: rotate(135deg);
}
.dream-event-box .team p {
  display: -webkit-box;
  width: 100%;
  max-height: 6.9333333333vw;
  overflow: hidden;
  color: #666666;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dream-event-box .team .add {
  position: absolute;
  top: 0.5333333333vw;
  right: 0.5333333333vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border-radius: 0.8vw;
  background-color: #4F6EA0;
}
.dream-event-box .team .add::before, .dream-event-box .team .add::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.1333333333vw;
  height: 0.5333333333vw;
  margin: -0.2666666667vw 0 0 -1.0666666667vw;
  transition: all 0.3s;
  background-color: #ffffff;
}
.dream-event-box .team .add::after {
  transform: rotate(90deg);
}
.dream-event-box .team .finish {
  display: none;
  position: absolute;
  top: 0.5333333333vw;
  right: 0.5333333333vw;
  align-items: center;
  justify-content: center;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border-radius: 0.8vw;
  background-color: #04B300;
  background-image: url('data:image/svg+xml, <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.714 10.8L14.43 6 16 7.6l-4.714 4.8L9.714 14 5 9.2l1.571-1.6 3.143 3.2z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.dream-event-box .team-logo {
  width: 8vw;
  height: 8vw;
  margin: 0 auto 1.3333333333vw;
}
.dream-event-box .team-logo img {
  display: block;
  height: 100%;
  margin: 0 auto;
  filter: grayscale(1);
}
.dream-event-box .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.dream-event-box .center ul {
  display: flex;
  width: 100%;
  justify-content: center;
}
.dream-event-box .center ul li {
  width: 33.3333%;
  font-size: 3.4666666667vw;
  font-weight: bold;
  text-align: center;
}
.dream-event-box .center ul li.closed .odds {
  height: 3.4666666667vw;
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  color: transparent;
  pointer-events: none;
}
.dream-event-box .center time {
  display: inline-block;
  margin: 0 auto 2vw;
  padding: 0 0.8vw;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  font-size: 2.6666666667vw;
  text-align: center;
}
.dream-event-box .center time.live {
  background-color: #fce7e7;
  color: #DE221F;
}
.dream-event-box .center time.early {
  margin: 0 auto 5.3333333333vw;
  background-color: #eaeef5;
  color: #4F6EA0;
}
.dream-event-box .center .lock {
  width: calc(100% - 2.6666666667vw);
  height: 6.9333333333vw;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
  background-image: url('data:image/svg+xml, <svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M1.994 6.545h1.432c.215 0 .358-.115.358-.346v-.038c0-2.193 1.754-4 3.83-3.847 1.897.154 3.33 1.923 3.33 4V6.2c0 .231.142.346.357.346h1.432c.215 0 .358-.115.358-.346v-.038c0-3.5-2.72-6.309-6.014-6.155C4.035.16 1.708 2.93 1.637 6.199c.035.193.178.346.357.346zm-.349-.893v.15-.15zm13.082 3.984c0-.8-.662-1.454-1.472-1.454H1.473C.663 8.182 0 8.836 0 9.636v6.91C0 17.345.663 18 1.473 18h11.782c.81 0 1.472-.655 1.472-1.455V9.636zM8.901 15.08c.066.215-.098.465-.328.465h-2.4c-.23 0-.361-.214-.328-.465l.591-2.148c-.493-.358-.788-1.003-.69-1.719.132-.68.625-1.217 1.282-1.36C8.08 9.637 9 10.46 9 11.534c0 .573-.263 1.11-.69 1.397L8.9 15.08z" fill="%23666666" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.4666666667vw;
}
.dream-event-box .center .score {
  display: table;
  height: 8vw;
  margin: 0 auto 2vw;
  padding: 0 1.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: #DE221F;
  color: #ffffff;
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 8vw;
  white-space: nowrap;
}
.dream-event-box .center .option {
  color: #999999;
}
.dream-event-box .center .odds {
  color: #666666;
}

.dream-event-page {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #4F6EA0;
}
.dream-event-page.active {
  display: block;
}

.dream-event-page-main {
  width: 100%;
  min-height: calc(100% - 13.33333vw);
  padding: 0 0 13.3333333333vw;
  overflow: hidden;
  border-radius: 4vw 4vw 0 0;
  background-color: #f6f6f6;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1);
}
.dream-event-page-main .dream-event-bottom {
  margin: 0;
}
.dream-event-page-main .team-home,
.dream-event-page-main .team-away {
  width: calc(50% - 7vw);
}
.dream-event-page-main .score {
  margin: 0;
}

.time-machine {
  position: fixed;
  z-index: 20;
  top: -100vh;
  left: 50%;
  width: 94.6666666667vw;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-radius: 2.6666666667vw;
  background-color: #f6f6f6;
  overflow: hidden;
}
.time-machine.active {
  top: 50%;
}
.time-machine .time-machine-title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.3333333333vw;
  margin: 0 0 2.6666666667vw;
  border-radius: 4vw 4vw 0 0;
  background-color: white;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.time-machine .time-machine-title h2 {
  color: #333333;
  font-size: 4vw;
  font-weight: bold;
  text-align: left;
  text-indent: 2.6666666667vw;
}

.time-content {
  width: 100%;
  padding: 1.3333333333vw;
  background-color: white;
}

.time-event {
  display: flex;
  align-items: flex-start;
  margin: 0 0 6.6666666667vw;
}

.time-option {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 2.6666666667vw 0 0;
}
.time-option:last-child {
  margin: 0;
}
.time-option .option-button {
  width: 50%;
  margin: 0;
  padding: 0 1.3333333333vw 1.3333333333vw 0;
}
.time-option .option-button:nth-child(odd) {
  padding: 0 0 1.3333333333vw 0;
}
.time-option p {
  width: 100%;
  padding: 1.3333333333vw 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
}

.event-page-handicap-box .time-option .option-button {
  width: 100%;
  padding: 0;
}

.range-number {
  position: absolute;
  z-index: 3;
  top: 2.6666666667vw;
  left: 50%;
  width: 9.3333333333vw;
  height: 8vw;
  transform: translateX(-50%);
  border: 0;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  opacity: 1;
  background-color: #4F6EA0;
  color: #FFDF1B;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  pointer-events: none;
}

.range-event {
  display: flex;
  position: relative;
  justify-content: flex-end;
  width: 100%;
  height: 6.6666666667vw;
  margin: 0 auto 8vw;
  border-radius: 6.6666666667vw;
  background-color: #ebebeb;
}

.range-box {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}
.range-box .tips {
  position: absolute;
  top: calc(100% + 1vw);
  left: 0;
  padding: 1.3333333333vw;
  border-radius: 1.3333333333vw;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  font-size: 3.4666666667vw;
  font-weight: bold;
}

[type=range] {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 6.6666666667vw;
  -webkit-appearance: none;
}
[type=range]::-webkit-slider-thumb {
  position: relative;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  border: 0.8vw solid #ffffff;
  border-radius: 6.6666666667vw;
  background: #b3b3b3;
  box-shadow: -100vw 0 0 96vw #4F6EA0;
  -webkit-appearance: none;
}
[type=range]::-webkit-slider-runnable-track {
  background-color: #2d3f5c;
}

.clock {
  display: block;
  position: relative;
  width: 64vw;
  height: 32vw;
  margin: 4vw auto 1.3333333333vw;
}
.clock .left,
.clock .center,
.clock .right {
  position: absolute;
  color: #666666;
  font-size: 3.4666666667vw;
}
.clock .left {
  right: calc(100% + 2.66666666vw);
  bottom: 0;
  text-align: right;
}
.clock .center {
  bottom: calc(100% + 1.33333333vw);
  left: 50%;
  transform: translateX(-50%);
}
.clock .right {
  bottom: 0;
  left: calc(100% + 2.66666666vw);
  text-align: left;
}
.clock ul {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 2.6666666667vw;
  width: calc(100% - 5.22222222vw);
  height: 100%;
  list-style: none;
}
.clock ul li {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.5333333333vw;
  height: 1.3333333333vw;
  margin: -1.3333333333vw 0 0 -0.2666666667vw;
  transform-origin: bottom center;
  background-color: #4F6EA0;
}
.clock ul li:nth-child(1) {
  display: none;
  transform: rotate(-90deg) translateY(-22vw);
}
.clock ul li:nth-child(2) {
  transform: rotate(-80deg) translateY(-22vw);
}
.clock ul li:nth-child(3) {
  transform: rotate(-70deg) translateY(-22vw);
}
.clock ul li:nth-child(4) {
  transform: rotate(-60deg) translateY(-22vw);
}
.clock ul li:nth-child(5) {
  transform: rotate(-50deg) translateY(-22vw);
}
.clock ul li:nth-child(6) {
  transform: rotate(-40deg) translateY(-22vw);
}
.clock ul li:nth-child(7) {
  transform: rotate(-30deg) translateY(-22vw);
}
.clock ul li:nth-child(8) {
  transform: rotate(-20deg) translateY(-22vw);
}
.clock ul li:nth-child(9) {
  display: none;
  transform: rotate(-10deg) translateY(-22vw);
}
.clock ul li:nth-child(10) {
  display: none;
  transform: rotate(0deg) translateY(-22vw);
}
.clock ul li:nth-child(11) {
  display: none;
  transform: rotate(10deg) translateY(-22vw);
}
.clock ul li:nth-child(12) {
  transform: rotate(20deg) translateY(-22vw);
}
.clock ul li:nth-child(13) {
  transform: rotate(30deg) translateY(-22vw);
}
.clock ul li:nth-child(14) {
  transform: rotate(40deg) translateY(-22vw);
}
.clock ul li:nth-child(15) {
  transform: rotate(50deg) translateY(-22vw);
}
.clock ul li:nth-child(16) {
  transform: rotate(60deg) translateY(-22vw);
}
.clock ul li:nth-child(17) {
  transform: rotate(70deg) translateY(-22vw);
}
.clock ul li:nth-child(18) {
  transform: rotate(80deg) translateY(-22vw);
}
.clock ul li:nth-child(19) {
  display: none;
  transform: rotate(90deg) translateY(-22vw);
}

.meter {
  display: block;
  width: 100%;
  height: 100%;
}

.gradual-start {
  stop-color: #ffffff;
}

.gradual-end {
  stop-color: #FFDF1B;
}

.meter-center {
  fill: #ffffff;
}

.meter-clock {
  transform: rotate(0deg);
  transform-origin: 50% 100%;
  transition: all ease-in-out 0.3s;
  fill: #DE221F;
}

.meter-primary {
  fill: #4F6EA0;
}

.meter-secondary {
  fill: #3e577e;
}

.meter-circle {
  stroke-width: 4;
  stroke: #ffffff;
  fill: #DE221F;
}

.meter-bg {
  fill: #fff19b;
  fill: url("#gradient1");
}

.range-times {
  margin: 0 0 1.3333333333vw;
}
.range-times ul {
  display: flex;
}
.range-times ul li {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  margin: 0 1.3333333333vw 0 0;
  padding: 2.6666666667vw 0;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 0.8vw;
  background-color: #f6f6f6;
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.range-times ul li.range-lock {
  opacity: 0.4;
  font-weight: normal;
  pointer-events: none;
}
.range-times ul li:last-child {
  margin: 0;
}

.time-machine-mask {
  display: none;
  position: fixed;
  z-index: 19;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.time-machine-mask.active {
  display: block;
}

.event-page-handicap-box .time-content {
  padding: 0;
}

.event-page-handicap-box .time-option {
  margin: 0;
}

.result-page {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #4F6EA0;
}
.result-page.active {
  display: block;
}
.result-page .content-inner-box {
  padding: 0 0 13.3333333333vw;
  background-color: #f6f6f6;
}
.result-page .content-tab {
  margin: 0 auto 2.6666666667vw;
}

.result-page-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
}
.result-page-header .back {
  display: flex;
  position: absolute;
  left: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  color: #ffffff;
}
.result-page-header .back .arrow-l {
  padding: 1.3333333333vw;
}
.result-page-header h2 {
  color: #ffffff;
  font-size: 4vw;
  text-align: center;
}

.result-content-box {
  display: block;
  position: relative;
  width: 100%;
  min-height: calc(100% - 13.3333333333vw);
  border-radius: 13.3333333333vw 13.3333333333vw 0 0;
  background-color: #f6f6f6;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .result-page .content-inner-box {
    padding: 0 0 7.4962518741vmax;
  }
  .result-page .content-tab {
    margin: 0 auto 1.4992503748vmax;
  }
  .result-page-header {
    height: 7.4962518741vmax;
  }
  .result-page-header .back {
    width: 7.4962518741vmax;
    height: 7.4962518741vmax;
  }
  .result-page-header .back .arrow-l {
    padding: 0.7496251874vmax;
  }
  .result-page-header h2 {
    font-size: 2.2488755622vmax;
  }
  .result-content-box {
    min-height: calc(100% - 7.4962518741vmax);
    border-radius: 7.4962518741vmax 7.4962518741vmax 0 0;
  }
}
.ip-info {
  position: relative;
  top: 17.9910044978vh;
  z-index: 2;
}

.ip-loaction {
  height: 100%;
  background-color: #f6f6f6;
  background-image: url("../../theme/images/ip/earth.png");
  background-position: bottom center;
  background-size: 125%;
  background-repeat: no-repeat;
}
.ip-loaction h1 {
  margin: 0 auto;
  margin-top: 2.9985007496vh;
  margin-bottom: 7.4962518741vh;
  font-size: 5.8666666667vw;
  text-align: center;
  color: rgba(0, 0, 0, 0.55);
  font-weight: bold;
}
.ip-loaction p {
  margin: 0 auto;
  width: 66.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 4vw;
  color: rgba(0, 0, 0, 0.35);
}
.ip-loaction p span {
  color: #4F6EA0;
  font-weight: bolder;
}

.stop-icon {
  position: relative;
  margin: 0 auto;
  width: 18.6666666667vw;
  height: 18.6666666667vw;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}
.stop-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 13.3333333333vw;
  height: 2.1333333333vw;
  background-color: #f6f6f6;
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .ip-info {
    top: 11.9940029985vh;
  }
  .ip-loaction {
    background-position: center 80.9595202399vh;
    background-size: 75%;
  }
  .ip-loaction h1 {
    margin-top: 2.9985007496vh;
    margin-bottom: 5.9970014993vh;
    font-size: 3.2vw;
  }
  .ip-loaction p {
    width: 53.3333333333vw;
    font-size: 1.8666666667vw;
    line-height: 1.8666666667vw;
    color: rgba(0, 0, 0, 0.35);
  }
  .stop-icon {
    width: 8vw;
    height: 8vw;
  }
  .stop-icon::after {
    width: 6.6666666667vw;
    height: 1.0666666667vw;
  }
}
.news {
  position: fixed;
  z-index: 27;
  top: -150%;
  left: 50%;
  width: 89.3333333333vw;
  height: calc(100% - 16vw);
  overflow: auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.news.active {
  top: 50%;
}
.news .pop-title {
  height: auto;
  padding: 2.6666666667vw 0;
}
.news .pop-title h2 {
  color: #4F6EA0;
  font-size: 4.2666666667vw;
  line-height: 6.6666666667vw;
}
.news .button {
  margin: 0 1.3333333333vw;
}

.news-main {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw 0 0;
}

.news-mask {
  display: block;
  position: fixed;
  z-index: 26;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .news {
    top: -150%;
    width: 97.0014992504vmax;
    height: calc(100% - 2.9985007496vmax);
    overflow: auto;
    border-radius: 2.2488755622vmax;
  }
  .news.active {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .news .pop-title {
    display: flex;
    padding: 1.4992503748vmax 2.2488755622vmax;
  }
  .news .pop-title h2 {
    margin: 0 1.4992503748vmax 0 0;
    font-size: 2.3988005997vmax;
    line-height: 2.9985007496vmax;
  }
  .news .pop-title .close {
    top: 50%;
  }
  .news-main {
    width: 100%;
    padding: 1.4992503748vmax 0 0;
  }
}
.tutorial-numbergame {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: column;
  gap: 2.6666666667vw;
  width: 100dvw;
  max-height: 100dvh;
  padding: 0 6.6666666667vw;
  z-index: 27;
  transition: all 0.3s;
}
.tutorial-numbergame.active {
  display: flex;
}
.tutorial-numbergame .close-btn {
  display: flex;
  margin-left: auto;
  padding: 1.3333333333vw 4vw;
  font-size: 3.2vw;
  font-weight: bold;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5.3333333333vw;
  border: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
}
.tutorial-numbergame .tutorial-numbergame-content {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  border-radius: 5.3333333333vw;
  background-color: #7790B9;
  background-image: url(../../theme/images/tutorial-numbergame-bg.jpg);
  background-size: cover;
  background-position: center;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 6.1333333333vw 0;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-title h2 {
  color: #ffffff;
  font-size: 5.3333333333vw;
  font-weight: bold;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-main {
  width: 100%;
  height: auto;
  flex: 1;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-main img {
  width: 100%;
  height: auto;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 23.4666666667vw;
  padding: 5.3333333333vw;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer p {
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .btn-group {
  display: flex;
  gap: 2.6666666667vw;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .next-btn,
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .prev-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background-color: #ffffff;
  border-radius: 5.3333333333vw;
  transition: all 0.3s;
  opacity: 1;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .next-btn .next-btn-icon,
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .next-btn .prev-btn-icon,
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .prev-btn .next-btn-icon,
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .prev-btn .prev-btn-icon {
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  fill: #7790B9;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .next-btn .prev-btn-icon,
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .prev-btn .prev-btn-icon {
  transform: rotate(180deg);
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .last-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 10.6666666667vw;
  padding: 0 5.3333333333vw;
  background-color: #ffffff;
  border-radius: 5.3333333333vw;
  color: #4F6EA0;
  font-size: 3.2vw;
  font-weight: bold;
  transition: all 0.3s;
  opacity: 1;
}
.tutorial-numbergame .tutorial-numbergame-content .tutorial-numbergame-footer .hide {
  display: none;
  opacity: 0;
}
.tutorial-numbergame .button {
  margin: 0 1.3333333333vw;
}

.tutorial-numbergame-mask {
  display: block;
  position: fixed;
  z-index: 26;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .tutorial-numbergame {
    top: -150%;
    width: 97.0014992504vmax;
    height: calc(100% - 2.9985007496vmax);
    overflow: auto;
    border-radius: 2.2488755622vmax;
  }
  .tutorial-numbergame.active {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .tutorial-numbergame .pop-title {
    display: flex;
    padding: 1.4992503748vmax 2.2488755622vmax;
  }
  .tutorial-numbergame .pop-title h2 {
    margin: 0 1.4992503748vmax 0 0;
    font-size: 2.3988005997vmax;
    line-height: 2.9985007496vmax;
  }
  .tutorial-numbergame .pop-title .close {
    top: 50%;
  }
  .tutorial-numbergame-main {
    width: 100%;
    padding: 1.4992503748vmax 0 0;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .tutorial-numbergame {
    padding: 0 13.3333333333vw;
  }
  .tutorial-numbergame-content {
    max-width: 133.3333333333vw;
  }
}
.sport-icon[data-icon=EURO] {
  background-image: url("/theme/images/EURO/EURO2024.svg");
}

.sport-icon[data-icon=CopaAmerica] {
  background-image: url("/theme/images/CopaAmerica/CopaAmerica2024.svg");
}

.fifa-banner {
  position: relative;
  margin-top: -26.6666666667vw;
  width: 100%;
  height: 26.6666666667vw;
  background-color: #941833;
  overflow: hidden;
  transition: all 0.3s;
}
.fifa-banner::before {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.8vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.fifa-banner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 133.3333333333vw;
  height: 133.3333333333vw;
  margin: -66.6666666667vw 0 0 -66.6666666667vw;
  background: linear-gradient(90deg, #681124, #aa1c3b, #de3459);
  background-size: 100% 100%;
  animation: fifaRotate 4.17s infinite;
}
.fifa-banner.active {
  margin-top: 0;
}
.fifa-banner .close {
  position: absolute;
  z-index: 3;
  top: 1.3333333333vw;
  right: 1.3333333333vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  border-radius: 0.8vw;
  background-color: rgba(0, 0, 0, 0.5);
}
.fifa-banner .close::before, .fifa-banner .close::after {
  width: 3.2vw;
  background-color: #ffffff;
}
.fifa-banner .button {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 12vw;
  width: 24vw;
  height: 8vw;
  margin-top: -4vw;
  border-radius: 8vw;
  background-color: #56ffed;
  box-shadow: 0 0 1.3333333333vw #681124;
  color: #000000;
  font-size: 3.2vw;
  transform: scale(1.2);
  opacity: 0;
  animation: fifaScale 1.5s ease-in;
  animation-fill-mode: forwards;
}
.fifa-banner .button span {
  color: #000000;
}
.fifa-banner .button span:nth-child(1) {
  animation: fifaTranslateWave 2s infinite;
  animation-delay: 1s;
}
.fifa-banner .button span:nth-child(2) {
  animation: fifaTranslateWave 2s infinite;
  animation-delay: 1.2s;
}
.fifa-banner .button span:nth-child(3) {
  animation: fifaTranslateWave 2s infinite;
  animation-delay: 1.4s;
}
.fifa-banner .button span:nth-child(4) {
  animation: fifaTranslateWave 2s infinite;
  animation-delay: 1.6s;
}
.fifa-banner .move-title {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
  top: 50%;
  left: 14.6666666667vw;
  height: 16vw;
  margin: -8vw 0 0 0;
  transform: scale(1.2);
  opacity: 0;
  animation: fifaScale 1s ease-in;
  animation-fill-mode: forwards;
}
.fifa-banner .move-title::before {
  content: "";
  width: 2.6666666667vw;
  height: 100%;
  margin: 0 2.6666666667vw 0 0;
  background-image: url("/theme/images/FIFA/move-0.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.fifa-banner .move-title h2 {
  width: 100%;
  margin: 0 0 1.3333333333vw;
  color: #ffffff;
  font-size: 4.5333333333vw;
  font-weight: bolder;
  text-shadow: 0 0.2666666667vw 0.8vw rgba(16, 3, 6, 0.7);
}
.fifa-banner .move-title p {
  display: inline-block;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 0.2666666667vw 0.8vw rgba(16, 3, 6, 0.7);
}
.fifa-banner .move-logo {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 14.6666666667vw;
  width: 28.8vw;
  height: 14.9333333333vw;
  margin: -7.4666666667vw 0 0;
  background-image: url("/theme/images/FIFA/move-logo.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  opacity: 0;
  animation: fifaScale 1s ease-in;
  animation-fill-mode: forwards;
}
.fifa-banner .move-times {
  position: absolute;
  z-index: 2;
  top: 62%;
  left: 25.3333333333vw;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 0.2666666667vw 0.8vw rgba(16, 3, 6, 0.7);
  opacity: 0;
  animation: fifaScale 1s ease-in;
  animation-fill-mode: forwards;
}
.fifa-banner .move1 {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 22vw;
  height: 8.8vw;
  background-image: url("/theme/images/FIFA/move-1.png");
  background-size: 100%;
  transform: translateX(-100%);
  animation: fifaTranslateLeft 5s ease-in-out infinite;
  animation-delay: 0s;
}
.fifa-banner .move2 {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 24vw;
  width: 17.8666666667vw;
  height: 8.8vw;
  background-image: url("/theme/images/FIFA/move-2.png");
  background-size: 100%;
  transform: translateY(-100%);
  animation: fifaTranslateTop 10s ease-in-out infinite;
  animation-delay: 0.2s;
}
.fifa-banner .move3 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 17.4666666667vw;
  height: 8.6666666667vw;
  background-image: url("/theme/images/FIFA/move-3.png");
  background-size: 100%;
  transform: translateY(100%);
  animation: fifaTranslateLeft 5s ease-in-out infinite;
  animation-delay: 0.4s;
}
.fifa-banner .move4 {
  position: absolute;
  z-index: 2;
  right: 32vw;
  bottom: 0;
  width: 31.0666666667vw;
  height: 8.8vw;
  background-image: url("/theme/images/FIFA/move-4.png");
  background-size: 100%;
  transform: translateY(100%);
  animation: fifaTranslateBottom 10s ease-in-out infinite;
  animation-delay: 0.6s;
}
.fifa-banner .move5 {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 8.8vw;
  height: 13.2vw;
  background-image: url("/theme/images/FIFA/move-5.png");
  background-size: 100%;
  transform: translateX(100%);
  animation: fifaTranslateRight 5s ease-in-out infinite;
  animation-delay: 0.8s;
}

.fifa-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 10.6666666667vw;
  height: 0;
  margin: 0 0 2.6666666667vw;
  border-radius: 100%;
  background-color: #941833;
  background-image: url("/theme/images/FIFA/tool-bg.jpg");
  background-size: cover;
  transition: all 0.3s;
  -webkit-perspective: 10.6666666667vw;
  perspective: 10.6666666667vw;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform-origin: bottom;
  animation: fifa3D 3s infinite;
  color: #ffffff;
  font-size: 3.4666666667vw;
  font-weight: bolder;
  text-shadow: 0 0.8vw 1.6vw rgba(16, 3, 6, 0.7);
  overflow: hidden;
}
.fifa-btn.active {
  height: 10.6666666667vw;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.fifa-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/theme/images/FIFA/FIFA2022.svg");
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
}

.sport-icon[data-icon=FIFA] {
  background-image: url("/theme/images/FIFA/FIFA2022.svg");
}

.fifa-inner-banner {
  position: relative;
  width: 100%;
  height: 42.6666666667vw;
  overflow: hidden;
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.15);
  background-color: #941833;
  background-image: url("/theme/images/FIFA/banner-bg.jpg");
  background-size: cover;
  background-position: top center;
}
.fifa-inner-banner section {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.fifa-inner-banner h3 {
  margin: 0 0 1.3333333333vw;
  color: #ffffff;
  font-size: 3.7333333333vw;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.fifa-inner-banner .fifa-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.3333333333vw;
  padding: 1.3333333333vw 4vw;
  clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%, 5% 0%);
  background-color: rgba(126, 20, 43, 0.6);
}
.fifa-inner-banner .fifa-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 32vw;
  height: 5.3333333333vw;
  padding: 0 1.3333333333vw;
  clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 4% 100%, 0% 50%, 4% 0%);
  background-color: #ff004d;
}
.fifa-inner-banner .fifa-team .pic {
  position: relative;
  flex-shrink: 0;
  width: 4.8vw;
  height: 4.8vw;
  margin: 0 1.3333333333vw;
}
.fifa-inner-banner .fifa-team .pic::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 3.4666666667vw;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
.fifa-inner-banner .fifa-team img {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: calc(100% - 0.2666666667vw);
  height: auto;
  transform: translate(-50%, -50%);
}
.fifa-inner-banner .fifa-team p {
  display: -webkit-box;
  width: 100%;
  max-width: 26.6666666667vw;
  height: 5.3333333333vw;
  overflow: hidden;
  color: #ffffff;
  font-size: 3.2vw;
  line-height: 5.3333333333vw;
  font-weight: bold;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fifa-inner-banner .fifa-team:last-child {
  flex-direction: row-reverse;
}
.fifa-inner-banner .fifa-team:last-child p {
  text-align: right;
}
.fifa-inner-banner .fifa-team .rank {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6.6666666667vw;
  height: calc(100% - 1.3333333333vw);
  padding: 1.3333333333vw 2.6666666667vw;
  clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%);
  background-color: #cc003e;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
}
.fifa-inner-banner .fifa-team .rank sup {
  margin: 0 0 1.3333333333vw;
  vertical-align: super;
  font-size: 2.1333333333vw;
}
.fifa-inner-banner .fifa-team .integral {
  min-width: 6.6666666667vw;
  padding: 0 1.3333333333vw;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
}
.fifa-inner-banner .fifa-team.disuse {
  background-color: #aa1c3b;
}
.fifa-inner-banner .fifa-team.disuse img {
  opacity: 0.3;
  filter: grayscale(100%);
}
.fifa-inner-banner .fifa-team.disuse p {
  opacity: 0.5;
}
.fifa-inner-banner .fifa-score {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1.3333333333vw;
  padding: 0.2666666667vw;
  clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%);
  background-color: #de3459;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
}
.fifa-inner-banner .fifa-score table {
  clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%);
  background-color: #941833;
  font-size: 2.6666666667vw;
}
.fifa-inner-banner .fifa-score td,
.fifa-inner-banner .fifa-score th {
  padding: 0.2666666667vw 1.3333333333vw;
}
.fifa-inner-banner .fifa-score th {
  background-color: #de3459;
}
.fifa-inner-banner .fifa-score td {
  width: 5.3333333333vw;
}
.fifa-inner-banner .fifa-score td:first-child {
  text-align: right;
}
.fifa-inner-banner .fifa-score td:last-child {
  text-align: left;
}
.fifa-inner-banner .fifa-times {
  flex-shrink: 0;
  margin: 0 1.3333333333vw;
  color: #ffffff;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
.fifa-inner-banner .fifa-v {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6vw 0.6666666667vw;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #00d6bf;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
}
.fifa-inner-banner .fifa-winner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2666666667vw;
  clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%);
  background-color: #de3459;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
  white-space: nowrap;
}
.fifa-inner-banner .fifa-winner span {
  padding: 0.8vw;
  clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%);
  background-color: #941833;
}
.fifa-inner-banner .fifa-g {
  display: flex;
  flex-direction: column;
  max-height: 18.6666666667vw;
  gap: 1.3333333333vw;
  overflow: auto;
}
.fifa-inner-banner .fifa-g .fifa-team {
  flex-direction: row;
}
.fifa-inner-banner .fifa-g .fifa-team p {
  text-align: left;
}
.fifa-inner-banner .fifa-g:last-child .fifa-team {
  flex-direction: row-reverse;
}
.fifa-inner-banner .fifa-g:last-child .fifa-team p {
  text-align: right;
}
.fifa-inner-banner .fifa-g.reverse .fifa-team {
  min-width: 64vw;
  flex-direction: row;
}
.fifa-inner-banner .fifa-g.reverse .fifa-team p {
  text-align: left;
}
.fifa-inner-banner .fifa-c {
  display: flex;
  align-items: center;
  gap: 0.6666666667vw;
}
.fifa-inner-banner .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fifa-inner-banner .swiper-pagination {
  display: flex;
  position: absolute;
  width: auto;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.fifa-inner-banner .swiper-pagination .swiper-pagination-bullet {
  width: 4vw;
  height: 0.5333333333vw;
  margin: 0 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 1;
  transition: all 0.3s;
}
.fifa-inner-banner .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00d6bf;
}
.fifa-inner-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation: slick-animate 3s;
  animation-fill-mode: forwards;
}

@keyframes fifaTranslateWave {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-0.6666666667vw);
  }
  30% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fifa3D {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(720deg);
  }
  60% {
    transform: translateY(-5.3333333333vw);
  }
  70% {
    transform: translateY(0) scaleY(0.8);
  }
  76% {
    transform: translateY(-2.6666666667vw) scaleY(1.1);
  }
  82% {
    transform: translateY(0) scaleY(0.9);
  }
  86% {
    transform: translateY(-1.3333333333vw);
  }
  90% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fifaRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fifaScale {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fifaTranslateLeft {
  0% {
    transform: translateX(-100%);
  }
  10% {
    transform: translateX(0);
  }
  70% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes fifaTranslateRight {
  0% {
    transform: translateX(100%);
  }
  10% {
    transform: translateX(0);
  }
  70% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes fifaTranslateTop {
  0% {
    transform: translateY(-100%);
  }
  10% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fifaTranslateBottom {
  0% {
    transform: translateY(100%);
  }
  10% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slick-animate {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fifa-banner.reciprocal {
  margin-top: -37.3333333333vw;
  width: 100%;
  height: 37.3333333333vw;
}
.fifa-banner.reciprocal.active {
  margin-top: 0;
}
.fifa-banner.reciprocal .move-logo {
  top: 20%;
  left: 32vw;
  width: 18.6666666667vw;
  height: 12.2666666667vw;
}
.fifa-banner.reciprocal .move-times {
  top: 13%;
  left: 53.3333333333vw;
  z-index: 5;
}
.fifa-banner.reciprocal .button {
  top: 85%;
  right: calc(50% - 12vw);
  width: 24vw;
  height: 6.6666666667vw;
  margin-top: -4vw;
}
.fifa-banner.reciprocal .reciprocal-time {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 5;
  top: 30%;
  width: 100%;
}
.fifa-banner.reciprocal .separator {
  width: 5.3333333333vw;
  color: rgba(0, 0, 0, 0);
}
.fifa-banner.reciprocal .separator:before {
  content: "";
  position: absolute;
  top: 4.2666666667vw;
  width: 1.8666666667vw;
  height: 1.8666666667vw;
  background-color: #FF004C;
  transform: rotate(45deg);
}
.fifa-banner.reciprocal .counter {
  transform: scale(0.84);
}
.fifa-banner.reciprocal .reciprocal-item {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 5;
  top: 60%;
  width: 100%;
  color: #ffffff;
  font-size: 3.2vw;
}
.fifa-banner.reciprocal .reciprocal-item li {
  width: 13.8666666667vw;
  margin: 0 2.6666666667vw;
  text-align: center;
}

.counter-analog3 span.part {
  display: inline-block;
}

.counter-analog3 span.separator {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  width: 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.counter-analog3 span.part span.digit {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  width: 33px;
  vertical-align: middle;
  text-align: center;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  margin: 0;
}

.counter-analog3 span.part span.digit {
  background: transparent url("/theme/images/FIFA/jquery.counter-analog3.png") 0 0 repeat-y;
}

.counter-analog3 span.part span.digit0 {
  background-position: 0 0;
}

.counter-analog3 span.part span.digit1 {
  background-position: 0 -270px;
}

.counter-analog3 span.part span.digit2 {
  background-position: 0 -540px;
}

.counter-analog3 span.part span.digit3 {
  background-position: 0 -810px;
}

.counter-analog3 span.part span.digit4 {
  background-position: 0 -1080px;
}

.counter-analog3 span.part span.digit5 {
  background-position: 0 -1350px;
}

.counter-analog3 span.part span.digit6 {
  background-position: 0 -1620px;
}

.counter-analog3 span.part span.digit7 {
  background-position: 0 -1890px;
}

.counter-analog3 span.part span.digit8 {
  background-position: 0 -2160px;
}

.counter-analog3 span.part span.digit9 {
  background-position: 0 -2430px;
}

/* UP */
@-webkit-keyframes counter-analog3-01 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -270px;
  }
}
@-moz-keyframes counter-analog3-01 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -270px;
  }
}
@-ms-keyframes counter-analog3-01 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -270px;
  }
}
@-webkit-keyframes counter-analog3-12 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-moz-keyframes counter-analog3-12 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-ms-keyframes counter-analog3-12 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-webkit-keyframes counter-analog3-23 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-moz-keyframes counter-analog3-23 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-ms-keyframes counter-analog3-23 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-webkit-keyframes counter-analog3-34 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-moz-keyframes counter-analog3-34 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-ms-keyframes counter-analog3-34 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-webkit-keyframes counter-analog3-45 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-moz-keyframes counter-analog3-45 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-ms-keyframes counter-analog3-45 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-webkit-keyframes counter-analog3-56 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-moz-keyframes counter-analog3-56 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-ms-keyframes counter-analog3-56 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-webkit-keyframes counter-analog3-67 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-moz-keyframes counter-analog3-67 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-ms-keyframes counter-analog3-67 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-webkit-keyframes counter-analog3-78 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-moz-keyframes counter-analog3-78 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-ms-keyframes counter-analog3-78 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-webkit-keyframes counter-analog3-89 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -2430px;
  }
}
@-moz-keyframes counter-analog3-89 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -2430px;
  }
}
@-ms-keyframes counter-analog3-89 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -2430px;
  }
}
@-webkit-keyframes counter-analog3-90 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2400px;
  }
}
@-moz-keyframes counter-analog3-90 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2400px;
  }
}
@-ms-keyframes counter-analog3-90 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2400px;
  }
}
.counter-analog3 span.part span.digit01 {
  -webkit-animation: counter-analog3-01 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-01 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-01 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit12 {
  -webkit-animation: counter-analog3-12 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-12 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-12 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit23 {
  -webkit-animation: counter-analog3-23 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-23 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-23 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit34 {
  -webkit-animation: counter-analog3-34 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-34 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-34 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit45 {
  -webkit-animation: counter-analog3-45 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-45 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-45 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit56 {
  -webkit-animation: counter-analog3-56 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-56 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-56 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit67 {
  -webkit-animation: counter-analog3-67 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-67 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-67 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit78 {
  -webkit-animation: counter-analog3-78 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-78 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-78 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit89 {
  -webkit-animation: counter-analog3-89 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-89 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-89 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit90 {
  -webkit-animation: counter-analog3-90 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-90 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-90 0.3s steps(6, end) 1;
}

/* DOWN */
@-webkit-keyframes counter-analog3-10 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes counter-analog3-10 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes counter-analog3-10 {
  from {
    background-position: 0 -270px;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes counter-analog3-21 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -270px;
  }
}
@-moz-keyframes counter-analog3-21 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -270px;
  }
}
@-ms-keyframes counter-analog3-21 {
  from {
    background-position: 0 -540px;
  }
  to {
    background-position: 0 -270px;
  }
}
@-webkit-keyframes counter-analog3-32 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-moz-keyframes counter-analog3-32 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-ms-keyframes counter-analog3-32 {
  from {
    background-position: 0 -810px;
  }
  to {
    background-position: 0 -540px;
  }
}
@-webkit-keyframes counter-analog3-43 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-moz-keyframes counter-analog3-43 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-ms-keyframes counter-analog3-43 {
  from {
    background-position: 0 -1080px;
  }
  to {
    background-position: 0 -810px;
  }
}
@-webkit-keyframes counter-analog3-54 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-moz-keyframes counter-analog3-54 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-ms-keyframes counter-analog3-54 {
  from {
    background-position: 0 -1350px;
  }
  to {
    background-position: 0 -1080px;
  }
}
@-webkit-keyframes counter-analog3-65 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-moz-keyframes counter-analog3-65 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-ms-keyframes counter-analog3-65 {
  from {
    background-position: 0 -1620px;
  }
  to {
    background-position: 0 -1350px;
  }
}
@-webkit-keyframes counter-analog3-76 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-moz-keyframes counter-analog3-76 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-ms-keyframes counter-analog3-76 {
  from {
    background-position: 0 -1890px;
  }
  to {
    background-position: 0 -1620px;
  }
}
@-webkit-keyframes counter-analog3-87 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-moz-keyframes counter-analog3-87 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-ms-keyframes counter-analog3-87 {
  from {
    background-position: 0 -2160px;
  }
  to {
    background-position: 0 -1890px;
  }
}
@-webkit-keyframes counter-analog3-98 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-moz-keyframes counter-analog3-98 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-ms-keyframes counter-analog3-98 {
  from {
    background-position: 0 -2430px;
  }
  to {
    background-position: 0 -2160px;
  }
}
@-webkit-keyframes counter-analog3-09 {
  from {
    background-position: 0 -2400px;
  }
  to {
    background-position: 0 -2430px;
  }
}
@-moz-keyframes counter-analog3-09 {
  from {
    background-position: 0 -2400px;
  }
  to {
    background-position: 0 -2430px;
  }
}
@-ms-keyframes counter-analog3-09 {
  from {
    background-position: 0 -2400px;
  }
  to {
    background-position: 0 -2430px;
  }
}
.counter-analog3 span.part span.digit10 {
  -webkit-animation: counter-analog3-10 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-10 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-10 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit21 {
  -webkit-animation: counter-analog3-21 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-21 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-21 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit32 {
  -webkit-animation: counter-analog3-32 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-32 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-32 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit43 {
  -webkit-animation: counter-analog3-43 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-43 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-43 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit54 {
  -webkit-animation: counter-analog3-54 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-54 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-54 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit65 {
  -webkit-animation: counter-analog3-65 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-65 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-65 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit76 {
  -webkit-animation: counter-analog3-76 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-76 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-76 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit87 {
  -webkit-animation: counter-analog3-87 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-87 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-87 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit98 {
  -webkit-animation: counter-analog3-98 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-98 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-98 0.3s steps(6, end) 1;
}

.counter-analog3 span.part span.digit09 {
  -webkit-animation: counter-analog3-09 0.3s steps(6, end) 1;
  -moz-animation: counter-analog3-09 0.3s steps(6, end) 1;
  -ms-animation: counter-analog3-09 0.3s steps(6, end) 1;
}

@media only screen and (max-width: 290px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(0.45);
  }
}
@media screen and (min-width: 291px) and (max-width: 320px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(0.65);
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(0.75);
  }
}
@media screen and (min-width: 440px) and (max-width: 500px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(0.95);
  }
}
@media screen and (min-width: 501px) and (max-width: 560px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 561px) and (max-width: 600px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(1.15);
  }
}
@media screen and (min-width: 601px) {
  .fifa-banner.reciprocal .counter {
    transform: scale(1.25);
  }
}
.jackpot-ticket {
  display: flex;
  position: relative;
  width: calc(100% - 5.3333333333vw);
  height: 100px;
  margin: 0 auto 2.6666666667vw;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 1.3333333333vw;
  font-size: 3.4666666667vw;
  background: radial-gradient(circle at 50% 50%, #e7e7e7 0, #e7e7e7 50%, transparent 0), radial-gradient(circle at 50% 50%, #e7e7e7 0, #e7e7e7 50%, transparent 0);
  background-repeat: repeat-y;
  background-size: 10px 10px;
  background-color: white;
  background-position: -5px calc(100% - 5px), calc(100% + 5px) 5px;
  filter: drop-shadow(0 0 0.8vw rgba(0, 0, 0, 0.1));
}

.campaogn-title {
  margin: 0 0 1.3333333333vw 0;
  color: #000000;
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 3.4666666667vw;
  text-align: left;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.campaogn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 65%;
  margin: 2.6666666667vw;
}

.campaogn-date {
  text-align: left;
  color: #999999;
}
.campaogn-date span {
  padding: 0 0 0 1.3333333333vw;
}
.campaogn-date .jackpot span {
  font-weight: bolder;
}

.prize {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.3333333333vw;
  width: 35%;
  color: #ffffff;
  border-left: 0.5333333333vw dotted white;
  background: radial-gradient(circle at 50% 50%, #4F6EA0 0, #4F6EA0, transparent 0), radial-gradient(circle at 50% 50%, #e7e7e7 0, #e7e7e7 50%, transparent 0);
  background-repeat: repeat-y;
  background-color: #4F6EA0;
  background-size: 10px 10px;
  background-position: -5px calc(100% - 5px), calc(100% + 5px) 5px;
}

.prize-amount {
  margin: 0 0 1.3333333333vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 4.2666666667vw;
  color: #FFDF1B;
}

.sport.live.fast .event-right {
  flex-direction: column;
  border-left: 0.2666666667vw solid #dddddd;
}

.option-time {
  width: 100%;
}

.fast-time {
  display: inline-flex;
  align-items: center;
  padding: 1.0666666667vw;
  background-color: #fce7e7;
  color: #333333;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: left;
  border-radius: 5.3333333333vw;
  align-self: baseline;
}
.fast-time time {
  margin: 0 1.3333333333vw;
}

.fast_clock {
  width: 4vw;
  height: 4vw;
  position: relative;
  border-radius: 50%;
  background-color: #fce7e7;
  border: 0.5333333333vw solid #DE221F;
}
.fast_clock:before {
  content: "";
  top: -0.5333333333vw;
  left: -0.5333333333vw;
  position: absolute;
  width: 4vw;
  height: 4vw;
  background-image: linear-gradient(90deg, transparent 42%, #DE221F 47%, #DE221F 59%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 50%;
  transform: rotate(0) scale(0.6);
  animation: clockHours 7s linear infinite;
}
.fast_clock:after {
  content: "";
  top: -0.5333333333vw;
  left: -0.5333333333vw;
  position: absolute;
  width: 4vw;
  height: 4vw;
  background-image: linear-gradient(90deg, transparent 48%, #DE221F 48%, #DE221F 55%, transparent 52%);
  background-repeat: no-repeat;
  background-size: 100% 50%, 100% 50%;
  transform: rotate(0) scale(0.8);
  animation: clockMinutes 2s linear infinite;
}

@keyframes clockHours {
  to {
    transform: rotate(360deg) scale(0.6);
  }
}
@keyframes clockMinutes {
  to {
    transform: rotate(360deg) scale(0.8);
  }
}
.tips-area {
  display: flex;
  position: fixed;
  z-index: 6;
  bottom: -16vw;
  left: 2.6666666667vw;
  align-items: center;
  justify-content: space-between;
  max-width: 81.3333333333vw;
  height: auto;
  padding: 1.3333333333vw 4vw;
  transition: all 0.3s;
  border-radius: 5.3333333333vw;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.3);
}
.tips-area.layer-up {
  z-index: 10;
}
.tips-area.active {
  bottom: 16vw;
}
.tips-area p {
  font-size: 3.2vw;
  color: #ffffff;
  overflow: scroll;
  padding: 0 3.2vw 0 0;
}
.tips-area p span {
  font-size: 3.4666666667vw;
  font-weight: bold;
  color: #FFDF1B;
}
.tips-area .close {
  width: 8vw;
  height: 8vw;
}
.tips-area .close::before, .tips-area .close::after {
  background-color: #ffffff;
}
.tips-area:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 8vw;
  right: auto;
  top: auto;
  bottom: -2.6666666667vw;
  border: 1.3333333333vw solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent;
}

.sport.numbergame.live .event-sub-tab li.active, .sport.numbergame.live .event-sub-content {
  background-color: #FDF1F0;
}
.sport.numbergame.live .numbergame-tip {
  background-color: #fceceb;
  border: 1px solid #f9d1d0;
}
.sport.numbergame.live .numbergame-tip.active {
  background-color: #4F6EA0;
  border: 0.2666666667vw solid #4F6EA0;
}
.sport.numbergame.live .numbergame-tip.disable {
  background-color: #f6f6f6;
  border: 1px solid #dddddd;
}
.sport.numbergame.early .event-sub-tab li.active, .sport.numbergame.early .event-sub-content {
  background-color: #eaeef5;
}
.sport.numbergame.early .numbergame-tip {
  background-color: #eaeef5;
  border: 1px solid #d2dbe9;
}
.sport.numbergame.early .numbergame-tip.active {
  background-color: #4F6EA0;
  border: 0.2666666667vw solid #4F6EA0;
}
.sport.numbergame.early .numbergame-tip.disable {
  background-color: #f6f6f6;
  border: 1px solid #dddddd;
}
.sport.numbergame .event-left {
  width: 60%;
}
.sport.numbergame .event-right {
  width: 40%;
  flex-direction: column;
  border-left: 0.2666666667vw solid #dddddd;
}
.sport.numbergame .event-right .numbergame-event-content-main {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.sport.numbergame .event-right .numbergame-event-content-main .current-result-title {
  display: flex;
  width: auto;
  height: auto;
  color: #DE221F;
  font-size: 4vw;
  line-height: 5.3333333333vw;
}
.sport.numbergame .event-right .numbergame-event-content-main .current-result-title span.current-event-icon {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 50%;
  margin: 0 1.3333333333vw 0 0;
}
.sport.numbergame .event-right .numbergame-event-content-main .current-result-title span.current-event-icon img {
  width: 100%;
  height: 100%;
}
.sport.numbergame .event-right .numbergame-event-content-main .current-result-title span.highlight {
  color: #DE221F;
  animation: highlight 2s ease-in-out infinite;
}
.sport.numbergame .event-right .numbergame-event-content-main .current-result-title.disable {
  color: #999999;
}
.sport.numbergame .option-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}
.sport.numbergame .option-title .info-btn {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin: 0 0 0 1.3333333333vw;
  padding: 0;
  border-radius: 50%;
  background-color: #4F6EA0;
  border: 0;
  outline: 0;
  font-size: 3.4666666667vw;
  color: #ffffff;
  font-weight: bold;
}
.sport.numbergame .current-event {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.6666666667vw 0;
}
.sport.numbergame .current-event p {
  width: fit-content;
  font-size: 3.2vw;
  text-align: center;
  margin: 0 0.6666666667vw;
  color: #666666;
}
.sport.numbergame .current-event .info-btn {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  padding: 0;
  border-radius: 50%;
  background-color: #4F6EA0;
  border: 0;
  outline: 0;
  font-size: 3.4666666667vw;
  color: #ffffff;
  font-weight: bold;
}
.sport.numbergame .current-result {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3333333333vw;
  border-radius: 1.0666666667vw;
  background-color: #fceceb;
  border: 0.2666666667vw solid #f9d1d0;
}
.sport.numbergame .current-result p {
  display: flex;
  width: auto;
  padding: 0 4vw 0 0;
  color: #DE221F;
  font-size: 4vw;
}
.sport.numbergame .current-result-time {
  display: flex;
  gap: 0.6666666667vw;
}
.sport.numbergame .current-result-time .time-unit {
  height: auto;
  padding: 0.6666666667vw;
  color: #ffffff;
  font-size: 4vw;
  text-align: center;
  font-weight: bold;
  background-color: #666666;
}
.sport.numbergame .current-result-time .time-unit.active {
  background-color: #DE221F;
  color: #ffffff;
}
.sport.numbergame .current-result-time span {
  padding: 0.6666666667vw 0;
  font-size: 3.2vw;
  font-weight: bold;
  color: #333333;
}
.sport.numbergame .current-result.disable {
  background-color: #f6f6f6;
  border: 1px solid #dddddd;
}
.sport.numbergame .current-result.disable p {
  color: #999999;
}
.sport.numbergame .current-result.disable .current-result-time .time-unit {
  color: #999999;
  background-color: #dddddd;
}
.sport.numbergame .current-result.disable .current-result-time .time-unit.active {
  color: #999999;
  background-color: #dddddd;
}
.sport.numbergame .current-result.disable .current-result-time span {
  color: #999999;
}
.sport.numbergame .event-history {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 1.3333333333vw 1.3333333333vw;
}
.sport.numbergame .event-history .history {
  width: 100%;
  height: 5.8666666667vw;
  margin: 0 1.3333333333vw 0 0;
}
.sport.numbergame .event-history .history.fail {
  background-color: #dddddd;
  border: 0.2666666667vw solid #666666;
}
.sport.numbergame .event-history .history.fail li {
  color: #666666;
  border: 0.2666666667vw solid #666666;
}
.sport.numbergame .event-history .history-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 1.3333333333vw;
  border-radius: 1.0666666667vw;
  border: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
}
.sport.numbergame .event-history .history-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sport.numbergame .event-history .history-title .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sport.numbergame .event-history .history-title p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.3333333333vw;
  width: auto;
  font-size: 2.6666666667vw;
  color: #666666;
  white-space: nowrap;
  overflow: initial;
}
.sport.numbergame .event-history .history-title ul {
  display: flex;
  align-items: center;
  width: auto;
  font-size: 2.6666666667vw;
  gap: 0.2666666667vw;
  padding: 0.2666666667vw 0.6666666667vw;
  background-color: #eaeef5;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 1.0666666667vw;
}
.sport.numbergame .event-history .history-title ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5333333333vw;
  max-width: 26.6666666667vw;
  min-width: 3.7333333333vw;
  height: 3.7333333333vw;
  color: #ffffff;
  font-weight: bold;
  background-color: #4F6EA0;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 5.3333333333vw;
}
.sport.numbergame .event-history .history-title ul li.formula {
  color: #4F6EA0;
  background-color: transparent;
  border: 0;
}
.sport.numbergame .event-history .history-title ul li:last-child {
  width: auto;
  height: auto;
  border-radius: 2.6666666667vw;
  padding: 0;
  background-color: transparent;
}
.sport.numbergame .event-history .history-title ul li:last-child ul {
  display: flex;
  gap: 0.6666666667vw;
  padding: 0;
  background-color: #4F6EA0;
  border-radius: 5.3333333333vw;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 26.6666666667vw;
  min-width: 3.7333333333vw;
  height: 3.7333333333vw;
  color: #4F6EA0;
  background-color: #ffffff;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 5.3333333333vw;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li.big {
  padding: 0;
  color: #ffffff;
  background-color: #DE221F;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li.small {
  padding: 0;
  color: #ffffff;
  background-color: #04B300;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li.odd {
  color: #DE221F;
  background-color: #fce7e7;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li.even {
  color: #FF8900;
  background-color: #FFE7CB;
}
.sport.numbergame .event-history .history-title ul li:last-child ul li.fail {
  color: #666666;
  background-color: #dddddd;
}
.sport.numbergame .event-history .history-title .expand-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
  color: #ffffff;
  font-size: 3.2vw;
  background-color: #666666;
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sport.numbergame .event-history .history-title .expand-btn::before, .sport.numbergame .event-history .history-title .expand-btn::after {
  position: absolute;
  height: 2.1333333333vw;
  width: 0.2666666667vw;
  content: "";
  background-color: white;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sport.numbergame .event-history .history-title .expand-btn::before {
  transform: rotate(-90deg);
  transform-origin: center center;
}
.sport.numbergame .event-history .history-title .expand-btn.active::after {
  transform: rotate(-90deg);
  transform-origin: center center;
}
.sport.numbergame .event-history .history-content {
  display: none;
  width: 100%;
  height: auto;
  margin: 1.3333333333vw 0 0;
  border-radius: 1.0666666667vw;
  flex-wrap: wrap;
  gap: 1.3333333333vw;
}
.sport.numbergame .event-history .history-content.active {
  display: flex;
}
.sport.numbergame .event-history .history-content .roadmap {
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  height: 13.3333333333vw;
  background-color: white;
  overflow-x: auto;
}
.sport.numbergame .event-history .history-content .roadmap:last-child {
  overflow-x: hidden;
}
.sport.numbergame .event-history .history-content .roadmap-clumn {
  display: flex;
  flex-flow: column wrap;
  width: auto;
  height: 100%;
  border-right: 0.2666666667vw solid #f6f6f6;
}
.sport.numbergame .event-history .history-content .roadmap-clumn:last-child {
  border-right: 0;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 26.6666666667vw;
  min-width: 3.4666666667vw;
  height: 33.3333333333%;
  border-bottom: 0.2666666667vw solid #f6f6f6;
  border-right: 0.2666666667vw solid #f6f6f6;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li:last-child {
  border-bottom: 0;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2666666667vw;
  border-radius: 5.3333333333vw;
  background-color: #4F6EA0;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper.fail-content {
  background-color: #666666;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper div.fail {
  width: 100%;
  background-color: #666666;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper div.fail span {
  border-radius: 5.3333333333vw;
  width: 100%;
  padding: 0;
  background-color: #dddddd;
  color: #666666;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper div span {
  font-size: 2.6666666667vw;
  font-weight: bold;
  text-align: center;
  min-width: 2.6666666667vw;
  padding: 0 0.5333333333vw;
  border-radius: 5.3333333333vw;
  background-color: #eaeef5;
  color: #4F6EA0;
  white-space: nowrap;
}
.sport.numbergame .event-history .history-content .roadmap-clumn li .wrapper span {
  width: fit-content;
  font-size: 2.6666666667vw;
  color: #ffffff;
}
.sport.numbergame .event-history .history-content .roadmap:last-child {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  gap: 1.3333333333vw;
  background-color: #f6f6f6;
}
.sport.numbergame .event-history .history-content .roadmap-left, .sport.numbergame .event-history .history-content .roadmap-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: 10.6666666667vw;
  background-color: white;
  overflow-x: auto;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn {
  height: 100%;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper {
  background-color: transparent;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.small, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.small {
  background-color: #04B300;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.big, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.big {
  background-color: #DE221F;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.odd, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.odd {
  background-color: #fce7e7;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.odd span, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.odd span {
  color: #DE221F;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.even, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.even {
  background-color: #FFE7CB;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.even span, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.even span {
  color: #FF8900;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.fail, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.fail {
  background-color: #dddddd;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.fail span, .sport.numbergame .event-history .history-content .roadmap-right .roadmap-clumn li .wrapper.fail span {
  color: #666666;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.fail {
  background-color: #666666;
}
.sport.numbergame .event-history .history-content .roadmap-left .roadmap-clumn li .wrapper.fail span {
  color: #dddddd;
}
.sport.numbergame .none-infomation {
  width: 100%;
}
.sport.numbergame .event-tab {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 1.3333333333vw 0 0;
  width: 100%;
  height: 14.6666666667vw;
  background-color: #f6f6f6;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sport.numbergame .event-tab ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.sport.numbergame .event-tab ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  width: 33.3333333333%;
  height: 100%;
  padding: 0 4vw;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
}
.sport.numbergame .event-tab ul li.active {
  padding: 0 8vw;
  background-color: white;
  box-shadow: 0 -0.2666666667vw 0.8vw rgba(0, 0, 0, 0.1);
  font-weight: bold;
}
.sport.numbergame .event-tab ul li.disable {
  color: rgba(153, 153, 153, 0.3);
}
.sport.numbergame .event-tab ul li.disable span {
  color: rgba(153, 153, 153, 0.3);
}
.sport.numbergame .event-tab ul li time {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sport.numbergame .event-tab ul li span {
  padding: 1.3333333333vw 0 0;
  font-size: 2.6666666667vw;
  font-weight: normal;
  color: #333333;
}
.sport.numbergame .numbergame-event-content {
  width: 100%;
  padding: 0 1.3333333333vw 1.3333333333vw;
  background-color: #f6f6f6;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 1.3333333333vw;
  background-color: white;
  box-shadow: 0 0.8vw 1.6vw -0.8vw rgba(0, 0, 0, 0.1);
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.3333333333vw;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.3333333333vw;
  border-radius: 1.3333333333vw;
  border: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper p {
  width: fit-content;
  padding-right: 2.6666666667vw;
  text-align: left;
  white-space: nowrap;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5333333333vw;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  font-size: 2.6666666667vw;
  gap: 0.2666666667vw;
  margin: 0;
  padding: 0.5333333333vw;
  background-color: #eaeef5;
  border: 0.2666666667vw solid #4F6EA0;
  border-radius: 1.3333333333vw;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li {
  font-size: 3.2vw;
  white-space: nowrap;
  color: #4F6EA0;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li:nth-child(2) {
  padding: 0 1.0666666667vw;
  color: #4F6EA0;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li span {
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  background-color: #d2dbe9;
  border-radius: 0.5333333333vw;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li .current-result-time {
  display: flex;
  gap: 0.5333333333vw;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li .current-result-time .time-unit {
  height: auto;
  padding: 0.5333333333vw;
  color: #ffffff;
  font-size: 3.2vw;
  text-align: center;
  font-weight: bold;
  background-color: #666666;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li .current-result-time .time-unit.final {
  color: #ffffff;
  background-color: #4F6EA0;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li .current-result-time .time-unit.active {
  background-color: #DE221F;
  color: #ffffff;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box li .current-result-time span {
  padding: 0.5333333333vw 0;
  width: fit-content;
  height: fit-content;
  font-size: 3.2vw;
  font-weight: bold;
  background-color: transparent;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.active {
  background-color: #fceceb;
  border: 0.2666666667vw solid #f9d1d0;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.active li:first-child span {
  color: #DE221F;
  background-color: #f9d1d0;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.active li:nth-child(2) {
  color: #DE221F;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.fail {
  background-color: #f6f6f6;
  border: 0.2666666667vw solid #dddddd;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.fail li {
  color: #999999;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.fail li span {
  background-color: #dddddd;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.fail li .current-result-time .time-unit {
  height: auto;
  padding: 0.5333333333vw;
  color: #ffffff;
  font-size: 3.2vw;
  text-align: center;
  font-weight: bold;
  color: #999999;
  background-color: #dddddd;
}
.sport.numbergame .numbergame-event-content .numbergame-event-content-main .current-event-result .wrapper .result-group ul.numbergame-result-box.fail li .current-result-time span {
  padding: 0.5333333333vw 0;
  width: fit-content;
  height: fit-content;
  font-size: 3.2vw;
  font-weight: bold;
  background-color: transparent;
}
.sport.numbergame .numbergame-event-wrapper {
  position: relative;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-tab {
  display: flex;
  position: relative;
  padding: 1.3333333333vw 0 0;
  width: 100%;
  height: 14.6666666667vw;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-tab ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-tab ul li {
  display: inline-block;
  width: 25%;
  height: 100%;
  padding: 0 1.3333333333vw;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
  line-height: 14.6666666667vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-tab ul li.active {
  box-shadow: 0 -0.2666666667vw 0.8vw rgba(0, 0, 0, 0.1);
  font-weight: bold;
  color: #333333;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content {
  position: relative;
  width: 100%;
  padding: 0 1.3333333333vw;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main {
  width: 100%;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box {
  margin: 0;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column {
  width: 100%;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column .wrapper .option-button {
  width: 50%;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column .wrapper .option-button .option-btn {
  padding: 1.4992503748vmax 0.7496251874vmax;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column .wrapper .option-button .option-btn ul {
  margin: 1.3333333333vw 0 0;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.two .column .wrapper .option-button .option-btn ul li {
  height: auto;
  padding: 1.4992503748vmax 1.4992503748vmax 0;
  border-top: 0.1499250375vmax solid #dddddd;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide {
  width: 100%;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide .column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide .column .wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide .column .wrapper .numbergame-keyboard-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: calc(20% - 1.3333333333vw);
  position: relative;
  width: 100%;
  min-height: 13.3333333333vw;
  margin: 0.6666666667vw;
  color: #333333;
  font-size: 3.4666666667vw;
  text-align: center;
  transition: all 0.3s;
  border: 0.2666666667vw solid #dddddd;
  border-radius: 1.3333333333vw;
  background-color: #f6f6f6;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide .column .wrapper .numbergame-keyboard-button.active {
  border: 0.2666666667vw solid #ffd400;
  background-color: #fff5c2;
}
.sport.numbergame .numbergame-event-wrapper .event-sub-content .event-sub-content-main .event-page-handicap-box .main.wide .column .wrapper .numbergame-keyboard-button.disable {
  border: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
  color: #dddddd;
}
.sport.numbergame .numbergame-event-wrapper .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.sport.numbergame .numbergame-event-wrapper .overlay p {
  width: 100%;
  height: auto;
  color: #FFDF1B;
  font-size: 4vw;
  text-align: center;
}
.sport.numbergame .numbergame-event-wrapper .overlay p span {
  padding: 0 1.3333333333vw;
  color: #ffffff;
  font-size: 3.4666666667vw;
}
.sport.numbergame .numbergame-event-wrapper .overlay p.result-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 3.2vw;
}
.sport.numbergame .numbergame-event-wrapper .overlay p.result-info span {
  padding: 1.3333333333vw;
}
.sport.numbergame .numbergame-event-wrapper .overlay p.result-info span.period {
  font-size: 4.2666666667vw;
  color: #FFDF1B;
}
.sport.numbergame .numbergame-event-wrapper .overlay p.result-info span.time-interval {
  font-size: 3.2vw;
}
.sport.numbergame .numbergame-event-wrapper .overlay p.result-info span.result {
  margin-top: 1.3333333333vw;
  padding: 2.6666666667vw;
  border-top: 0.2666666667vw solid #ffffff;
  font-size: 8vw;
}
.sport.numbergame .numbergame-event-wrapper.lock .overlay {
  display: flex;
}
.sport.numbergame-tip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0.7496251874vmax auto;
  padding: 1.3333333333vw;
  border-radius: 1.0666666667vw;
}
.sport.numbergame-tip p {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  text-align: center;
  margin: 0 0.6666666667vw;
  color: #666666;
  overflow: visible;
  gap: 1.3333333333vw;
}
.sport.numbergame-tip p.active {
  display: flex;
}
.sport.numbergame-tip .lock {
  display: none;
  height: 4vw;
}
.sport.numbergame-tip .info-btn {
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  padding: 0;
  border-radius: 50%;
  background-color: #4F6EA0;
  border: 0;
  outline: 0;
  font-size: 3.4666666667vw;
  color: #ffffff;
  font-weight: bold;
}
.sport.numbergame-tip.active {
  background-color: #4F6EA0;
  border: 0.2666666667vw solid #4F6EA0;
}
.sport.numbergame-tip.active p {
  color: #ffffff;
}
.sport.numbergame-tip.active p span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 50%;
  font-size: 4vw;
  font-weight: bold;
  color: #4F6EA0;
  background-color: #ffffff;
}
.sport.numbergame-tip.active .info-btn {
  font-size: 3.4666666667vw;
  color: #ffffff;
  font-weight: bold;
}
.sport.numbergame-tip.disable {
  border: 0.2666666667vw solid #dddddd;
  background-color: #f6f6f6;
}
.sport.numbergame-tip.disable p {
  display: none;
}
.sport.numbergame-tip.disable .lock {
  display: block;
  border: 0;
}
.sport.numbergame .event-bottom .numbergame-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24vw;
  height: 6.6666666667vw;
  border-radius: 1.3333333333vw;
  font-size: 3.2vw;
  color: #666666;
  border: 1px solid #dddddd;
  background-color: #f6f6f6;
}
.sport.numbergame .event-bottom .numbergame-button span {
  color: #666666;
}
.sport.numbergame .event-bottom .numbergame-button.active {
  background-color: #4F6EA0;
  color: #ffffff;
}
.sport.numbergame .event-bottom .numbergame-button.active span {
  color: #ffffff;
}

.middle.numbergame-middle {
  border-bottom: 0.2666666667vw solid #dddddd;
}
.middle.numbergame-middle .button.active {
  background-color: #eaeef5;
  border: 0.2666666667vw solid #4F6EA0;
}
.middle.numbergame-middle .button.active h3 {
  color: #4F6EA0;
}
.middle.numbergame-middle .button.active h3 span {
  color: #4F6EA0;
}
.middle.numbergame-middle .button.active p {
  color: #a7b7d0;
}
.middle.numbergame-middle .button.active p span {
  color: #a7b7d0;
}

@keyframes highlight {
  20% {
    filter: brightness(1);
  }
  60% {
    filter: brightness(2.5);
  }
  100% {
    filter: brightness(1);
  }
}
.information {
  position: fixed;
  z-index: 27;
  top: -150%;
  left: 50%;
  width: 89.3333333333vw;
  height: calc(100% - 16vw);
  overflow: auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-radius: 4vw;
  background-color: #f6f6f6;
}
.information.active {
  top: 50%;
}
.information .pop-title {
  height: auto;
  padding: 2.6666666667vw 0;
}
.information .pop-title h2 {
  color: #4F6EA0;
  font-size: 4.2666666667vw;
  line-height: 6.6666666667vw;
}
.information .button {
  margin: 0 1.3333333333vw;
}

.information-main {
  width: 100%;
  height: auto;
  padding: 2.6666666667vw;
}
.information-main h3 {
  color: #333333;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.information-main p {
  display: -webkit-box;
  overflow: hidden;
  transition: all 0.3s;
  color: #666666;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
  padding: 2.6666666667vw;
}

.information-mask {
  display: block;
  position: fixed;
  z-index: 26;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 16/9) {
  .information {
    top: -150%;
    width: 97.0014992504vmax;
    height: calc(100% - 2.9985007496vmax);
    overflow: auto;
    border-radius: 2.2488755622vmax;
  }
  .information.active {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .information .pop-title {
    display: flex;
    padding: 1.4992503748vmax 2.2488755622vmax;
  }
  .information .pop-title h2 {
    margin: 0 1.4992503748vmax 0 0;
    font-size: 2.3988005997vmax;
    line-height: 2.9985007496vmax;
  }
  .information .pop-title .close {
    top: 50%;
  }
  .information-main {
    width: 100%;
    padding: 1.4992503748vmax 0 0;
  }
  .information-main h3 {
    font-size: 1.9490254873vmax;
  }
  .information-main p {
    font-size: 1.9490254873vmax;
    line-height: 2.9985007496vmax;
  }
}