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

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

body {
  line-height: 1;

}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table caption {
  display: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ellipsis {
  display: inline-block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.ui-tooltip {
  background: #ffd424 !important;
  color: #000 !important;
  font-weight: 600 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html,
body {
  /*background-color: #000;*/
  padding: 0;
  margin: 0;
  color: #eee;
  font-size: 14px;
  -webkit-text-size-adjust: none;
}
a {
  color: #eee;
  font-size: 14px;
  text-decoration: none;
}
#gnb {
  position: fixed;
  /*background: #36312f;*/
  background-image:url(/images/gnb-bg-mobile.jpg);
  top: 0;
  bottom: 0;
  right: -310px;
  width: 240px;
  height: 100%;
  /*-webkit-transition: all 0.4s ease-out;*/
  /*-o-transition: all 0.4s ease-out;*/
  /*transition: all 0.4s ease-out;*/
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 99;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
  -webkit-overflow-scrolling: touch;
}
#gnb.on {
  right: 0;
}
#gnb .user-box {
  position: relative;
  height: 50px;
  line-height: 50px;
  background: rgba(0,0,0,0.5);
  padding-left: 40px;
}
#gnb .user-memo {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: rgba(0,0,0,0.1);
  padding-left: 40px;
  border-top: solid 1px rgba(255,255,255,0.1);
  border-bottom: solid 1px rgba(255,255,255,0.1);
}
#gnb .user-memo .qna {
  display: inline-block;
  width: 104px;
}
#gnb .user-memo .btn {
  position: absolute;
  right: 10px;
  padding: 0;
  width: 80px;
  text-align: center;
  top: 7px;
}
#gnb .gnb-btn {
  overflow: hidden;
  border-top: solid 1px rgba(255,255,255,0.1);
  border-bottom: solid 1px rgba(0,0,0,0.2);
}
#gnb .gnb-btn div {
  width: 50%;
  padding: 15px 0;
  text-align: center;
}
#gnb .gnb-btn div .btn {
  padding: 0;
  text-align: center;
  width: 80px;
  border-radius: 5px;
}
#gnb .gnb-btn div.btn-deposit {
  padding-left: 5px;
  float: left;
}
#gnb .gnb-btn div.btn-withdraw {
  padding-right: 5px;
  float: right;
}
#gnb ul li {
  border-top: solid 1px rgba(255,255,255,0.1);
  border-bottom: solid 1px rgba(0,0,0,0.2);
}
#gnb ul li a {
  display: block;
  padding-left: 40px;
  height: 42px;
  line-height: 42px;
}
#gnb ul li.on {
  background: #222;
}
#league {
  background: #444648;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 200px;
  height: 100%;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 8;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 60px;
}
#league.on {
  left: calc(100% - 200px);
}
#league img {
  vertical-align: middle;
}
#league li {
  display: block;
}
#league ul {
  display: none;
}
#league ul.on {
  display: block;
}
#league p {
  width: 200px;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  background: #363537;
  margin: 1px 0;
  font-size: 13px;
}
#league p .cnt {
  float: right;
  display: block;
  background-color: #dc0405;
  height: 18px;
  line-height: 18px;
  padding: 0 7px;
  border-radius: 10px;
  margin-top: 10px;
}
#league p.top {
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  background: #262527;
}
#league p.top .cnt {
  margin-top: 12px;
}
#league p.title {
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

#league p.league {
  padding-left: 16px;
  background: #565658;
}
.container {
  /*padding-bottom: 50px;*/
}
header{
  position: relative;
  height: 50px;
  line-height: 80px;
  background: #111522;
  padding: 0 10px;
  z-index: 7;
}
footer {
  position: relative;
  height: 50px;
  line-height: 50px;
  background: -webkit-linear-gradient(180deg, #3d3d3d, #262626);
	background:    -moz-linear-gradient(180deg, #3d3d3d, #262626);
	background:     -ms-linear-gradient(180deg, #3d3d3d, #262626);
	background:      -o-linear-gradient(180deg, #3d3d3d, #262626);
	background:         linear-gradient(180deg, #3d3d3d, #262626);
  padding: 0 10px;
  z-index: 7;
}
header h1,
footer h1 {
  background: url("/images/m/icon/mlogo.png") center center no-repeat;
  background-position: -10% 80%;
  background-size: 50%;
  text-align: center;
  height: 45px;
  font-weight: 600;
  font-size: 18px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.user-info {
  height: 40px;
  line-height: 40px;
  background: #111522;
  padding: 0 10px;
}
.user-info .user-name {
  float: left;
}
.user-info .user-point {
  float: right;
}
.user-info .user-point em {
  color: #ee5f5b;
}
.user-info .user-point .btn {
  font-size: 13px;
}
.user-info .money {
  background: url("/images/icon_money.png") left center no-repeat;
  padding-left: 18px;
}
.user-info .point {
  margin-left: 10px;
  background: url("/images/icon_point.png") left center no-repeat;
  padding-left: 18px;
}
.user-id {
  color: #51b2dc;
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
}
footer em {
  display: inline-block;
  background: #000;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}

#btn-menu,
#btn-close,
#btn-home {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: 5px;
  /*right: 10px;*/
  background-size: 40px ;
  text-indent: -999px;
}
#btn-cart {
  position: absolute;
  display: block;
  width: 60px;
  height: 40px;
  top: 0px;
  right: 10px;
  color: white;
}

#btn-cart#btn-menu,
#btn-menu#btn-menu,
#btn-close#btn-menu,
#btn-home#btn-menu {
  /*right: auto;*/
  /*left: 10px;*/
  /*background: url("/images/m/btn-menu.png") center center no-repeat;*/
  background: url("/images/main_top_btn1.png") center center no-repeat;
  background-position: right;
  background-size: 40px ;
}
#btn-cart#btn-close,
#btn-menu#btn-close,
#btn-close#btn-close,
#btn-home#btn-close {
  background: url("/images/m/icon/close02.png") center center no-repeat;
  background-size: 20px;
}
#btn-cart#btn-home,
#btn-menu#btn-home,
#btn-close#btn-home,
#btn-home#btn-home {
  background: url("/images/m/icon/ios7-keypad-outline.png") center center no-repeat;
  background-size: 40px ;
}
#layout-wrap {
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
}
#layout-box {
  top: 50%;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 99999;
  height: 546px;
  margin-top: -286px;
  margin-bottom: 200px;
}
#layout-box img {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  display: block;
  margin: 20px auto;
}
.paging {
  text-align: center;
  padding: 28px 0;
  margin: 0 auto;
  clear: both;
}
.paging a,
.paging em {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  width: auto;
  padding: 0;
  text-align: center;
  border: solid 1px #444;
}
.paging a.prev,
.paging em.prev {
  float: left;
  width: 36%;
  margin-right: 10px;
  background: gray-darker;
  border-radius: 15px;
}
.paging a.next,
.paging em.next {
  float: right;
  width: 36%;
  margin-left: 10px;
  background: gray-darker;
  border-radius: 15px;
}
.paging em {
  border: none;
}
@media (orientation: landscape) {
  #login .login-wrap {
    top: 0 !important;
    margin-top: 0 !important;
  }
  #layout-box {
    top: 50px !important;
    margin-top: 0 !important;
  }
  td.land {
    display: table-row;
  }
}
#league-btn,
#btn-top,
#ac-btn,
#btn-reload {
  position: fixed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  right: 10px;
  background: #f00;
  opacity: 0.7;
  border-radius: 50px;
  text-shadow: -1px -1px 1px rgba(0,0,0,0.6);
  -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
  box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
  border: solid 1px rgba(255,255,255,0.1);
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-align: center;
  font-weight: 600;
  color: #fff;
}
#league-btn {
  z-index: 8;
  bottom: 120px;
}
#ac-btn {
  z-index: 8;
  bottom: 60px;
}
#league-btn.on {
  right: 200px;
  opacity: 1;
}
#btn-reload {
  background: url("/images/icon-reload.png") center center no-repeat #565658;
  z-index: 8;
  opacity: 0.8;
  bottom: 120px;
  right: 70px;
}
#btn-top {
  right: 70px;
  bottom: 60px;
  background: #565658;
  opacity: 0;
}
#btn-top.show {
  opacity: 0.8;
}

/* .btn { */
  /* cursor: pointer; */
  /* display: inline-block; */
  /* background: #827171; */
  /* height: 26px; */
  /* line-height: 26px; */
  /* padding: 0 10px; */
  /* color: #fff; */
/* } */

.btn.on {
  background: #262527;
}
.btn-big {
  margin-bottom: 4px;
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
  background: #444;
}
.btn01 {
  background: #104d75;
}
.btn01.on {
  background: #004777;
}
.btn02 {
  background: #5a9bfb!important;
    color: #fff;
}
.btn02.on {
  background: #9b3000;
}
.btn03 {
  background: #357920;
}
.btn03.on {
  background: #900a08;
}
.btn18 {
  background: #363c50;
}
.btn18.on {
  background: #363c50;
}
.color0 {
  color: #fff !important;
}
.color01 {
  color: #5bc0de !important;
}
.color02 {
  color: #ee5f5b !important;
}
.color03 {
  color: #f89406 !important;
}
.color04 {
  color: #62c462 !important;
}
.main {
  /*padding-bottom: 80px;*/
}
.main h2 {
  text-align: center;
  font-size: 60px;
  font-family: font-eng;
  font-weight: 800;
  margin: 30px 0 20px 0;
  text-shadow: 1px 1px 20px #000;
}
.main .main-menu {
  text-align: center;
}
.main .main-menu a {
  display: inline-block;
  font-size: 12px;
  opacity: 0.8;
  /*margin: 4px 2px;*/
  /*width: 94px;*/
  /*height: 50px;*/
  /*background-color: #8e3434;*/
  border-radius: 10px;
  /*-webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.5);*/
  /*box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.5);*/

  /*border-left: solid 1px rgba(255,255,255,0.1);*/
  /*border-top: solid 1px rgba(255,255,255,0.1);*/
  /*border-right: solid 1px rgba(0,0,0,0.8);*/
  /*border-bottom: solid 1px rgba(0,0,0,0.8);*/

}
main.page {
  padding: 10px;
  padding-bottom: 50%;
  padding-top: 136px;
}
main.page h2 {
  font-size: 16px;
}
.tab-sports {
  margin-bottom: 10px;
}
.box {

  background: rgb(42 42 42 / 60%);
  border-radius: 10px;
  padding: 20px;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: 20px;
}
.box h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.box h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.box h5 {
  font-size: 14px;
  margin-bottom: 10px;
}
.event {
  padding: 20px;
  background: #ffd424;
  border-radius: 10px;
  color: #000;
  margin-bottom: 20px;
}
.amount {
  text-align: center;
  margin-bottom: 20px;
}
.amount .btn {
  width: 24%;
  height: 36px;
  line-height: 36px;
  margin: 1px -1px;
  padding: 0;
  text-align: center;
}
.command {
  margin-bottom: 20px;
}
.command .btn {
  width: 100%;
}
.wrap label {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.wrap label span {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
input,
select,
textarea {
  color: #fff;
  width: 100%;
  padding: 0 15px;
  height: 44px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 4px;
  border: solid 1px #444;
  background: rgba(0,0,0,0.5);
}
textarea {
  padding: 15px;
  height: 200px;
}
img {
  vertical-align: middle;
}

.pc {
  padding: 10px;
}
.memo-cnt {
  display: inline-block;
  padding: 0 7px;
  height: 20px;
  line-height: 20px;
  background: #ce0f0b;
  border-radius: 10px;
  font-size: 13px;
}
.lv {
  display: inline-block;
  background: #623c3c;
  height: 20px;
  line-height: 20px;
  width: 36px;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  font-size: 12px;
  border-radius: 2px;
}
.tab-menu {
  /*height: 40px;*/
  /*margin-top:16px;*/
  width: 100%;
  /*border-bottom: solid 1px #3a3e41;*/
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.tab-menu .tab-menu-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 0;
}
.tab-menu .tab-menu-wrap a {
  width: 20%;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: linear-gradient(to bottom, #272e3e, #11161a 100%);
}
.tab-menu .tab-menu-wrap a.on {
  background: #2a2f35;
  -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.8);
  box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.8);
}

.tab-menu2 {
  text-align: center;
  width: 100%;
  border-bottom: solid 1px rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.5);
  display: table;
}
.tab-menu2 a {
  display: table-cell;
  width: 18%;
  height: 40px;
  line-height: 40px;
}
.tab-menu2 a.on {
  color: #ee5f5b;
}
#layout-load {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 999;
}
ul.list {
  margin-bottom: 20px;
}
ul.list li {
  border-bottom: solid 1px rgba(255,255,255,0.1);
  display: block;
  padding: 10px 0;
}
ul.list li .title {
  line-height: 1.6;
  padding-bottom: 10px;
}
ul.list li .title .hit {
  color: #ee5f5b;
}
ul.list li .title .new,
ul.list li .title .bet {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  margin: 0 1px;
  text-align: center;
  font-size: 10px;
  font-family: Arial;
}
ul.list li .title .new.new,
ul.list li .title .bet.new {
  background-color: #c8232c;
}
ul.list li .title .new.bet,
ul.list li .title .bet.bet {
  background-color: #389638;
}
ul.list li .date {
  float: right;
}
ul.list li .label {
  display: inline-block;
  background: #ffd424;
  height: 20px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  width: 70px;
  border-radius: 0;
  color: #000;
  text-align: center;
}
ul.list li.contents {
  padding: 0;
  background: #444;
  display: none;
}
ul.list li.contents h5 {
  font-size: 15px;
  padding: 10px;
  line-height: 1.6;
  background: rgba(0,0,0,0.5);
}
ul.list li.contents p {
  padding: 20px 10px;
  position: relative;
  line-height: 1.6;
}
ul.list li.contents p .btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.cal-title {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.cal-title span {
  display: inline-block;
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  padding: 0 20px;
}
.cal-title .btn {
  padding: 0;
  width: 60px;
}
ul.calendar {
  width: 100%;
  display: block;
  margin-left: 4px;
}
ul.calendar li {
  display: table-cell;
  float: left;
  width: 14.28%;
  border: solid 1px #272b30;
  margin-left: -1px;
  margin-top: -1px;
  height: 70px;
  background: #30353c;
  text-align: right;
  padding: 10px;
  font-size: 16px;
}
ul.calendar li.blank {
  background: none;
}
ul.calendar li.check {
  background: url("/images/check.png") center 24px no-repeat #30353c;
  background-size: 35px 36px;
}
ul.calendar li:nth-child(7n + 1) {
  color: #f30;
}
ul.calendar li:nth-child(7n + 0) {
  color: #48f;
}
ul.calendar li.th {
  background: #1f2226;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  padding: 0;
}
table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  border-top: solid 1px rgba(255,255,255,0.2);
}
table th,
table td {
  vertical-align: middle;
  text-align: center;
  height: 34px;
}
table th.land,
table td.land {
  display: none;
}
table th {
  height: 38px;
  background: rgba(0,0,0,0.5);
}
table.view {
  -webkit-box-shadow: none;
  box-shadow: none;
}
table.view th {
  text-align: left;
}
table.view th p {
  font-size: 15px;
  padding: 10px 0;
  line-height: 1.6;
}
table.view td {
  background: none;
  border-bottom: solid 1px #464547;
  padding: 10px 20px;
}
table.view td .date {
  display: block;
  height: 20px;
  line-height: 20px;
  background: url("/images/icon_time.png") left center no-repeat;
  padding-left: 16px;
  float: right;
}
table.view td.contents,
table.view td.user {
  text-align: left;
  padding: 10px 0;
  line-height: 1.6;
}
.comment textarea {
  width: calc(100% - 80px);
  height: 80px;
}
.comment .btn {
  float: right;
  width: 80px;
  height: 80px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0 4px 4px 0;
}
.comments > div {
  overflow: hidden;
  border-bottom: solid 1px rgba(255,255,255,0.1);
  padding: 10px;
}
.comments > div .date {
  margin-top: 6px;
  display: block;
  height: 20px;
  line-height: 20px;
  background: url("/images/icon_time.png") left center no-repeat;
  padding-left: 16px;
}
.comments > div .user {
  float: left;
  width: 160px;
}
.comments > div .title {
  position: relative;
  padding-left: 160px;
}
.comments > div .title p {
  color: #fff;
  line-height: 1.6;
}
.comments > div .title .icon_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 21px;
  background: url("/images/icon_delete.png") center center no-repeat #dc0405;
}
table.game {
  border: none;
}
table.game tbody.group:before {
  content: '';
  display: block;
  height: 15px;
  background: none;
}
table.game tr.off td.bet {
  background: url("/images/lock2.png") 75% 50% no-repeat #464547 !important;

}
table.game td {
  height: auto;
  padding: 7px;
  font-size: 12px;
  border-left: solid 1px rgba(255,255,255,0.1);
  border-top: solid 1px rgba(255,255,255,0.1);
  border-right: solid 1px rgba(0,0,0,0.8);
  border-bottom: solid 1px rgba(0,0,0,0.8);
}
table.game td .ellipses {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.game td.home {
  color: #fff;
  text-align: left;
}
table.game td.home .odds {
  display: block;
  text-align: right;
  font-weight: 600;
  color: #ee5f5b;
}
table.game td.draw {
  padding: 0;
  background: #262527;
}
table.game td.draw.bet {
  color: #ee5f5b;
  font-weight: 600;
}
table.game td.away {
  color: #fff;
  text-align: right;
}
table.game td.away .odds {
  display: block;
  text-align: left;
  font-weight: 600;
  color: #ee5f5b;
}
table.game td.off {
  background: #222;
}
table.game td.bet {
  position: relative;
  background: #363942;
}
table.game td.bet p {
  margin-bottom: 6px;
}
table.game td.bet a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
table.game td.on {
  background: #F2BE31!important;
  color: #000 !important;
}
table.game td.on * {
  color: #000 !important;
}
table.game td.hit {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}
table.game td .odds .over {
  background: url("/images/icon_over.gif") left center no-repeat;
  padding-left: 20px;
  font-weight: normal;
  color: #f03300;
  margin: 0 6px;
}
table.game td .odds .under {
  background: url("/images/icon_under.gif") right center no-repeat;
  padding-right: 20px;
  font-weight: normal;
  color: #0af;
  margin: 0 6px;
}
table.game td .odds .handy {
  font-weight: normal;
  color: #62c462;
}
table.game td.score {
  color: #fff;
  -webkit-box-shadow: inset 0 0 40px 1px #000;
  box-shadow: inset 0 0 40px 1px #000;
  /*padding: 0;*/
}
table.game .league {
  text-align: left;
  background: #303030;
  height: 38px;
  /*background: none;*/
  border: none;
  /*border-top-left-radius: 20px;*/
}
table.game .league p {
  /*display: inline-block;*/
}
table.game .league p .date {
  color: #3ba4ff;
  padding-left: 10px;
}
table.game .league .btn {
  float: right;
  position: relative;
  margin-top: 5px;
  padding: 0;
  /*width: 42px;*/
  text-align: center;
  font-size: 15px;
  color: #fff600;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
}
table.game .league .btn em {
  /*background: rgba(0,0,0,0.5);*/
  /*position: absolute;*/
  right: 1px;
  top: 1px;
  height: 22px;
  line-height: 22px;
  width: 40px;
  padding-right: 6px;
  text-align: right;
}
table.game .league .date {
  float: right;
  display: block;
  height: 24px;
  line-height: 24px;
}
table.game .league .rest-time {
  float: right;
}
table.game .betInfo {
  border: none;
  text-align: left;
  padding: 10px 0 20px 0;
}
table.game .betInfo p {
  display: inline-block;
  width: 49%;
  color: #fff;
  line-height: 1.6;
}
table.game .betInfo p .hit {
  color: #f60;
}
table.game .betInfo .btn-box {
  text-align: center;
  margin-top: 10px;
}
table.game td.bet2 {
  position: relative;
  background: #585858;
}
table.game td.bet2 p {
  margin-bottom: 6px;
}
table.game td.bet2 a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
table.game td.bet2 on {
  background: #7584b7;
}
.zone {
  padding: 10px 0;
}
.zone .timer {
  padding: 0px;
  height: 30px;
  overflow: hidden;
  border: solid 2px #8b3c74;
  border-radius: 10px;
  background-color: #4e294b;
  margin-bottom: 20px;
}
.zone .timer em {
  display: inline-block;
  height: 40px;
  padding-left: 100px;
  line-height: 22px;
  /*font-size: 16px;*/
  color: #f05cb7;
}
.zone .timer .timer-box {
  display: inline-block;
  float: right;
}
.zone .timer .flip-clock-divider .flip-clock-label {
  display: none;
}
#zoneBox {
  position: relative;
  overflow: hidden;
}
#zoneBox > div {
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
#zoneButton {
  margin: 0 auto;
  width: 100%;
  padding: 4px 5px;
  background: #bbb;
  border: solid 1px #acacac;
  border-radius: 4px;
  text-align: left;
}
#zoneButton a {
  display: inline-block;
  color: #222;
  font-weight: 600;
  text-shadow: 1px 1px 1px #fff;
  padding: 0 20px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border: solid 1px transparent;
}
#zoneButton a.on,
#zoneButton a:hover {
  background: #197d5f;
  border-color: #116249;
  border-radius: 3px;
  color: #fff;
  text-shadow: none;
}
#cart-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 50px;
  background: #151515;
  z-index: 6666;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#cart-wrap.on {
  height: 70%;
}
#cart-wrap .cart-slip {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
#cart-wrap footer {
  border-top: solid;
  position: relative;
}
#cart-wrap .cart-item > div {
  position: relative;
  padding: 10px;
  border-top: solid 1px rgba(255,255,255,0.1);
  border-bottom: solid 1px rgba(0,0,0,0.3);
  overflow: hidden;
}
#cart-wrap .cart-item > div p {
  height: 24px;
  line-height: 24px;
}
#cart-wrap .cart-item > div.bonus p {
  width: 100%;
  text-align: center;
  color: #ee5f5b;
}
#cart-wrap .cart-item > div .team {
  float: left;
}
#cart-wrap .cart-item > div .team img {
  vertical-align: middle;
}
#cart-wrap .cart-item > div .odds {
  color: #4a98be;
  float: right;
  padding-right: 36px;
}
#cart-wrap .cart-item > div .btn {
  background: #b90304;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-align: center;
}
#cart-wrap .cart-odds {
  padding: 10px;
  border-top: solid 1px rgba(255,255,255,0.1);
  border-bottom: solid 1px rgba(0,0,0,0.3);
}
#cart-wrap .cart-odds p {
  height: 24px;
  line-height: 24px;
}
#cart-wrap .cart-odds p span {
  float: right;
}
#cart-wrap .cart-odds p span em {
  color: #ee5f5b;
}
#cart-wrap .cart-odds p span input {
  width: 82px;
  height: 20px;
  background: #000;
  border: 0;
  padding: 0;
  border-radius: 0;
  outline: 0;
  text-align: right;
  color: #ee5f5b;
}
#cart-wrap .cart-amount {
  padding: 10px;
  overflow: hidden;
}
#cart-wrap .cart-amount li {
  float: left;
  width: 25%;
  padding: 1px;
}
#cart-wrap .cart-amount .btn {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
#cart-wrap .cart-betting {
  padding: 0 10px;
}
#cart-betting-sum {
  width: 100%;
  top: 0;
  z-index: 5;
  position: fixed;
}
#cart-betting-sum_Fixed {
  position: fixed;
  top: 0px;
}

