html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%
}

ol, ul {
  list-style: none
}

:focus {
  outline: 0
}

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

a, .Pointer {
  cursor: pointer
}

.Hidden {
  display: none
}

.G180, .G225, .G585, .G990, .G810 {
  display: inline;
  float: left;
  margin-left: 5px
}

.G180 {
  width: 175px
}

.G225 {
  width: 220px
}

.G585 {
  width: 580px
}

.G810 {
  width: 805px
}

.G990 {
  width: 985px
}

.G630, .G360, .G315, .G180 {
  display: inline;
  float: left;
  margin-left: 5px
}

.G630 {
  width: 627px
}

.G360 {
  width: 357px
}

.G315 {
  width: 311px
}

.G180 {
  width: 176px
}

.Left {
  margin-left: 3px
}

.Clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

body, input, select, textarea {
  font: 11px Arial
}

body {
  background: url('../img/landing-bg.png') #162460 repeat-x
}

.Container {
  background: 0
}

.MainWrapper {
  background: url('../img/landing-bodybg.png') repeat-y;
  height: 100%
}

.HdWrapper {
  height: 116px
}

.HdWrapper .Masthead {
  background: 0
}

.TopQuestionnaireIcon, .OrangeBtn, .WhiteBtn span, .NavBar a, .NavBar a:hover, .NavBar span, .NavItemSel a, .TopLinks a span, .ForgetBtn, .ValidateBtn, li.InitDep span {
  background: url('../img/landing-buttons.png') no-repeat
}

.HdWrapper, h2, .Footer, .FooterLeft, .FooterRight, .PatLogos a, .Box, .BoxHd, .BoxFt, .BoxFt div, .BoxBd, .Left, .Left .BoxFt, .Right, .Right .BoxFt, .EventHighlights, .EventHighlights .EventHighlightsRight, .EventHighlightsBg, .EventItem .EventDivider, .PatBorder {
  background: url('../img/landing.png') no-repeat
}

.Masthead, .LoginL, .LoginR, .LoginM, .UserLinks, .UserLinks li, .UserInfo li, .Euro, .Asia {
  background: url('../img/structure.png') no-repeat scroll 0 0 transparent
}

.OrangeBtn {
  background-position: right -21px;
  font: 700 11px/20px Trebuchet MS;
  color: #fff;
  padding: 0 10px;
  border: 1px solid #734531
}

:root .OrangeBtn {
  padding: 2px 10px 2px 10px \0/ IE9
}

.OrangeBtn:hover {
  color: #600
}

.OrangeBtn, .NavBar a, .Lang ul li a, .FooterLinks a, .TopLinks a {
  text-decoration: none
}

.ValidateBtn {
  cursor: pointer
}

.NavItemSel {
  cursor: default !important
}

.OrangeBtn, .BlueBtn, .WhiteBtn, .MPBtn, .UserLinks a, .NavBar a, .Lang ul li a, .FooterLinks a, .TopLinks a {
  text-decoration: none
}

.BlueBtn {
  line-height: 18px;
  background-position: 0 -100px;
  border: 1px solid #667dbc;
  padding: 1px 5px;
  color: #fff;
  font-weight: 700;
  margin-right: 3px
}

.BlueBtn:hover {
  color: #fc0
}

.UserInfo .BlueBtn {
  padding: 1px 5px 1px 17px;
  background: url('../img/landing-buttons.png') no-repeat -7px -543px !important
}

body, input, select, textarea {
  font: 11px Arial
}

.Container {
  margin: 0 auto;
  width: 995px
}

.Masthead {
  position: relative;
  height: 116px
}

.Logo {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 235px;
  height: 60px
}

.Logo span {
  display: none
}

.TopLinks {
  position: absolute;
  top: 0;
  right: 5px
}

.TopLinks li {
  float: right;
  display: block;
  background: url('../img/landing-buttons.png') repeat-x 0 -270px transparent
}

.TopLinks a, li.InitDep div {
  display: block;
  background: url('../img/landing-buttons.png') no-repeat -222px -310px transparent;
  padding: 10px 0 10px 8px;
  overflow: hidden
}

.TopLinks a span, li.InitDep span {
  color: #16295a;
  font: 700 12px Trebuchet MS;
  padding: 3px 10px 3px 23px
}

a.Font span {
  background-position: -6px -671px;
  padding-left: 30px
}

a.Help span {
  background-position: -3px -374px;
  padding-left: 30px
}

a.LiveChat span {
  background-position: -2px -401px;
  padding-left: 38px
}

a.JoinNow span {
  background-position: -6px -425px
}

a.Result span {
  background-position: -2px -494px;
  padding-left: 38px
}

a.Announce span {
  background-position: -5px -518px;
  padding-left: 26px
}

.TopLinks a:hover span {
  color: #900
}

li.InitDep {
  background: url('../img/toplinks-bgyellow.gif') repeat-x
}

li.InitDep span {
  background-position: -8px -569px;
  float: left;
  margin-top: -3px;
  color: #7f4b0d;
  padding-right: 3px;
  height: 14px
}

li.InitDep a {
  background: url('../img/toplinks-initdep.png') no-repeat;
  padding: 0 0 0 5px;
  float: left;
  color: #900;
  display: block;
  height: 20px;
  margin: -3px 10px 0 0
}

li.InitDep a b {
  padding: 0 5px 0 0;
  font: 700 11px/20px Arial;
  background: url('../img/toplinks-initdep.png') no-repeat top right;
  display: block
}

li.InitDep a:hover {
  color: #d00
}

.Login, .TopFunctions {
  position: absolute;
  top: 36px;
  right: -1px;
  _right: -2px
}

.LoginL, .LoginR, .LoginM {
  float: left;
  width: 5px;
  height: 35px;
  background-position: 0 -120px
}

.LoginR {
  width: 8px;
  background-position: -678px -120px
}

.LoginM {
  width: auto;
  height: 24px;
  background-position: -10px -120px;
  padding: 11px 0 0;
  white-space: nowrap
}

.Username, .Pwd, .Validate-en, .Validate-es-es, .Validate-zh-cn, .Validate-de-de, .Validate-ru-ru, .Validate-ja-jp, .Validate-id-id, .Validate-vi-vn, .Validate-my-mm, .Validate-th-th {
  height: 18px;
  float: left;
  margin: 0 1px;
  padding: 0 2px;
  border: 1px solid #000;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #000
}

.Username, .Pwd {
  width: 96px
}

.Validate-en, .Validate-es-es, .Validate-zh-cn, .Validate-ja-jp, .Validate-id-id, .Validate-vi-vn {
  width: 52px
}

.Validate-de-de {
  width: 58px
}

.Validate-ru-ru {
  width: 88px
}

.Validate-my-mm {
  width: 88px
}

.Captcha {
  float: left;
  height: 17px;
  margin: 0 0 0 -1px;
  border: 1px solid #96b8de;
  border-right: 1px solid #b2d0f4
}

.ForgetBtn {
  float: left;
  width: 15px;
  height: 20px;
  background-position: -28px -451px
}

.ValidateBtn {
  float: left;
  width: 15px;
  height: 19px;
  margin: 0 4px 0 0;
  background-position: -8px -451px
}

.LoginWrap {
  float: left;
  position: relative
}

.FormTextN {
  position: absolute;
  left: 7px;
  top: 1px;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #666;
  vertical-align: middle
}

.FormTextF {
  position: absolute;
  left: 7px;
  top: 1px;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #b7b7b7;
  vertical-align: middle
}

.TopQuestionnaire {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  height: 35px;
  zoom: 1;
  *display: inline
}

.TopQuestionnaireIcon {
  width: 20px;
  height: 35px;
  background-position: -9px -593px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer
}

.TopQuestionnaireText {
  color: #233b7a;
  display: inline-block;
  height: 35px;
  margin-top: 3px;
  vertical-align: top;
  zoom: 1;
  *display: inline
}

a.TopQuestionnaireLink {
  font: 700 11px/35px Arial;
  color: #233b7a;
  text-decoration: none
}

a.TopQuestionnaireLink:hover {
  font: 700 11px/35px Arial;
  color: #c00;
  text-decoration: none
}

.TopFunctions ul {
  float: left;
  padding: 0 5px;
  margin-top: -1px
}

.TopFunctions li {
  display: inline;
  padding: 0 7px 0 5px;
  line-height: 23px
}

.UserLinks {
  background-position: -540px -275px
}

.UserLinks li {
  background-position: right -252px
}

.UserLinks a {
  color: #07122f
}

.UserLinks a:hover {
  color: #c00
}

.UserInfo {
  color: #fff
}

.UserInfo li {
  background-position: right -300px
}

.UserLinks li.Last, .UserInfo li.Last {
  background: 0
}

.NavBar {
  position: absolute;
  left: 0;
  top: 62px;
  padding: 0 10px 0 22px
}

.NavBar li {
  display: inline;
  font: 700 13px/36px Trebuchet MS
}

.NavBar a {
  display: block;
  float: left;
  color: #183166;
  background-position: 0 -125px;
  margin-top: 10px
}

