/* GLOBAL STYLE */
* {
  font-family: "Times New Roman", Times, serif;
  box-sizing: border-box;
  padding: 0%;
  margin: 0%;
}

body {
  background-color: black;
  color: white;
}

a {
  color: white;
  text-decoration: none;
}

h2 {
  color: #fff;
  font-size: 15px;
  text-align: center;
}

p {
  margin: 0 0 0px;
}

.f8 {
  font-size: 0.5rem;
}

.f10 {
  font-size: 0.625rem;
}

.f12 {
  font-size: 0.75rem;
}

.f14 {
  font-size: 0.875rem;
}

.f15 {
  font-size: 0.938rem;
}

.f16 {
  font-size: 1rem;
}

.f18 {
  font-size: 1.125rem;
}

.f20 {
  font-size: 1.25rem;
}

.f22 {
  font-size: 1.375rem;
}

.f24 {
  font-size: 1.5rem;
}

.f34 {
  font-size: 2.125rem;
}

.f30 {
  font-size: 1.875rem;
}

.f35 {
  font-size: 2.125rem;
  line-height: 57px;
}

.f50 {
  font-size: 3.125rem;
  line-height: 65px;
}

.f64 {
  font-size: 4rem;
  line-height: 71px;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

.blue {
  color: rgb(0, 0, 255);
}

.red {
  color: red;
}

.green {
  color: green;
}

.black {
  color: #000;
}

.success_btn {
  height: 40px;
  width: auto;
  background-color: #18a707;
  color: #fff;
  border: solid 3px #18a707;
  border-radius: 20px;
  padding: 0px 10px;
}

.info_btn {
  height: 40px;
  width: auto;
  background-color: #0088cc;
  color: #fff;
  border: solid 3px #0088cc;
  padding: 0px 10px;
  border-radius: 20px;
}

.danger_btn {
  height: 40px;
  width: auto;
  background-color: red;
  color: #fff;
  border: solid 3px red;
  padding: 0px 10px;
  border-radius: 20px;
}

.bg-black {
  background: #000;
}
/* GLOBAL STYLE */

/* HEAD STYLE */
.king h1 {
  text-align: center;
  margin-top: 10px;
  background-color: yellow;
  color: #000;
}

.king-heading h2 {
  text-align: center;
  margin-top: 10px;
  background-color: #0095ff;
  border: 2px solid #fff;
  padding: 7px;
  color: #fff;
  font-size: 26px !important;
}

.style1 {
  text-align: center;
  background-color: #fff;
  width: 100%;
  padding-top: 7px;
}

.style1-heading {
  font-weight: bold;
  color: #000;
  font-size: 20px;
}

.select-date {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.ad-banner {
  background-color: #fff;
  color: white;
  font-weight: bold;
  font-size: large;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 2px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}

.ad-banner-black {
  color: #000;
}

.description {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* HEAD STYLE */

/* HOTLINK */
.drag {
  background-color: #0c62ad;
  text-align: center;
  text-shadow: 1px 1px blue;
  font-size: 20px;
  border: 2px solid lime;
}

.drag h2 {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #f5eeee;
}

.drag a {
  color: #fff;
  font-size: 25px;
}

.list {
  background-color: #ffffff;
  color: #ffffff;
  border-style: double;
  border-color: #990033;
}

.list a {
  text-decoration: none;
  color: #11499d;
  font-size: 18px;
}

.footer {
  background-color: red;
  border: 4px solid #000;
  text-align: center;
}

.pages {
  width: 100%;
  text-align: center;
}

.pages a {
  text-decoration: none;
  text-align: center;
  color: #fff;
}

.pages td {
  padding: 8px 5px 8px 5px;
  text-align: center;
  background-color: #ff5e00;
  border: 2px solid #000;
}
/* HOTLINK */

/* FOOTER */
.footer-pages {
  width: 100%;
  text-align: center;
}
.footer-pages td {
  padding: 8px 5px 8px 5px;
  text-align: center;
  background-color: #c2160d;
  border: 2px solid #fff;
}
.bus {
  color: #fff;
  background-color: red;
  font-weight: bold;
}
.bookmark {
  background-color: #ff0;
  color: white;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 2px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.bookmark font {
  size: 3;
  color: #000;
}
/* FOOTER */

/* TABLE */
.month {
  width: 200px;
  height: 60px;
}

.chart {
  width: 100%;
  overflow-x: scroll;
  margin: auto;
  color: #cccccc;
}

.rtable {
  border: 1px thin;
  text-align: center;
  width: 100%;
}

.nrtable {
  width: 100%;
}
.nrtable th {
  border: 1px solid #000;
  background-color: blue;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
}
.nrtable td {
  border: 1px solid #000;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  text-align: center;
  background-color: #fff;
}
.nrtable-fon {
  background-color: #b76856 !important;
  color: #000 !important;
}
.nrtable-date {
  background-color: #cec4eb !important;
}
.rtable td {
  border: 1px solid #000;
  color: #000;
}
.rtable th {
  border-color: #000;
  background-color: #cc4c1a;
  color: #cccccc;
  font-size: 15px;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
}
/* TABLE */

/* LIST */
.list {
  background-color: #ffffff;
  color: #ffffff;
  border-style: double;
  border-color: blue;
  text-align: center;
  padding: 5px;
  border-radius: 19px;
}
.list a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}

.content {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: #0008ff;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.content h3 {
  color: red;
  font-size: 21px;
  font-weight: bold;
}
.content a {
  color: Red;
}
.content p {
  font-size: 15px;
  text-align: justify;
}
.livegame {
  color: #ff0088;
  font-size: 34px;
  font-weight: bold;
}
.liveresult {
  color: green;
  font-size: 34px;
  font-weight: bold;
}
.style5 {
  color: red;
  font-size: 20px;
  font-weight: bold;
}
.style6 {
  color: blue;
  font-size: 15px;
  font-weight: bold;
}
.style7 {
  color: darkgreen;
  font-size: 15px;
  font-weight: bold;
}
/* LIST */

/* LINK */
.quicklink {
  text-align: center;
  font-weight: bold;
  margin: 18px 0 18px 0;
}
.quicklink a {
  text-decoration: none;
  background-color: yellow;
  border-radius: 10px;
  border-color: red;
  padding: 9px;
  color: #000;
}
.gamefull {
  padding: 0 1px 0 1px;
  border: 1px solid black;
  background-color: #bf5010;
  text-align: center;
}
.gamefull p {
  color: yellow;
}
.gamefull a {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.gamefull-result {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.gamehalf {
  padding: 3px 1px 3px 1px;
  border: 1px solid black;
  min-height: 110px;
  text-align: center;
  background-color: #f5ecce;
}
.gamehalf a {
  color: red;
  font-size: 17px;
  font-weight: bold;
}
.gamehalf p {
  color: #000;
  font-weight: bold;
}
.gamehalf-result {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.hr-border {
  margin-top: 11px;
  margin-bottom: 11px;
  border: 0;
  border-top: 1px solid #f30a0a;
}
/* LINK */

/* CENTER PART */
.center-part {
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* CENTER PART */

/* DETAIL */
.detail-container {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* DETAIL */

/* NO ADVANCE */
.no_advance {
  background-color: #fbfb7d;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* NO ADVANCE */

/* DOWNLOAD */
.download_container {
  background-color: yellow;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}

.download_container2 {
  background-image: linear-gradient(to bottom, rgb(253 245 9 / 93%), #ff0000);
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: red;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* DOWNLOAD */

/* WARNING */
.warning_container {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: blue;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* WARNING */

/* NOTICE BOARD */
.notice_board_container {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-style: bold;
  font-size: large;
  text-decoration: none;
  border-width: 3px;
  border-color: #0008ff;
  border-style: outset;
  margin: 3px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
/* NOTICE BOARD */
