/* ------------------Reset--------------------- */
a {
  color: #0058ff;
  }
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
table,
table td {
  padding: 0;
  border: none;
  border-collapse: collapse;
}
img {
  vertical-align: top;
}
embed {
  vertical-align: top;
}
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
  display: block;
}
mark,
rp,
rt,
ruby,
summary,
time {
  display: inline;
}
input,
textarea {
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
}
input,
textarea,
select {
  margin: 0;
  padding: 0px;
}
/* ------------------Reset--------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* a {
  text-decoration: none;
} */
html {
  scroll-behavior: smooth;
  font-family: Arial, Helvetica, sans-serif;
  overflow: none;
}
.table-box {
  display: block;
  padding: 3px;
  /* border-radius: 1.1em; */
  background: black;
}
.colorBorderRed {
  border: #aa0306 6px solid;
}
.colorBorderOrange {
  border: #aa7003 6px solid;
}
.colorBorderDarkGreen {
  border: #5caa03 6px solid;
}
.colorBorderDarkBlue {
  border: #003399 6px solid;
}
.colorBorderGrey {
  border: #727272 6px solid;
}
.colorBorderYellow {
  border: #490004 6px solid;
}
.colorBorderCream {
  border: #ffcc99 6px solid;
}
.colorBorderBlue {
  border: #33ccff 6px solid;
}
.colorRed {
  background: linear-gradient(to bottom, #63292a 0%, #750507 50%, #aa0306 100%);
}
.colorOrange {
  background: linear-gradient(to bottom, #ff8a05 0%, #aa7003 50%, #aa5403 100%);
}
.colorDarkGreen {
  background: linear-gradient(to bottom, #006600 0%, #5caa03 50%, #03aa4e 100%);
}
.colorDarkBlue {
  background: linear-gradient(to bottom, #003399, #3366cc);
}
.colorGrey {
  background: linear-gradient(to bottom, #434343 0%, #727272 50%, #3d3d3d 100%);
}
.colorYellow {
  background: linear-gradient(to bottom, #490004 0%, #8d0d00 50%, #d30000 100%);
  color: #f9f9f9;
}
.background-banner {
  background: linear-gradient(to bottom, #000000 0%, #000000 50%, #000000 100%);
}
.background-logo {
  background: linear-gradient(to bottom, #870007 0%, #430004 50%, #2b0002 100%);
}
.colorCream {
  background: linear-gradient(to bottom, #996633, #ffcc99);
  color: black;
}
.colorBlue {
  background: linear-gradient(to bottom, #33ccff 0%, #9966ff 100%);
  color: black;
}
.livedraw {
  background-color: black;
  border-collapse: collapse;
  font-weight: bold;
  color: #fff;
  border: 0px solid #e8e8e8;
  table-layout: fixed;
  width: 100%;
  margin: auto;
  text-align: center;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
table.livedraw td {
  padding: 8px;
}
.box-head {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.box-head-day {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.box-value {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: white;
  color: black;
}
.box-head-macau {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.line-height {
  line-height: 50px;
}
.line-height-value {
  line-height: 5px;
}
.box-value-macau {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: white;
  color: black;
}
.box-value-macau-red {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: linear-gradient(to bottom, #63292a 0%, #750507 50%, #aa0306 100%);
  color: white;
}

.imgsizeld {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  max-width: 60px;
  height: 50px;
  width: 50px;
}

.imgsizeldlogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  /* max-width: 400px; */
  /* height: 100px; */
  height: 30%;
  width: 20%;
  /* width: 400px */
}
.animated-gif {
  width: 32px;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .box-head {
    font-size: 16px;
  }
  .box-head-day {
    font-size: 14px;
  }
  table.livedraw td {
    padding: 10px 0px 10px 0px;
  }
  .box-value {
    font-size: 18px;
  }
  .animated-gif {
    width: 22px;
    height: auto;
  }
  .box-head-macau {
    font-size: 12px;
  }
  .box-value-macau {
    padding: 0%;
    font-size: 14px;
  }
  .box-value-macau-red {
    padding: 0%;
    font-size: 14px;
  }

  .imgsizeld {
    padding: 0;
  }
  .imgsizeldlogo {
    width: 37%;
    padding: 2px;
  }
}

@media screen and (max-width: 600px) {
  .imgsizeldlogo {
    width: 60%;
    padding: 2px;
  }
}
/* @media screen and (max-width: 800px) {
  .imgsizeldlogo {
    width: 60%;
    padding: 2px;
  }
} */