.NavBar a:hover {
  color: #630;
  background-position: center -161px
}

.NavBar span {
  display: block;
  background-position: right -233px;
  padding: 0 15px
}

.NavItemSel a {
  background-position: center -197px !important;
  color: #fff !important;
  cursor: pointer !important
}

.NavBar span.Euro2012TabWrap {
  padding: 0
}

.NavBar span span.Euro2012Tab-en {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu.gif') no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu_zh_cn.gif') no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu_zh_tw.gif') no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-en-hover {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu.gif') no-repeat 0 -1px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn-hover {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu_zh_cn.gif') no-repeat 0 -1px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw-hover {
  width: 110px;
  padding: 0;
  background: url('../img/euro2012menu_zh_tw.gif') no-repeat 0 -1px;
  height: 36px
}

.NavNewWrap {
  position: relative
}

.NavNew, .NavNew-zh-cn {
  background: url('../img/icons.png') no-repeat
}

.NavNew {
  background-position: -140px -1067px;
  background-repeat: no-repeat;
  height: 25px;
  left: -15px;
  position: absolute;
  top: -36px;
  width: 25px
}

.NavNew-zh-cn {
  background-position: -110px -1067px;
  background-repeat: no-repeat;
  height: 25px;
  left: -15px;
  position: absolute;
  top: -36px;
  width: 25px
}

.Masthead {
  z-index: 1
}

.Time {
  font-size: 10px;
  position: absolute;
  right: 8px;
  top: 72px
}

.Lang {
  position: absolute;
  top: 85px;
  right: 8px
}

.Lang li {
  float: left;
  display: inline;
  width: 78px;
  height: 18px
}

.Lang li a {
  display: block;
  font-weight: 700;
  font-family: Trebuchet MS
}

.Euro, .Asia {
  background-position: -840px -120px;
  text-align: center;
  line-height: 18px;
  color: #fff
}

.Euro {
  background-position: -730px -120px;
  padding-left: 5px
}

.Lang ul {
  float: left
}

.LangDropDown {
  background: url('../img/landing-buttons.png') no-repeat -8px -475px;
  width: 68px;
  height: 15px;
  display: inline-block;
  padding: 1px 0 0;
  border: 1px solid #6587cb;
  margin: 0 0 0 1px;
  zoom: 1;
  *display: inline
}

.LangDropDown span {
  margin: 0 0 0 5px;
  line-height: 14px
}

.LangDropDown ul {
  margin-top: 2px;
  font: 100 11px/14px Arial
}

.LangDropDown ul li {
  background-color: #fff;
  line-height: 18px;
  width: 68px;
  border-bottom: 1px solid #6587cb;
  border-left: 1px solid #6587cb;
  border-right: 1px solid #6587cb;
  margin: 0 0 0 -1px
}

.LangDropDown ul li a {
  color: #000;
  font: 100 11px/18px Arial;
  padding: 0 0 0 10px
}

.LangDropDown ul li a:hover {
  color: #000;
  font: 100 11px/18px Arial;
  padding: 0 0 0 10px;
  background-color: #ebf2ff
}

.Box {
  position: relative;
  margin-bottom: 7px;
  background-position: -148px -184px
}

.BoxHd {
  background-position: right -184px;
  position: absolute;
  top: 0;
  right: 0;
  _right: -1px;
  width: 8px;
  height: 8px;
  font-size: 0
}

.BoxBd {
  background-position: right -194px;
  margin: 6px 0 0 3px
}

.BoxFt, .Left .BoxFt, .Right .BoxFt {
  background-position: -148px -445px;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 8px;
  font-size: 0
}

.BoxFt div, .Right .BoxFt div {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  background-position: right -445px;
  _right: -1px
}

.EUHPD .BoxHd {
  _right: 0
}

.EUHPD .BoxFt div {
  _right: 0
}

.Left {
  background-position: -147px -457px
}

.Left .BoxFt {
  background-position: -147px -719px
}

.Left .BoxFt div {
  background-position: right -446px
}

.Right {
  background-position: right -457px
}

.Right .BoxHd {
  background-position: -148px -184px;
  left: 0
}

.Right .BoxBd {
  background-position: -148px -190px;
  margin: 6px 3px 0 0;
  padding: 0 0 0 3px
}

.Right .BoxFt {
  background-position: right -719px
}

.Right .BoxFt div {
  background-position: -148px -446px;
  left: 0
}

.EUHPA, .EUHPB {
  height: 255px
}

.EUHPC, .EUHPD {
  height: 185px
}

.Box img {
  margin: 5px;
  border: 1px solid #334182
}

.EUHPA img {
  width: 609px;
  height: 238px
}

.EUHPB img {
  width: 339px;
  height: 238px
}

.EUHPC img {
  width: 293px;
  height: 168px
}

.EUHPD img {
  width: 158px;
  height: 168px
}

h2 {
  background-position: right -140px;
  height: 32px;
  position: absolute;
  top: 11px;
  left: 8px;
  padding: 0 40px 0 10px;
  font: 700 11px/20px Tahoma, sans-serif;
  color: #132351
}

.Capt {
  height: 25px;
  font: 12px/24px Arial;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
  position: absolute;
  bottom: 3px;
  left: 8px;
  padding: 5px
}

.Capt a, .Capt a:visited, .Capt a:active {
  color: #fff;
  text-decoration: none
}

.Capt a:hover {
  color: #fc0
}

.Right .Capt {
  left: 8px
}

.EUHPA .Capt {
  width: 601px
}

.EUHPB .Capt {
  width: 331px
}

.EUHPC .Capt, .EUHPD .Capt {
  width: 285px;
  line-height: 18px;
  height: 18px
}

.EUHPD .Capt {
  width: 150px
}

.EventHighlights {
  background-position: -147px -457px;
  margin: 0 0 7px 3px;
  position: relative;
  height: 102px;
  width: 980px
}

.EventHighlights .EventHighlightsRight {
  background-position: -1129px -457px;
  height: 104px;
  position: absolute;
  right: -8px;
  width: 8px
}

.EventHighlights .BoxFt {
  background-position: -147px -719px;
  bottom: -7px
}

.EventHighlights .BoxFt div {
  background-position: -1129px -719px;
  right: -8px
}

.EventHighlightsBg {
  background-position: 0 -1019px;
  height: 84px;
  margin: 12px 0 0 8px;
  position: absolute;
  width: 970px;
  border: 1px solid #2a4696
}

.EventItem {
  width: 174px;
  padding: 10px 10px 0;
  height: 74px;
  position: relative;
  float: left
}

.EventItem a {
  text-decoration: none;
  display: block
}

.EventItem .TeamName {
  font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
  color: #fff
}

.EventItem .vs {
  font: 700 10px/12px Trebuchet MS, Arial, sans-serif;
  color: #ccc;
  white-space: nowrap
}

