@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot?');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.spinner {
  width: 39px;
  height: 39px;
  background: url(/Content/images/imgAll.png?20140404) -3px -1px no-repeat;
  margin-left: 20px;
  margin-top: 24px;
}

.spin {
  transform: scale(1);
  animation-timing-function: linear;
  animation: icon-animation 1s;
  animation-iteration-count: infinite;
  -webkit-animation: icon-animation 1s;
  -webkit-animation-timing-function: linear;
  -webkit-transform: scale(1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation: icon-animation 1s;
  -moz-animation-timing-function: linear;
  -moz-transform: scale(1);
  -moz-animation-iteration-count: infinite;
  -o-animation: icon-animation 1s;
  -o-animation-timing-function: linear;
  -o-transform: scale(1);
  -o-animation-iteration-count: infinite;
  -ms-animation: icon-animation 1s;
  -ms-animation-timing-function: linear;
  -ms-transform: scale(1);
  -ms-animation-iteration-count: infinite;
}

div.nvsp1 {
  background-position: -34px -2px;
}

div.nvsp2 {
  background-position: -124px -2px;
}

div.nvsp3 {
  background-position: -726px -2px;
}

div.nvsp4 {
  background-position: -918px 1px;
}

div.nvsp5 {
  background-position: -818px 0;
}

div.nvsp6 {
  background-position: -228px -3px;
}

div.nvsp7 {
  background-position: -321px -3px;
}

div.nvsp8 {
  background-position: -1516px 0;
}

div.nvsp9 {
  background-position: -1616px 0;
}

div.nvsp10 {
  background-position: -1122px -2px;
}

div.nvsp11 {
  background-position: -1320px -1px;
}

div.nvsp13 {
  background: url(/Content/images/sportSprite2.png?20160114) no-repeat;
  background-position: -40px -302px;
}

div.sp1 {
  background-position: 0 0;
}

div.sp2 {
  background-position: -128px 0;
}

div.sp3 {
  background-position: -896px 0;
}

div.sp4 {
  background-position: -1152px 0;
}

div.sp5 {
  background-position: -1024px 0;
}

div.sp6 {
  background-position: -256px 0;
}

div.sp7 {
  background-position: -384px 0;
}

div.sp8 {
  background-position: -1920px 0;
}

div.sp9 {
  background-position: -2048px 0;
}

div.sp10 {
  background-position: -1408px 0;
}

div.sp11 {
  background-image: url(/Content/images/sportSprite.png?20140404);
  background-position: -1664px 0;
}

div.sp13 {
  background-position: 0 0;
}

div.myBetsSp1 {
  background-position: -25px 0;
}

div.myBetsSp2 {
  background-position: -121px 2px;
}

div.myBetsSp3 {
  background-position: -726px 0;
}

div.myBetsSp4 {
  background-position: -920px 0;
}

div.myBetsSp5 {
  background-position: -821px -2px;
}

div.myBetsSp6 {
  background-position: -225px -6px;
}

div.myBetsSp7 {
  background-position: -320px -5px;
}

div.myBetsSp8 {
  background-position: -1520px 0;
}

div.myBetsSp9 {
  background-position: -1618px -1px;
}

div.myBetsSp10 {
  background-position: -1122px -3px;
}

div.myBetsSp11 {
  background-position: -1320px -1px;
}

div.myBetsSp13 {
  background-image: url(/Content/images/sportSprite2.png?20160108) !important;
  background-position: -38px -299px;
}

div.stmtDeposit {
  background-image: url(/Content/images/imgPayment.png?20170704) !important;
  background-position: -188px 0;
}

div.stmtWithdraw {
  background-image: url(/Content/images/imgPayment.png?20170704) !important;
  background-position: -61px 0;
}

.topScroll li.sp3.highlight a > div {
  background-position: -896px -76px;
}

.topScroll li.sp3.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp3.live.highlight a > div {
  background-position: -896px -226px;
}

.topScroll li.sp3.live a > div {
  background-position: -896px -151px;
}

.topScroll li.sp4.highlight a > div {
  background-position: -1152px -76px;
}

.topScroll li.sp4.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp4.live.highlight a > div {
  background-position: -1152px -226px;
}

.topScroll li.sp4.live a > div {
  background-position: -1152px -151px;
}

.topScroll li.sp5.highlight a > div {
  background-position: -1024px -76px;
}

.topScroll li.sp5.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp5.live.highlight a > div {
  background-position: -1024px -226px;
}

.topScroll li.sp5.live a > div {
  background-position: -1024px -151px;
}

.topScroll li.sp6.highlight a > div {
  background-position: -256px -76px;
}

.topScroll li.sp6.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp6.live.highlight a > div {
  background-position: -256px -226px;
}

.topScroll li.sp6.live a > div {
  background-position: -256px -151px;
}

.topScroll li.sp7.highlight a > div {
  background-position: -384px -76px;
}

.topScroll li.sp7.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp7.live.highlight a > div {
  background-position: -384px -226px;
}

.topScroll li.sp7.live a > div {
  background-position: -384px -151px;
}

.topScroll li.sp8.highlight a > div {
  background-position: -1920px -76px;
}

.topScroll li.sp8.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp8.live.highlight a > div {
  background-position: -1920px -226px;
}

.topScroll li.sp8.live a > div {
  background-position: -1920px -151px;
}

.topScroll li.sp9.highlight a > div {
  background-position: -2048px -76px;
}

.topScroll li.sp9.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp9.live.highlight a > div {
  background-position: -2048px -226px;
}

.topScroll li.sp9.live a > div {
  background-position: -2048px -151px;
}

.topScroll li.sp10.highlight a > div {
  background-position: -1408px -76px;
}

.topScroll li.sp10.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp10.live.highlight a > div {
  background-position: -1408px -226px;
}

.topScroll li.sp10.live a > div {
  background-position: -1408px -151px;
}

.topScroll li.sp11.highlight a > div {
  background-image: url(/Content/images/sportSprite.png?20140404);
  background-position: -1664px -76px;
}

.topScroll li.sp11.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp11.live.highlight a > div {
  background-image: url(/Content/images/sportSprite.png?20140404);
  background-position: -1664px -226px;
}

.topScroll li.sp11.live a > div {
  background-image: url(/Content/images/sportSprite.png?20140404);
  background-position: -1664px -151px;
}

.topScroll li.sp13.highlight a > div {
  background-position: 0 -76px;
}

.topScroll li.sp13.highlight a > div.sportMenuSubBg {
  background-position: -337px -54px !important;
}

.topScroll li.sp13.live.highlight a > div {
  background-position: 0 -226px;
}

.topScroll li.sp13.live a > div {
  background-position: 0 -151px;
}

.topNav.en.specialEvent {
  line-height: 24px;
  font-size: 22px;
}

.topNav.en.specialEvent li:nth-child(1) {
  width: 11%;
}

.topNav.en.specialEvent li:nth-child(2) {
  width: 34%;
}

.topNav.en.specialEvent li:nth-child(3) {
  width: 18%;
}

.topNav.en.specialEvent li:nth-child(4) {
  width: 25%;
}

.topSpecialEvent-icon {
  width: 59px;
  height: 56px;
  display: inline-block;
  margin-top: 11px;
  background: url(/Content/images/wcSprite.png) 5px -410px no-repeat;
}

@-webkit-keyframes gblinking {
  0% {
    border-color: transparent transparent transparent transparent;
  }

  100% {
    border-color: transparent #219700 transparent transparent;
  }
}

@keyframes gblinking {
  0% {
    border-color: transparent transparent transparent transparent;
  }

  100% {
    border-color: transparent #219700 transparent transparent;
  }
}

@-webkit-keyframes rblinking {
  0% {
    border-color: transparent transparent transparent transparent;
  }
  100% {
    border-color: transparent transparent #ff0000 transparent;
  }
}

@keyframes rblinking {
  0% {
    border-color: transparent transparent transparent transparent;
  }
  100% {
    border-color: transparent transparent #ff0000 transparent;
  }
}

.topMenu a .topMenuTable {
  padding-left: 10px;
}

.topNav {
  /* background-color: red;
  background: var(--bg); */
}

.topNav .button {
    line-height: 52px;
    text-align: center;
    font-size: 26px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    position: absolute;
    padding: 0 5px;
    font-family: Arial;
  }

.topNav .back {
    display: block;
    left: 8px;
    top: 10px;
  }

.topNav .remove,
  .topNav .home {
    display: block;
    right: 8px;
    top: 10px;
  }

.topNav .backArrow {
    float: left;
    width: 21px;
    height: 57px;
  }

.topNav .backMain {
    float: left;
    min-width: 80px;
    height: 57px;
    line-height: 57px;

    background-repeat: repeat-x !important;
    font-weight: 700;
  }

.topNav .backMain_2 {
    float: left;
    width: 5px;
    height: 57px;
  }

.topNav .home_2 {
    float: left;
    min-width: 66px;
    height: 57px;
    line-height: 57px
  }

.topNav .home_2 div {
      width: 33px;
      height: 33px;
      position: relative;
      left: 18px;
      top: 12px;
    }

.topNav .remove_1,
  .topNav .home_1 {
    float: left;
    width: 10px;
    height: 57px;
  }

.topNav .remove_2 {
    float: left;
    min-width: 80px;
    height: 57px;
    line-height: 57px;
    font-weight: 700;
    padding: 0 5px;
  }

.topNav .backMain_2,
  .topNav .remove_3,
  .topNav .home_3 {
    float: left;
    width: 10px;
    height: 57px;
  }

.topNav .refresh {
    right: 10px;
    width: 80px;
    height: 58px;
    line-height: 56px
  }

.topNav .refresh a {
      display: block;
      width: 36px;
      height: 36px;
      margin-top: 10px;
      margin-left: 18px;
    }

#parlayInfo {
  width: 100%;

  height: 78px;
  text-align: center;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 10;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 100% !important;
  padding-left: 3%;
}