.ladder-result {
  background: url("/images/ladder-result.png");
  display: inline-block;
  width: 26px;
  height: 26px;
}
.ladder-result.s1 {
  background-position: 0 0;
}
.ladder-result.s2 {
  background-position: -26px 0;
}
.ladder-result.s3 {
  background-position: -52px 0;
}
.ladder-result.s4 {
  background-position: -78px 0;
}
.lowhi-result {
  background: url("/images/lowhi-result.png");
  display: inline-block;
  width: 50px;
  height: 25px;
}
.lowhi-result.s1 {
  background-position: 0 0;
}
.lowhi-result.s2 {
  background-position: -50px 0;
}
.lowhi-result.s3 {
  background-position: -100px 0;
}
.lowhi-result.s4 {
  background-position: -150px 0;
}
#timer {
  line-height: 1;
  display:flex;
  text-align: center;
  text-shadow: 0 1px 2px #000;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

#login .login-wrap {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -250px;
  padding: 30px 20px;
}
#login .login-wrap.login-join {
  top: 0;
  margin-top: 0;
}
#login h1 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #fff;
}
#login label {
  position: relative;
}
#login label p {
  font-size: 12.5px;
  padding-bottom: 10px;
  line-height: 1.4;
}
#login label .bul {
  position: absolute;
  right: 10px;
  top: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/images/btn_join.png") center left no-repeat;
}
#login label .bul.bul-ready {
  background-position: -20px 0;
}
#login label .bul.bul-error {
  background-position: -40px 0;
}
#login .command {
  margin-top: 20px;
}
#login .btn-login {
  background: #59a735;
}
#login .btn-join {
  border: 1px solid #aaa;
}
#login .copyright {
  text-align: center;
  margin-top: 40px;
  font-size: 11px;
  color: #888;
}
#login .copyright span {
  color: #ccc;
}
.spinner {
  width: 20px;
  height: 20px;
  background-color: #ee3729;
  -webkit-animation: sk-rotate 1.6s infinite ease-in-out;
  -o-animation: sk-rotate 1.6s infinite ease-in-out;
  animation: sk-rotate 1.6s infinite ease-in-out;
}
.loading {
  width: 100px;
  height: 100px;
  background: url("/images/m/loading.png") center center no-repeat;
  -webkit-animation: sk-span 2s infinite linear;
  -o-animation: sk-span 2s infinite linear;
  animation: sk-span 2s infinite linear;
}
@-webkit-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@-moz-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-o-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-moz-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
.sideTopIcon{
  padding-bottom:3px;
}

.sideIcon{
  padding-bottom:3px;
  padding-right:20px;
}

.mainIcon{
  padding-top:14px;
}

.inputCheckbox{
  vertical-align: middle;
  width:18px;
  height: 15px;
}

.vAlign{
  vertical-align: middle;
}

.li_color {
  background-color: #111522;
}

.li_color1 {
  background-color: #111522;
}

.li_color2{
  background-color: #222936;
}

.betListTh {
  border-radius: 5px;
  background-color: #bf0000;
}

.main_icon1{
  /*background-color: #272e3e;*/
  display: flex;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.25);
}
.main_icon1 li{
  padding-bottom:5px;
  width:20%;
}
.main_icon2{
  /*background-color: #272e3e;*/
  display: flex;
  width: 100%;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.25);
}
.l_line25{
  border-left: 1px solid;
  border-color: rgba(204, 204, 204, 0.25);
}
.r_line25{
  border-right: 1px solid;
  border-color: rgba(204, 204, 204, 0.25);
}
.main_icon2 li{
  padding-bottom:5px;
  width:20%;

}
.main_banner{
  display: flex;
  width: 100%;
}
.main_banner li{
  padding-top:8px;
  margin: 6px;
  border-radius: 6px;
  /*border: 1px solid;*/
  width:50%;
}
.main_icon3{
  display: flex;
  width: 100%;
}
.main_icon3 li{
  margin: 6px;
  border-radius: 6px;
  /*border: 1px solid;*/
  width:25%;
}
.inGame01 {
  background-color: #25765c;
}

.inGame02 {
  background-color: #666666;
}

.inGame03 {
  background-color: #585858;
}