.EventItem .LeagueName {
  font: 700 10px/15px Trebuchet MS, Arial, sans-serif;
  color: #ccc;
  white-space: nowrap;
  width: 174px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.EventItem time, .EventItem .EventHighlightsTime {
  font: 100 9px/15px Arial, sans-serif;
  color: #b7d2ff;
  display: block
}

.EventItem .EventDivider {
  width: 2px;
  height: 74px;
  background-position: -1132px -1028px;
  position: absolute;
  top: 5px;
  right: 0
}

.EventItem a:hover .TeamName, .EventItem a:hover .LeagueName, .EventItem a:hover .vs {
  color: #fadf30
}

.EventItemLast .EventDivider {
  display: none
}

.Copyright {
  color: #a8b8d9;
  font: 700 9px Tahoma, sans-serif;
  height: 30px;
  padding-top: 20px;
  text-align: center;
  width: 100%
}

.Footer {
  background-position: -71px -1130px;
  width: 996px;
  position: relative;
  padding: 38px 0 10px;
  color: #fff;
  text-align: center;
  height: auto
}

.FooterLeft {
  background-position: 0 -1133px;
  height: 50px;
  left: -70px;
  position: absolute;
  top: 3px;
  width: 70px
}

.FooterRight {
  background-position: -1068px -1133px;
  height: 50px;
  right: -70px;
  position: absolute;
  top: 3px;
  width: 70px
}

.FooterLinks {
  width: 998px;
  margin: 0 auto;
  height: 30px
}

.FooterLinks li {
  display: inline
}

.FooterLinks a {
  color: #fff;
  padding: 0 7px
}

.FooterLinks-ru-ru a {
  color: #fff;
  padding: 0 4px;
  font-size: 10px
}

.FooterLinks a:hover {
  color: #fc0
}

.LFlinks {
  width: 100%;
  *padding-left: 0
}

.FLinksC {
  width: 100%;
  float: left;
  background-color: #142053;
  padding: 10px 0;
  border: 2px solid #3f518c
}

.FLinksLH {
  width: 187px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLHB {
  width: 187px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left;
  padding-top: 20px
}

.FLinksLH li, .FLinksLHB li {
  background: url('../img/landing.png') no-repeat -600px -810px;
  padding: 0 5px 0 15px;
  color: #d7d7d7
}

.FLinksLast li, .FLinksLastB li {
  background: url('../img/landing.png') no-repeat -600px -810px;
  padding-left: 15px;
  color: #d7d7d7
}

.FLinksLH li a, .FLinksLHB li a {
  color: #d7d7d7;
  text-decoration: none;
  line-height: 14px
}

.FLinksLH li a:hover, .FLinksLHB li a:hover {
  color: #d7d7d7;
  text-decoration: underline
}

.FLinksLast {
  width: 180px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLastB {
  width: 180px;
  float: left;
  margin: 20px 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLast li a, .FLinksLastB li a {
  color: #d7d7d7;
  text-decoration: none;
  line-height: 13px
}

.FLinksLast li a:hover, .FLinksLastB li a:hover {
  color: #d7d7d7;
  text-decoration: underline
}

.FLinksLHead {
  font: 700 11px/16px Trebuchet MS;
  color: #d3e0ff;
  padding-left: 20px;
  margin-bottom: 5px;
  min-height: 18px
}

.FSportIcon {
  background: url('../img/landing.png') no-repeat -4px -782px
}

.FCasinoIcon {
  background: url('../img/landing.png') no-repeat -4px -815px
}

.FRaceIcon {
  background: url('../img/landing.png') no-repeat -4px -850px
}

.FMobileIcon {
  background: url('../img/landing.png') no-repeat -199px -783px
}

.FAboutIcon {
  background: url('../img/landing.png') no-repeat -201px -816px
}

.FHelpIcon {
  background: url('../img/landing.png') no-repeat -201px -848px
}

.FRulesIcon {
  background: url('../img/landing.png') no-repeat -402px -783px
}

.FLeaguesIcon {
  background: url('../img/landing.png') no-repeat -402px -815px
}

.FLearnIcon {
  background: url('../img/landing.png') no-repeat -402px -849px
}

.FNewsIcon {
  background: url('../img/landing.png') no-repeat -596px -783px
}

.Hide {
  display: none;
  padding: 5px
}

.VSpace {
  padding: 5px
}

.Desc {
  color: #a8b8d9;
  font: 10px Tahoma, sans-serif;
  margin: 10px auto;
  padding-top: 5px;
  text-align: center;
  width: 900px
}

.Desc a {
  color: #fff;
  text-decoration: none
}

.Desc a:hover {
  text-decoration: underline
}

.games-count-wrap {
  position: relative
}

.games-count {
  height: 20px;
  right: -13px;
  position: absolute;
  top: -44px;
  _right: 0
}

.games-count-left, .games-count-body, .games-count-right {
  float: left;
  height: 17px
}

.games-count-left {
  width: 4px;
  background-position: -3px -416px !important
}

.games-count-body {
  width: auto;
  background-position: 0 -396px !important;
  font: 700 9px/14px tahoma;
  color: #fff;
  padding: 0 1px;
  text-align: center;
  position: relative
}

.games-count-right {
  width: 4px;
  background-position: -12px -416px !important
}

.games-count-bottom-wrap {
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  *left: 1px;
  background-image: none !important;
  _display: none
}

.games-count-bottom {
  width: 8px;
  height: 7px;
  margin: 0 auto;
  background-position: -4px -436px !important
}

.one-px-bg {
  background-image: url('../img/one-px-bg.png')
}

.tab-bg {
  background-image: url('../img/header-tab-bg.png')
}

.hide {
  display: none !important
}

.common-header-bg {
  background-image: url('../img/common-header.png')
}

.common-header-bg2 {
  background-image: url('../img/common-header2.png')
}

.blue-bar {
  height: 30px;
  width: 100%;
  background-position: 0 0;
  color: #e4e4e4;
  top: 0;
  z-index: 101;
  text-align: center;
  left: 0;
  border-bottom: 1px solid #8fa8db
}

.blue-bar-inner {
  margin: auto;
  text-align: left;
  width: 992px
}

.account {
  height: 31px;
  width: 992px
}

.account-link {
  float: left;
  margin-left: 5px;
  color: #fff;
  list-style: none outside none;
  margin-top: 9px
}

.account-link li {
  float: left;
  padding: 0 5px
}

.account-link li a {
  text-decoration: none;
  color: #e3ebff;
  font-family: Tahoma;
  font-weight: 700;
  line-height: 15px
}

.account-link li a:hover {
  text-decoration: none;
  color: #fff
}

.account-right {
  float: right;
  list-style: none outside none;
  margin-right: 10px;
  margin-top: 3px
}

.account-right li {
  float: right;
  margin: 3px 0 5px 10px;
  line-height: 18px
}

.user-greeting {
  text-decoration: none;
  color: #fff
}

.sign-out a {
  background-color: #425aa5;
  color: #b5d6f7;
  border: 1px solid #5a7bbd;
  padding: 1px 5px;
  font-weight: 700;
  line-height: 18px
}

.sign-out a:hover {
  color: #fff
}

.currency {
  padding: 0 5px 0 0
}

.balance-refresh {
  background-image: url('../img/common-header.png');
  background-position: -5px -293px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 12px;
  *vertical-align: middle;
  font-size: 0;
  line-height: 10px;
  position: absolute;
  top: 1px;
  right: 2px
}

.balance-refresh-rotate {
  margin-left: 1px;
  background-image: url('../img/balance-refresh-rotate.gif');
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 12px;
  *vertical-align: middle;
  position: absolute;
  top: 1px;
  right: 2px
}

.balance-hide {
  margin-top: 0;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 19px;
  height: 18px;
  background-position: -1px -307px;
  background-color: #5f89c4
}

.balance-show {
  float: left;
  margin-top: 0;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 19px;
  height: 18px;
  background-position: -1px -334px;
  background-color: #5f89c4
}

.bet-credit-container {
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-weight: 700;
  cursor: pointer;
  height: 16px;
  padding: 0 18px 0 5px;
  border: 1px solid #5f89c4;
  font: 100 11px/16px Arial;
  position: relative;
  background-color: #203665
}

.bet-credit-container:hover {
  color: #fc0 !important
}

.deposit-withdraw, .sign-out {
  height: 16px;
  float: left;
  cursor: pointer;
  display: inline-block;
  text-decoration: none
}

.deposit-withdraw:hover .deposit-withdraw-body {
  background-color: #ffc100;
  color: #643d00
}

.deposit-withdraw-body {
  font: 700 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #503000;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f90;
  border: 1px solid #ffd957
}

.announcement {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative
}

.announcement a {
  float: left
}

.announcement-count {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  height: 16px;
  line-height: 15px;
  color: #b64531;
  font-weight: 700;
  margin-top: 0;
  margin-left: 2px
}

.announcement-count-left {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  background-position: 0 -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.announcement-count-body {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  padding-left: 2px;
  padding-right: 2px;
  background-position: 0 -595px;
  height: 16px;
  background-repeat: repeat-x
}

.announcement-count-right {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  float: left;
  background-position: right -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.announcement a:hover span {
  color: #fff
}

.announcement-div {
  position: absolute;
  left: -7px;
  top: 22px
}

.announcement-block {
  padding-bottom: 20px;
  width: 470px;
  border: 1px solid #fff;
  border-top: 0;
  background-color: #cbe1fb;
  top: 20px;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f
}

.announcement-id {
  color: #366093;
  font: 700 11px/14px Arial, Helvetica, sans-serif;
  margin-right: 4px
}

.announcement-time {
  color: #366093;
  font: 100 11px/16px Arial, Helvetica, sans-serif
}

.announcement-text-content {
  color: #000;
  margin-top: 3px;
  display: block
}

.announcement-content {
  border-bottom: 1px solid #ececec;
  padding: 10px;
  background-color: #fff
}

.announcement-scroll-content {
  width: 470px;
  height: 100%;
  position: relative;
  overflow: hidden
}

.announcement-scroll-div {
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 5px
}

.announcement-slim-scroll-rail {
  background-color: #00002c;
  opacity: .1;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.announcement-see-all {
  width: 450px;
  padding: 0 10px;
  height: 20px;
  color: #9bb8da;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 20px;
  border: 1px solid #fff;
  border-top: 0;
  color: #366093;
  background-color: #eee;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f
}

div.announcement-see-all a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #366093;
  text-decoration: none
}

div.announcement-see-all a:hover {
  text-decoration: underline;
  color: #366093;
  background-color: #ebebeb
}

.announcement-arrow {
  background-repeat: no-repeat;
  height: 10px;
  left: 50px;
  position: absolute;
  top: -7px;
  width: 12px;
  z-index: 1000;
  background-position: 0 -382px
}

.announcement-arrow-top-msg {
  background-position: 0 -382px
}

.announcement-top-msg .announcement-title span {
  color: #b64531 !important
}

.sign-in a {
  background-color: #f1983b;
  color: #fff;
  border: 1px solid #fdc271;
  height: 16px;
  color: #fff;
  line-height: 15px;
  font-family: Tahoma;
  padding-left: 5px;
  padding-right: 5px;
  height: 16px;
  display: inline-block
}

.join-now {
  background-position: -2px -372px;
  background-repeat: no-repeat;
  padding-left: 23px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block
}

.payment-options {
  background-image: url('../img/payment-opt.png');
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.promotions-img {
  background-image: url('../img/promo-opt.png');
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.join-now-img-icon {
  background-image: url('../img/signup-opt.png');
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.deposit-img-icon {
  background-image: url('../img/icon/deposit.png');
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.withdraw-img-icon{
  background-image: url('../img/icon/withdrawal.png');
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.blue-bar-bsi {
  background-image: none;
  height: 40px;
  border: 0
}

.blue-bar-bsi .blue-bar-inner {
  background-image: url('../img/common-header.png');
  background-position: 0 -456px;
  height: 40px;
  width: 987px
}

.blue-bar-bsi .Username, .blue-bar-bsi .Pwd {
  height: 25px;
  line-height: 25px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .blue-bar-bsi .Username, .blue-bar-bsi .Pwd {
    height: 25px;
    line-height: 100%
  }
}

.blue-bar-bsi .FormTextN, .blue-bar-bsi .FormTextF {
  top: 4px
}

.blue-bar-bsi .account {
  position: relative
}

.blue-bar-bsi .join-now {
  top: 8px
}

.blue-bar-bsi .sign-in a {
  height: 23px;
  line-height: 22px
}

.blue-bar-bsi .ForgetBtn {
  background-image: url('../img/common-header.png');
  background-position: -3px -503px;
  height: 26px
}

.blue-bar-bsi .account-right li {
  margin: 3px 4px 5px 8px
}

.common-header-bg-bvb {
  background-image: url('../img/common-header-bvb.png');
}

.common-header-shadow {
  background-image: url('../img/common-header-shadow-asi.png');
}

.header {
  width: 992px;
  height: 96px;
  position: relative;
  z-index: 99;
  background-position: 2px 0;
  background-repeat: repeat-y
}

.header-inner {
  width: 975px;
  height: 96px;
  margin-left: 10px;
  background-position: 0 -30px
}

.logo {
  font-size: 34px;
  line-height: 75px;
  font-weight: 700;
  color: #233b7a;
  text-decoration: none;
  background-image: url('../img/logo.png');
  background-repeat: no-repeat;
  width: 200px;
  height: 68px;
  display: inline-block;
  zoom: 1;
  *display: inline
}

.logo-cover {
  width: 200px;
  height: 68px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.logo-cn, .logo-zh-cn {
  background-image: url('../img/logo-cn.png');
}

.logo-xmas-tree {
  width: 975px;
  background-image: url('../img/logo-xmas-tree.png');
}

.logo-xmas {
  width: 200px;
  background-image: url('../img/logo-xmas.png');
}

.product-list {
  height: 75px;
  width: 100%;
  position: relative
}

.product-list ul {
  width: 780px;
  line-height: 44px;
  float: right;
  position: absolute;
  right: 0;
  height: 44px;
  top: 25px
}

.header--partnership-bvb .product-list ul {
  width: 670px
}

.product-list ul li {
  float: left;
  text-align: center;
  font-size: 13px;
  font-weight: 700
}

.product-tab-left, .product-tab-body, .product-tab-right {
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: left;
  height: 44px
}

.product-tab-left {
  width: 9px
}

.product-tab-body {
  padding: 0 10px;
  color: #283e87;
  font-family: Trebuchet MS;
  position: relative;
  cursor: pointer
}

.product-tab-body a {
  color: #00175f;
  position: relative;
  z-index: 50;
  text-decoration: none
}

.product-tab-body a:hover {
  color: #4871d3
}

.product-tab-right {
  width: 9px
}

.selected .product-tab-left {
  width: 9px;
  background-position: 0 -173px;
  background-image: url('../img/common-header.png');
}

.selected .product-tab-body {
  background-position: 0 -128px;
  padding: 0 10px;
  color: #fff;
  background-image: url('../img/common-header.png');
  position: relative
}

.selected .product-tab-body a {
  color: #fff
}

.selected .product-tab-right {
  width: 9px;
  background-position: -10px -173px;
  background-image: url('../img/common-header.png');
}

.selected-arrow {
  width: 9px;
  height: 7px;
  background-position: -7px -282px;
  position: absolute;
  margin: auto;
  left: 50%;
  margin-left: -4px;
  bottom: -2px
}

.bottom-left {
  float: left;
  margin-left: 10px;
  width: 173px
}

.bottom-right {
  float: right;
  margin-right: 10px
}

.bottom-left div {
  display: inline-block;
  zoom: 1;
  *display: inline
}

.system-time {
  font-size: 9px;
  line-height: 20px;
  color: #000;
  margin-left: 10px
}

.region-selector {
  cursor: default !important;
  border-top: 1px solid #e2e2e2;
  background-color: #ededed
}

.region-selector div, .language-selector div, .region-selector:hover div, .language-selector:hover div, .region-selector:hover {
  background-color: #ededed
}

.region-selector div, .language-selector div {
  border-bottom: #cacaca !important
}

.selector-list {
  margin-left: 0 !important;
  color: #535353 !important
}

.selector-border {
  border-top: 1px solid #cacaca
}

.language-selector {
  width: 300px;
  cursor: default !important;
  text-decoration: none;
  border-top: 3px double #cacaca !important;
  background-color: #ededed;
  border-bottom: 1px solid #cacaca
}

.language-selector:hover {
  border-top: 3px double #cacaca !important
}

.lang-selection {
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: left;
  font-weight: 700;
  color: #274ea0;
  line-height: 18px;
  cursor: pointer
}

.lang-drop-down {
  float: left;
  position: relative;
  white-space: nowrap
}

.lang-drop-down span {
  float: left
}

.lang-img {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 20px;
  background-image: url('../img/global-setting-icon.png');
  background-position: -5px -690px;
  margin: 0 3px 0 6px
}

.lang-divider {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 17px;
  height: 15px;
  background-image: url('../img/global-setting-icon.png');
  background-position: -28px -652px;
  margin-left: 3px;
  margin-top: 1px
}

.lang-drop-down:hover .lang-divider {
  background-image: url('../img/global-setting-icon.png');
  background-repeat: no-repeat;
  background-position: right -627px
}

.lang-drop-down:hover span {
  color: #00175f
}

.lang-drop-down:hover .lang-img {
  background-image: url('../img/global-setting-icon.png');
  background-repeat: no-repeat;
  background-position: -5px -714px
}

.lang-drop-down-ul {
  width: 110px;
  position: absolute;
  margin-top: 20px;
  border: 1px solid #deebfd;
  border-top: 0;
  background-color: #fff;
  left: 0;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.lang-drop-down-ul li {
  color: #22377b;
  border-bottom: 1px solid #d2e7ff;
  height: 100%;
  white-space: nowrap;
  width: 110px
}

.lang-drop-down-ul li:hover {
  background-color: #d2e7ff;
  border-bottom: 1px solid #d2e7ff
}

.lang-drop-down-ul li a {
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
  color: #274ea0;
  margin-left: 20px;
  text-decoration: none
}

.lang-drop-down-ul li:hover a {
  color: #000
}

.lang-drop-down-ul li.selected {
  background-image: url('../img/global-setting-icon.png');
  background-position: -22px -1047px;
  background-repeat: no-repeat;
  display: block;
  cursor: default !important
}

.header-icons {
  position: absolute;
  right: 1px;
  top: 0;
  margin-top: 3px;
  padding-left: 4px
}

.header-icons div {
  float: left;
  color: #223978;
  padding: 4px 8px 4px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 10px
}

.forgot-pwd {
  background-position: -2px -604px
}

.live-chat {
  background-position: -2px -220px
}

.help {
  background-position: -2px -241px
}

.result {
  background-position: -2px -262px
}

.result:hover, .forgot-pwd:hover, .help:hover, .live-chat:hover {
  color: #4871d3
}

.header-bottom-link {
  position: relative;
  z-index: 1
}

.header-bottom-right {
  width: 600px;
  height: 23px;
  position: absolute;
  right: 0;
  top: -2px;
  *top: -6px
}

.header-bottom-right a {
  float: right;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 23px;
  width: 43px;
  background-image: url('../img/global-setting-icon.png');
  cursor: pointer;
  background-repeat: no-repeat;
  position: relative;
  text-decoration: none
}

.header-bottom-right a:hover .global-setting-dropdown {
  display: block;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.header-bottom-right a.select-10pm {
  width: auto !important;
  padding-right: 20px;
  padding-left: 10px
}

.page-toolbar-icon a.select-10pm {
  width: auto !important;
  padding-right: 20px;
  padding-left: 10px
}

.sbobetv-icon {
  background-position: 2px -4px
}

.sbobetv-icon:hover {
  background-position: 2px -161px
}

.tv-schedule-icon {
  background-position: 2px -30px
}

.tv-schedule-icon:hover {
  background-position: 2px -187px
}

.sound-off-icon {
  background-position: 2px -52px
}

.sound-off-icon:hover {
  background-position: 2px -209px
}

.sound-on-icon {
  background-position: 2px -568px
}

.sound-on-icon:hover {
  background-position: 2px -399px
}

.odds-type-1 {
  background-position: -2px -74px
}

.odds-type-1:hover {
  background-position: -2px -231px
}

.odds-type-2 {
  background-position: -2px -312px
}

.odds-type-2:hover {
  background-position: -2px -332px
}

.odds-type-4 {
  background-position: -2px -353px
}

.odds-type-4:hover {
  background-position: -2px -374px
}

.odds-display-1 {
  background-position: -2px -94px
}

.odds-display-1:hover {
  background-position: -2px -251px
}

.odds-display-2 {
  background-position: -2px -423px
}

.odds-display-2:hover {
  background-position: -2px -448px
}

.sort-1 {
  background-position: -2px -115px
}

.sort-1:hover {
  background-position: -2px -272px
}

.sort-2 {
  background-position: -2px -470px
}

.sort-2:hover {
  background-position: -2px -495px
}

.market-type-2 {
  background-position: -2px -136px
}

.market-type-2:hover {
  background-position: -2px -293px
}

.market-type-1 {
  background-position: -2px -520px
}

.market-type-1:hover {
  background-position: -2px -543px
}

.select-10pm {
  background-position: right -648px
}

.select-10pm:hover {
  background-position: right -623px
}

.select-10pm-text {
  background-position: right -653px;
  width: auto !important;
  white-space: nowrap;
  display: inline-block;
  margin-top: 5px !important;
  font-weight: 700;
  color: #22377b;
  padding-right: 20px;
  text-align: right
}

.page-toolbar-icon .select-10pm-text {
  background-position: right -652px;
  font-size: 11px;
  line-height: 13px;
  padding-left: 10px
}

.select-10pm-text:hover {
  color: #5887dc;
  background-position: right -628px
}

.page-toolbar-icon .select-10pm-text ul {
  left: -4px;
  top: 18px
}

.page-toolbar-icon .select-10pm-text:hover {
  color: #5887dc;
  background-position: right -627px
}

.global-setting-dropdown {
  position: absolute;
  top: 22px;
  border: 1px solid #deebfd;
  border-top: 0;
  background-color: #fff;
  display: none;
  left: 0;
  text-align: left
}

.select-10pm-text .global-setting-dropdown {
  left: -13px
}

.global-setting-dropdown li span span {
  padding-left: 2px;
  text-align: left;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.global-setting-dropdown li {
  color: #22377b;
  border-top: 1px solid #d2e7ff;
  padding: 7px 12px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top
}

.global-setting-dropdown li span {
  vertical-align: bottom;
  text-decoration: none
}

.global-setting-dropdown li:hover {
  color: #000;
  background-color: #d2e7ff;
  border-top: 1px solid #d2e7ff
}

li span.odds-type-1, li span.odds-type-2, li span.odds-type-4, li span.odds-display-1, li span.odds-display-2, li span.sort-1, li span.sort-2, li span.market-type-1, li span.market-type-2 {
  background-image: url('../img/global-setting-icon.png');
  width: 20px;
  height: 16px;
  margin: 0;
  margin-left: -5px;
  display: inline-block
}

li span.odds-type-1, li span.odds-type-1:hover {
  background-position: -10px -74px;
  *background-position: -10 px-77px
}

li span.odds-type-2, li span.odds-type-2:hover {
  background-position: -10px -312px;
  *background-position: -10 px-315px
}

li span.odds-type-4, li span.odds-type-4:hover {
  background-position: -10px -353px;
  *background-position: -10 px-356px
}

li span.odds-display-1, li span.odds-display-1:hover {
  background-position: -10px -95px;
  *background-position: -10 px-97px
}

li span.odds-display-2, li span.odds-display-2:hover {
  background-position: -10px -424px;
  *background-position: -10 px-426px
}

li span.sort-1, li span.sort-1:hover {
  background-position: -10px -118px;
  height: 16px
}

li span.sort-2, li span.sort-2:hover {
  background-position: -10px -473px;
  height: 16px
}

li span.market-type-2, li span.market-type-2:hover {
  background-position: -10px -137px;
  *background-position: -10 px-139px
}

li span.market-type-1, li span.market-type-1:hover {
  background-position: -10px -521px;
  *background-position: -10 px-523px
}

.odds-type-1-off {
  background-position: -2px -811px
}

.odds-type-2-off {
  background-position: -2px -1026px
}

.odds-type-4-off {
  background-position: 1px -901px
}

.odds-display-1-off {
  background-position: -2px -831px
}

.odds-display-2-off {
  background-position: -1px -924px
}

.market-type-1-off {
  background-position: -2px -973px
}

.market-type-2-off {
  background-position: -2px -873px
}

.sort-1-off {
  background-position: -2px -852px
}

.sort-2-off {
  background-position: 1px -948px
}

.header-bottom-right a.global-icon-off:hover ul {
  display: none
}

.page-toolbar-icon a.global-icon-off:hover ul {
  display: none
}

.page-toolbar-icon a.global-icon-off:hover {
  background-color: transparent
}

.global-icon-off {
  cursor: default !important
}

.mobile {
  background-position: -2px -539px;
  background-repeat: no-repeat;
  padding-left: 23px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block
}

.account-left {
  float: left;
  list-style: none outside none;
  margin-left: 10px;
  margin-top: 3px
}

.account-left li {
  float: left;
  margin: 5px 0 5px 20px;
  line-height: 18px
}

.wc-tab {
  width: 84px;
  height: 44px;
  background: url('../img/wc-tab.png') -1px 0 no-repeat;
  text-decoration: none
}

.wc-tab:hover {
  background: url('../img/wc-tab.png') -1px -48px no-repeat
}

.wc-tab-zh-cn {
  width: 84px;
  height: 44px;
  background: url('../img/wc-tab-zh-cn.png') -1px 0 no-repeat;
  text-decoration: none
}

.wc-tab-zh-cn:hover {
  background: url('../img/wc-tab-zh-cn.png') -1px -48px no-repeat
}

.SportsImgWc2014 {
  background: url('../img/wc-tab-left.png') 3px 5px no-repeat;
  width: 22px;
  height: 22px;
  float: left
}

#countdownDiv {
  position: relative;
  left: 5px;
  padding: initial;
  margin: initial;
  border: 1px solid #334182;
  top: 6px;
  width: 339px;
  visibility: hidden;
  height: 238px
}

@keyframes rotate {
  0% {
    background-position: 0 -9600px
  }
  100% {
    background-position: 0 0
  }
}

@-webkit-keyframes rotate {
  0% {
    background-position: 0 -9600px
  }
  100% {
    background-position: 0 0
  }
}

@-moz-keyframes rotate {
  0% {
    background-position: 0 -9600px
  }
  100% {
    background-position: 0 0
  }
}

.cssAnimation {
  animation: rotate 20s linear infinite;
  -webkit-animation: rotate 20s linear infinite;
  -moz-animation: rotate 20s linear infinite
}

#leftArrowDiv {
  width: 20px;
  height: 20px;
  position: relative;
  top: 50%
}

#rightArrowDiv {
  width: 20px;
  height: 20px;
  position: relative;
  top: 40%;
  left: 95%
}

#timerDiv {
  width: 339px;
  height: 75px;
  background-image: url('../img/bg_top.png')
}

#dayFirstDigitBackDiv, #dayLastDigitBackDiv, #hourFirstDigitBackDiv, #hourLastDigitBackDiv, #minFirstDigitBackDiv, #minLastDigitBackDiv, #secFirstDigitBackDiv, #secLastDigitBackDiv {
  background-image: url('../img/jcountdown_slide_black.png');
  width: 40px;
  height: 48px;
  background-position: -82px -1px;
  overflow: hidden;
  float: left
}

#backHourDiv, #backMinDiv, #backSecDiv {
  float: left;
  margin-left: 6px
}

#dayFirstDigitFrontDiv, #dayLastDigitFrontDiv, #hourFirstDigitFrontDiv, #hourLastDigitFrontDiv, #minFirstDigitFrontDiv, #minLastDigitFrontDiv, #secFirstDigitFrontDiv, #secLastDigitFrontDiv {
  background-image: url('../img/jcountdown_slide_black.png');
  width: 40px;
  height: 48px;
  background-size: 450% 1000%;
  background-position: 0 -432px;
  float: left;
  position: relative
}

#hourFirstDigitFrontDiv, #hourLastDigitFrontDiv, #minFirstDigitFrontDiv, #minLastDigitFrontDiv, #secFirstDigitFrontDiv, #secLastDigitFrontDiv {
  *left: 4px
}

#frontDayDiv {
  clear: left
}

div#frontHourDiv, div#frontMinDiv, div#frontSecDiv {
  float: left;
  margin-left: 6px
}

#frontDiv {
  position: relative;
  left: 3px;
  top: -48px
}

#indicatorDiv {
  height: 24px;
  width: 245px;
  margin: 0 auto
}

#textIndicatorDiv {
  height: 15px
}

#teamIndicatorDiv {
  position: relative;
  left: 110px;
  top: -31px;
  top: -43px \9
}

#hometeamIndicatorDiv {
  position: relative;
  left: -16px;
  top: -10px;
  *top: -12px;
  width: 16px;
  height: 11px
}