.bold {
  font-weight: 700;
  font-size: 30px !important;
  font-family: Arial;
  width: 100%;
  overflow: hidden;
}

.fixedBar {
  height: 72px;
}

.selectBG {
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
}

.search .selectBG {
    background: url(/Content/images/icon_arrow.png?20140404) no-repeat 96% 50%;
  }

.search .selectHid.league {
  width: 85% !important;
  max-width: 310px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.filter {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.date-filter {
  height: 70px;
  background-color: #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#fff));
  background: linear-gradient(to bottom, #f5f5f5 0, #fff 100%);
  border-bottom: #333 solid 3px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.date-filter .selectBG {
    margin: 0;
    background: url(/Content/images/icon_arrow.png?20140404) no-repeat 90% 50%
  }

.date-filter .selectBG select {
      border: 0;
      border-radius: 0;
      text-align: left;
      background: 0;
      padding-left: 3%;
      font-size: 24px;
      color: #666;
      font-family: Arial;
      font-weight: 100;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      height: 40px;
      width: 310px;
      letter-spacing: -1px;
      text-align: left;
      background: 0;
      height: 100%;
      width: inherit;
    }

.statement .selectBG {
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
  }

.statement .filter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }

.statement .filter select {
      width: 100%;
    }

.statement .filter > div {
      width: 49%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0 0.5%;
    }

.statement .selectHid {
    width: 100%;
    height: 100%;
  }

.statement .list .headList {
      display: inline-block;
      width: 100%
    }

.statement .list .headList .topInfo,
      .statement .list .headList .bottomInfo {
        width: 100%;
      }

.detailBtn a.close {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.announce .selectBG {
  border: 1px solid #000;
  border-top-width: 0px;
  width: 298px;
  height: 100%;
}

#port-main {
  z-index: 1001;
  width: 100%;
  height: 100%
}

#port-main .fixedBar {
    height: 78px;
    position: relative;
    background: #fff;
  }

#port-main .pop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    height: auto;
    z-index: 1001
  }