#top_scroll_menu {margin:0 10px 0px 10px;}
#top_scroll_menu ul {height:42px;}
.main_warp .main_top_menu {background:#272e3e;text-align: center;position:relative;z-index:500;}
.main_warp .main_top_menu .menu_left_btn {position: absolute;z-index: 9999999999999;height: 100%;width: 50px;left:-25px; }
.pd0 {padding:0 !important;}

.game2 {
  background-color: #363c50;
  border-radius: 10px;
  height: 33px;
  border-left: solid 1px rgba(255,255,255,0.1);
  border-top: solid 1px rgba(255,255,255,0.1);
  border-right: solid 1px rgba(0,0,0,0.8);
  border-bottom: solid 1px rgba(0,0,0,0.8);
}

.livegamef {
  display: block;
}

.livegame { text-align:center; padding-top:30px;}
.livegame li {width: calc(50% - 10px); margin-right:10px; display:inline-block;}
.livegame li a { display:block; height:190px; text-align:center;}
.livegame li a img { display:inline-block; width:100%; max-width:150px;}
.livegame li a p { text-align:center; padding-top:5px; font-size:12px;}
.livegame li:nth-child(2n) { margin-right:0;}

.tab {overflow: hidden;}
.tab li {float: left;width:25%;padding:2px;}
.tab li span,
.tab li a { display: inline-block; text-align: center; width:100%;text-decoration: none; border-radius: 5px; color:#fff; font-size: 14px; transition:0.3s;border:1px solid #434343; background:#434343; line-height: 33px; box-sizing: border-box;cursor:pointer; font-size:11px;}
.tab li:last-child span,
.tab li:last-child a {margin-right:0;}
.tabcontent { display: none; }
ul.tab li.current span,
ul.tab li.current a { background:#2c8bdf; color: #fff; border:1px solid #2c8bdf; cursor:pointer;}
.tabcontent.current { display: block; }
.pd0_5 {padding:0 5px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mb10 { margin-bottom:10px!important;}

.bet_area li a {text-align:right; padding-right:10px;}
.bet_area li a .combin_ic {border-radius:5px;background-size: 30px;height: 40px;background-repeat: no-repeat;background-position: 15% 50%;line-height: 40px;}


.white_content {
  z-index:1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.white_content:target {
  opacity:1;
  pointer-events: auto;
}
.white_content > div {
  z-index: 98;
  position: absolute;
  text-align: center;
  top: 15%;
  left: 20%;
  width: 60%;
  height: 100%;
  padding: 16px;
  border: 0px solid orange;
  background-color: ;
  overflow: auto;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  display: inline-block;
  background-color:#363942;
  padding: 10px 10px;
  margin-top:5px;
  font-family: sans-serif, Arial;
  /*border: 2px solid #444;*/
  border-radius: 4px;
  width:90%;
}

.radio-toolbar input[type="radio"]:checked + label {
  background-color: #3e83a4;
  border-color: black;
}

.leagueItem {
  display: inline-block;
  width: 60%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}


/* -------------------------------
   4.0 Predefined CSS Setting
------------------------------- */

/* 4.1 Predefined Classes */

.row { margin: 0 -10px; }
.row > [class*="col-"] {  padding: 0 10px; }

.row.row-space-0 { margin: 0; }.row.row-space-2 { margin: 0 -1px; }.row.row-space-4 { margin: 0 -2px; }.row.row-space-6 { margin: 0 -3px; }.row.row-space-8 { margin: 0 -4px; }.row.row-space-10 { margin: 0 -5px; }.row.row-space-12 { margin: 0 -6px; }.row.row-space-14 { margin: 0 -7px; }.row.row-space-16 { margin: 0 -8px; }.row.row-space-18 { margin: 0 -9px; }.row.row-space-18 { margin: 0 -10px; }.row.row-space-22 { margin: 0 -11px; }.row.row-space-24 { margin: 0 -12px; }.row.row-space-26 { margin: 0 -13px; }.row.row-space-28 { margin: 0 -14px; }.row.row-space-30 { margin: 0 -15px; }.row.row-space-0 > [class*="col-"] {  padding: 0; }.row.row-space-2 > [class*="col-"] {  padding: 0 1px; }.row.row-space-4 > [class*="col-"] {  padding: 0 2px; }.row.row-space-6 > [class*="col-"] {  padding: 0 3px; }.row.row-space-8 > [class*="col-"] {  padding: 0 4px; }.row.row-space-10 > [class*="col-"] {  padding: 0 5px; }.row.row-space-12 > [class*="col-"] {  padding: 0 6px; }.row.row-space-14 > [class*="col-"] {  padding: 0 7px; }.row.row-space-16 > [class*="col-"] {  padding: 0 8px; }.row.row-space-18 > [class*="col-"] {  padding: 0 9px; }.row.row-space-20 > [class*="col-"] {  padding: 0 10px; }.row.row-space-22 > [class*="col-"] {  padding: 0 11px; }.row.row-space-24 > [class*="col-"] {  padding: 0 12px; }.row.row-space-26 > [class*="col-"] {  padding: 0 13px; }.row.row-space-28 > [class*="col-"] {  padding: 0 14px; }.row.row-space-30 > [class*="col-"] {  padding: 0 15px; }
.semi-bold { font-weight: 600; }
.overflow-auto { overflow: auto !important; }.overflow-hidden { overflow: hidden !important; }.overflow-visible { overflow: visible !important; }.overflow-scroll { overflow: scroll !important; }.overflow-x-hidden { overflow-x: hidden !important; }.overflow-x-visible { overflow-x: visible !important; }.overflow-x-scroll { overflow-x: scroll !important; }.overflow-y-hidden { overflow-y: hidden !important; }.overflow-y-visible { overflow-y: visible !important; }.overflow-y-scroll { overflow-y: scroll !important; }

.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }.m-1 { margin: 1px !important; }.m-2 { margin: 2px !important; }.m-3 { margin: 3px !important; }.m-4 { margin: 4px !important; }.m-5 { margin: 5px !important; }.m-6 { margin: 6px !important; }.m-7 { margin: 7px !important; }.m-8 { margin: 8px !important; }.m-9 { margin: 9px !important; }.m-10 { margin: 10px !important; }.m-11 { margin: 11px !important; }.m-12 { margin: 12px !important; }.m-13 { margin: 13px !important; }.m-14 { margin: 14px !important; }.m-15 { margin: 15px !important; }.m-20 { margin: 20px !important; }.m-21 { margin: 21px !important; }.m-22 { margin: 22px !important; }.m-23 { margin: 23px !important; }.m-24 { margin: 24px !important; }.m-25 { margin: 25px !important; }.m-30 { margin: 30px !important; }.m-35 { margin: 35px !important; }.m-40 { margin: 40px !important; }

.m-t-m-1 { margin-top: -1px !important; }.m-t-m-2 { margin-top: -2px !important; }.m-t-m-3 { margin-top: -3px !important; }.m-t-m-4 { margin-top: -4px !important; }.m-t-m-5 { margin-top: -5px !important; }.m-t-m-10 { margin-top: -10px !important; }.m-t-m-15 { margin-top: -15px !important; }.m-t-m-20 { margin-top: -20px !important; }.m-t-m-25 { margin-top: -25px !important; }
.m-t-0 { margin-top: 0px !important; }.m-t-1 { margin-top: 1px !important; }.m-t-2 { margin-top: 2px !important; }.m-t-3 { margin-top: 3px !important; }.m-t-4 { margin-top: 4px !important; }.m-t-5 { margin-top: 5px !important; }.m-t-6 { margin-top: 6px !important; }.m-t-7 { margin-top: 7px !important; }.m-t-8 { margin-top: 8px !important; }.m-t-9 { margin-top: 9px !important; }.m-t-10 { margin-top: 10px !important; }.m-t-11 { margin-top: 11px !important; }.m-t-12 { margin-top: 12px !important; }.m-t-13 { margin-top: 13px !important; }.m-t-14 { margin-top: 14px !important; }.m-t-15 { margin-top: 15px !important; }.m-t-16 { margin-top: 16px !important; }.m-t-17 { margin-top: 17px !important; }.m-t-18 { margin-top: 18px !important; }.m-t-19 { margin-top: 19px !important; }.m-t-20 { margin-top: 20px !important; }.m-t-21 { margin-top: 21px !important; }.m-t-22 { margin-top: 22px !important; }.m-t-25 { margin-top: 25px !important; }.m-t-30 { margin-top: 30px !important; }.m-t-31 { margin-top: 31px !important; }.m-t-32 { margin-top: 32px !important; }.m-t-33 { margin-top: 33px !important; }.m-t-34 { margin-top: 34px !important; }.m-t-35 { margin-top: 35px !important; }.m-t-36 { margin-top: 36px !important; }.m-t-37 { margin-top: 37px !important; }.m-t-38 { margin-top: 38px !important; }.m-t-39 { margin-top: 39px !important; }.m-t-40 { margin-top: 40px !important; }.m-t-41 { margin-top: 41px !important; }.m-t-42 { margin-top: 42px !important; }.m-t-43 { margin-top: 43px !important; }.m-t-44 { margin-top: 44px !important; }.m-t-45 { margin-top: 45px !important; }.m-t-46 { margin-top: 46px !important; }.m-t-47 { margin-top: 47px !important; }.m-t-48 { margin-top: 48px !important; }.m-t-49 { margin-top: 49px !important; }.m-t-50 { margin-top: 50px !important; }.m-t-60 { margin-top: 60px !important; }.m-t-70 { margin-top: 70px !important; }.m-t-80 { margin-top: 80px !important; }.m-t-90 { margin-top: 90px !important; }.m-t-100 { margin-top: 100px !important; }.m-t-150 { margin-top: 150px !important; }.m-t-160 { margin-top: 160px !important; }.m-t-170 { margin-top: 170px !important; }.m-t-180 { margin-top: 180px !important; }.m-t-190 { margin-top: 190px !important; }.m-t-200 { margin-top: 200px !important; }
.m-r-0 { margin-right: 0px !important; }.m-r-1 { margin-right: 1px !important; }.m-r-2 { margin-right: 2px !important; }.m-r-3 { margin-right: 3px !important; }.m-r-4 { margin-right: 4px !important; }.m-r-5 { margin-right: 5px !important; }.m-r-6 { margin-right: 6px !important; }.m-r-7 { margin-right: 7px !important; }.m-r-8 { margin-right: 8px !important; }.m-r-9 { margin-right: 9px !important; }.m-r-10 { margin-right: 10px !important; }.m-r-15 { margin-right: 15px !important; }.m-r-20 { margin-right: 20px !important; }.m-r-25 { margin-right: 25px !important; }.m-r-30 { margin-right: 30px !important; }.m-r-35 { margin-right: 35px !important; }.m-r-40 { margin-right: 40px !important; }.m-r-280 { margin-right: 280px !important; }
.m-b-0 { margin-bottom: 0px !important; }.m-b-1 { margin-bottom: 1px !important; }.m-b-2 { margin-bottom: 2px !important; }.m-b-3 { margin-bottom: 3px !important; }.m-b-4 { margin-bottom: 4px !important; }.m-b-5 { margin-bottom: 5px !important; }.m-b-6 { margin-bottom: 6px !important; }.m-b-7 { margin-bottom: 7px !important; }.m-b-8 { margin-bottom: 8px !important; }.m-b-9 { margin-bottom: 9px !important; }.m-b-10 { margin-bottom: 10px !important; }.m-b-11 { margin-bottom: 11px !important; }.m-b-12 { margin-bottom: 12px !important; }.m-b-13 { margin-bottom: 13px !important; }.m-b-14 { margin-bottom: 14px !important; }.m-b-15 { margin-bottom: 15px !important; }.m-b-20 { margin-bottom: 20px !important; }.m-b-25 { margin-bottom: 25px !important; }.m-b-30 { margin-bottom: 30px !important; }.m-b-35 { margin-bottom: 35px !important; }.m-b-40 { margin-bottom: 40px !important; }.m-b-50 { margin-bottom: 50px !important; }.m-b-100 { margin-bottom: 100px !important; }.m-b-110 { margin-bottom: 110px !important; }.m-b-120 { margin-bottom: 120px !important; }.m-b-130 { margin-bottom: 130px !important; }.m-b-150 { margin-bottom: 150px !important; }.m-b-200 { margin-bottom: 200px !important; }
.m-l-0 { margin-left: 0px !important; }.m-l-1 { margin-left: 1px !important; }.m-l-2 { margin-left: 2px !important; }.m-l-3 { margin-left: 3px !important; }.m-l-4 { margin-left: 4px !important; }.m-l-5 { margin-left: 5px !important; }.m-l-6 { margin-left: 6px !important; }.m-l-7 { margin-left: 7px !important; }.m-l-8 { margin-left: 8px !important; }.m-l-9 { margin-left: 9px !important; }.m-l-10 { margin-left: 10px !important; }.m-l-15 { margin-left: 15px !important; }.m-l-20 { margin-left: 20px !important; }.m-l-25 { margin-left: 25px !important; }.m-l-30 { margin-left: 30px !important; }.m-l-35 { margin-left: 35px !important; }.m-l-40 { margin-left: 40px !important; }.m-l-50 { margin-left: 50px !important; }.m-l-60 { margin-left: 60px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-80 { margin-left: 80px !important; }.m-l-90 { margin-left: 90px !important; }.m-l-100 { margin-left: 100px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-280 { margin-left: 280px !important; }.m-l-95 { margin-left: 95px !important; }.m-l-447 { margin-left: 447px !important; }
.mgmlr { margin-left: 77px !important; margin-right: 70px !important; }
.m-l-m-1 { margin-left: -1px !important; }.m-l-m-2 { margin-left: -2px !important; }.m-l-m-3 { margin-left: -3px !important; }.m-l-m-4 { margin-left: -4px !important; }.m-l-m-5 { margin-left: -5px !important; }
.p-0 { padding: 0px !important; }.p-1 { padding: 1px !important; }.p-2 { padding: 2px !important; }.p-3 { padding: 3px !important; }.p-4 { padding: 4px !important; }.p-5 { padding: 5px !important; }.p-6 { padding: 6px !important; }.p-7 { padding: 7px !important; }.p-8 { padding: 8px !important; }.p-9 { padding: 9px !important; }.p-10 { padding: 10px !important; }.p-15, .wrapper { padding: 15px !important; }.p-16 { padding: 16px !important; }.p-17 { padding: 17px !important; }.p-18 { padding: 18px !important; }.p-19 { padding: 19px !important; }.p-20 { padding: 20px !important; }.p-25 { padding: 25px !important; }.p-30 { padding: 30px !important; }.p-35 { padding: 35px !important; }.p-40 { padding: 40px !important; }
.p-t-0 { padding-top: 0px !important; }.p-t-1 { padding-top: 1px !important; }.p-t-2 { padding-top: 2px !important; }.p-t-3 { padding-top: 3px !important; }.p-t-4 { padding-top: 4px !important; }.p-t-5 { padding-top: 5px !important; }.p-t-6 { padding-top: 6px !important; }.p-t-7 { padding-top: 7px !important; }.p-t-8 { padding-top: 8px !important; }.p-t-9 { padding-top: 9px !important; }.p-t-10 { padding-top: 10px !important; }.p-t-11 { padding-top: 11px !important; }.p-t-12 { padding-top: 12px !important; }.p-t-13 { padding-top: 13px !important; }.p-t-14 { padding-top: 14px !important; }.p-t-15 { padding-top: 15px !important; }.p-t-16 { padding-top: 16px !important; }.p-t-17 { padding-top: 17px !important; }.p-t-20 { padding-top: 20px !important; }.p-t-25 { padding-top: 25px !important; }.p-t-30 { padding-top: 30px !important; }.p-t-35 { padding-top: 35px !important; }.p-t-40 { padding-top: 40px !important; }.p-t-50 { padding-top: 50px !important; }.p-t-60 { padding-top: 60px !important; }.p-t-70 { padding-top: 70px !important; }
.p-r-0 { padding-right: 0px !important; }.p-r-1 { padding-right: 1px !important; }.p-r-2 { padding-right: 2px !important; }.p-r-3 { padding-right: 3px !important; }.p-r-4 { padding-right: 4px !important; }.p-r-5 { padding-right: 5px !important; }.p-r-6 { padding-right: 6px !important; }.p-r-7 { padding-right: 7px !important; }.p-r-8 { padding-right: 8px !important; }.p-r-9 { padding-right: 9px !important; }.p-r-10 { padding-right: 10px !important; }.p-r-15 { padding-right: 15px !important; }.p-r-16 { padding-right: 16px !important; }.p-r-17 { padding-right: 17px !important; }.p-r-18 { padding-right: 18px !important; }.p-r-19 { padding-right: 19px !important; }.p-r-20 { padding-right: 20px !important; }.p-r-25 { padding-right: 25px !important; }.p-r-30 { padding-right: 30px !important; }.p-r-35 { padding-right: 35px !important; }.p-r-40 { padding-right: 40px !important; }.p-r-170 { padding-right: 170px !important; }
.p-b-0 { padding-bottom: 0px !important; }.p-b-1 { padding-bottom: 1px !important; }.p-b-2 { padding-bottom: 2px !important; }.p-b-3 { padding-bottom: 3px !important; }.p-b-4 { padding-bottom: 4px !important; }.p-b-5 { padding-bottom: 5px !important; }.p-b-6 { padding-bottom: 6px !important; }.p-b-7 { padding-bottom: 7px !important; }.p-b-8 { padding-bottom: 8px !important; }.p-b-9 { padding-bottom: 9px !important; }.p-b-10 { padding-bottom: 10px !important; }.p-b-12 { padding-bottom: 12px !important; }.p-b-15 { padding-bottom: 15px !important; }.p-b-20 { padding-bottom: 20px !important; }.p-b-25 { padding-bottom: 25px !important; }.p-b-30 { padding-bottom: 30px !important; }.p-b-35 { padding-bottom: 35px !important; }.p-b-40 { padding-bottom: 40px !important; }.p-b-50 { padding-bottom: 50px !important; }.p-b-60 { padding-bottom: 60px !important; }.p-b-70 { padding-bottom: 70px !important; }
.p-l-0 { padding-left: 0px !important; }.p-l-1 { padding-left: 1px !important; }.p-l-2 { padding-left: 2px !important; }.p-l-3 { padding-left: 3px !important; }.p-l-4 { padding-left: 4px !important; }.p-l-5 { padding-left: 5px !important; }.p-l-6 { padding-left: 6px !important; }.p-l-7 { padding-left: 7px !important; }.p-l-8 { padding-left: 8px !important; }.p-l-9 { padding-left: 9px !important; }.p-l-10 { padding-left: 10px !important; }.p-l-11 { padding-left: 11px !important; }.p-l-12 { padding-left: 12px !important; }.p-l-13 { padding-left: 13px !important; }.p-l-14 { padding-left: 14px !important; }.p-l-15 { padding-left: 15px !important; }.p-l-16 { padding-left: 16px !important; }.p-l-17 { padding-left: 17px !important; }.p-l-18 { padding-left: 18px !important; }.p-l-19 { padding-left: 19px !important; }.p-l-20 { padding-left: 20px !important; }.p-l-25 { padding-left: 25px !important; }.p-l-30 { padding-left: 30px !important; }.p-l-35 { padding-left: 35px !important; }.p-l-40 { padding-left: 40px !important; }.p-l-50 { padding-left: 50px !important; }
.f-s-8 { font-size: 8px !important; }.f-s-9 { font-size: 9px !important; }.f-s-10 { font-size: 10px !important; }.f-s-11 { font-size: 11px !important; }.f-s-12 { font-size: 12px !important; }.f-s-13 { font-size: 13px !important; }.f-s-14 { font-size: 14px !important; }.f-s-15 { font-size: 15px !important; }.f-s-16 { font-size: 16px !important; }.f-s-17 { font-size: 17px !important; }.f-s-18 { font-size: 18px !important; }.f-s-19 { font-size: 19px !important; }.f-s-20 { font-size: 20px !important; }.f-s-21 { font-size: 21px !important; }.f-s-22 { font-size: 22px !important; }.f-s-23 { font-size: 23px !important; }.f-s-24 { font-size: 24px !important; }.f-s-25 { font-size: 25px !important; }.f-s-26 { font-size: 26px !important; }.f-s-27 { font-size: 27px !important; }.f-s-28 { font-size: 28px !important; }.f-s-29 { font-size: 29px !important; }.f-s-30 { font-size: 30px !important; }.f-s-35 { font-size: 35px !important; }.f-s-40 { font-size: 40px !important; }.f-s-50 { font-size: 50px !important; }.f-s-60 { font-size: 60px !important; }.f-s-70 { font-size: 70px !important; }.f-s-80 { font-size: 80px !important; }.f-s-90 { font-size: 90px !important; }.f-s-100 { font-size: 100px !important; }
.text-center { text-align: center !important; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }
.pull-left { float: left !important; }.pull-right { float: right !important; }.pull-none { float: none !important; }.pull_center {float: right; position: relative; left: -50%; text-align: left;}
.f-w { font-weight: bold !important; }.f-w-100 { font-weight: 100 !important; }.f-w-200 { font-weight: 200 !important; }.f-w-300 { font-weight: 300 !important; }.f-w-400 { font-weight: 400 !important; }.f-w-500 { font-weight: 500 !important; }.f-w-600 { font-weight: 600 !important; }.f-w-700 { font-weight: 700 !important; }

.table-valign-middle th, 
.table-valign-middle td { 
    vertical-align: middle !important;
}
.table-th-valign-middle th,
.table-td-valign-middle td { 
    vertical-align: middle !important;
}
.table-valign-top th, 
.table-valign-top td { 
    vertical-align: top !important;
}
.table-th-valign-top th,
.table-td-valign-top td { 
    vertical-align: top !important;
}
.table-valign-bottom th, 
.table-valign-bottom td { 
    vertical-align: bottom !important;
}
.table-th-valign-bottom th,
.table-td-valign-bottom td { 
    vertical-align: bottom !important;
}
.vertical-box {
    display: table; 
    table-layout: fixed; 
    border-spacing: 0; 
    height: 100%;
    width: 100%;
}
.vertical-box-column {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.vertical-box-row {
    display: table-row;
    height: 100%;
}
.vertical-box-row > .vertical-box-cell {
    position: relative;
    height: 100%;
    width: 100%;
    float: none;
}
.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.panel-expand .vertical-box .vertical-box-column {
    display: table-cell;
}
.page-content-full-height .content {
    position: absolute;
    left: 0;
    top: 54px;
    right: 0;
    bottom: 0;
    -webkit-transform: translateZ(0);
}
.panel-expand .page-content-full-height .content {
    -webkit-transform: none;
}
.no-rounded-corner { 
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.rounded-corner {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.no-border { border: 0 !important; }
.border-top-1 { border-top: 1px solid #eee !important; }
.border-right-1 { border-right: 1px solid #eee !important; }
.border-bottom-1 { border-bottom: 1px solid #eee !important; }
.border-left-1 { border-left: 1px solid #eee !important; }

.border-t-b-1 { border-top: 1px solid #383F46 !important; border-bottom: 1px solid #000000 !important; }
.border-t2-b-1 { border-top: 1px solid #2c3338 !important; border-bottom: 1px solid #000000 !important; }

.border-left-live { border-left: 1px solid #111 !important; }
.border-right-live { border-right: 1px solid #111 !important; }

.border-right-live2 { border-right: 1px solid #131313 !important; }

.border-top-live { border-top: 1px solid #111 !important; }
.border-bottom-live { border-bottom: 1px solid #111 !important; }

.border-left-live2 { border-left: 1px solid #333 !important; }

.hrline {
	background-color: transparent;
	height: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-top: 1px solid rgba(0,0,0,0.9);
	margin: 0;
	clear: both;
}
.hrlinelive {
	background-color: transparent;
	height: 0;
	border: none;
	border-top: 1px solid #152b40;
	margin: 0;
	clear: both;
}

.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.text-black { color: #000000 !important; }

.text-inverse { color: #2d353c !important; }

.text-success { color: #00acac !important; }

.text-info { color: #49b6d6 !important; }

.text-primary { color: #348fe2 !important; }

.text-warning { color: #f59c1a !important; }

.text-yellowdown { color: #ffffcc !important; }

.text-danger2 { color: #ffb9b7 !important; }

.text-red { color: #ff1515 !important; }

.text-blue { color: #0080ff !important; }

.text-green { color: #0a9702 !important; }

.text-blue2 { color: #526c98 !important; }


.text-green2 { color: #4bfd42 !important; }


.text-orange { color: #ff9900 !important; }

.text-white { color: #fff !important; }


.text-white2 { color: #e6e6e6 !important; }


.text-gray { color: #a0a0a0 !important; }

.text-gray2 { color: #818fab !important; }


.bg-white { background: #ffffff !important; }
.bg-silver-lighter { background: #f4f6f7 !important; }
.bg-silver { background: #f0f3f4 !important; }
.bg-silver-darker { background: #b4b6b7 !important; }

.bg-black { background: #1e1e1e !important; }
.bg-black1 { background: #14171b !important; }
.bg-black2 { background: #000000 !important; border:3px solid #222;}
.bg-black3 { 
    background: #666666;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #666666, #585e67);
	background:    -moz-linear-gradient(180deg, #666666, #585e67);
	background:     -ms-linear-gradient(180deg, #666666, #585e67);
	background:      -o-linear-gradient(180deg, #666666, #585e67);
	background:         linear-gradient(180deg, #666666, #585e67);
}

.bg-black3-2 { 
	text-align:center;
    display: table-cell; 
	clear:both;
	width: 100%;
	padding:2px 20px 20px 20px;
	background:#585e67;
	border:2px solid #14243d;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 

}

.bg-black4 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black4-3 { 
    background: #1E2737;
	border:1px solid #3a4352;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
}
.bg-black4-1 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	height: 53px;
	line-height: 53px;
	font-size: 15px;
}

.bg-black4-2 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 0 0; 
	-webkit-border-radius: 3px 0 0; 
}

.bg-black5 { 
    background: #3b3b3b;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #3b3b3b, #000000);
	background:    -moz-linear-gradient(180deg, #3b3b3b, #000000);
	background:     -ms-linear-gradient(180deg, #3b3b3b, #000000);
	background:      -o-linear-gradient(180deg, #3b3b3b, #000000);
	background:         linear-gradient(180deg, #3b3b3b, #000000);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black6 { 
    background: #2c2c2c;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2c2c2c, #111111);
	background:    -moz-linear-gradient(180deg, #2c2c2c, #111111);
	background:     -ms-linear-gradient(180deg, #2c2c2c, #111111);
	background:      -o-linear-gradient(180deg, #2c2c2c, #111111);
	background:         linear-gradient(180deg, #2c2c2c, #111111);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black7 { 
    background: #1d1d1d;
	border:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:      -o-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:         linear-gradient(180deg, #1d1d1d, #2c2c2c);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

.bg-black8 { 
    background: #121212;
	background: -webkit-linear-gradient(180deg, #121212, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #121212, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #121212, #2c2c2c);
	background:      -o-linear-gradient(180deg, #121212, #2c2c2c);
	background:         linear-gradient(180deg, #121212, #2c2c2c);
}




.bg-black-black-a { 
	background: #111111 !important; 
	border-radius: 6px 0 0 6px; 
	-moz-border-radius: 6px 0 0 6px; 
	-webkit-border-radius: 6px 0 0 6px; 
}

.bg-primary2 { 
	background: -webkit-linear-gradient(180deg, #0042a6, #0061c1);
	background:    -moz-linear-gradient(180deg, #0042a6, #0061c1);
	background:     -ms-linear-gradient(180deg, #0042a6, #0061c1);
	background:      -o-linear-gradient(180deg, #0042a6, #0061c1);
	background:         linear-gradient(180deg, #0042a6, #0061c1);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}



.bg-black-black2 { background: #d2d2d2 !important; }
.bg-black-black { background: #1c1c1c !important; }
.bg-black-darker { background: #242a30 !important; }
.bg-black-darker2 { background: #111111 !important; }
.bg-black-darker2-1 { 
	background: url(../img/livesports/bg.png) repeat #111111;
}
.bg-black-darker2-2 { 
	background: url(../img/livesports/bg2.png) repeat #111111;
}
.bg-black-darker3 { background: #212121 !important; }
.bg-black-darker4 { background: #20262C !important; }
.bg-black-darker5 { background: #3A2828 !important; }
.bg-black-darker7 { background: #000000 !important; }
.bg-black-darker4-2 { background: #181818 !important; }

.bg-black-lighter { background: #575d63 !important; }

.bg-grey { background: #b6c2c9 !important; }
.bg-grey-darker { background: #929ba1 !important; }
.bg-grey-lighter { background: #c5ced4 !important; }

.bg-red { background: #ff5b57 !important; }
.bg-red-darker { background: #cc4946 !important; }
.bg-red-lighter { background: #ff7c79 !important; }
.bg-red-red { background: #cc0000 !important; }

.bg-orange { background: #f59c1a !important; }
.bg-orange-darker { background: #7d510d !important; }
.bg-orange-lighter { background: #f7b048 !important; }

.bg-yellow { background: #e3fa3e !important; }
.bg-yellow-darker { background: #b6c832 !important; }
.bg-yellow-darker2 { background: #7d8a22 !important; }
.bg-yellow-lighter { background: #e9fb65 !important; }

.bg-green { background: #00acac !important; }
.bg-green-darker { background: #005151 !important; }
.bg-green-darker2 { background: #152606 !important; }
.bg-green-lighter { background: #33bdbd !important; }
.bg-blue { background: #348fe2 !important; }
.bg-blue-darker { background: #163e61 !important; }
.bg-blue-darker2 { background: #1a577b !important; }
.bg-blue-lighter { background: #5da5e8 !important; }
.bg-aqua { background: #49b6d6 !important; }
.bg-aqua-darker { background: #3a92ab !important; }
.bg-aqua-darker2 { background: #265968 !important; }
.bg-aqua-lighter { background: #6dc5de !important; }
.bg-purple { background: #727cb6 !important; }
.bg-purple-darker { background: #393f5e !important; }
.bg-purple-lighter { background: #8e96c5 !important; }
.no-bg { background: none !important; }
.height-xs { height: 150px !important; }
.height-sm { height: 300px !important; }
.height-md { height: 450px !important; }
.height-lg { height: 600px !important; }
.height-full { height: 100% !important; }
.height-3 { height: 3px !important; }
.height-4 { height: 4px !important; }
.height-5 { height: 5px !important; }
.height-6 { height: 6px !important; }
.height-10 { height: 10px !important; }
.height-15 { height: 15px !important; }
.height-18 { height: 18px !important; }
.height-20 { height: 20px !important; }
.height-21 { height: 21px !important; }
.height-22 { height: 22px !important; }
.height-23 { height: 23px !important; }
.height-24 { height: 24px !important; }
.height-25 { height: 25px !important; }
.height-27 { height: 27px !important; }
.height-30 { height: 30px !important; }
.line-height-30 { line-height: 30px !important; }
.height-31 { height: 31px !important; }
.height-32 { height: 32px !important; }
.height-33 { height: 33px !important; }
.height-34 { height: 34px !important; }
.height-35 { height: 35px !important; }
.height-40 { height: 40px !important; }
.height-50 { height: 50px !important; }
.height-52 { height: 52px !important; }
.height-53 { height: 53px !important; }
.height-54 { height: 54px !important; }
.height-55 { height: 55px !important; }
.height-59 { height: 59px !important; }
.height-60 { height: 60px !important; }
.height-61 { height: 61px !important; }
.height-65 { height: 65px !important; }
.height-70 { height: 70px !important; }
.height-80 { height: 80px !important; }
.height-84 { height: 84px !important; }
.height-90 { height: 90px !important; }
.height-100 { height: 100px !important; }
.height-110 { height: 110px !important; }
.height-120 { height: 120px !important; }
.height-130 { height: 130px !important; }
.height-140 { height: 140px !important; }
.height-150 { height: 150px !important; }
.height-200 { height: 200px !important; }
.height-230 { height: 230px !important; }
.height-240 { height: 240px !important; }
.height-245 { height: 245px !important; }
.height-250 { height: 250px !important; }
.height-272 { height: 272px !important; }
.height-290 { height: 290px !important; }
.height-300 { height: 300px !important; }
.height-310 { height: 310px !important; }
.height-320 { height: 320px !important; }
.height-330 { height: 330px !important; }
.height-334 { height: 334px !important; }
.height-335 { height: 335px !important; }
.height-336 { height: 336px !important; }
.height-337 { height: 337px !important; }
.height-338 { height: 338px !important; }
.height-339 { height: 339px !important; }
.height-340 { height: 340px !important; }
.height-350 { height: 350px !important; }
.height-360 { height: 360px !important; }
.height-370 { height: 370px !important; }
.height-380 { height: 380px !important; }
.height-390 { height: 390px !important; }
.height-391 { height: 391px !important; }
.height-400 { height: 400px !important; }
.height-410 { height: 410px !important; }
.height-420 { height: 420px !important; }
.height-430 { height: 430px !important; }
.height-431 { height: 431px !important; }
.height-432 { height: 432px !important; }
.height-433 { height: 433px !important; }
.height-434 { height: 434px !important; }
.height-435 { height: 435px !important; }
.height-436 { height: 436px !important; }
.height-437 { height: 437px !important; }
.height-438 { height: 438px !important; }
.height-439 { height: 439px !important; }
.height-398 { height: 398px !important; }
.height-410 { height: 410px !important; }
.height-440 { height: 440px !important; }
.height-450 { height: 450px !important; }
.height-500 { height: 500px !important; }
.height-550 { height: 550px !important; }
.height-600 { height: 600px !important; }
.height-610 { height: 610px !important; }
.height-620 { height: 620px !important; }
.height-630 { height: 630px !important; }
.height-640 { height: 640px !important; }
.height-650 { height: 650px !important; }
.height-660 { height: 660px !important; }
.height-670 { height: 670px !important; }
.height-680 { height: 680px !important; }
.height-690 { height: 690px !important; }
.height-700 { height: 700px !important; }
.height-800 { height: 800px !important; }
.height-900 { height: 900px !important; }
.height-100-pro { height: 100% !important; }
.height-auto { height: auto; }
.width-xs { width: 150px !important; }
.width-sm { width: 300px !important; }
.width-md { width: 450px !important; }
.width-lg { width: 600px !important; }
.width-full { width: 100% !important; }
.width-5 { width: 5px !important; }
.width-10 { width: 10px !important; }
.width-15 { width: 15px !important; }
.width-20 { width: 20px !important; }
.width-21 { width: 21px !important; }
.width-22 { width: 22px !important; }
.width-23 { width: 23px !important; }
.width-24 { width: 24px !important; }
.width-25 { width: 25px !important; }
.width-30 { width: 30px !important; }
.width-35 { width: 35px !important; }
.width-40 { width: 40px !important; }
.width-46 { width: 46px !important; }
.width-50 { width: 50px !important; }
.width-55 { width: 55px !important; }
.width-60 { width: 60px !important; }
.width-61 { width: 61px !important; }
.width-62 { width: 62px !important; }
.width-63 { width: 63px !important; }
.width-64 { width: 64px !important; }
.width-65 { width: 65px !important; }
.width-66 { width: 66px !important; }
.width-67 { width: 67px !important; }
.width-68 { width: 68px !important; }
.width-69 { width: 69px !important; }
.width-70 { width: 70px !important; }
.width-71 { width: 71px !important; }
.width-72 { width: 72px !important; }
.width-73 { width: 73px !important; }
.width-74 { width: 74px !important; }
.width-75 { width: 75px !important; }
.width-76 { width: 76px !important; }
.width-77 { width: 77px !important; }
.width-78 { width: 78px !important; }
.width-79 { width: 79px !important; }
.width-80 { width: 80px !important; }
.width-90 { width: 90px !important; }
.width-100 { width: 100px !important; }
.width-105 { width: 105px !important; }
.width-106 { width: 106px !important; }
.width-107 { width: 107px !important; }
.width-108 { width: 108px !important; }
.width-109 { width: 109px !important; }
.width-110 { width: 110px !important; }
.width-120 { width: 120px !important; }
.width-130 { width: 130px !important; }
.width-140 { width: 140px !important; }
.width-150 { width: 150px !important; }
.width-160 { width: 160px !important; }
.width-165 { width: 165px !important; }
.width-170 { width: 170px !important; }
.width-180 { width: 180px !important; }
.width-192 { width: 192px !important; }
.width-200 { width: 200px !important; }
.width-205 { width: 205px !important; }
.width-210 { width: 210px !important; }
.width-220 { width: 220px !important; }
.width-230 { width: 230px !important; }
.width-240 { width: 240px !important; }
.width-250 { width: 250px !important; }
.width-255 { width: 255px !important; }
.width-260 { width: 260px !important; }
.width-270 { width: 270px !important; }
.width-280 { width: 280px !important; }
.width-290 { width: 290px !important; }
.width-300 { width: 300px !important; }
.width-306 { width: 306px !important; }
.width-348 { width: 348px !important; }
.width-350 { width: 350px !important; }
.width-360 { width: 360px !important; }
.width-366 { width: 366px !important; }
.width-367 { width: 367px !important; }
.width-368 { width: 368px !important; }
.width-370 { width: 370px !important; }
.width-380 { width: 380px !important; }
.width-390 { width: 390px !important; }
.width-400 { width: 400px !important; }
.width-410 { width: 410px !important; }
.width-420 { width: 420px !important; }
.width-430 { width: 430px !important; }
.width-440 { width: 440px !important; }

.width-450 { width: 450px !important; }
.width-500 { width: 500px !important; }
.width-550 { width: 550px !important; }
.width-560 { width: 560px !important; }
.width-570 { width: 570px !important; }
.width-580 { width: 580px !important; }
.width-595 { width: 595px !important; }
.width-600 { width: 600px !important; }
.width-602 { width: 602px !important; }
.width-650 { width: 650px !important; }
.width-700 { width: 700px !important; }
.width-740 { width: 740px !important; }
.width-747 { min-width: 700px; min-width: 407px; }
.width-side { width: 260px !important; }
.width-half { width: 50% !important; }
.width-49pro { width: 49% !important; }
.width-33pro { width: 33.3% !important; }
.width-20pro { width: 20% !important; }

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.underline {
    border-bottom: 1px solid #e2e7eb !important;
}
.underline2 {
    border-bottom: 1px solid #000000 !important;
}
.leftline2 {
    border-left: 1px solid #000000 !important;
}
.rightline2 {
    border-right: 1px solid #000000 !important;
}

.overunderline {
	clear: both;
	padding: 0px;
	margin: 10px 0 10px 0;
	width: 100%;
	height: 1px;
	border-top: 2px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline2 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline3 {
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px -2px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline4 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
    border-bottom: 1px solid #292929;
}



/* 3.14 Component - Button */
.btnstyle1{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btnstyle1:hover,.btnstyle1:focus,.btnstyle1:active,.btnstyle1.active,.btnstyle1.disabled,.btnstyle1[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btnstyle1:active,.btnstyle1.active{background-color:#cccccc \9;}
.btnstyle1:first-child{*margin-left:0;}
.btnstyle1:hover,.btnstyle1:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btnstyle1:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btnstyle1.active,.btnstyle1:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btnstyle1.disabled,.btnstyle1[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btnstyle1-lg{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btnstyle1-lg [class^="icon-"],.btnstyle1-lg [class*=" icon-"]{margin-top:4px;}
.btnstyle1-sm{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btnstyle1-sm [class^="icon-"],.btnstyle1-sm [class*=" icon-"]{margin-top:0;}
.btnstyle1-xs [class^="icon-"],.btnstyle1-xs [class*=" icon-"]{margin-top:-1px;}
.btnstyle1-xs{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btnstyle1-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btnstyle1-block+.btnstyle1-block{margin-top:5px;}
input[type="submit"].btnstyle1-block,input[type="reset"].btnstyle1-block,input[type="button"].btnstyle1-block{width:100%;}
.btnstyle1-primary.active,.btnstyle1-warning.active,.btnstyle1-danger.active,.btnstyle1-success.active,.btnstyle1-info.active,.btnstyle1-inverse.active,.btnstyle1-inverse2.active,.btnstyle1-inverse3.active{color:rgba(255, 255, 255, 0.75);}
.btnstyle1-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-primary:hover,.btnstyle1-primary:focus,.btnstyle1-primary:active,.btnstyle1-primary.active,.btnstyle1-primary.disabled,.btnstyle1-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btnstyle1-primary:active,.btnstyle1-primary.active{background-color:#003399 \9;}
.btnstyle1-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-warning:hover,.btnstyle1-warning:focus,.btnstyle1-warning:active,.btnstyle1-warning.active,.btnstyle1-warning.disabled,.btnstyle1-warning[disabled]{color:#ffffff;background-color:#f89406;*background-color:#df8505;}
.btnstyle1-warning:active,.btnstyle1-warning.active{background-color:#c67605 \9;}
.btnstyle1-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-danger:hover,.btnstyle1-danger:focus,.btnstyle1-danger:active,.btnstyle1-danger.active,.btnstyle1-danger.disabled,.btnstyle1-danger[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btnstyle1-danger:active,.btnstyle1-danger.active{background-color:#942a25 \9;}


.btnstyle1-danger2{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#b62d25;background-image:-moz-linear-gradient(top, #e92f29, #8d2823);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #aa312b);background-image:-o-linear-gradient(top, #ee5f5b, #aa312b);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#72211d #72211d #611c18;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-danger2:hover,.btnstyle1-danger2:focus,.btnstyle1-danger2:active,.btnstyle1-danger2.active,.btnstyle1-danger2.disabled,.btnstyle1-danger2[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btnstyle1-danger2:active,.btnstyle1-danger2.active{background-color:#942a25 \9;}



.btnstyle1-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-success:hover,.btnstyle1-success:focus,.btnstyle1-success:active,.btnstyle1-success.active,.btnstyle1-success.disabled,.btnstyle1-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;}
.btnstyle1-success:active,.btnstyle1-success.active{background-color:#408140 \9;}
.btnstyle1-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-info:hover,.btnstyle1-info:focus,.btnstyle1-info:active,.btnstyle1-info.active,.btnstyle1-info.disabled,.btnstyle1-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;}
.btnstyle1-info:active,.btnstyle1-info.active{background-color:#24748c \9;}

.btnstyle1-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-image:-moz-linear-gradient(top, #3d4650, #111);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3d4650), to(#111));background-image:-webkit-linear-gradient(top, #3d4650, #111);background-image:-o-linear-gradient(top, #3d4650, #111);background-image:linear-gradient(to bottom, #3d4650, #111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d4650', endColorstr='#ff111', GradientType=0);border-color:#111 #111 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-inverse:hover,.btnstyle1-inverse:focus,.btnstyle1-inverse:active,.btnstyle1-inverse.active,.btnstyle1-inverse.disabled,.btnstyle1-inverse[disabled]{color:#ffffff;background-color:#111;*background-color:#151515;}
.btnstyle1-inverse:active,.btnstyle1-inverse.active{background-color:#080808 \9;}

.btnstyle1-inverse2{color:#c8e1fd;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0C1524;background-image:-moz-linear-gradient(top, #4b4d52, #383838);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4b4d52), to(#383838));background-image:-webkit-linear-gradient(top, #4b4d52, #383838);background-image:-o-linear-gradient(top, #4b4d52, #383838);background-image:linear-gradient(to bottom, #4b4d52, #383838);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1111', endColorstr='#ff1111', GradientType=0);border-color:#111 #111 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-inverse2:hover,.btnstyle1-inverse2:focus,.btnstyle1-inverse2:active,.btnstyle1-inverse2.active,.btnstyle1-inverse2.disabled,.btnstyle1-inverse2[disabled]{color:#ffffff;background-color:#0c1525;*background-color:#151515;}
.btnstyle1-inverse2:active,.btnstyle1-inverse2.active{background-color:#080808 \9;}


.btnstyle1-inverse3{
	color:#c8e1fd;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#0C1524;
	background-image:-moz-linear-gradient(top, #354562, #172946);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#354562), to(#111e33));
	background-image:-webkit-linear-gradient(top, #354562, #111e33);
	background-image:-o-linear-gradient(top, #354562, #111e33);
	background-image:linear-gradient(to bottom, #354562, #111e33);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1111', endColorstr='#ff1111', GradientType=0);
	border-color:#111 #111 #000000;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btnstyle1-inverse3:hover,.btnstyle1-inverse3:focus,.btnstyle1-inverse3:active,.btnstyle1-inverse3.active,.btnstyle1-inverse3.disabled,.btnstyle1-inverse3[disabled]{
	color:#ffffff;
	background-color:#111e33;*background-color:#354562;
}


.btn {
    font-weight: 300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
    outline: none;
}
.btn-icon,
.btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}
.btn-circle,
.btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020;
}
.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}
.btn > .pull-left, 
.btn > .pull-right {
    line-height: 1.428571429;
}
.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
} 


/* 3.14.1 Component - Button - Default */

.btn.btn-default {
    color: #fff;
    background: #b6c2c9;
    border-color: #b6c2c9;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1;
}
.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}


/* 3.14.2 Component - Button - White */

.btn.btn-white {
    font-weight: normal;
    color: #333;
    background: #fff;
    border-color: #e2e7eb;
}
.btn.btn-white.btn-white-without-border {
    border-color: #fff;
}
.btn.btn-white.btn-white-without-border.active,
.btn.btn-white.btn-white-without-border.active:hover,
.btn.btn-white.btn-white-without-border.active:focus {
    border-color: #ddd;
}
.btn.btn-white.btn-white-without-border:hover,
.btn.btn-white.btn-white-without-border:focus {
    border-color: #eee;
}
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1;
}
.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee;
}


/* 3.14.3 Component - Button - Inverse */
.btn.btn-sports-on {
	color: #fff;
    background: #055f94;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: -webkit-linear-gradient(180deg, #055f94, #088BDC);
	background:    -moz-linear-gradient(180deg, #055f94, #088BDC);
	background:     -ms-linear-gradient(180deg, #055f94, #088BDC);
	background:      -o-linear-gradient(180deg, #055f94, #088BDC);
	background:         linear-gradient(180deg, #055f94, #088BDC);
}
.btn.btn-sports-date {
    color: #d7d7d7;
    background: #1e2428;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
}
.btn.btn-sports-vs {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports-ct {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn-sports {
    color: #fff;
    background: #14364c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding:6px;
	font-size:14pt;
	font-family:dotum;
}
.btn.btn-sports-off {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
}
.sub-title {
	font-size:9pt;
    color: #999999;
    text-align: left;
    display: table-cell; 
    vertical-align: middle; 
    width: 100%;
}
.bar-mini {
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(45deg, #111, #1d2227);
	background:    -moz-linear-gradient(45deg, #111, #1d2227);
	background:     -ms-linear-gradient(45deg, #111, #1d2227);
	background:      -o-linear-gradient(45deg, #111, #1d2227);
	background:         linear-gradient(45deg, #111, #1d2227);
}

.btn-group .btn.btn-sports:not(.active) + .btn.btn-sports,
.input-group-btn .btn.btn-sports:not(.active) + .btn.btn-sports {
	color: #ffcc00;
    border-top:1px solid #4b555f;
	border-right:1px solid #4b555f;
	border-bottom:1px solid #4b555f;
	border-left:1px solid #4b555f;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



/* 3.14.3 Component - Button - Inverse */

.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}
.btn-inverse:hover, 
.btn-inverse:focus, 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30;
}
.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}



/* 3.14.4 Component - Button - Primary */

.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    background: #2a72b5;
    border-color: #2a72b5;
}
.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5;
}


/* 3.14.5 Component - Button - Success */

.btn.btn-success {
    color: #fff;
    background: #00acac;
    border-color: #00acac;
}
.btn.btn-success:hover, 
.btn.btn-success:focus, 
.btn.btn-success:active, 
.btn.btn-success.active, 
.open .dropdown-toggle.btn-success {
    background: #008a8a;
    border-color: #008a8a;
}
.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #008a8a;
}

.btn.btn-success2 {
    color: #fff;
    background: #5cb85c;
    border-color: #5cb85c;
}
.btn.btn-success2:hover, 
.btn.btn-success2:focus, 
.btn.btn-success2:active, 
.btn.btn-success2.active, 
.open .dropdown-toggle.btn-success2 {
    background: #4cae4c;
    border-color: #4cae4c;
}
.btn-group .btn.btn-success2:not(.active) + .btn.btn-success2,
.input-group-btn .btn.btn-success2:not(.active) + .btn.btn-success2 {
    border-left-color: #4cae4c;
}




.btn.btn-inverse2 {
    color: #fff;
    font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #3d4650, #000);
	background: -moz-linear-gradient(180deg, #3d4650, #000);
	background: -ms-linear-gradient(180deg, #3d4650, #000);
	background: -o-linear-gradient(180deg, #3d4650, #000);
	background: linear-gradient(180deg, #3d4650, #000);
	font-size:12pt;
}
.btn.btn-inverse2:hover, 
.btn.btn-inverse2:focus, 
.btn.btn-inverse2:active, 
.btn.btn-inverse2.active, 
.open .dropdown-toggle.btn-inverse2 {
    color: #000;
	font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #93d872, #3a873a);
	background: -moz-linear-gradient(180deg, #93d872, #3a873a);
	background: -ms-linear-gradient(180deg, #93d872, #3a873a);
	background: -o-linear-gradient(180deg, #93d872, #3a873a);
	background: linear-gradient(180deg, #93d872, #3a873a);
	font-size:12pt;
}
.btn-group .btn.btn-inverse2:not(.active) + .btn.btn-inverse2,
.input-group-btn .btn.btn-inverse2:not(.active) + .btn.btn-inverse2 {
    border-left-color: #4cae4c;
}




/* 3.14.6 Component - Button - Warning */

.btn.btn-warning {
    color: #fff;
    background: #f59c1a;
    border-color: #f59c1a;
}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active, 
.open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15;
}
.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15;
}


/* 3.14.7 Component - Button - Danger */

.btn.btn-danger {
    color: #fff;
    background: #ff5b57;
    border-color: #ff5b57;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active, 
.open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946;
}
.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946;
}


/* 3.14.8 Component - Button - Info */

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab;
}
.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab;
}


/* 3.15 Component - Panel */

.panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-size: 9pt;
	font-family:dotum;
}
.panel.panel-no-rounded-corner .panel-heading,
.panel.panel-no-rounded-corner .panel-body,
.panel.panel-no-rounded-corner .panel-footer {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.panel-heading {
    padding: 10px 15px;
    border: none;
	color: #cacaca;
}
.panel-heading + .table,
.panel-heading + .slimScrollDiv {
    border-top: 1px solid #eee;
}
.panel-heading-btn {
    float: right;
}
.panel-heading-btn > a {
    margin-left: 8px;
}
.panel-heading .btn-group .btn {
    margin-top: -7px;
}
.panel-heading .btn-group .btn.btn-sm {
    margin-top: -5px;
}
.panel-heading .btn-group .btn.btn-xs {
    margin-top: -1px;
}
.panel-heading .label.pull-left,
.panel-heading .label.pull-right {
    line-height: 15px;
}
.panel-heading .progress.pull-right,
.panel-heading .progress.pull-left {
    width: 40%;
    min-width: 120px;
}
.panel-heading + .alert {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel-with-tabs.panel-default .panel-heading {
    background: #c1ccd1;
    color: #333;
}
.panel-heading .nav-tabs {
    margin-top: -10px;
    margin-right: -15px;
}
.panel-heading .nav-tabs > li > a {
    padding: 10px 15px;
    line-height: 20px;
}
.panel-title {
    line-height: 20px;
    font-size: 16px;
}
.panel-title .accordion-toggle {
    margin: -10px -15px;
    padding: 10px 15px;
}
.panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
    content: '\f056';
}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
    content: '\f055';
}
.panel-title .pull-right {
    line-height: 20px;
}
.panel-toolbar {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    background: #fff;
}
.panel-toolbar + .form-control {
    margin: -1px 0 0;
    border-right: none;
    border-left: none;
}
.panel-group .panel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form-control + .panel-footer {
    border-top: none;
}
.panel-body {
    padding: 0px 0px 2px 0px;
}
.panel-body.no-border {
    border: none !important;
}
.panel-body.panel-table,
.panel-body.panel-form,
.panel-body.no-padding,
.panel-body.panel-full-width {
    padding: 0 !important;
}
.panel-body.with-table > .table {
    border: 0;
    margin: 0;
}
.panel-body.with-table > .table tr:last-child th,
.panel-body.with-table > .table tr:last-child td{
    border-bottom: 0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #eee;
}
.panel-footer {
    background: #fff;
    border-top: 1px solid #eee;
}
.panel .tab-content {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.panel-default > .panel-heading {
    background: #fafafa;
}
.panel-inverse > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading {
    color: #fff;
}
.panel-inverse > .panel-heading { background: #242a30; }
.panel-success > .panel-heading { background: #008a8a; }
.panel-warning > .panel-heading { background: #c47d15; }
.panel-danger > .panel-heading { background: #cc4946; }
.panel-primary > .panel-heading { background: #2a72b5; }
.panel-info > .panel-heading { background: #3a92ab; }


/* 3.16.Component - Panel - Panel Expand */

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080;
}
.panel-expand .height-xs,
.panel-expand .height-sm,
.panel-expand .height-md,
.panel-expand .height-lg,
.panel-expand .height-full {
    height: 100% !important;
}
@keyframes panelExpand {
    from { top: 50%; left: 50%; right: 50%; bottom: 50%; }
    to { top: 0; left: 0; right: 0; bottom: 0; }
}
@-webkit-keyframes panelExpand {
    from { top: 50%; left: 50%; right: 50%; bottom: 50%; }
    to { top: 0; left: 0; right: 0; bottom: 0; }
}
.panel.panel-expand > .panel-heading .fa.fa-expand:before {
    content: '\f066';
}
.panel.panel-expand,
.panel.panel-expand > .panel-heading,
.panel.panel-expand > .panel-body {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel.panel-expand > .panel-body {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 40px;
    overflow-y: scroll;
    z-index: 1020;
}
.panel.panel-expand > .panel-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


/* 3.17 Component - Panel - Panel loading */

.panel.panel-loading .panel-body {
    position: relative;
    z-index: 0;
}
.panel.panel-loading.panel-expand .panel-body {
    position: absolute;
}
.panel.panel-loading .panel-body .panel-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    animation: fadeIn .2s;
    -webkit-animation: fadeIn .2s;
    z-index: 1020;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


/* 3.18 Component - Modal Setting */

.modal-content {
    border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.modal-header {
    padding: 12px 15px;
    border-bottom-color: #e2e7eb;
}
.modal-header .close {
    margin-top: 2px;
}
.modal-body {
    padding: 15px;
}
.modal-footer {
    border-top-color: #e2e7eb;
    padding: 14px 15px 15px;
}

.modal-message .modal-dialog {
    width: 100%;
}
.modal-message .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-message .modal-header,
.modal-message .modal-body,
.modal-message .modal-footer {
    width: 60%;
    border: none;
    margin: 0 auto;
}
.modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


/* 3.19 Component - Media Object */

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media .media-object {
    width: 128px;
}
.media.media-lg .media-object {
    width: 256px;
}
.media.media-sm .media-object {
    width: 64px;
}
.media.media-xs .media-object {
    width: 32px;
}
.media > .pull-left,
.media > .media-left {
    padding-right: 15px;
}
.media > .pull-right,
.media > .media-right {
    padding-left: 15px;
}
.media a:not(.btn):hover,
.media a:not(.btn):focus,
.media a:not(.btn):hover .media-heading,
.media a:not(.btn):focus .media-heading,
.media a:not(.btn).media-heading:hover,
.media a:not(.btn).media-heading:focus {
    color: #242a30;
    text-decoration: none;
}
.media-list.media-list-with-divider > li + li {
    border-top: 1px solid #eee;
    padding-top: 20px;
}


/* 3.20 Component - Table */

.table-dark {
    border-color: #667d93;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    background: #111;
	width:100%;
	border:1px solid #ccc;
}

.table {
    border-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}
.table > thead > tr > th {
    color: #242a30;
    font-weight: 600;
    border-bottom: 2px solid #000 !important;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-color: #000;
    padding: 10px 15px;
    background: #fff;
	background: #1b1b1b!important;
}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding: 7px 15px;
}
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5;
}
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th, 
.table.table-inverse > thead > tr > td, 
.table.table-inverse > tbody > tr > td, 
.table.table-inverse > tfoot > tr > td {
    border-color: #999 !important;
    border-color: rgba(0,0,0,0.2) !important;
}
.table.table-inverse,
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th {
    color: #fff;
}
.table > thead > tr > td.info, 
.table > tbody > tr > td.info, 
.table > tfoot > tr > td.info, 
.table > thead > tr > th.info, 
.table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, 
.table > thead > tr.info > td, 
.table > tbody > tr.info > td, 
.table > tfoot > tr.info > td, 
.table > thead > tr.info > th, 
.table > tbody > tr.info > th, 
.table > tfoot > tr.info > th {
    background: #dbf0f7;
    border-color: #b6e2ef;
}
.table > thead > tr > td.success, 
.table > tbody > tr > td.success, 
.table > tfoot > tr > td.success, 
.table > thead > tr > th.success, 
.table > tbody > tr > th.success, 
.table > tfoot > tr > th.success, 
.table > thead > tr.success > td, 
.table > tbody > tr.success > td, 
.table > tfoot > tr.success > td, 
.table > thead > tr.success > th, 
.table > tbody > tr.success > th, 
.table > tfoot > tr.success > th {
    background: #cceeee;
    border-color: #99dede;
}
.table > thead > tr > td.danger, 
.table > tbody > tr > td.danger, 
.table > tfoot > tr > td.danger, 
.table > thead > tr > th.danger, 
.table > tbody > tr > th.danger, 
.table > tfoot > tr > th.danger, 
.table > thead > tr.danger > td, 
.table > tbody > tr.danger > td, 
.table > tfoot > tr.danger > td, 
.table > thead > tr.danger > th, 
.table > tbody > tr.danger > th, 
.table > tfoot > tr.danger > th {
    background: #ffdedd;
    border-color: #ffbdbc;
}
.table > thead > tr > td.warning, 
.table > tbody > tr > td.warning, 
.table > tfoot > tr > td.warning, 
.table > thead > tr > th.warning, 
.table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, 
.table > thead > tr.warning > td, 
.table > tbody > tr.warning > td, 
.table > tfoot > tr.warning > td, 
.table > thead > tr.warning > th, 
.table > tbody > tr.warning > th, 
.table > tfoot > tr.warning > th {
    background: #fdebd1;
    border-color: #fbd7a3;
}
.table > thead > tr > td.active, 
.table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, 
.table > thead > tr > th.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, 
.table > thead > tr.active > th, 
.table > tbody > tr.active > th, 
.table > tfoot > tr.active > th {
    background: #f0f3f5;
    border-color: #e2e7e9;
}


/* 3.21 Component - Well */

.well {
    padding: 15px;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.well-sm {
    padding: 10px;
}
.well-lg {
    padding: 30px;
}


/* 3.22 Component - Jumbotron */

.jumbotron {
    background: #f0f3f4;
}
.jumbotron h1, 
.jumbotron .h1 {
    font-size: 56px;
}
.jumbotron p {
    font-size: 18px;
}


/* 3.23 Component - List Group */

a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus {
    background: #348fe2;
}
a.list-group-item.active > .badge, 
.nav-pills > .active > a > .badge {
    color: #242a30;
}
.nav.nav-pills.nav-sm > li {
    margin: 0 0 3px;
}
.nav.nav-pills.nav-sm > li a {
    padding: 8px 10px;
    line-height: 1.5;
}


/* 3.24 Component - Carousel */

.carousel .carousel-control .fa {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px;
    margin-left: -15px;
}
.carousel .carousel-control.left .fa {
    margin-left: 15px;
}



/* 2.4 Sidebar & sidebar elements */


.sidebar2 {
    width: 280px;
    position: absolute;
    right: -300;
    top: 0;
    bottom: 0;
    padding-top: 105px;
    z-index: 1010;
    -webkit-transform: translateZ(0);
}
.sidebar-bg2 {
    background: #2d353c;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 1000;
}

.sidebar {
    width: 280px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-top: 105px;
    z-index: 1010;
    -webkit-transform: translateZ(0);
}
.sidebar-bg {
    background: #2d353c;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 1000;
}
.sidebar .nav > li:before,
.sidebar .nav > li:after,
.sidebar .nav > li > a:before,
.sidebar .nav > li > a:after {
    content: '';
    clear: both;
    display: table;
}
.sidebar .nav > li > a {
    padding: 8px 20px;
    line-height: 20px;
    color: #a8acb1;
}
.sidebar.sidebar-grid .nav > li > a {
	background: #161616!important;
    border-top: 1px solid #2a2a2a!important;
    border-bottom: 1px solid #010101!important;
    color: #fff!important;
}
.sidebar.sidebar-grid .nav > li.active > a {
    border-color: #2d353c;
    z-index: 10;
}
.sidebar.sidebar-grid .nav > li + li {
    margin-top: -1px;
}
.sidebar .nav > li.active > a .label.label-theme,
.sidebar .nav > li.active > a .badge {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,0.4);
}
.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
    background: #706f6f;
    color: #a8acb1;
}
.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:hover, 
.sidebar .nav > li.active > a:focus {
    color: #fff;
    background: #00acac;
}
.sidebar .nav > li.active > a .label.label-success,
.sidebar .nav > li.active > a .badge.badge-success {
    background: #008a8a;
}
.sidebar .nav > li > a i {
    float: left;
    margin-right: 15px;
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.sidebar .nav > li > a i[class*="ion-"] {
    margin-right: 11px;
    width: 18px;
    font-size: 18px;
}
.sidebar .nav > li > a .badge {
    margin-top: 1px;
    padding: 3px 8px;
    background: #1b1f24;
    font-weight: 300;
    font-size: 10px;
}
.sidebar .nav > li > a .caret {
    float: right;
    margin-top: 9px;
}
.sidebar .has-sub.active > .sub-menu {
    display: block;
}
.sidebar .sub-menu {
    list-style-type: none;
    padding: 1px 0 3px 22px;
    margin: 0;
    background: #152244;
	color:#fafafa;
    position: relative;
    display: none;
}


.sidebar .sub-menu:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #10181F;
}


.sidebar .sub-menu .sub-menu:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 0px;
    background: none;
}

.sidebar .sub-menu .sub-menu {
    padding: 0 0 0 0px;
    background: none;
}
.sidebar .sub-menu > li > a {
    padding: 5px 10px;
    display:block;
    font-weight: 100;
    color: #889097;
    text-decoration: none;
    position: relative;
	border-bottom:1px solid #111;
}

.sidebar .sub-menu > li > a:before {
    content: '\f10c';
    font-family: FontAwesome;
    position: absolute;
    left: 2px;
    font-size: 7px;
    color: #889097;
    top: 50%;
    margin-top: -4px;
    margin-left: -6px;
}

.sidebar .sub-menu .sub-menu > li > a:before {
	content: '';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 7px;
    color: #889097;
    top: 50%;
    margin-top: -4px;
}

.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li.active > a,
.sidebar .sub-menu > li.active > a:hover,
.sidebar .sub-menu > li.active > a:focus {

    background: #2D353C;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
	color: #ffcc00;
}
.sidebar .nav > li li.has-sub.active > a {
 

	color: #ffcc00;
}
.sidebar .sub-menu > li.active > a:before {
    color: #00acac;
}
.sidebar .nav .sub-menu > li > a .caret {
    float: right; 
    margin-top: 7px;
}
.sidebar .nav > li.nav-header {
    margin: 0;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 11px;
    color: #6d7983;
}
.sidebar .nav > li.nav-header a {
    padding: 0;
    margin: 0;
    display: inline;
}
.sidebar .nav > li.nav-header a:hover,
.sidebar .nav > li.nav-header a:focus {
    background: none;
    color: #fff;
}
.sidebar .nav > li.nav-header a i {
    float: none;
    margin: 0;
}
.sidebar .nav > li.nav-profile {
    padding: 20px;
    color: #fff;
    background: #1a2229;
}
.sidebar .nav > li.nav-profile a {
    padding: 0;
}
.sidebar .nav > li.nav-profile .image {
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 2px;
    margin-right: 15px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sidebar .nav > li.nav-profile .image img {
    max-width: 100%;
    max-height: 100%;
}
.sidebar .nav > li.nav-profile .info {
    font-size: 14px;
}
.sidebar .nav > li.nav-profile .info small {
    display: block;
    color: #889097;
}
.sidebar .nav > li.nav-widget {
    padding: 10px 20px;
}
.sidebar .nav > li.nav-widget i {
    margin-right: auto;
}
.page-sidebar-minified .sidebar {
    width: 60px;
    position: absolute;
}
.page-sidebar-minified .sidebar-bg {
    width: 60px;
}
.page-sidebar-minified .content {
    margin-left: 60px;
}
.page-sidebar-minified .footer {
    margin-left: 85px;
}
.page-sidebar-minified .sidebar .slimScrollDiv,
.page-sidebar-minified .sidebar .slimScrollDiv > div {
    overflow: visible !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div {
    overflow: hidden !important;
}
.page-sidebar-minified .sidebar .nav > li > a {
    padding: 12px 20px;
}
.page-sidebar-minified .sidebar .nav-profile,
.page-sidebar-minified .sidebar .nav-header,
.page-sidebar-minified .sidebar .nav > li > a > span {
    display: none;
}
.page-sidebar-minified .sidebar .caret {
    position: absolute;
    top: 9px;
    right: 9px;
    border: 4px solid transparent;
    border-left: 4px solid;
}
.page-sidebar-minified .sidebar .sub-menu .caret {
    top: 10px;
    margin-top: 0 !important;
}
.page-sidebar-minified .sidebar .nav > li > a > i {
    margin: 0;
}
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    display: none;
    padding: 10px 0 10px 30px;
    margin: 0;
    background: #1a2229;
}
.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a {
    background: #232a2f;
}
.page-sidebar-minified .sidebar li.has-sub > .sub-menu {
    display: none !important;
}
.page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu,
.page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu {
    display: block !important;
    overflow: visible !important;
}
.page-sidebar-minified .sidebar .nav li.has-sub {
    position: relative;
}
.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
    margin-top: -10px;
}
.sidebar-minify-btn {
    margin: 10px 0;
    float: right;
    padding: 5px 20px 5px 10px !important;
    background: #1b1f24;
    color: #fff;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}
.sidebar-minify-btn i {
    margin: 0 !important;
    color: #fff;
}
.page-sidebar-minified .sidebar-minify-btn i:before {
    content: '\f101';
}
.page-sidebar-minified.page-with-right-sidebar .content {
    margin-right: 60px;
    margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .footer {
    margin-right: 85px;
    margin-left: 25px;
}
.page-sidebar-minified.page-with-right-sidebar .sub-menu {
    left: auto !important;
    right: 100%;
}
.page-sidebar-minified.page-with-right-sidebar .nav > li.has-sub > a .caret {
    position: absolute;
    left: 5px;
    border: 4px solid transparent;
    border-right: 4px solid;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret {
    left: 0;
    top: 2px;
    border-left: 4px solid transparent !important;
    border-right: 4px solid !important;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub > .sub-menu {
    padding: 10px 30px 10px 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
    right: 26px;
    left: auto;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu > li > a:before {
    right: 0;
    left: auto;
    margin-right: -6px;
    margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before {
    content: '\f100';
}
.page-sidebar-minified .sidebar .slimScrollBar,
.page-sidebar-minified .sidebar .slimScrollRail {
    display: none !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
    display: block !important;
}






/* 15.4 Nvd3 Chart Setting */

.nvtooltip {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.25) !important;
    box-shadow: 0 0px 4px rgba(0,0,0,0.25) !important;
    border: none !important;
    padding: 5px 10px !important;
}
.nvtooltip table td.legend-color-guide div {
    border: none !important;
}
.nvtooltip table thead strong {
    text-decoration: underline !important;
}


/* toto-mix-list */
.list-box-g {
    vertical-align: middle; 
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #dddddd;
    overflow-x: hidden;
	display:flex;
}

ul.list-box-g li {
  display:inline-block;
}

.list-box-g2 {
    display: table; 
    vertical-align: middle; 
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}
.list-box-mg {
    display: table; 
    vertical-align: middle; 
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #dddddd;
    overflow-x: hidden;
	font-size: 23pt; 
	font-family: dotum;
}
.hva-txt {
    display: table-cell; 
    vertical-align: middle; 
    overflow-x: hidden;
	padding: 0px;
	margin: 0px
}

.width-fixed {
	width: 100%;
    min-width: 1380px;
}

.time-g {
    text-align: center;
    display: table-cell; 
    vertical-align: middle; 
    width: 7%;
	min-width: 73px;
    padding: 1px;
    overflow-x: hidden;
}
.bt-t-t-sub {
    text-align: left;
    vertical-align: middle; 
    width: 90%;
    overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.home-t-t {
    text-align: left;
    vertical-align: middle; 
    width: 97%;
    overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.away-t-t {
    text-align: right;
    vertical-align: middle; 
    width: 97%;
    overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.home-t {
    text-align: center;
    /* display: table-cell;  */
    vertical-align: middle; 
    width: 43%;
    padding: 0px;
	margin: 0px;
    overflow-x: hidden;
	white-space: nowrap;
}
.vs-t {
    text-align: center;
    display: table-cell; 
    vertical-align: middle;
	width: 12%;
    padding: 0px;
	margin: 0px;
    overflow-x: hidden;
	white-space: nowrap;
}
.away-t {
    text-align: center;
    /* display: table-cell;  */
    vertical-align: middle; 
    width: 43%;
    padding: 0px;
	margin: 0px;
    overflow-x: hidden;
	white-space: nowrap;
}
.hva_bt_sub1 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 33.3%;
    padding: 1px;
}
.hva_bt_sub2 {
    text-align: center;
    display: table-cell; 
    vertical-align: middle; 
    width: 50%;
    padding: 1px;
    overflow-x: hidden;
	position:relative;
}
.etc-live {
	 text-align: center;
    display: table-cell; 
    vertical-align: middle; 
    padding: 0px;
    overflow-x: hidden;
}
.etc-live-ban {
	 text-align: center;
    display: table-cell; 
    vertical-align: middle; 
	width: 50%;
    padding: 0px;
    overflow-x: hidden;
}
.etc-live-l {
    text-align: left;
    display: table-cell; 
    vertical-align: middle; 
    overflow-x: hidden;
}
.etc-live-r {
    text-align: right;
    display: table-cell; 
    vertical-align: middle; 
    width: 50px;
    min-width: 50px;
    overflow-x: hidden;
}
.etc-l {
    text-align: center;
    display: table-cell; 
    vertical-align: middle; 
    width: 7%;
    padding: 1px;
    overflow-x: hidden;
}

.hvabar {
    text-align: center;
    display: table-cell; 
    vertical-align: middle; 
    width: 33.3%;
    padding: 2px;
    overflow-x: hidden;
}

.ulis {
	display: table;
}
.liis {
	display: table-cell;
}

.minisyspan {
    display: table;
    clear: both;
}

.minisyspan_in {
    display: table-cell;
    vertical-align: middle;
    padding: 4px;
    position: relative;
	width:22px;
	height:22px;
}

.table-is {
	width:100%;
	height:100%;
}

.table-h {
	background: #0c0e10;
	border:1px solid #333e46;
	padding: 4px;
	color: #fafafa;
	height: 30px;
}

.table-b {
	background: #171c20;
	border:1px solid #333e46;
	padding: 4px;
	color: #e8e8e8;
	height: 30px;
}

.ccblue {
	background:#0079f2;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#fafafa;
	width:26px;
	line-height:26px;
	height:26px;
	padding:0px;
	font-size:11pt;
	font-family:dotum;
}

.ccred {
	background:#ec0214;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#fafafa;
	width:26px;
	line-height:26px;
	height:26px;
	padding:0px;
	font-size:11pt;
	font-family:dotum;
}

.ccblue2 {
	background:#0079f2;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#fafafa;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:dotum;
}

.ccred2 {
	background:#ec0214;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#fafafa;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:dotum;
}
.ccgray2 {
	background:#f0f0f0;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#000000;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:dotum;
}
.ccorange2 {
	background:#ffcc00;
	margin:0 auto;
	border-radius: 45px; 
	-moz-border-radius: 45px; 
	-webkit-border-radius: 45px; 
	color:#000000;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:dotum;
}

.select-bg {
	background:#f2f2f2;
}

.cursor {
    cursor: pointer;
}




.sport-icon {
	background: url('/images/tess/s_icons.svg') no-repeat;   
    height: 20px;
    width: 22px;
}

.sport-icon.athletics {
    height: 20px;
    width: 25px;
    background-position: 0px 0px;
}

.sport-icon.icon-trophy {
	height: 20px;
	width: 25px;
	background-position: -252px -72px;
}

.sport-icon.aussie-rules {
    height: 20px;
    width: 25px;
    background-position: -36px 0px;
}

.sport-icon.sicon31 {
    height: 20px;
    width: 25px;
    background-position: -72px 0px;
}

.sport-icon.bandy {
    height: 20px;
    width: 25px;
    background-position: -108px 0px;
}

.sport-icon.sicon3 {
    height: 20px;
    width: 25px;
    background-position: -144px 0px;
}

.sport-icon.sicon2 {
    height: 20px;
    width: 25px;
    background-position: -180px 0px;
}

.sport-icon.sicon26 {
    height: 20px;
    width: 25px;
    background-position: -216px 0px;
}

.sport-icon.betting-menu-expand-or-collapse-icon {
    height: 20px;
    width: 25px;
    background-position: -252px 0px;
}

.sport-icon.biathlon {
    height: 20px;
    width: 25px;
    background-position: -288px 0px;
}

.sport-icon.bobsleigh {
    height: 20px;
    width: 25px;
    background-position: -324px 0px;
}

.sport-icon.sicon10 {
    height: 20px;
    width: 25px;
    background-position: -360px 0px;
}

.sport-icon.burger-menu {
    height: 20px;
    width: 25px;
    background-position: -396px 0px;
}

.sport-icon.casino {
    height: 20px;
    width: 25px;
    background-position: -432px 0px;
}

.sport-icon.chess {
    height: 20px;
    width: 25px;
    background-position: -468px 0px;
}

.sport-icon.close {
    height: 20px;
    width: 25px;
    background-position: -504px 0px;
}

.sport-icon.sicon21 {
    height: 20px;
    width: 25px;
    background-position: -540px 0px;
}

.sport-icon.sicon28 {
    height: 20px;
    width: 25px;
    background-position: 0px -36px;
}

.sport-icon.cycling {
    height: 20px;
    width: 25px;
    background-position: -36px -36px;
}

.sport-icon.sicon22 {
    height: 20px;
    width: 25px;
    background-position: -72px -36px;
}

.sport-icon.ellipsis-icon {
    height: 20px;
    width: 25px;
    background-position: -108px -36px;
}

.sport-icon.esports {
    height: 20px;
    width: 25px;
    background-position: -144px -36px;
}

.sport-icon.f1 {
    height: 20px;
    width: 25px;
    background-position: -180px -36px;
}

.sport-icon.field-hockey {
    height: 20px;
    width: 25px;
    background-position: -216px -36px;
}

.sport-icon.figure-skating {
    height: 20px;
    width: 25px;
    background-position: -252px -36px;
}

.sport-icon.sicon12 {
    height: 20px;
    width: 25px;
    background-position: -288px -36px;
}

.sport-icon.sicon9 {
    height: 20px;
    width: 25px;
    background-position: -324px -36px;
}

.sport-icon.sicon6 {
    height: 20px;
    width: 25px;
    background-position: -360px -36px;
}

.sport-icon.help {
    height: 20px;
    width: 25px;
    background-position: -396px -36px;
}

.sport-icon.home {
    height: 20px;
    width: 25px;
    background-position: -432px -36px;
}

.sport-icon.sicon4 {
    height: 20px;
    width: 25px;
    background-position: -468px -36px;
}

.sport-icon.ice-skating {
    height: 20px;
    width: 25px;
    background-position: -504px -36px;
}

.sport-icon.lacrosse {
    height: 20px;
    width: 25px;
    background-position: -540px -36px;
}

.sport-icon.live-games {
    height: 20px;
    width: 25px;
    background-position: 0px -72px;
}

.sport-icon.luge {
    height: 20px;
    width: 25px;
    background-position: -36px -72px;
}

.sport-icon.magic-the-gathering {
    height: 20px;
    width: 25px;
    background-position: -72px -72px;
}

.sport-icon.message-icon {
    height: 20px;
    width: 25px;
    background-position: -108px -72px;
}

.sport-icon.misc {
    height: 20px;
    width: 25px;
    background-position: -144px -72px;
}

.sport-icon.sicon117 {
    height: 20px;
    width: 25px;
    background-position: -180px -72px;
}

.sport-icon.sicon11 {
    height: 20px;
    width: 25px;
    background-position: -216px -72px;
}

.sport-icon.outrights-specials-competitions-generic {
    height: 20px;
    width: 25px;
    background-position: -252px -72px;
}

.sport-icon.paddle-tennis {
    height: 20px;
    width: 25px;
    background-position: -288px -72px;
}

.sport-icon.parlays-teasers {
    height: 20px;
    width: 25px;
    background-position: -324px -72px;
}

.sport-icon.pin-pinned {
    height: 20px;
    width: 25px;
    background-position: -360px -72px;
}

.sport-icon.politics {
    height: 20px;
    width: 25px;
    background-position: -396px -72px;
}

.sport-icon.reload {
    height: 20px;
    width: 25px;
    background-position: -432px -72px;
}

.sport-icon.rink-hockey {
    height: 20px;
    width: 25px;
    background-position: -468px -72px;
}

.sport-icon.rugby {
    height: 20px;
    width: 25px;
    background-position: -504px -72px;
}

.sport-icon.rugby-league {
    height: 20px;
    width: 25px;
    background-position: -540px -72px;
}

.sport-icon.rugby-union {
    height: 20px;
    width: 25px;
    background-position: 0px -108px;
}

.sport-icon.short-track {
    height: 20px;
    width: 25px;
    background-position: -36px -108px;
}

.sport-icon.skeleton {
    height: 20px;
    width: 25px;
    background-position: -72px -108px;
}

.sport-icon.skiing {
    height: 20px;
    width: 25px;
    background-position: -108px -108px;
}

.sport-icon.sicon19 {
    height: 20px;
    width: 25px;
    background-position: -144px -108px;
}

.sport-icon.sicon1 {
    height: 20px;
    width: 25px;
    background-position: -180px -108px;
}

.sport-icon.squash {
    height: 20px;
    width: 25px;
    background-position: -216px -108px;
}

.sport-icon.surfing {
    height: 20px;
    width: 25px;
    background-position: -252px -108px;
}

.sport-icon.sicon20 {
    height: 20px;
    width: 25px;
    background-position: -288px -108px;
}

.sport-icon.sicon5 {
    height: 20px;
    width: 25px;
    background-position: -324px -108px;
}

.sport-icon.upcoming-games {
    height: 20px;
    width: 25px;
    background-position: -360px -108px;
}

.sport-icon.sicon23 {
    height: 20px;
    width: 25px;
    background-position: -396px -108px;
}

.sport-icon.icon-water-polo {
    height: 20px;
    width: 25px;
    background-position: -432px -108px;
}

.sport-icon.icon-winter-sports-1 {
    height: 20px;
    width: 25px;
    background-position: -468px -108px;
}

.sport-icon.icon-winter-sports-2 {
    height: 20px;
    width: 25px;
    background-position: -504px -108px;
}

.inner-sidebar ul > li {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #383f46;
	padding:1px 2px 2px 2px;
}
.inner-sidebar ul > li > a:hover {
    background: #232a2f;
    color: #a8acb1;
	text-decoration:none;
}
.inner-sidebar ul > li > a:active {
    color: #ffcc00;
    background: #111;
	text-decoration:none;
}
.inner-sidebar .panel-heading > a:hover,
.inner-sidebar .panel-heading > a:active {
    background: #232a2f;
    color: #ffcc00;
	text-decoration:none;
}
.inner-sidebar .panel-body {
    background: #14181b;
}


.alpha-99 { filter:alpha(opacity=99); opacity:0.99; -moz-opacity:0.99; }
.alpha-98 { filter:alpha(opacity=98); opacity:0.98; -moz-opacity:0.98; }
.alpha-97 { filter:alpha(opacity=97); opacity:0.97; -moz-opacity:0.97; }
.alpha-96 { filter:alpha(opacity=96); opacity:0.96; -moz-opacity:0.96; }
.alpha-95 { filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; }
.alpha-94 { filter:alpha(opacity=94); opacity:0.94; -moz-opacity:0.94; }
.alpha-93 { filter:alpha(opacity=93); opacity:0.93; -moz-opacity:0.93; }
.alpha-92 { filter:alpha(opacity=92); opacity:0.92; -moz-opacity:0.92; }
.alpha-91 { filter:alpha(opacity=91); opacity:0.91; -moz-opacity:0.91; }
.alpha-90 { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; }
.alpha-80 { filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80; }
.alpha-70 { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; }
.alpha-60 { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; }
.alpha-50 { filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50; }
.alpha-40 { filter:alpha(opacity=40); opacity:0.40; -moz-opacity:0.40; }
.alpha-30 { filter:alpha(opacity=30); opacity:0.30; -moz-opacity:0.30; }
.alpha-20 { filter:alpha(opacity=20); opacity:0.20; -moz-opacity:0.20; }
.alpha-10 { filter:alpha(opacity=10); opacity:0.10; -moz-opacity:0.10; }
.alpha-0 { filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }

/* loading */
.circle div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    margin: auto;
    border: 30px solid;
    border-color: rgba(0, 84, 255, 1) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3);
    border-radius: 80px;
    animation: circle 0.7s linear infinite;
}
.circle-in div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
	margin: 10px 0 0 0;
    border: 20px solid;
    border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    animation: circle 0.7s linear infinite;
}
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.bettingbox {
	border: 1px solid #191919;
	padding:0px;
	padding:0px;
 }


.betinputbox {
	width: 160px;
	height: 23px;
	background: #2e3d56;
	border: 1px solid #0A0E16;
	padding:3px 8px 3px 0px;
 	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
 }

 .betlistbox {
	clear: both;
	width: 251px;
	height: 40px;
	text-align: left;
	margin: 1px 0 3px 1px;
 	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	overflow-x: hidden;
	overflow-y: hidden;
 }
 .betlistcolor_a {
	float: left;
	width: 210px;
	min-width: 210px;
	color: #b8b8b8;
	font-size: 8pt;
	font-family: dotum;
	/*letter-spacing:-0.1em;*/
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 2px 0 0 4px;
	overflow-x: hidden;
 }
 .betlistcolor_b {
	float: left;
	width: 190px;
	min-width: 190px;
	color: #9d6d33;
	font-size: 8pt;
	font-family: dotum;
	/*letter-spacing:-0.1em;*/
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0 0 0 4px;
	overflow-x: hidden;
 }
 .betlistcolor_b_odd {
	float: right;
	color: #c8e1f0;
	font-weight: bold;
	font-size: 9pt;
	font-family: dotum;
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
 }
 .betlistclose {
	float: right;
	color: #39acac;
	font-size: 10pt;
	font-family: dotum;
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
	cursor: pointer;
	text-shadow: 0 0 3px #000;
 }
  .betlistclose:hover {
	color: #f37e82;
	margin: -1px 6px 0 0;
 }

 .search-input-box {
	background:#222D40
    color: #222 !important;
	width: 240px;
	height: 30px;
	background: #222D40;
	border: 1px solid #0A0E16;
	padding: 3px;
}

.display-none { 
	display: none;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-absolute-zindex-1 {
	z-index:1;
}
.position-absolute-zindex-10 {
	z-index:10;
}
.position-absolute-zindex-100 {
	z-index:100;
}
.position-absolute-zindex-1000 {
	z-index:1000;
}
.position-absolute-zindex-10000 {
	z-index:10000;
}
.top-0 { top:0px; !important }
.left-0 { left:0px; !important }
.right-0 { right:0px; !important }

.clear-both{
	clear:both; 
}

.clockbox{
	width: 310px;
	height: 82px;
	overflow-x: hidden;
	overflow-y: hidden;
	font:700 40px Open Sans Condensed,sans-serif;
}

.games-navigation{
	clear:both; 
	width: 100%;
	height: 65px;
	display: table;
}

.mini-live-tmenu{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:10%;
	font-weight:bold;
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu:hover{
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}

.mini-live-tmenu-casino{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:9%;
	font-weight:bold;
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu-casinoe:hover{
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}



.t-line1{
	border-top:5px solid #0091EA;
	border-right:1px solid #454545;
}
.t-line1:active{
	background:#111;
}

.t-line2{
	border-top:5px solid #2A62FF;
	border-right:1px solid #454545;
}
.t-line2:active{
	background:#111;
}

.t-line3{
	border-top:5px solid #4F2FC5;
	border-right:1px solid #454545;
}
.t-line3:active{
	background:#111;
}

.t-line4{
	border-top:5px solid #7B20A3;
	border-right:1px solid #454545;
}
.t-line4:active{
	background:#111;
}

.t-line5{
	border-top:5px solid #C41162;
	border-right:1px solid #454545;
}
.t-line5:active{
	background:#111;
}

.t-line6{
	border-top:5px solid #D60000;
	border-right:1px solid #454545;
}
.t-line6:active{
	background:#111;
}

.t-line7{
	border-top:5px solid #FF9000;
	border-right:1px solid #454545;
}
.t-line7:active{
	background:#111;
}

.t-line8{
	border-top:5px solid #5D871B;
	border-right:1px solid #454545;
}
.t-line8:active{
	background:#111;
}

.t-line9{
	border-top:5px solid #206825;
	border-right:1px solid #454545;
}
.t-line9:active{
	background:#111;
}

.t-line10{
	border-top:5px solid #9933ff;
}
.t-line9:active{
	background:#111;
}

.live-tmenu-name{
	font-size:11pt;
	color:#fafafa;
	margin:0 0 3px 0;
}
.live-tmenu-name-casino{
	font-size:11pt;
	color:#d0d0d0;
	text-shadow:0 -1px 0 rgba(0,0,0,.33);
	margin:0 0 3px 0;
	font-family:arial;
}


.live-tmenu-countdown{
	font:700 13px Open Sans Condensed,sans-serif;
	color:#ffffff;
}

.live-tmenu-casino-sub{
	font-size:9pt;
	font-family:dotum;
	color:#7d7d7d;
	font-weight:normal;
}


.game-info-container{
	margin:0;
	padding:0 5px 5px 5px;
	height:100%;
	text-align:center;
	width:100%;
}
.game-info-container2{
	margin:0;
	padding:0 5px 0 5px;
	height:449px;
	text-align:center;
	width:100%;
}
.game-info-container3{
	margin:0;
	padding:0 5px 5px 5px;
	height:675px;
	text-align:center;
	width:100%;
}
.game-info-container4{
	margin:0;
	padding:0 5px 5px 5px;
	height:640px;
	text-align:center;
	width:100%;
}
.playerboxmgm{
	width:100%;
	height:210px;
	text-align:center;
	position: relative;
}
.playerbox{
	width:100%;
	height:203px;
	text-align:center;
	position: relative;
}
.playerbox2{
	width:100%;
	height:380px;
	text-align:center;
	position: relative;
}
.playerbox3{
	width:100%;
	height:610px;
	text-align:center;
	position: relative;
}
.playerbox3m{
	width:100%;
	height:272px;
	text-align:center;
	position: relative;
}
.playerbox4{
	width:100%;
	height:575px;
	text-align:center;
	position: relative;
}
.lucky7{
	background-image:url(../img/lucky7_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.lucky6{
	background-image:url(../img/lucky6_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.lucky5{
	background-image:url(../img/lucky5_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.dice{
	background-image:url(../img/dice_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.dice-war{
	background-image:url(../img/dice_war_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.wheel{
	background-image:url(../img/wheel_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.poker{
	background-image:url(../img/poker_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.baccarat{
	background-image:url(../img/baccarat_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.war{
	background-image:url(../img/war_bg.jpg);
	background-size:cover;
	background-position:70%;
}
.mgm{
	background-image:url(../img/mgm_bg.jpg);
	background-size:cover;
	background-position:30%;
}
.sadari{
	background-image:url(../img/named/bg_ladder.png);
	background-size:cover;
	background-position:70%;
}
.dari{
	background-image:url(../img/named/bg_dari.png);
	background-size:cover;
	background-position:70%;
}
.powerball{
	background-image:url(../img/nlotto/bg_powerball.png);
	background-size:cover;
	background-position:70%;
}
.keno{
	background-image:url(../img/nlotto/bg_keno.png);
	background-size:cover;
	background-position:70%;
}
.aladin{
	background-image:url(../img/hafline/bg_aladin.png);
	background-size:cover;
	background-position:70%;
}
.virtual{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:cover;
	background-position:70%;
}
.minibg{
	background-image:url(../img/login-bg/bg-10.jpg);
	background-size:cover;
	background-position:70%;
}
.lotusbg{
	background-image:url(../img/lotus/bg_page_title.jpg);
	background-size:cover;
	background-position:70%;
}
.vlivebg{
	background-image:url(../img/login-bg/bg-8.jpg);
	background-size:cover;
	background-position:70%;
}


.game-background-live-game{
	background-image:url(../img/live_game_bg.jpg);
	background-size:110% 520px;
background-position:50%;
}
.game-background-live-game2{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:100% 600px;
	background-position:50%;
}
.game-background-vhorse{
	background-image:url(../img/vhorse_bg.jpg);
	background-size:cover;
	background-position:50%;
}

.game-recent-info{
	position:absolute;
	z-index:2;
	top:30px;
	left:30px;
	width: 290px;
	height: 100%;
	text-align: center;
	 filter:alpha(opacity=90); 
	 opacity:0.90; 
	 -moz-opacity:0.90;
}
.last-5-counter-orange{
	color: #fafafa;
	background-color:#FF8700;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
 	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 3px 0 0; 
	-webkit-border-radius: 3px 3px 0 0; 
}
.last-5-counter-black{
	color: #fafafa;
	background-color:#1B1B27;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
 	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 3px 0 0; 
	-webkit-border-radius: 3px 3px 0 0; 
}
.last-5-results{
	color: #fafafa;
	background-color:#fbfbfb;
	width: 100%;
	height: 275px;
	text-align: center;
 	border-radius: 0 0 3px 3px; 
	-moz-border-radius: 0 0 3px 3px; 
	-webkit-border-radius: 0 0 3px 3px; 
}
.last-5-results-title{color:#000; padding:15px 0 12px 0; font-weight:bold;}
.last-result-items{margin-bottom:12px;}
.lottery-item{position:relative;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;user-select:none;}
.lottery-item{margin:2px;padding:7px;line-height:1.2}
.ball{width:30px;height:30px;border:1px solid #000;border-radius:50%;-webkit-font-smoothing:antialiased;font-size:12px;background-repeat:repeat-x;}
.ball.yellow{background-color:#ffad32;background:linear-gradient(180deg,#ffad32,#cc7a00);border-color:#cc7a00 #cc7a00 #b36b00;text-shadow:0 1px 1px hsla(0,0%,100%,.33)}
.ball.black{background-color:#5b5b5b;background:linear-gradient(180deg,#5b5b5b,#282828);border-color:#282828 #282828 #1c1c1c;text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.white{background-color:#f9f9f9;background:linear-gradient(180deg,#f9f9f9,#d6d6d6);border-color:#929292 #929292 #a1a1a1;text-shadow:0 1px 1px hsla(0,0%,100%,.23)}
.ball.blue{background-color:#5990d8;background:linear-gradient(180deg,#5990d8,#193c6b);border-color:#193c6b #193c6b #112948;text-shadow:0 -1px 0 rgba(0,0,0,.56)}
.ball.green{background-color:#398f28;background:linear-gradient(180deg,#398f28,#193f11);border-color:#193f11 #193f11 #122c0c}
.ball.green,.ball.grey,.ball.red{text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.grey,.ball.red{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);border-color:#961111 #961111 #800f0f}
.ball.white,.ball.yellow{color:#333}
.ball.black,.ball.blue,.ball.green,.ball.grey,.ball.red{color:#fff}
.ball>span{font-weight:700}
.last-5-results .ball{margin:0 -0.5px}
.dice-ball{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);width:25px;height:25px;border-radius:4px;font-size:6px;margin:2px}
.dice-ball.dice-blue,.dice-ball.duel:last-child{background-color:#6752ff;background:linear-gradient(180deg,#6752ff,#1d09a7)}
.dice-ball>.dot{width:20%;height:20%;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;position:absolute;display:block;left:50%;top:50%;margin:-10%;background:#fff}
.dice-ball.dice-1>.dot{box-shadow:0 0 0 #fff}
.dice-ball.dice-2>.dot{background:transparent}
.dice-ball.dice-2>.dot,.dice-ball.dice-3>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff}
.dice-ball.dice-4>.dot{background:transparent}
.dice-ball.dice-4>.dot,.dice-ball.dice-5>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff}
.dice-ball.dice-6>.dot{background:transparent;box-shadow:-1em -1em 0 #fff,-1em 0 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff,1em 0 0 #fff,1em 1em 0 #fff}
.last-5-results .dice-ball{margin:0}




.wheel_red{width:125px;padding:5px;background:#d60000;margin-bottom:4px;}
.wheel_grey{width:125px;padding:5px;background:#818586;margin-bottom:4px;}
.wheel_black{width:125px;padding:5px;background:#222222;margin-bottom:4px;}
.wheel_white{width:125px;padding:5px;background:#e1e1e1;margin-bottom:4px;}
.wheel-circle{width:25px;height:25px;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;background-color:#fff;color:#000;line-height:1.8;font-weight:800;cursor:default;font-size:14px;}



/* 3.14.3 Component - Button - Inverse */
.btn.btn-sports-on {
	color: #fff;
    background: #055f94;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: -webkit-linear-gradient(180deg, #055f94, #088BDC);
	background:    -moz-linear-gradient(180deg, #055f94, #088BDC);
	background:     -ms-linear-gradient(180deg, #055f94, #088BDC);
	background:      -o-linear-gradient(180deg, #055f94, #088BDC);
	background:         linear-gradient(180deg, #055f94, #088BDC);
}
.btn.btn-sports-date {
    color: #d7d7d7;
    background: #1e2428;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
}
.btn.btn-sports-vs {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports-ct {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports-off {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
}
.sub-title {
	font-size:9pt;
    color: #999999;
    text-align: left;
    display: table-cell; 
    vertical-align: middle; 
    width: 100%;
}
.bar-mini {
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(45deg, #111, #1d2227);
	background:    -moz-linear-gradient(45deg, #111, #1d2227);
	background:     -ms-linear-gradient(45deg, #111, #1d2227);
	background:      -o-linear-gradient(45deg, #111, #1d2227);
	background:         linear-gradient(45deg, #111, #1d2227);
}

.btn-group .btn.btn-sports:not(.active) + .btn.btn-sports,
.input-group-btn .btn.btn-sports:not(.active) + .btn.btn-sports {
	color: #ffcc00;
    border-top:1px solid #4b555f;
	border-right:1px solid #4b555f;
	border-bottom:1px solid #4b555f;
	border-left:1px solid #4b555f;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



/* 3.14.3 Component - Button - Inverse */

.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}
.btn-inverse:hover, 
.btn-inverse:focus, 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30;
}
.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}



/* 3.14.4 Component - Button - Primary */

.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    background: #2a72b5;
    border-color: #2a72b5;
}
.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5;
}


/* 3.14.5 Component - Button - Success */

.btn.btn-success {
    color: #fff;
    background: #00acac;
    border-color: #00acac;
}
.btn.btn-success:hover, 
.btn.btn-success:focus, 
.btn.btn-success:active, 
.btn.btn-success.active, 
.open .dropdown-toggle.btn-success {
    background: #008a8a;
    border-color: #008a8a;
}
.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #008a8a;
}

.btn.btn-success2 {
    color: #fff;
    background: #5cb85c;
    border-color: #5cb85c;
}
.btn.btn-success2:hover, 
.btn.btn-success2:focus, 
.btn.btn-success2:active, 
.btn.btn-success2.active, 
.open .dropdown-toggle.btn-success2 {
    background: #4cae4c;
    border-color: #4cae4c;
}
.btn-group .btn.btn-success2:not(.active) + .btn.btn-success2,
.input-group-btn .btn.btn-success2:not(.active) + .btn.btn-success2 {
    border-left-color: #4cae4c;
}




.btn.btn-inverse2 {
    color: #fff;
    font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #3d4650, #000);
	background: -moz-linear-gradient(180deg, #3d4650, #000);
	background: -ms-linear-gradient(180deg, #3d4650, #000);
	background: -o-linear-gradient(180deg, #3d4650, #000);
	background: linear-gradient(180deg, #3d4650, #000);
	font-size:12pt;
}
.btn.btn-inverse2:hover, 
.btn.btn-inverse2:focus, 
.btn.btn-inverse2:active, 
.btn.btn-inverse2.active, 
.open .dropdown-toggle.btn-inverse2 {
    color: #000;
	font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #93d872, #3a873a);
	background: -moz-linear-gradient(180deg, #93d872, #3a873a);
	background: -ms-linear-gradient(180deg, #93d872, #3a873a);
	background: -o-linear-gradient(180deg, #93d872, #3a873a);
	background: linear-gradient(180deg, #93d872, #3a873a);
	font-size:12pt;
}
.btn-group .btn.btn-inverse2:not(.active) + .btn.btn-inverse2,
.input-group-btn .btn.btn-inverse2:not(.active) + .btn.btn-inverse2 {
    border-left-color: #4cae4c;
}




/* 3.14.6 Component - Button - Warning */

.btn.btn-warning {
    color: #fff;
    background: #f59c1a;
    border-color: #f59c1a;
}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active, 
.open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15;
}
.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15;
}


/* 3.14.7 Component - Button - Danger */

.btn.btn-danger {
    color: #fff;
    background: #ff5b57;
    border-color: #ff5b57;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active, 
.open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946;
}
.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946;
}


/* 3.14.8 Component - Button - Info */

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab;
}
.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab;
}





/** 08. Item Box (team, shop, etc)
 **************************************************************** **/
.item-box {
	background:#fff;
	overflow:hidden;
	margin:0;
	width:100%;
	position:relative;

	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
	.item-box.fullwidth {
		max-width:100%;
	}

.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}
.item-box-desc {
	padding:10px 20px;
	overflow:hidden;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h4 {
	padding:0; margin:0;
}
.item-box .item-box-desc small {
	display:block;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
}
.item-box .socials {
	border-top:#eee 1px solid;
	text-align:center;
	display:block;
}


/* hover */
.item-box .item-hover,
.item-box .item-hover .overlay {
	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
		 -moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
			 border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-30px;
	z-index:100;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.divider {
	border-top:#424242 1px dotted;
	border-bottom:#424242 1px dotted;
}



.mgm_card {
	border: 2px solid #c1c1c1; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	clear: both;
}




.sports2box{
	border:1px solid #2e3545;
	background:#0e1c29;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	padding:2px 5px 5px 5px;
}
.sports2boxtop{
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	width: 100%;
	position: absolute;
	top:-12px;
	left:0px;
	z-index: 5;
	text-align:left;
	color:#000;
	padding:0px;
}

.sports2boxtopin{
	border: 1px solid #2e3545;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background: #1E2428;
	text-align: center;
	color: #fff;
	padding: 0px;
	max-width: 200px;
    overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.liveboxtopin{
	text-align: left;
	color: #ffcc00;
	padding: 0px;
	max-width: 210px;
    overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.btn.right-btn-primary{
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#006dcc;
	background-image:-moz-linear-gradient(top, #006dcc, #0044cc);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#006dcc), to(#0044cc));
	background-image:-webkit-linear-gradient(top, #006dcc, #0044cc);
	background-image:-o-linear-gradient(top, #006dcc, #0044cc);
	background-image:linear-gradient(to bottom, #006dcc, #0044cc);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006dcc', endColorstr='#ff0044cc', GradientType=0);
	border-color:#0044cc #0044cc #002a80;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:dotum;
	font-weight:bold;
}

.no-radius {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.game-iframe-close{width:100%;height:32px;line-height:32px;text-align:center;background: #262e40;border:0;color: #fff;}
.game-iframe-close:hover{background:#006bfc;}
.game-iframe{margin-top:1px;min-width: 835px;}
.game-iframe-cont{background:#1d2123;text-align:center;}


.power-box{background: #000611;height: 100px;margin-top: 0;margin-bottom: 0px;padding: 0 15px 0 20px;overflow: hidden;border-radius: 8px;}
.power-box .left{float:left;margin-top: 4px;padding-left: 28px;position: relative;width:100%;}
.power-box .left > li{color: #929394;}
.power-box .left > li:first-child{font-size:14px;font-weight:700;color:#fff;margin-bottom: 5px;}
.power-box .left > li:first-child span{font-weight:700;color: #fc9700 !important;}
.power-box .left > li:first-child i{font-size: 23px;color: #fc9700;position: absolute;left: 0;top: 0;}

.section-box{padding:10px;padding-top:4px;background: rgba(0,0,0,.5);margin-bottom: 10px;overflow: hidden;position:relative;}
.section-box-tit{height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 700;}
.section-box-tit .all-del{float:right;background:#b0005b;padding:0 10px;height:22px;line-height:22px;color:#fff;border-radius: 3px;margin-top: 9px;}
.section-box-tit .all-del:hover{background:#ff0081;}
.section-box-tit i{margin-right:10px;}


.flip-clock-wrapper {margin-top: 27px;}

.betting_lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000eb;
    z-index: 2;
}
.line-center {
    top: 45%;
    /* transform: translateY(-20%); */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 31px;
    font-size: 31px;
    font-weight: bolder;
    color:#FC0;
}

.blue-box{display: inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.blue-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #007ffc;}
.blue-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.red-box{display:inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.red-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #fc1515;}
.red-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.orange-box{display:inline-block;width:70px;height:70px;background:linear-gradient(#e99267, #d74601);font-size:30px;font-weight:700;color:#fff;}
.orange-box p{width: 1%;height:70px;display:table-cell;vertical-align:middle;}
.orange-box p span{display:block;font-size:13px;}
.green-box{display: inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.green-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #0a9502;}
.green-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}

.square p{display:block;width:auto;height: 30px;line-height: 30px;background: #1c1c1c;padding: 0 5px;}
.square span{display:block;font-size: 13px;font-weight: 700;margin-top: 8px;}

.square{position:relative;border-radius:5px;cursor:pointer;background: none;padding: 10px 0;width: auto;}
.round{position:relative;border-radius:50%;cursor:pointer;}
.square:hover::before, 
.round:hover::before,
.square.on::before, 
.round.on::before{display: none;content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid #defb18;border-radius:5px;box-shadow: inset 5px 15px 10px 0px rgba(0, 0, 0, 0.5);}
.round:hover::before,
.round.on::before{border-radius:50%;}

.small-tit{margin-left:12px;font-size:14px;font-weight:700;color: #b7b7b7;margin-top: 10px;margin-bottom: 10px; letter-spacing: -1px;}
.small-tit span{color: #fcfc65;}
.small-tit i{font-size:16px;color: #deb829;margin-right:5px;vertical-align: middle;}

.game-select-box-cont1 .cont{overflow:hidden;}
.game-select-box-cont1 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont1 .cont ul li{cursor:pointer;float:left;width:calc(100% / 4 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont1 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont1 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}
.game-select-box-cont1 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont1 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont1 .cont ul.ul2 li{width:calc(100% / 3 - 5px);}

.game-select-box-cont2 { position:relative;}
.game-select-box-cont2 .cont{overflow:hidden; width:100%;}
.game-select-box-cont2 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont2 .cont ul li{cursor:pointer;float:left;width:calc(100% / 4 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont2 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont2 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}
.game-select-box-cont2 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont2 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont2 .cont ul.ul2 li{width:calc(100% / 3 - 5px);}

.game-select-box-cont3 { position:relative;}
.game-select-box-cont3 .cont{overflow:hidden; width:100%;}
.game-select-box-cont3 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont3 .cont ul li{cursor:pointer;float:left;width:calc(100% / 2 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont3 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont3 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}

.game-select-box-cont4 { position:relative;}
.game-select-box-cont4 .cont{overflow:hidden; width:100%;}
.game-select-box-cont4 .cont ul{margin-left:-5px;overflow: hidden; margin-top:5px;}
.game-select-box-cont4 .cont ul li{cursor:pointer;float:left;width:calc(100% / 3 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont4 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont4 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}

.game-select-box-cont5 { position:relative;}
.game-select-box-cont5 .cont{overflow:hidden; width:100%;}
.game-select-box-cont5 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont5 .cont ul li{cursor:pointer;float:left;width:calc(100% / 6 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont5 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont5 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}


.game-select-box-cont1 {/* padding:15px; */margin-bottom: 10px;overflow:hidden;margin-left: -30px;}
.game-select-box-cont1 > div{float:left;margin-left:10px;width: 100%;}


#mini_snail{ display:none;}
#mini_snail + label{ display:block; width:100%; padding:8px 0; text-align:center; background-color:#000314; border-bottom:1px solid #465477; border-top:1px solid #8c98ab; cursor:pointer}
#mini_snail + label span{ display:inline-block; font-size:1.2rem; font-weight:400; color:#fff; padding-left:25px; background-image:url(../img/icon/arrow_up_03.png); background-position:left center; background-repeat:no-repeat; background-size:16px;}
#mini_snail:checked + label span{ background-image:url(../img/icon/arrow_down_03.png); }
#minigame_toggle{ display:none;}
#minigame_toggle + label{ display:block; width:100%; padding:8px 0; text-align:center; background-color:#000314; border-bottom:1px solid #465477; border-top:1px solid #8c98ab; cursor:pointer}
#minigame_toggle + label span{ display:inline-block; font-size:1.2rem; font-weight:400; color:#fff; padding-left:25px; background-image:url(../img/icon/arrow_up_03.png); background-position:left center; background-repeat:no-repeat; background-size:16px;}
#minigame_toggle:checked + label span{ background-image:url(../img/icon/arrow_down_03.png); }
.eosPowerBall_toggle{ display:none}
.eosPowerBall_toggle + label{display:block;width:100%;padding:5px 0;font-size:1.5rem;font-weight:500;color:#fff;text-align:center;background-color: #000611;border-bottom:1px solid #465477;border-top:1px solid #465477;background-image:url(../img/icon/arrow_up_06.png);background-position:right 10px center;background-repeat:no-repeat;background-size:33px;cursor:pointer;margin-top:-1px}
.eosPowerBall_toggle:checked + label{ background-image:url(../img/icon/arrow_down_06.png);}
.selectArea{ width:100%; padding:20px 15px; overflow:hidden; box-sizing:border-box;}
.selectArea:after{ content:""; display:block; clear:both}
.selectArea li{ width:49%; }
.eosPowerSelect li{ width:100%; margin-bottom:20px;}
.eosPowerSelect li:last-child{ margin-bottom:0}
.selectArea li .subTitle{ font-size:1rem; font-weight:500; color:#fff; padding-left:25px; height:40px; line-height:1.2; background-image:url(/images/eosPowerball/arrow_right_yellow.png); background-position:left top; background-repeat:no-repeat; background-size:16px;}
.selectArea li .subTitle span{ color:#447cfa}
.selectArea .itemBox{ display:flex; flex-direction:row; justify-content:center; width:100%; margin-bottom:5px;}
.selectArea .itemBox:last-child{ margin-bottom:0}
.selectArea .itemBox input{ display:none;}
.selectArea .itemBox input + label{ display:block; box-sizing:border-box; border:1px solid #6c7e9d; border-radius:7px; vertical-align:middle; cursor:pointer; background: linear-gradient(to bottom, #4181e5, #142349); padding:2px 5px 5px}
.selectArea .itemBox.item02 label{ width:50%; margin-left:5px;}
.selectArea .itemBox.item03 label{ width:33%; margin-left:5px;}
.selectArea .itemBox.item04 label{ width:25%; margin-left:5px;}
.selectArea .itemBox input + label p{ font-size:1rem; font-weight:500; color:#fff; text-align:center; letter-spacing:-0.05em;}
.selectArea .itemBox input + label .number{ width:100%; padding:3px 0; border:1px solid #7ca5db; color:#fff; text-align:center; font-size:1.2rem; font-weight:400; border-radius:3px; margin:2px 0 0; background-color:#0d153e;}
.selectArea .itemBox input + label:hover,
.selectArea .itemBox input:checked + label{ background: linear-gradient(to bottom, #5a0504, #a90100); border-color:#6c7e9d;}
.selectArea .itemBox input + label:hover .number,
.selectArea .itemBox input:checked + label .number{ border-color:#947680;; background-color:#6f0302;}
.selectArea .itemBox2{ display:flex; flex-direction:row; justify-content:center; width:100%;}
.selectArea .itemBox2 input{ display:none}
.selectArea .itemBox2 input + label{ position:relative; display:block; width:10%; margin-left:10px; background-position:center; background-repeat:no-repeat; background-size:99%; cursor:pointer}
.selectArea .itemBox2 input + label:nth-of-type(1){ margin-left:0}
.selectArea .itemBox2 input + label img{ display:block; width:100%;}
.selectArea .itemBox2 input + label .numBox{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -55%); -moz-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); -o-transform: translate(-50%, -55%); transform: translate(-50%, -55%);}
.selectArea .itemBox2 input + label .numBox p{ font-size:1rem; font-weight:400; color:#fff; text-align:center;}
.selectArea .itemBox2 input + label .numBox .number{ font-size:1.2rem; font-weight:400; color:#fff; text-align:center}
.selectArea .itemBox2 input + label:hover .numBox,
.selectArea .itemBox2 input:checked + label .numBox{ opacity:0.5;}
.selectArea .itemBox2 input + label.circle_blue{ background-image:url(../img/icon/circle_blue.png);}
.selectArea .itemBox2 input + label.circle_red{ background-image:url(../img/icon/circle_red.png);}
.selectArea .itemBox2 input + label.circle_green{ background-image:url(../img/icon/circle_green.png);}
.selectArea .itemBox2 input + label.circle_yellow{ background-image:url(../img/icon/circle_yellow.png);}
.selectArea .itemBox2 input + label.circle_blue:hover,
.selectArea .itemBox2 input:checked + label.circle_blue{ background-image:url(../img/icon/circle_blue_over.png);}
.selectArea .itemBox2 input + label.circle_red:hover,
.selectArea .itemBox2 input:checked + label.circle_red{ background-image:url(../img/icon/circle_red_over.png);}
.selectArea .itemBox2 input + label.circle_green:hover,
.selectArea .itemBox2 input:checked + label.circle_green{ background-image:url(../img/icon/circle_green_over.png);}
.selectArea .itemBox2 input + label.circle_yellow:hover,
.selectArea .itemBox2 input:checked + label.circle_yellow{ background-image:url(../img/icon/circle_yellow_over.png);}
.tabBox{ width:100%; text-align:center; overflow:hidden}
.tabBox:after{ content:""; display:block; clear:both}
.tabBox input{ display:none}
.tabBox input + label{ display:block; width:50%; float:left; padding:5px 0; background-color:#133664; border:1px solid #0a51af; box-sizing:border-box; cursor:pointer}
.tabBox input + label .text{ display:inline-block; font-size:1.2rem; font-weight:500; color:#fff; vertical-align:middle}
.tabBox input + label .timeBox{ display:inline-block; margin-left:5px;}
.tabBox input + label .timeBox img{ display:inline-block; vertical-align:middle;}
.tabBox input + label .timeBox span{ display:inline-block; font-size:1.1rem; font-weight:500; color:#fff; vertical-align:middle}
.tabBox input.active + label{ background:#fff;}
.tabBox input.active + label .text,
.tabBox input.active + label .timeBox span{ color:#333;}
.tab_contents{ width:100%; padding:20px 30px; box-sizing:border-box;}


.bettingBox{ }
.bettingBox .betting_table{ }
.bettingBox .betting_table table{ width:100%; border-collapse:collapse;}
.bettingBox .betting_table table th{font-size:1rem;font-weight:500;color:#fff;text-align:center;padding:7px 0;border:1px solid #465477;background-color: #000611;overflow:hidden}
.bettingBox .betting_table table th:after{ content:""; display:block; clear:both;}
.bettingBox .betting_table table td{font-size:1rem;font-weight:400;color:#fff;text-align:center;padding:7px 10px;border: 1px solid #333b4e;background-color: #1f232d;}
.bettingBox .betting_table table .color_brown{ color:#ffb534}
.bettingBox .betting_table table .color_red{ color:#ff0000}
.bettingBox .betting_table table .btnArea{}
.bettingBox .betting_table table .btnArea .moneyBtn{ float:left; width:45%; padding-left:2px;}
.bettingBox .betting_table table .btnArea .moneyBtn .subBox{ display:flex; flex-direction:row; justify-content:center; width:100%; margin-bottom:4px;}
.bettingBox .betting_table table .btnArea .moneyBtn .subBox:last-child{ margin-bottom:0}
.bettingBox .betting_table table .btnArea .betting_money{ display:block; width:25%; height:27px; font-size:0.8rem; font-weight:500; color:#fff; text-align:center; background:#24518c; border:1px solid #24518c; cursor:pointer; padding:0; box-sizing:border-box; vertical-align:middle; border-radius:3px; letter-spacing:-0.05em; margin:0 2px;}
.bettingBox .betting_table table .btnArea .betting_money:hover{ color:#a7b1c2; background:linear-gradient(to bottom, #0e5fa5, #133a6a); border-color:#5275cc}
.bettingBox .betting_table table .btnArea .betting_money.bg_color{ background: linear-gradient(to bottom, #093268, #0e1632); font-weight:500; color:#fff; border:1px solid #6f8eb0;}
.bettingBox .betting_table table .btnArea .betting_money.bg_color:hover{ background: linear-gradient(to bottom, #0e1632, #093268);}
.bettingBox .betting_table table .btnArea .reset{float:left; width:10%;}
.bettingBox .betting_table table .btnArea .reset .betting_money.bg_color{ width:100%; height:58px;}
.bettingBox .betting_table table .btnArea .rightBox{ float:right; width:34%; padding-right:10px}
.bettingBox .betting_table table .btnArea .rightBox .inputBox{ display:block; width:100%; height:27px; border:1px solid #5275cc; box-sizing:border-box; background-color:#fff; margin-bottom:5px;}
.bettingBox .betting_table table .btnArea .rightBox .inputBox input{ display:inline-block; width:85%; height:100%; padding:5px; box-sizing:border-box; background-color:transparent; border:none; vertical-align:middle; text-align:right; vertical-align:middle;color:#000}
.bettingBox .betting_table table .btnArea .rightBox .inputBox span{ display:inline-block; font-size:0.9rem; font-weight:400; color:#777; vertical-align:middle}
.bettingBox .betting_table table .btnArea .rightBox .bettingBtn{ display:block; width:100%; height:27px; line-height:27px; font-size:1.4rem; font-weight:bold; color:#8eff8d; background-image:url(/images/eosPowerball/bettingBtn.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; box-sizing:border-box; text-shadow:0 0 5px #000; text-align:center; border-radius:3px; margin-left:0; border:none;background: #f9c302;}
.bettingBox .refer{ width:100%; padding:7px; box-sizing:border-box; border:1px solid #465477; background-color:#133664; text-align:right; margin-top:10px}
.bettingBox .refer span{ display:inline-block; font-size:1rem; font-weight:500; color:#fff; vertical-align:middle; margin-right:20px; letter-spacing:-0.05em}
.bettingBox .refer a{ display:inline-block; width:140px; height:27px; line-height:27px; font-size:0.9rem; font-weight:500; color:#fff; background: linear-gradient(to bottom, #093268, #0e1632); border:1px solid #6f8eb0; text-align:center; border-radius:3px; text-shadow:0 0 5px #000; vertical-align:middle}
.myBetting table{ width:100%; border-collapse:collapse;}
.myBetting table th{ font-size:1rem; font-weight:500; color:#fff; text-align:center; padding:2px 0; border:1px solid #465477; background-color:#133664; vertical-align:middle}
.myBetting table th .icon_grade{ display:block; width:26px; margin:0 auto}
.myBetting table td{ font-size:0.9rem; font-weight:400; color:#fff; text-align:center; padding:5px 0; border-bottom:1px solid #506393; vertical-align:middle}
.myBetting table td:first-child{ border-left:1px solid #506393;}
.myBetting table td:last-child{ border-right:1px solid #506393;}
.myBetting table td .icon_dal{ display:inline-block; vertical-align:middle; width:34px;}
.floatL {
float: left;
}
.floatR {
float: right;
}
.flip-clock-label{ display: none !important; }


table.bankingtime tr td:nth-child(even) {
	background:#1b347e;
}
table.bankingtime tr {
	border-bottom: 1px solid #475682;
}

.flip-clock-label{ display: none !important; }


.card-holder {
  height: 220px;
}

.card:hover {
  background: linear-gradient(110deg, #6e5919 60%, #655e1a 60%);
  color: #35353f;
}


.card {
  font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  height: 100%;
  width: 100%;
  padding: 0.2em 0.2em;
  border-radius: 0.25em;
  vertical-align: middle;
  letter-spacing: -2px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  text-align: center;
}

.card ul {
  height: 100%;
}

.card ul li:first-child {
  height: 40%;
}

.mainBanner {
  display: flex;
}

.card ul li:nth-child(2) {
  height: 40%;
  font-size: 12px;
  letter-spacing: -1.5px;
  line-height: 20px;
  font-weight: 400;
  text-align: right;
  color: #fff;
}

.card ul li:nth-child(3) {
  height: 20%;
}


.mainBanner > div {
  width: 20%;
}

.bg-gold {
  color:#fff;
  background: -webkit-linear-gradient(110deg, #014894 60%, #7c1200 60%);
  background: -o-linear-gradient(110deg, #014894 60%, #7c1200 60%);
  background: -moz-linear-gradient(110deg, #014894 60%, #7c1200 60%);
  background: linear-gradient(110deg, #014894 60%, #7c1200 60%);
  border: 1px solid #014894;
}

.board-main{
  width:99%;
  height:auto;
  float:left;
  position:relative;
  background-color:#0c0f22;
  height:236px;
  margin-left:2px;
  margin-top:4px;
  border: 1px solid #014894;
  z-index:0;
}
.board-main .bm-head{
  width:100%;
  height:36px;
  float:left;
  background-color:#000000;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  border-bottom: 1px solid #014894;
}
.board-main .bm-body{
  width:100%;
  height:auto;
  float:left;
  text-align:left;
  position:relative;
  overflow: hidden;
  z-index:1;
}
.board-cont{
  width:49%;
  height:235px;
  display:inline-block;
  margin:0;
  margin-left:0px;
  vertical-align:top;
  padding-left: 2px;
}
.board-cont .head{
  width:100%;
  height:36px;
  float:left;
}
.board-cont .head .title{
  float:left;
  display: inline-flex;
}
.board-cont .head .title button{
  width:32px;
  height:36px;
  background-color:transparent;
  border:none;
  padding:0;
  background-image:url(/images/icon/board_diamond.png);
}
.board-cont .head .title button svg{
  color:#6689ee;
  font-size:16px;
  width:16px;
}
.board-cont .head .title .text-grp{
  display:inline-block;
  width:auto;
  height:auto;
  text-align:left;
  position:relative;
  top:4px;
  margin-left:3px;
}
.board-cont .head .title .text-grp .name{
  color:#ffffff;
  font-size:16px;
  font-family:NotoSansKr-Bold;
}
.board-cont .head .title .text-grp .name span{
  color:#ffffff;
  font-size:11px;
  font-family:NotoSansKr-Regular;
}
.board-cont .head .title .text-grp .sub{
  color:#bbb079;
  font-size:10px;
  font-family:NotoSansKr-Regular;
  line-height: 20px;
}
.board-cont .head .more-btn{
  float:right;
  margin-top:6px;
  margin-right:2px;
  width:auto;
  height:auto;
  padding:4px 7px;
  color:#000;
  font-size:10px;
  font-family:NotoSansKr-Regular;
  border:none;
  background-color:#7979f7;
  transition:0.5s;
  border-radius: 4px;
}
.board-cont .head .more-btn:hover{
  background-color:#1f3738;
}
.board-cont .body{
  width:100%;
  height:auto;
  float:left;
}
.board-cont.notice  .body table{
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing:0 5px;
  width:100%;
  box-shadow: none;
}
.board-cont.notice  .body table tr{
  width:100%;
  height:26px;
  background-color:#162448;
  transition:0.5s;
}
.board-cont.notice .body table td a{
  color:#fff;
  font-size:12px;
  font-family:NotoSansKr-Regular;
  padding-left:13px;
  text-decoration:none;
}
.board-cont.notice .body table td:first-child{
  text-align:left;
}
.board-cont.notice .body table td:last-child{
  color:#ffffff;
  font-size:11px;
  font-family:NotoSansKr-Regular;
  padding-right:13px;
  white-space: nowrap;
  overflow: hidden;
}
.board-cont.notice .body table tr:hover{
  background-color: #ffee0080;
  border:solid 1px #ff4a4a;
}
.board-cont.notice .body table tr:hover a{
  color:#fff;
}
.board-cont.notice .body table tr:hover td:last-child{
  color:#000000;
}

.board-cont .event-banner{
  display:inline-block;
  margin:0 0;
  margin-top:5px;
  cursor:pointer;
  background-color:#000;
  text-decoration:none;
}
.board-cont .event-banner:first-child{
  margin-left:0;
}
.board-cont .event-banner:last-child{
  margin-right:0;
}
.board-cont .event-banner img{
  transition:0.5s;
}
.board-cont .event-banner .foot{
  width:100%;
  height:30px;
  background-color:#1e2d59;
  display:table;
  transition:0.5s;
}
.board-cont .event-banner .foot p{
  color:#ffffff;
  font-size:12px;
  font-family:NotoSansKr-Bold;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  transition:0.5s;
}
.board-cont .event-banner:hover img{
  opacity:0.5;
}
.board-cont .event-banner:hover .foot{
  background-color:#121b25;
}
.board-cont .event-banner:hover .foot p{
  color:#a0a0a0;
}
.board-cont.dep-wit {
  width:313px;
}
.board-cont.dep-wit .head .title{
  margin-top:9px;
}
.board-cont.dep-wit .head .title .text-grp{
  top:0;
}
.board-cont.dep-wit .head .btn-grp{
  float:right;
  margin-top:18px;
}
.board-cont.dep-wit .head .btn-grp button{
  width:30px;
  height:19px;
  float:left;
  margin:0 1px;
  background-color:#6c7171;
  border:none;
  color:#ffffff;
  font-size:10px;
  font-family:NotoSansKr-Regular;
  padding:0;
  transition:0.5s;
}
.board-cont.dep-wit .head .btn-grp button.active{
  background-color:#3e59a5;
}
.board-cont.dep-wit .head .btn-grp button:hover{
  background-color:#1f3738;
}
.board-cont.dep-wit .head .btn-grp button.active:hover{
  background-color:#3e59a5;
}
.bank-tab{
  width:100%;
  height:auto;
  float:left;
  margin-top:9px;
  animation:1;
  animation-name:over_sideward_anim;
  animation-duration:0.5s;
  animation-timing-function:ease-in;
  animation-fill-mode:forwards;
  display:none;
}
.bank-tab.active{
  display:block;
}
.bank-tab table{
  width:100%;
}
.bank-tab table tr{
  height:35px;
}
.bank-tab table td{
  color:#7d9aed;
  font-size:12px;
  font-family:NotoSansKr-Regular;
}
.bank-tab table td:first-child{
  text-align:left;
  padding-left:7px;
}
.bank-tab table td:last-child{
  color:#fff;
  text-align:right;
  padding-right:7px;
}
.bank-tab table button{
  width:30px;
  height:19px;
  margin-right:4px;
  border:none;
  color:#ffffff;
  font-size:10px;
  font-family:NotoSansKr-Regular;
  background-color: #a4a541;
  padding:0;
}

.snap-drawer .table-bordered td {
  border-color:#014894 !important;
}



@media (max-width: 480px)
  .sub_cnt_Board .View_top h2 .tab_List.anchor-tab {
    width: 20%;
    padding: 0 3px;
  }

  .sub_cnt_Board .Betting_top h2 .tab_List:hover, .sub_cnt_Board .Betting_top h2 .tab_List.focus, .sub_cnt_Board .View_top h2 .tab_List:hover, .sub_cnt_Board .View_top h2 .tab_List.focus {
    background: #9c0000;
    border: 1px solid red;
  }

  .sub_cnt_Board .View_top h2 .tab_List.anchor-tab {
    width: 40%;
    padding: 0 3px;
    text-align: center;
  }

  .sub_cnt_Board .Betting_top h2 .tab_List, .sub_cnt_Board .View_top h2 .tab_List {
    font-size:11px;
    display: inline-block;
    float: none;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    background: #222;
    border: 1px solid #454645;
    text-shadow: 1px 1px 1px #000;
    box-shadow: inset 0 0 0 #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .rule-box h3 {
    margin: 20px auto 10px;
    padding: 10px 0 10px 0;
    background: #333;
    border: 1px solid #555;
    text-shadow: 1px 1px 1px #000;

    color: #fff;
  }