#awayteamIndicatorDiv {
  display: inline-block;
  position: relative;
  left: 24px;
  top: -21px;
  *top: -23px;
  width: 16px;
  height: 11px
}

#hometeamIndicator1Div {
  position: relative;
  top: -6px;
  top: -9px \9;
  left: -12px;
  width: 16px;
  height: 11px
}

#hometeamIndicator2Div {
  position: relative;
  top: -4px;
  top: -9px \9;
  left: -12px;
  width: 16px;
  height: 11px
}

#awayteamIndicator1Div {
  position: relative;
  top: -17px;
  top: -20px \9;
  left: 19px;
  width: 16px;
  height: 11px
}

#awayteamIndicator2Div {
  position: relative;
  top: -15px;
  top: -21px \9;
  *top: -20px;
  left: 20px;
  width: 16px;
  height: 11px
}

#slideDiv {
  border: 1px solid #334182;
  border-top: 0;
  position: relative;
  top: -21px;
  *top: 0;
  left: -1px \9;
  overflow: hidden;
  height: 163px;
  width: 339px
}

#slideBackDiv {
  width: 339px;
  height: 163px;
  background-size: 100% 100%
}

#indicatorDiv .vs {
  display: inline-block;
  color: #e1e4ff;
  font: 700 12px Arial, Helvetica, sans-serif;
  margin-left: 10px
}