#port-main .pop-overlay .alert .footer button {
        width: 100%;
        height: 70px;
        text-align: center;
        border-radius: 6px;
        border: 1px solid #336;
        font-size: 38px;
        color: #fff;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 5px rgba(0, 0, 0, 0.7);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 5px rgba(0, 0, 0, 0.7);
        color: var(--btn-submit-color);
        /* background: var(--btn-submit-bg-lig); */
        background-color: var(--btn-submit-bg)
        /* background: var(--btn-cancel-bg-lig); */

        /* &.vwo_ok_btn, */
      }

#port-main .pop-overlay .alert .footer button.style2 {
          color: var(--btn-cancel-color);
          background-color: var(--btn-cancel-bg);
        }

#port-main .pop-full {
    overflow-x: auto
  }

#port-main .pop-full .dialog {
      background: white;
      position: relative;
      height: 69%;
      overflow-y: auto;
      width: 100%;
    }

#port-main .pop-full .headerbar {
      width: 100%;
      z-index: 10101;
    }

#port-main .pop-full .dialog .wrapper-inner {
      width: 100%;
      height: auto;
      display: block;
      overflow-y: auto;
    }

#port-main .pop-full .sportCount .headerbar {
      height: 31vh;
    }

#port-main .pop-full .copyRight {
      bottom: 0;
    }