#teamIndicatorDiv1 {
  position: relative;
  left: 74px;
  top: -34px;
  top: -70px \9;
  *top: -77px;
  z-index: 1
}

#teamIndicatorDiv1 .vs {
  margin-top: 0;
  line-height: 0;
  *line-height: 10px
}

#teamIndicatorDiv2 .vs {
  margin-top: 12px;
  *margin-top: 6px;
  line-height: 0;
  *line-height: 10px
}

#teamIndicatorDiv2 {
  border-left: 1px solid #333383;
  padding-left: 25px;
  position: relative;
  left: 122px;
  top: -70px;
  top: -108px \9;
  *top: -115px;
  height: 24px;
  z-index: 1
}

@media \0screen {
  #teamIndicatorDiv1 {
    top: -71px
  }

  #teamIndicatorDiv2 {
    top: -107px
  }

  #hometeamIndicator1Div {
    top: -6px
  }

  #hometeamIndicator2Div {
    top: -4px
  }

  #awayteamIndicator1Div {
    top: -17px
  }

  #awayteamIndicator2Div {
    top: -15px
  }
}

@-moz-document url-prefix() {
  #indicatorDiv .vs {
    display: inline-block;
    color: #e1e4ff;
    font: 700 12px Arial, Helvetica, sans-serif;
    margin-left: 10px;
    margin-top: -10px;
    line-height: 10px
  }
  #teamIndicatorDiv {
    top: -31px
  }
  #teamIndicatorDiv1 {
    top: -55px
  }
  #teamIndicatorDiv2 {
    top: -142px;
    height: 24px;
    margin-top: 50px
  }
  #hometeamIndicatorDiv {
    margin-top: 1px
  }
  #awayteamIndicatorDiv {
    margin-top: 0
  }
  #hometeamIndicator1Div {
    top: -8px
  }
  #awayteamIndicator1Div {
    top: -19px
  }
  #hometeamIndicator2Div {
    top: 7px
  }
  #awayteamIndicator2Div {
    top: -4px
  }
  #teamIndicatorDiv2 .vs {
    top: 16px;
    position: relative
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #teamIndicatorDiv {
    top: -44px
  }

  #teamIndicatorDiv1 {
    top: -81px
  }

  #teamIndicatorDiv2 {
    top: -165px;
    height: 24px;
    margin-top: 50px
  }

  #hometeamIndicatorDiv {
    margin-top: 4px
  }

  #hometeamIndicator1Div {
    top: -5px
  }

  #awayteamIndicator1Div {
    top: -16px
  }

  #hometeamIndicator2Div {
    top: -3px
  }

  #awayteamIndicator2Div {
    top: -14px
  }

  #indicatorDiv .vs {
    display: inline-block;
    color: #e1e4ff;
    font: 700 12px Arial, Helvetica, sans-serif;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 0
  }

  #teamIndicatorDiv2 .vs {
    top: 2px;
    position: relative
  }

  #slideDiv {
    left: -1px
  }

  ::i-block-chrome, #teamIndicatorDiv .vs {
    margin-top: 0;
    line-height: 10px
  }

  ::i-block-chrome, #teamIndicatorDiv {
    top: -40px
  }

  ::i-block-chrome, #hometeamIndicatorDiv {
    margin-top: 0
  }

  ::i-block-chrome, #awayteamIndicatorDiv {
    margin-top: 0
  }

  ::i-block-chrome, #teamIndicatorDiv1 {
    top: -77px !important
  }

  ::i-block-chrome, #hometeamIndicator1Div {
    top: -4px
  }

  ::i-block-chrome, #awayteamIndicator1Div {
    top: -15px
  }

  ::i-block-chrome, #teamIndicatorDiv2 {
    top: -161px !important;
    height: 24px;
    margin-top: 50px
  }

  ::i-block-chrome, #hometeamIndicator2Div {
    top: -2px
  }

  ::i-block-chrome, #awayteamIndicator2Div {
    top: -13px
  }

  ::i-block-chrome, #teamIndicatorDiv2 .vs {
    top: 2px;
    position: relative
  }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  #teamIndicatorDiv {
    top: -41px;
    height: 29px
  }

  #indicatorDiv .vs {
    height: 5px
  }

  #hometeamIndicator1Div {
    top: -6px
  }

  #teamIndicatorDiv1 {
    top: -40px !important
  }

  #teamIndicatorDiv2 {
    top: -124px !important;
    height: 24px;
    margin-top: 50px
  }

  #teamIndicatorDiv2 .vs {
    margin-top: 11px;
    position: relative
  }

  #teamIndicatorDiv1 .vs {
    top: 4px;
    position: relative
  }

  #awayteamIndicator1Div {
    top: -17px
  }

  #hometeamIndicator2Div {
    top: -10px
  }

  #awayteamIndicator2Div {
    top: -21px
  }

  #slideDiv {
    left: -1px
  }
}

#countdownDiv #endImg {
  position: absolute;
  width: 340px;
  height: 240px;
  background-image: url('../img/end.jpg');
  visibility: hidden
}

#soccerDiv {
  width: 339px;
  height: 48px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: -15px
}

#soccerDiv img#scream {
  position: absolute;
  top: 4px;
  width: 40px;
  height: 40px;
  left: -5px
}

#canvas {
  position: absolute;
  top: 0;
  left: 0
}

@keyframes slidebackward {
  0% {
    left: 0
  }
  33% {
    left: 300px
  }
  35% {
    visibility: hidden;
    left: 300px
  }
  67% {
    visibility: hidden;
    left: -300px
  }
  100% {
    left: 0
  }
}

@-webkit-keyframes slidebackward {
  0% {
    left: 0
  }
  33% {
    left: 300px
  }
  35% {
    visibility: hidden;
    left: 300px
  }
  67% {
    visibility: hidden;
    left: -300px
  }
  100% {
    left: 0
  }
}

@keyframes slideforward {
  0% {
    left: 0
  }
  33% {
    left: -300px
  }
  35% {
    visibility: hidden;
    left: -300px
  }
  67% {
    visibility: hidden;
    left: 300px
  }
  100% {
    left: 0
  }
}

@-webkit-keyframes slideforward {
  0% {
    left: 0
  }
  33% {
    left: -300px
  }
  35% {
    visibility: hidden;
    left: -300px
  }
  67% {
    visibility: hidden;
    left: 300px
  }
  100% {
    left: 0
  }
}

#matchNamePara, #matchTimeDiv, #homenameP, #awaynameP {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff
}

.bgEn {
  background-image: url('../img/bg.png')
}

.bgCh {
  background-image: url('../img/bg-zh-cn.png')
}

#slideFrontDiv {
  width: 275px;
  height: 163px;
  position: relative
}

#homeDiv {
  position: relative;
  left: 22px;
  top: 18px
}

#awayDiv {
  position: relative;
  left: 175px;
  top: -66px
}

#matchNameDiv {
  width: 280px;
  height: 30px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -125px;
  left: 3px
}

#matchTimeDiv {
  width: 283px;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -88px;
  font-size: 14px
}

#matchDetailDiv {
  position: relative;
  left: -5px;
  top: -13%;
  width: 280px
}

#countdownDiv p {
  position: relative;
  top: -4px;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#matchNamePara, #matchTimePara {
  top: -75px
}

#matchNamePara {
  text-shadow: 1px 1px #000
}

#matchTimePara {
  background: url('../img/bg_matchtime.png') no-repeat;
  width: 245px;
  height: 22px;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 20px
}

#homenameDiv {
  width: 140px;
  height: 15px;
  position: relative;
  top: -64px;
  left: -10px
}