.leagueList {
  -webkit-box-shadow: 0 2px 5px #555;
  -webkit-box-sizing: border-box;
}

#leagueMenu .leagueList ul {
  padding-left: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

#leagueMenu .leagueList ul li {
  height: auto;
  width: inherit;
}

.dataBox .arrowUp {
    width: 0;
    height: 0;
    background: unset;
    border-style: solid;
    border-width: 0 17px 17px 0;
    margin: 0;
    -webkit-animation: gblinking 1s 5 forwards;
            animation: gblinking 1s 5 forwards;
  }

.dataBox .arrowDown {
    width: 0;
    height: 0;
    background: unset;
    border-style: solid;
    border-width: 0 0 17px 17px;
    top: auto;
    bottom: 0;
    margin: 0;
    -webkit-animation: rblinking 1s 5 forwards;
            animation: rblinking 1s 5 forwards;
  }

.topNav ul li.offMoreFunc {
  border-right: none;
  width: 37% !important;
}

.topScrollBar_1 {
  height: unset;
}

.switchTab.market {
    padding-left: unset
  }

.switchTab.market div {
      width: 33.33%;
    }

.switchTab div {
    font-size: 30px;
    display: block;
    color: #5187d5;
    line-height: 50px
  }

.switchTab div.right {
      border-radius: 0 6px 6px 0;
    }

.switchTab div.left {
      border-radius: 6px 0 0 6px;
    }

.switchTab div a {
      color: var(--def-color);
    }

/*****Betting Ticket  alert*****/

.popup-ticket .ticket-alert {
  max-height: 100vh;
  overflow-y: auto;
}

#comboRefresh {
  background: none;
}

.ticket-alert .footer {
  padding: 14px 10px;
  height: 100%;
  width: 100%;
}

.ticket-alert .footer .btn,
.ticket-alert.footer button {
  height: inherit;
  width: inherit;
  text-align: center;
}

.alert .footer button, .ticket-alert .footer button {
      color: var(--btn-submit-color);
      background-color: var(--btn-submit-bg)
    }

.alert .footer button.btn-cancel,
      .alert .footer button.style2,
      .ticket-alert .footer button.btn-cancel,
      .ticket-alert .footer button.style2 {
        color: var(--btn-cancel-color);
        background-color: var(--btn-cancel-bg);
      }

.ticket-alert .footer .btnbet {
  height: 100%;
  width: 100%;
}

@media (orientation: landscape) {
  .ticket-alert {
    height: auto;
    max-height: 768px;
  }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 481px) and (orientation: landscape) .ticket-alert {
  position: absolute;
  width: 88%;
  background: #fff;
  top: 4%;
  left: 6%;
  margin: 0;
  z-index: 30001;
}

.parlayDialog .level1 {
    height: 80%;
    width: 100%;
    z-index: 800000;
    background-color: #fff;
    opacity: -0.7;
    position: absolute;
  }

.parlayDialog .bet {
    padding: 18px 20px
  }

.parlayDialog .bet .input {
      width: 100%;
      margin: 0;
      margin-bottom: 20px
    }

.parlayDialog .bet .input input {
        width: 85%;
      }

.parlayDialog .bet .quickBet {
      margin: 0;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
    }

@media (orientation: landscape) {
    .parlayDialog .bet {
      margin-right: 0 !important;
    }
  }

.parlayDialog .stake-input {
    unicode-bidi: bidi-override;
    direction: LTR;
    -webkit-user-select: text;
    -moz-user-select: text;
     -ms-user-select: text;
         user-select: text;
    width: 100%;
  }

.parlayDialog .errorticket {
    min-height: 60px;
  }

.parlayDialog .infoHeader .info {
      height: 100%
    }

.parlayDialog .infoHeader .info .text .name .cell .inner {
        font-size: 1.6rem;
      }