#awaynameDiv {
  width: 140px;
  height: 15px;
  position: relative;
  top: -79px;
  left: 143px
}

#homenameP, #awaynameP {
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px #000;
  position: relative;
  top: -63px
}

#awaynameP {
  top: -21px
}

#leftArrowDiv {
  width: 30px;
  height: 163px;
  position: relative;
  top: 0;
  opacity: .5
}

div#rightArrowDiv {
  width: 30px;
  height: 163px;
  position: relative;
  top: -163px;
  left: 308px;
  opacity: .5
}

#countdownDiv img {
  position: relative;
  top: 80px;
  visibility: hidden;
  border: 0;
  margin: 0
}

#slideFrontMaskDiv {
  width: 276px;
  height: 163px;
  position: relative;
  top: -176px;
  left: 9%;
  overflow: hidden
}

.alg, .arg, .aus, .bel, .bih, .bra, .chi, .civ, .cmr, .col, .crc, .cro, .ecu, .eng, .esp, .fra, .ger, .gha, .gre, .hon, .irn, .ita, .jpn, .kor, .mex, .ned, .nga, .por, .rus, .sui, .uru, .usa {
  background: url('../img/flags-sprite.png') no-repeat;
  width: 76px;
  height: 84px
}

.alg {
  background-position: 0 0
}

.arg {
  background-position: 0 -104px
}

.aus {
  background-position: 0 -208px
}

.bel {
  background-position: 0 -312px
}

.bih {
  background-position: 0 -416px
}

.bra {
  background-position: 0 -520px
}

.chi {
  background-position: 0 -624px
}

.civ {
  background-position: 0 -728px
}

.cmr {
  background-position: 0 -832px
}

.col {
  background-position: 0 -936px
}

.crc {
  background-position: 0 -1040px
}

.cro {
  background-position: 0 -1144px
}

.ecu {
  background-position: 0 -1248px
}

.eng {
  background-position: 0 -1352px
}

.esp {
  background-position: 0 -1456px
}

.fra {
  background-position: 0 -1560px
}

.ger {
  background-position: 0 -1664px
}

.gha {
  background-position: 0 -1768px
}

.gre {
  background-position: 0 -1872px
}

.hon {
  background-position: 0 -1976px
}

.irn {
  background-position: 0 -2080px
}

.ita {
  background-position: 0 -2184px
}

.jpn {
  background-position: 0 -2288px
}

.kor {
  background-position: 0 -2392px
}

.mex {
  background-position: 0 -2496px
}

.ned {
  background-position: 0 -2600px
}

.nga {
  background-position: 0 -2704px
}

.por {
  background-position: 0 -2808px
}

.rus {
  background-position: 0 -2912px
}

.sui {
  background-position: 0 -3016px
}

.uru {
  background-position: 0 -3120px
}

.usa {
  background-position: 0 -3224px
}

.alt {
  background: url('../img/brazuca.png') no-repeat;
  width: 76px;
  height: 84px
}

.alg_sm, .arg_sm, .aus_sm, .bel_sm, .bih_sm, .bra_sm, .chi_sm, .civ_sm, .cmr_sm, .col_sm, .crc_sm, .cro_sm, .ecu_sm, .eng_sm, .esp_sm, .fra_sm, .ger_sm, .gha_sm, .gre_sm, .hon_sm, .irn_sm, .ita_sm, .jpn_sm, .kor_sm, .mex_sm, .ned_sm, .nga_sm, .por_sm, .rus_sm, .sui_sm, .uru_sm, .usa_sm {
  background: url('../img/flags-sm-sprite.png') no-repeat;
  width: 16px;
  height: 11px
}

.cmr_sm {
  background-position: 0 0
}

.col_sm {
  background-position: 0 -21px
}

.crc_sm {
  background-position: 0 -42px
}

.cro_sm {
  background-position: 0 -63px
}

.ecu_sm {
  background-position: 0 -84px
}

.eng_sm {
  background-position: 0 -105px
}

.esp_sm {
  background-position: 0 -126px
}

.fra_sm {
  background-position: 0 -147px
}

.ger_sm {
  background-position: 0 -168px
}

.gha_sm {
  background-position: 0 -189px
}

.gre_sm {
  background-position: 0 -210px
}

.hon_sm {
  background-position: 0 -231px
}

.irn_sm {
  background-position: 0 -252px
}

.ita_sm {
  background-position: 0 -273px
}

.jpn_sm {
  background-position: 0 -294px
}

.kor_sm {
  background-position: 0 -315px
}

.mex_sm {
  background-position: 0 -336px
}

.nga_sm {
  background-position: 0 -357px
}

.ned_sm {
  background-position: 0 -378px
}

.por_sm {
  background-position: 0 -399px
}

.rus_sm {
  background-position: 0 -420px
}

.sui_sm {
  background-position: 0 -441px
}

.uru_sm {
  background-position: 0 -462px
}

.usa_sm {
  background-position: 0 -483px
}

.alg_sm {
  background-position: 0 -504px
}

.arg_sm {
  background-position: 0 -525px
}

.aus_sm {
  background-position: 0 -546px
}

.bel_sm {
  background-position: 0 -567px
}

.bih_sm {
  background-position: 0 -588px
}

.bra_sm {
  background-position: 0 -609px
}

.chi_sm {
  background-position: 0 -630px
}

.civ_sm {
  background-position: 0 -651px
}

.alt_sm {
  background: url('../img/alt_sm.png') no-repeat;
  width: 16px;
  height: 11px
}

#leftArrowImg {
  width: 30px;
  height: 25px
}

#rightArrowImg {
  width: 30px;
  height: 25px
}

.wc-banner {
  padding-left: 10px;
  cursor: pointer
}

.sg-bill {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.sg-bill div {
  width: 800px;
  height: 438px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.lucky9 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.lucky9 div {
  width: 800px;
  height: 438px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.lucky9-noshow {
  width: auto;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  height: 20px;
  display: block;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer
}

.chinese-new-year {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.chinese-new-year div {
  width: 640px;
  height: 350px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.deposit-funds {
  line-height: 20px;
  color: #f1d04c;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
  top: 8px
}

.Twitter, .Youtube, .Googleplus, .Instagram, .Facebook, .Weibo {
  height: 44px;
  float: left;
  margin: 0 0 0 5px
}

.Twitter {
  background: url('../img/twitter-icon.png') no-repeat 0 0;
  width: 25px
}

.Youtube {
  background: url('../img/youtube-icon.png') no-repeat 0 0;
  width: 25px
}

.Googleplus {
  background: url('../img/googleplus-icon.png') no-repeat 0 0;
  width: 25px
}

.Instagram {
  background: url('../img/instagram-icon.png') no-repeat 0 0;
  width: 25px
}

.Facebook {
  background: url('../img/facebook-icon.png') no-repeat 0 0;
  width: 25px
}

.Weibo {
  background: url('../img/weibo-icon.png') no-repeat 0 0;
  width: 25px
}

.Partnerlinks.cgy {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.Partnerlinks.cgy .cgy-ico {
  width: 25px
}

.Partnerlinks {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.Payment, .Misc, .Partners, .Socialmedia {
  display: inline-block;
  padding: 0 20px
}

.Partners {
  left: 385px;
  top: 10px
}

.Payment li, .Misc li, .Partners li, .Socialmedia li {
  display: inline-block
}

.footer-separator {
  background: url('../img/separator.png') no-repeat 0 0;
  width: 11px;
  height: 57px;
  display: inline-block
}

.ProudPartners {
  color: #848484;
  font: 100 10px Tahoma, sans-serif;
  width: 975px;
  margin-left: 4px;
  padding-top: 10px
}

.Visa, .Mastercard, .Moneybookers, .Neteller, .Entropay, .Netbanx, .ByMoneybookers {
  width: 38px;
  height: 33px;
  float: left
}

.Visa {
  background: url('../img/Visa.png') no-repeat 0 0;
  width: 40px
}

.Mastercard {
  background: url('../img/Mastercard.png') no-repeat 0 0;
  width: 21px
}

.Moneybookers {
  width: 31px
}

.Neteller {
  background: url('../img/Neteller.png') no-repeat 0 0;
  width: 62px
}

.Entropay {
  background: url('../img/Entropay.png') no-repeat 0 0;
  width: 22px
}

.Netbanx {
  width: 65px
}

.ByMoneybookers {
  background: url('../img/ByMoneybookers.png') no-repeat 0 0;
  width: 26px
}

.GT, .Gamcare, .Above18, .Verisign, .RGA, .IOM, .cgy-ico, .pagcor-ico, .EGR {
  width: 29px;
  height: 46px;
  float: left
}

.WHUFC, .HCFC, .NCFC, .SFC, .SCAFC {
  width: 40px;
  height: 38px;
  float: left;
  margin: 0 5px 0 2px
}

.SFC {
  width: 37px
}

.GT {
  background: url('../img/GT.png') no-repeat 0 0;
  width: 36px
}

.NCFC {
  width: 37px;
  margin-left: 3px
}

.Gamcare {
  background: url('../img/Gamcare.png') no-repeat 0 0;
  width: 32px
}

.Above18 {
  background: url('../img/Above18.png') no-repeat 0 0;
  width: 29px;
  height: 42px
}

.Verisign {
  background: url('../img/Verisign.png') no-repeat 0 0;
  width: 62px
}

.RGA {
  background: url('../img/RGA.png') no-repeat 0 0;
  width: 71px;
  height: 42px
}

.EGR {
  background: url('../img/EGR.png') no-repeat 0 0;
  width: 61px;
  height: 60px
}

.ByMoneybookers {
  margin: 0 0 0 7px
}

.IOM {
  background: url('../img/IOM-landing.png') no-repeat 0 0;
  width: 45px
}

.cgy .Partnerlinks {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.cgy-ico {
  background: url('../img/cgy.png') no-repeat 0 0;
  width: 25px
}

.pagcor-ico {
  background: url('../img/pagcor.png') no-repeat 0 3px;
  width: 29px
}

.iomf .Partnerlinks {
  background: url('../img/asi-iom-home.png') no-repeat 0 0;
  text-align: center;
  padding: 15px 0 0;
  height: 60px;
  position: relative
}

.iomf .Partnerlinks .Misc {
  left: 216px
}

.iomf .EGR {
  left: 304px
}

.iomf .Socialmedia {
  left: 631px
}

.deposit-now-wrp {
  height: 100px;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 100px;
  z-index: 999;
  bottom: 0;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700
}

.deposit-now-ctr {
  color: #fff
}

.deposit-now-msg {
  color: #b2d1ff;
  padding-right: 16px
}

.deposit-now-btn {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 5px;
  font-family: Arial;
  color: #4c3a0c;
  font-size: 18px;
  background: #ffc222;
  border-bottom: 3px solid #b68a13;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 700
}

.deposit-now-btn:hover {
  background: #fed15b;
  cursor: pointer
}

.deposit-now-wrp-50p {
  height: 50%;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 100px;
  z-index: 999;
  bottom: 0;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700
}

.deposit-now-hdr-50p {
  padding-top: 80px;
  font-size: 24px;
  line-height: 30px;
  width: 30%;
  margin: 0 auto;
  padding-bottom: 30px
}

.deposit-now-sub-50p {
  line-height: 30px
}

.deposit-now-wrp-100p {
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 25px;
  z-index: 999;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700;
  display: table
}

.deposit-now-grp-100p {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.deposit-now-img-100p {
  width: 544px;
  height: 393px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-image: url('../img/deposit-now-img.png')
}

.deposit-now-sub-100p {
  text-shadow: 1px 1px 5px #000;
  width: 55%;
  padding-left: 85px;
  padding-top: 40%
}

.deposit-now-ctr-100p {
  color: #fff
}

.deposit-now-msg-100p {
  text-shadow: 1px 1px 5px #000
}

.deposit-now-btn-100p {
  line-height: 80px;
  width: 55%;
  padding-left: 85px
}

.deposit-now-ftr {
  text-align: center;
  padding: 15px;
  font-size: 12px;
  background-color: #00153f;
  color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%
}

.deposit-now-ftr ul {
  margin: 0 auto;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  line-height: 20px
}

.deposit-now-ftr ul li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #5170ae;
  border-left: 1px solid #94b0e8
}

.deposit-now-ftr ul li a {
  cursor: pointer;
  color: #fff;
  text-decoration: none
}

.deposit-now-ftr ul li a:hover {
  color: #fff;
  text-decoration: underline
}

.landing-promo-banner-en {
  background: url('../img/landing-mobile-banner.gif');
  width: 339px;
  height: 238px
}

.pay-opt-new {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative
}

.pay-opt-new a {
  float: left
}

.pay-opt-new-count {
  display: inline-block;
  zoom: 1;
  *display: inline !important;
  height: 11px;
  line-height: 15px;
  color: #b64531;
  font-weight: 700;
  margin-top: -2px;
  margin-left: 2px
}

.pay-opt-new-count-left {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  background-position: 0 -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.pay-opt-new-count-body {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  padding-left: 2px;
  padding-right: 2px;
  background-position: 0 -595px;
  height: 16px;
  background-repeat: repeat-x
}

.pay-opt-new-count-right {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  float: left;
  background-position: right -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.FooterWrap {
  text-align: center
}

.BettingPartner {
  padding: 0 20px 30px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  height: 42px;
  display: inline-block
}

.BettingPartner span {
  font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
  color: #a8b8d9;
  height: 42px;
  vertical-align: middle;
  display: inline-block
}

.BettingPartner .footer-separator {
  vertical-align: middle
}

.BettingPartner--DundalkFC a {
  background: url('../img/dundalkFC.png') no-repeat 0 0;
  display: inline-block;
  width: 35px;
  height: 42px;
  margin-left: 6px
}

.BettingPartner--BorussiaDortmund a {
  background: url('../img/logo-bvb-42x99.jpg') no-repeat 0 0;
  display: inline-block;
  width: 99px;
  height: 42px;
  margin-left: 6px
}

.product-partner-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin-left: 195px;
  margin-top: 13px;
  border-left: 1px solid #132351;
  padding-left: 6px;
  display: none
}

.header--partnership-bvb .product-partner-logo {
  display: block
}

.product-partner-logo-bvb {
  background-image: url('../img/logo-bvb-42x99.jpg');
  background-repeat: no-repeat;
  background-size: 99px 42px;
  width: 99px;
  height: 42px;
  display: inline-block;
  zoom: 1;
  *display: inline
}

.header--xyz .product-list ul li {
  font-size: 12px
}

.header--xyz .product-tab-body {
  padding: 0 4px
}

.header--xyz .selected .product-tab-body {
  padding: 0 6px
}

.header--xyz .selected .product-tab-right {
  width: 5px;
  background-position: -15px -173px
}

.header--xyz .product-tab-left, .header--xyz .product-tab-right {
  width: 5px
}

.header--xyz .selected.Sports .product-tab-left {
  margin-left: 0;
  width: 5px
}

.header--xyz .product-list ul li.Homepage .product-tab-body a {
  background-image: url('../img/icon--home.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  display: block;
  font-size: 0;
  width: 17px;
  height: 44px;
  padding: 0
}

.header--xyz .product-list ul li.Homepage .product-tab-body:hover a {
  background-position: 50% 50%
}

.header--xyz .product-list ul li.selected.Homepage .product-tab-body a {
  background-position: 100% 50%
}

.um-top {
  height: 60px;
  background: url('../img/um-hdr.png') no-repeat;
  margin: auto;
  color: #900;
  width: 987px
}

.um-top-msg {
  display: inline-block;
  padding-left: 80px;
  padding-top: 6px
}

.um-top-hdr {
  font-size: 14px;
  font-weight: 700
}

.um-top-timer {
  bottom: 0;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: 20px;
  padding-top: 16px
}

.um-top-txt {
  font-size: 12px
}

.um-top-counter {
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px
}

.um-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.um-container {
  background-image: url('../img/um-bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 800px;
  height: 350px;
  margin: 10% auto;
  z-index: 999999;
  position: relative;
  -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .5)
}

.um-overlay {
  width: 50%;
  margin: 60px 0 0 50px;
  color: #fff
}

.um-hdr {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 16px;
  text-shadow: 1px 2px #344259;
  padding-top: 50px;
  line-height: 36px
}

.um-txt {
  font-size: 16px;
  color: #dbecfe;
  margin-bottom: 8px;
  line-height: 26px
}

.um-counter {
  font-size: 18px;
  font-weight: 700;
  color: #fff
}

.um-cta {
  margin-top: 2%;
  display: inline-block;
  border-radius: 6px;
  padding: 12px 16px;
  color: #5e0509;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  background: #d9b14e;
  background: -moz-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  background: -webkit-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  background: -ms-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .5)
}

.um-cta:hover {
  background: #f8e3a0;
  cursor: pointer
}

.BoxBd--promo {
  background-image: url('../img/landing.png');
  background-repeat: no-repeat;
  background-position: right -194px;
  margin: 6px 0 0 3px;
  /* TO DELETE */
  height: 250px;
  width: 624px;
  position: relative;
  /* TO DELETE - END */
}

.BoxBd--promo h2 {
  background-image: url('../img/landing.png');
  background-repeat: no-repeat;
  background-position: right -140px;
  height: 32px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 40px 0 10px;
  font: 700 11px/20px Tahoma, sans-serif;
  color: #132351;
  /* TO DELETE */
  margin: 0;
}

.BoxBd--promo img {
  width: 609px;
  height: 238px;
  margin: 5px;
  border: 1px solid #334182;
}

.BoxBd--promo .Capt {
  width: 601px;
  height: 25px;
  font: 12px/24px Arial;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
  position: absolute;
  bottom: 6px;
  left: 5px;
  padding: 5px;
}

.BoxBd--promo .Capt a, .BoxBd--promo .Capt a:visited {
  color: #fff;
  text-decoration: none;
}

.BoxBd--promo .Capt p {
  /* TO DELETE */
  margin: 0;
}

.BoxBd--promo .Capt a:hover {
  color: #fc0
}