.parlayDialog .infoHeader .infoHeaderText p {
        font-size: 1.8rem
      }

.parlayDialog .infoHeader .infoHeaderText p:first-child {
          margin: 0 0 1rem 0;
        }

.parlayDialog .ticket-xbutton {
    background: url(/Content/images/close-modal.png) no-repeat;
    margin: auto;
    width: 35px;
    display: inline-block;
    height: 34px;
  }

.mp-betBox .footer-mp button {
    margin-bottom: 10px;
    color: var(--btn-submit-color);
    background-color: var(--btn-submit-bg)
  }

.mp-betBox .footer-mp button.btn-cancel {
      color: var(--btn-cancel-color);
      background-color: var(--btn-cancel-bg);
    }

.level1 .bet .quickBet button,
.level1 .bet input:focus .level1 .bet .input input:focus {
  background: rgba(202,194,194,0.25882) !important;
  border: none !important;
  outline: NONE;
}

.level1 .footer {
  height: 100%;
}

.footer .btn-cancel {
  color: #e2a230;
  background-color: #fff;
  background: -webkit-linear-gradient(top, #fff 0, #e3e5e8 100%);
}

.btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer .largeBtn {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.ticket-alert {
  max-height: 95vh;
  overflow-y: scroll;
}

/*****My Bets  alert*****/

.popup-ticket {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1002
}

.popup-ticket .overlay {
    z-index: 2;
  }

@media only screen and (max-width: 1024px) {
  .topNav h1 {
    font-size: 30px;
  }
}

.oddsinfo-inner {
  height: inherit
}

.oddsinfo-inner .offoverlay {
    height: 100%;
    z-index: 100000;
    background-color: #ced8d4;
    position: absolute;
    width: 100%;
    opacity: 0.3;
  }

.headerbar {
  margin-bottom: 0;
  width: 100%;
  z-index: 1001;
  position: fixed
}

.headerbar .refresh {
    margin: auto;
  }

.headerbar .headerTitle {
    text-align: center;
    line-height: 78px;
    font-size: 36px;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.8);
    color: #fff;
    font-family: Arial;
  }

.headerbar a.loading {
    /* transform: scale(0.9); */
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation: icon-animation 1s;
            animation: icon-animation 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    position: relative;
  }

.myBets {
  float: none;
  height: 100%
}

.myBets .headerbar {
    z-index: 1001;
  }

.myBets .wrapper-inner {
    padding-left: 3%;
    padding-right: 3%;
  }

.myBets .switchTab {
    margin-bottom: 0;
    width: 100%;
    z-index: inherit;
  }

.myBets .switchTab div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

@media only screen and (max-device-width: 481px) {

.myBets {
    .switchTab div a {
      font-size: 1.2em;
      width: 100%;
    }
}
  }

.myBets .block {
    width: 100%;
    display: block
  }

.myBets .block .list h3 {
      text-align: left;
      height: auto;
    }

.myBets .block .list h3,
      .myBets .block .list h4 {
        width: 86%;
      }

.myBets {

  /* & .date-filter {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  } */
}

.myBets .selectBG {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
  }

.myBets .selectBG {
    width: 30%;
    margin: 0;
    background: url(/Content/images/icon_arrow.png?20140404) no-repeat 90% 50%;
  }

.myBets .dialog {
    padding-bottom: 50px;
    height: 100%;
    padding-top: 2%;
    overflow-x: hidden;
    height: 77%;
  }

.myBets .fixedBar {
    height: 237px;
    position: relative;
    background: #ecf2f6;
  }

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

.contentH1 {
  font-size: 1.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scoreBoard .title_wrap_L {
    width: 100%;
    line-height: normal;
  }

.scoreBoard .left {
    padding-right: 10px
  }

.scoreBoard .left .title_wrap_L {
      float: right;
    }

.scoreBoard .left .title_cell {
      overflow: hidden;
      display: inherit;
      vertical-align: top;
      width: 80%;
      float: right;
    }

.scoreBoard .left > div {
      position: relative;
      right: 0;
      display: inline-block;
      margin-right: 0;
    }

.scoreBoard .tscore {
    font-size: 1.55rem;
  }

.scoreBoard .right {
    float: none;
    padding-left: 10px
  }

.scoreBoard .right > div {
      left: 0;
      display: inline-block;
    }

.scoreBoard .right .title_wrap_L {
      float: left;
    }

.scoreBoard .right .title_wrap_L .title_content {
      text-align: left;
    }

.scoreBoard .right a > div {
      width: 39px;
      height: 39px;
      background-repeat: no-repeat;
      background: var(--bg);
      background-position: var(--bg-position);
      margin-left: 20px;
      margin-top: 24px;
    }

.scoreBoard .right .title_cell {
      display: block;
      width: 80%;
    }

.scoreBoard .right .redCard {
      margin-left: 0;
    }

.scoreBoard .title_wrap_L {
    font-size: 1.5rem;
  }

.mainContent .article .scoreBoard .left a > div .img {
  text-align: center;
  float: none;
}

.column .dataBox a p {
  width: 100%;
  margin: auto;
  padding: 0;
  font-size: 1.6rem;
  color: #5a5064;
  vertical-align: middle;
  letter-spacing: -1px;
}

.result .filter > div {
      padding: 0;
      min-width: 24%;
      width: auto;
      height: 100%;
      border: none;
      border-right: 2px solid #959595;
    }

.result .filter div select {
      margin-top: 0;
      height: 100%;
      /* width: 80% !important; */
    }

.result .filter .date-filter {
      width: 22%
    }

.result .filter .date-filter .selectBG {
      }

.result #result-contents {
    padding-top: 219px;
    position: relative;
  }

.contact-us-modal-content {
  z-index: 1;
  position: fixed;
  top: 0%;
}

.contact-us-modal {
  display: block;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mainContent .h0-header {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 33.2% [HDP]);
    min-height: 30px
  }

.mainContent .h0-header h3 {
      width: 100%;
      display: grid;
      grid-template-areas: 'P-1 P-2 P-3';
      grid-template-columns: 17% 40% 41%;
      height: 100%
    }

.mainContent .h0-header h3:nth-child(2),
      .mainContent .h0-header h3:nth-child(4) {
        background: none repeat scroll 0 0 rgba(65, 65, 65, 0.08);
      }

.mainContent .h0-header h3 p {
        width: 100%;
        line-height: 30px;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
        /* font-size: 1.6rem; */
      }

.mainContent .h0-header h3 p:nth-child(1) {
          grid-area: P-1;
        }

.mainContent .h0-header h3 p:nth-child(2) {
          grid-area: P-2;
        }

.mainContent .h0-header h3 p:nth-child(3) {
          grid-area: P-3;
        }

.mainContent .h0-header.S1 h3 {
      grid-template-areas: 'P-1 P-2';
      grid-template-columns: 18% auto;
    }

.mainContent .h0-header.S2 {
      display: grid;
      grid-template-areas: 'h01 h02 h03 h04';
      grid-template-columns: repeat(4, 25% [h01])
    }

.mainContent .h0-header.S2 h3 {
        grid-template-areas: 'P-1 P-2';
        grid-template-columns: 18% auto
      }

.mainContent .h0-header.S2 h3.h0-1 {
          grid-area: h01;
        }

.mainContent .h0-header.S2 h3.h0-2 {
          grid-area: h02;
        }

.mainContent .h0-header.S2 h3.h0-3 {
          grid-area: h03;
        }

.mainContent .h0-header.S2 h3.h0-4 {
          grid-area: h04;
        }

.mainContent .odds {
    display: grid;
    grid-template-areas: 'r01 r02 r03 r04';
    grid-template-columns: repeat(3, 33.2% [r01]);
    width: 100%
  }

.mainContent .odds .row {
      width: 100%;
      display: grid;
      grid-template-areas: 'c01 c02 c03';
      grid-template-columns: 18% 40% 40%
    }

.mainContent .odds .row.fglg,
      .mainContent .odds .row.S1 {
        grid-template-areas: 'c01 c02';
        grid-template-columns: 18% auto;
      }

.mainContent .odds .row.goal {
        grid-template-areas: 'c01';
        grid-template-columns: auto;
        padding: 0 0.7em
      }

.mainContent .odds .row.goal .column {
          width: 100%;
        }

.mainContent .odds .row.goal .dataBox a {
          height: 94%
        }

.mainContent .odds .row.goal .dataBox a p {
            height: 100%;
            line-height: 5;
          }

.mainContent .odds .row:nth-child(1) {
        grid-area: r01;
      }

.mainContent .odds .row:nth-child(2) {
        grid-area: r02;
      }

.mainContent .odds .row:nth-child(3) {
        grid-area: r03;
      }

.mainContent .odds .row:nth-child(4) {
        grid-area: r04;
      }

.mainContent .odds .row:nth-child(2),
      .mainContent .odds .row:nth-child(4) {
        background: none repeat scroll 0 0 rgba(65, 65, 65, 0.08);
      }

.mainContent .odds .row .column.col {
          width: 100%;
          padding-right: 9.7px;
        }

.mainContent .odds .row .column.col1 {
          grid-area: c01;
        }

.mainContent .odds .row .column.col2 {
          grid-area: c02;
        }

.mainContent .odds .row .column.col3 {
          grid-area: c03;
        }

.mainContent .odds .row .column.ML .dataBox.nonDisplay {
            height: 0px;
          }

.mainContent .odds .row .column:first-child {
          padding-right: 0;
        }

.mainContent .odds.S1 .row {
      grid-template-areas: 'c01 c02';
      grid-template-columns: 18% auto;
    }

.mainContent .odds.S2 {
      display: grid;
      grid-template-areas: 'r01 r02 r03 r04';
      grid-template-columns: repeat(4, 25% [r01])
    }

.mainContent .odds.S2 .row {
        width: 100%;
        display: grid;
        grid-template-areas: 'c01 c02';
        grid-template-columns: 18% auto
      }

.mainContent .odds.S2 .row .column.col {
            width: 100%;
            /* padding-right: 9.7px; */
          }

.row .column p.hdp {
        height: 50%;
        line-height: 33px;
      }

.row .column .dataBox {
      background: 0
    }

.row .column .dataBox a {
        padding: 0;
        height: 100%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ddd), color-stop(56%, #fff));
        background: linear-gradient(to top, #ddd 0, #fff 56%);
      }

.row .column .dataBox p {
        font-size: 1.6rem;

        position: absolute;
      }

.row .column .dataBox span {
        height: 50%;
        font-size: 1.45rem;
        margin: 6px 0;
      }

.row .column .dataBox.goal .dataTitle {
          height: 20%;
        }

.row .column .dataBox.goal > a {
          height: 80%;
        }

.row .column b {
      margin: 0;
      height: 70px;
      line-height: 70px;
    }

.goal {
  display: inline-block;
  height: 100%;
  float: none
}

.goal .dataBox {
    height: 80%;
    display: inline-block;
  }

.dataTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.column .dataTitle {
    height: 36px;
    font-size: 1.6rem;
    line-height: 31px;
  }

.column .dataBox a {
      /* line-height: 33px; */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

/*****Grids*****/

.moreMarketRow {
  width: 100%;
  padding: 10px;
  font-size: 1.6em;
  color: #fff;
  background-color: #6984a0;
  text-align: center;
  -webkit-box-shadow: 0 2px 5px #555;
          box-shadow: 0 2px 5px #555;
  font-weight: 'bold';
}

/*****MoreBet*****/

.moreMarket {
  padding: 0 8px;
  font-size: 1.5rem;
}

.moreMarket_table {
  width: 100%
}

.moreMarket_table thead tr {
    height: 37px;
    background-color: rgba(51,51,51,0.23137)
  }

.moreMarket_table thead tr th {
      border-right: 4px solid rgba(237,237,237,0.25882)
    }

.moreMarket_table thead tr th:last-child {
        border-right: 0px;
      }

.moreMarket_table .contentH2 {
    position: relative;
    text-align: center;
    font-size: 1.6rem
  }

.moreMarket_table .contentH2 .period {
      position: absolute;
      left: 15px;
      padding: 1px 5px;
      border-radius: 3px
    }

.moreMarket_table .contentH2 .period.ft {
        background-color: #7591c1;
      }

.moreMarket_table .contentH2 .period.fh {
        background-color: #d49c66;
      }

.moreMarket_table a {
    height: 100%;
  }

.img.hasStats {
  background: url(/Content/images/imgAll.png?201707281) -68px 8px no-repeat;
  width: 22%;
  height: 34px;
  background-size: auto;
}

#module-ticket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.settings .selectBG {
    margin-right: 35px !important;

    right: 0 !important;
  }

.settings .selectHid {
    right: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

.settings .selectHid select {
      width: 100%;
    }