@font-face {
	font-family: 'Sukhumvit Set';
	src: url('../fonts/SukhumvitSet-Medium.eot');
	src: url('../fonts/SukhumvitSet-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SukhumvitSet-Medium.woff2') format('woff2'),
		url('../fonts/SukhumvitSet-Medium.woff') format('woff'),
		url('../fonts/SukhumvitSet-Medium.ttf') format('truetype'),
		url('../fonts/SukhumvitSet-Medium.svg#SukhumvitSet-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-button {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  background: #555555;
  border: 0px none #ffffff;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #960101;
}
::-webkit-scrollbar-thumb:active {
  background: #960101;
}
::-webkit-scrollbar-track {
  background: #0f0f11;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #0f0f11;
}
::-webkit-scrollbar-track:active {
  background: #0f0f11;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


b,
strong {
  font-weight: bold;
  color: #c01518;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

.clear {clear: both;}

body {
	background: #1e1e1e;
    color: #acacac;
    font-family: 'Sukhumvit Set';
    position: relative;}
	
.select {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 50%;
    color: #cccccc;
	float: right;
    vertical-align: middle;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.select .placeholder {
    position: relative;
    display: block;
    background: #fff;
	color: #999;
    z-index: 1;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
	line-height: 12px;
    margin-top: 6px;
}

.select .placeholder:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f078';
    z-index: 10;
}

.select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
}

.select ul li {
    display: block;
    text-align: left;
    padding: 0.8em 1em 0.8em 1em;
    color: #999;
    cursor: pointer;
}	
	
header {
    overflow: hidden;
    width: 100%;
	min-width: 1058px;
    position: relative;
}

.header-row{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0 auto;
    min-width: 1058px;
	max-width: 1600px;
}


.social-buttons {
    position: relative;
    height: 50px;
    float: right;
    margin: auto;
    text-align: right;
}

.social-buttons a {
    display: inline-block;
    margin: 8px 10px 0 0;
    width: 34px;
    height: 34px;
    text-decoration: none;
}

a#facebook-button {
    background: url(../img/icon-f0.png)  transparent;
}
a:hover#facebook-button {
    background: url(../img/icon-f1.png)  transparent;
}

a#twitter-button {
    background: url(../img/icon-t0.png)  transparent;
}
a:hover#twitter-button {
    background: url(../img/icon-t1.png)  transparent;
}

a#youtube-button {
    background: url(../img/icon-y0.png)  transparent;
}
a:hover#youtube-button {
    background: url(../img/icon-y1.png)  transparent;
}

a#line-button {
    background: url(../img/icon-l0.png) transparent;
}
a:hover#line-button {
    background: url(../img/icon-l1.png)  transparent;
}

.header-logo {
    clear: left;
    float: left;
    width: 307px;		
	position: absolute;
    padding: 0;
    top: 18px;
    z-index: 5;
}

.header-logo p {
    clear: left;
    float: left;
    margin: 0;
}

.header-logo .logo {
	width: 307px;
    height: 102px;
    border: 0;
    color: transparent;
    font-size: 0px;
    text-shadow: none;
    background: url(../img/icon-udd.png) no-repeat left top transparent;
    background-size: 100% auto;
    display: block;
}

.header-bar {
	height: 35px;
    float: left;
    width: 100%;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #252525 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333333 0%,#252525 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333333 0%,#252525 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#252525',GradientType=0 ); /* IE6-9 */

}

.main-menu ul {
    margin-left: 300px;
    margin-top: 5px;
}

.main-menu ul li{
	font-size: 15px;
    list-style-type: none;
    line-height: 26px;
	text-shadow: 2px 1px 0px #222222;
}

.main-menu a {
        color: #fff;
    display: block;
    float: left;
    padding: 0 3% 0px 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu a:hover {
    color: #c01518;
    text-decoration: none;
}

.main-menu a.activeItem {
    color: #fc0;
}

.sub-header-bar {
	height: 35px;
    float: left;
    width: 100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #aaaaaa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */


}

.sub-menu ul {
    margin-left: 340px;
}

.sub-menu ul li{
	font-size: 14px;
    list-style-type: none;
    line-height: 25px;
    margin: 0 0px 0 -30px;
    font-weight: 700;
}

.sub-menu a {
	height:35px;
    color: #2e2e2e;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:0 0 0 40px;
}

.sub-menu a span { cursor:pointer; display:inline-block;  height:36px; padding:0 36px 0 0;}
.sub-menu a span span  { cursor:pointer; display:inline-block;  height:36px; padding: 6px 4px 0 4px;}

.sub-menu a:hover {
    color: #c01518;
    text-decoration: none;
}

.sub-menu a:hover  {background:url(../img/icon-nav.png) left top no-repeat;color: #c01518;}
.sub-menu a:hover span{background:url(../img/icon-nav.png) right top no-repeat;}
.sub-menu a:hover span span{background:url(../img/icon-nav.png) left top repeat-x;}
			
.sub-menu .active a  {background:url(../img/icon-nav.png) left top no-repeat;color: #c01518;}
.sub-menu .active a  span{background:url(../img/icon-nav.png) right top no-repeat;}
.sub-menu .active a  span span{background:url(../img/icon-nav.png) left top repeat-x;}


section {
	width: 100%;
	min-width: 1058px;
    overflow: hidden;
    margin: 0 auto;
	background-image: url(https://scmedia.itsfogo.com/$-$/e83eb127ee0149bc81a881e8b53f5216.jpg);
	background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
}

article{
    width: 100%;
	padding: 10px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    min-width: 1058px;
    max-width: 1562px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,0d0e0f+100 */
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(top,  #282828 0%, #0d0e0f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #282828 0%,#0d0e0f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #282828 0%,#0d0e0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#0d0e0f',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
}

.left {
    float: left;
	width: calc(17% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}

.fullpage {
    float: left;
	width: calc(100% - 20px);
    margin-right: 10px;
	margin-left: 10px;
}

.center {
    float: left;
    width: calc(60% - 10px);
    margin-right: 10px;
}

.right {
    float: left;
    width: calc(23% - 10px);
    margin-right: 10px;
}

.left-container{
    float: left;
    width: 728px;
    margin: 0px 10px;
}

.right-container{
    float: right;
    width: 300px;
    margin-right: 10px;
}



.panel {
  margin-bottom: 0px;
    width: 100%;
    float: left;
}

.panel-heading {
  padding: 5px;
  border-bottom: 2px solid #c01518;
  line-height: 30px;
}

.panel-heading-hilight {
  padding: 5px;
  border-bottom: 2px solid #c01518;
  line-height: 30px;
  background: #383838;
  padding: 10px 5px 5px 5px;
  position: relative;
  width: 100%;
}

.panel-heading-hilight:before, .panel-heading-hilight:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 50px;
}

.panel-heading-hilight:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    left: 0;
}

.panel-heading-hilight:after {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    right: 0;
}

.panel-title{  
  font-size: 20px;
  color: #fff;
}

.panel-title h3 {  
  font-size: 20px;
  color: #fff;
  margin-left:20px
}

.red{
 color: #c01518;
}


.panel-title-related {  
  font-size: 20px;
  color: #1d1e1f;
  font-weight: 700;
}

.panel-heading-table {
  	padding-left: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,949494+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #949494 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#949494 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#949494 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  	line-height: 28px;
    height: 33px;
    padding-top: 5px;
}

.panel-title-table {  
      font-size: 20px;
    color: #2a2b2e;
    float: left;
    font-weight: 700;
}

.panel-body-table {
  padding: 0px;  
  background-color: #1b1b1b;
}

.hilight-item{
    width: 100%;
    vertical-align: top;
	margin-bottom: 10px;
	position: relative;
}

.hilight-item.all{
	width: calc(25% - 20px);
    float: left;
	margin: 10px 10px 0px 10px;
}	

.hilight-image {
    margin: 0 0 5px;
}

.hilight-score {
    text-align: center;
    font-size: 12px;
    color: #ffffff;	
    font-family: tahoma;
	margin: 5px 0px 15px 0px;
}

.panel-body-tded {
  position: relative;
  padding: 0px;  
  background-image: url(../images/tded-bg.jpg);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center top;  /* Internet Explorer 7/8 */
  overflow: hidden;
  
}

.tded-item {
    width: 100%;
    vertical-align: top;
}

.tded-desc {
    color: #ffffff;
    text-align: center;
    line-height: 18px;
    float: left;
    width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	background: #1c2023; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c2023 0%, #0d0e10 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1c2023 0%,#0d0e10 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1c2023 0%,#0d0e10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2023', endColorstr='#0d0e10',GradientType=0 ); /* IE6-9 */
}

.tded-match {font-size: 16px;}
.tded-comment {font-size: 14px;}
.tded-date {
    font-size: 1.2em;
    text-align: center;
    position: absolute;
        margin: 3% 10%;
    width: 80%;
}

.tded-item a, .tded-item a:hover, .tded-item a:active{
  color: #ffffff; text-decoration:none;}

.tded-hometeam {
	width: 27%;
	float: left;
	margin-left: 20%;
    margin-top: 13%;
	margin-bottom: 10%;}
	
.tded-awayteam {
	width: 27%;
	float: right;
	margin-right: 20%;
	margin-top: 13%;
	margin-bottom: 10%;}

.play-btn {
    display: block;
    width: 46px;
    height: 46px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    border: 2px solid #fdbe0f;
}

.play-btn:after {
    content: " ";
    display: block;
    border-color: transparent transparent transparent #fdbe0f;
    border-style: solid;
    border-width: 11px 0 11px 17px;
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -6px;
}

.link-play {
    position: relative;	
    display: block;
}

.a1-banner {
    text-align:center;
	margin-bottom: 10px;
	padding: 0px 10px;
}



.a2-banner {
    text-align:center;
	margin-bottom: 10px;
	clear: both;
}
.panel-body-title > table {
    border-spacing: 0;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    width: 100%;
}

.panel-footer{
    border-spacing: 0;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    width: 100%;
	height: 26px;
	background: #ad0308;
    background: -moz-linear-gradient(top, #ad0308 0%, #7c0206 100%);
    background: -webkit-linear-gradient(top, #ad0308 0%,#7c0206 100%);
    background: linear-gradient(to bottom, #ad0308 0%,#7c0206 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0308', endColorstr='#7c0206',GradientType=0 );
}

.rolls_team {
    background: #ad0308;
    background: -moz-linear-gradient(top, #ad0308 0%, #7c0206 100%);
    background: -webkit-linear-gradient(top, #ad0308 0%,#7c0206 100%);
    background: linear-gradient(to bottom, #ad0308 0%,#7c0206 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0308', endColorstr='#7c0206',GradientType=0 );
    color: #ffffff;
	font-size: 11px;
}
.rolls_point{color: #ffffff;}
.rolls_point:nth-child(odd) {height: 29px; background: #383838; font-size: 12px; line-height: 18px;}
.rolls_point:nth-child(even) {height: 29px; background: #1f1f1f; font-size: 12px; line-height: 18px;}

.tl_rank {
    background-color: rgba(255, 255, 255, 0.08);
    text-align: center;
    width: 10%;
}

.tl_team {
    padding-left: 7px;
    text-align: left;
    width: 40%;
}

.tl_pts {
    text-align: center;
    width: 10%;
	padding-right: 5px;
}

footer {
    width: 100%;
    background: #1e1e1e;
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #7a7a7a;
	box-sizing: border-box;
    margin: auto;
    min-width: 1058px;
    max-width: 1562px;
	overflow: hidden;
    padding: 30px 10px 10px 10px;
}

footer .links {
	font-size: 22px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 20px 0 5px 0;
    overflow: hidden;
    padding: 15px 0 15px 0;
}

footer .links h4, footer .links li {
    display: inline-block;
	font-size: 14px;
}

footer .links>* {
    line-height: 1;
}

footer h4 {
    margin: 0;
    font-size: 100%;
    font-weight: 500;
	color: #c01518;
}

footer .links ul {
    list-style-type: none;
    margin: 0;
    display: inline;
}

footer .links li {
	display: inline-block;
}

footer .links li:before {
    content: " | ";
    display: inline-block;
    width: 10px;
    margin: 0 5px;
    text-align: center;
}


.links a {
    color: #acacac;
    text-decoration: none;
}

.links a:hover {
    color: #acacac;
    text-decoration: underline;
}


footer .copyright {
    color: #7a7a7a;
    overflow: hidden;
    width: 100%;
}


footer .copyright>span {
    display: block;
    font-family: tahoma;
    font-size: 11px;
}

#youtube-index{
    margin-bottom: 10px;
}

.livechat {
    height: 354px;
    overflow-y: auto;
	background: #0f0f11;
}

#liveradio_wrapper{
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
	background: #0f0f11;
}

.livechat-box {
    height: auto;
    float: left;
    width: 100%;
    border-bottom: 1px solid #222222;
    word-wrap: break-word;
    clear: both;
    padding: 5px 0px;
}

.livechat-time {
    float: right;
    width: 15%;
    padding: 2px;
    text-align: center;
    font-size: 13px;
    color: #999999;
}

.livechat-pic-inbox {
    float: left;
    margin: 0 10px;
    width: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 37px;
}

.livechat-text {    
    width: 60%;
    float: left;
	font-family: tahoma;
	line-height: 10px;
}

.livechat-name{
	white-space: nowrap;
    width: 100%;
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}

.livechat-comment{
	width: 100%;
    color: #eeeeee;
    float: left;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding: 4px;
    line-height: 15px;
}

.panel-footer-chat{
    width: 100%;
	background: #0f0f11;
    color: #eeeeee;
    float: left;
    padding: 10px;
    line-height: 15px;
	position: relative;
	-webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;	
	margin-bottom: 10px;
}

#messageInput {
    background-color: #ffffff;
    display: inline-block;
    border: none;
    height: 35px;
    padding: 5px;
    width: 247px;
    font-size: 100%;
    font-family: Arial, sans-serif;
    outline: none;
    margin: 0;
    vertical-align: top;
    border-radius: 0.35em;
    color: #4b4b4b;;
}


[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}

.icon {
    display: inline-block;
    cursor: pointer;
    line-height: normal;
}

.ipt-icon {
    position: absolute;
    box-sizing: border-box;
    top: auto;
    width: 23px;
    height: 36px;
    right: 10px;
}

.white-page{background: #ffffff;}
	

.newssingle {
    clear: both;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 18px 0;
	border-bottom: 1px solid #edeef0;
}
.noneborder {
	border-bottom: none;
}


.newssingle:first-child {
    padding-top: 0;
}
.newssingle .imgcol {
	display: block;
    overflow: hidden;
    position: relative;
}

.newssingle .text-container {
	float: left;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.newssingle h1, .newssingle h1 a, .newssingle h1 a:visited  {
    color: #1d1e1f;
    font-size: 24px;
    line-height: 1;
    margin: 10px 0px;
    font-weight: 700;
}

.newssingle h1 a:hover {
    color: #c01518;
}

.newssingle p {
font-family: Arial, Tahoma;
font-size: 15px;
color: #6c6d6f;
width: auto;
display: block;
line-height: 1.4;
}

.newsduo {
    clear: both;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 18px 0;
	border-bottom: 1px solid #edeef0;
}
.newsduo .imgcol {
	width: 30%;
	display: block;
    overflow: hidden;
    position: relative;
	float: left;
}

.newsduo .text-container {
	float: left;
    overflow: hidden;
    padding: 10px;
    width: 70%;
}

.newsduo h1, .newsduo h1 a, .newsduo h1 a:visited  {
    color: #1d1e1f;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 700;
}

.newsduo h1 a:hover {
    color: #c01518;
}

.newsduo p {
font-family: Arial, Tahoma;
font-size: 15px;
color: #6c6d6f;
width: auto;
display: block;
line-height: 1.4;
}

.newstrio {
    overflow: hidden;
    position: relative;
    width: 33.33333%;
    padding: 18px 5px 0px 5px;
    float: left;
}
.newstrio .imgcol {
    width: 100%;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.newstrio .text-container {
    display: block;
    padding: 5px 10px;
    width: 100%;
    float: left;;
}

.newstrio h1, .newstrio h1 a, .newstrio h1 a:visited  {
    color: #1d1e1f;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
	margin-bottom: 10px;
}

.newstrio h1 a:hover {
    color: #c01518;
}

.fav-news { 
    width: 100%;
	margin-bottom: 10px;
}

.heading {
    font: 18px Arial;
    color: #ffffff;
    text-transform: uppercase;
    /* font-weight: 700; */
    padding: 5px 10px;
    letter-spacing: -0.35px;
    background: #ad0308;
    background: -moz-linear-gradient(top, #ad0308 0%, #7c0206 100%);
    background: -webkit-linear-gradient(top, #ad0308 0%,#7c0206 100%);
    background: linear-gradient(to bottom, #ad0308 0%,#7c0206 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0308', endColorstr='#7c0206',GradientType=0 );
}

.fav-news li {
    font: 12px 'Sukhumvit Set', arial, sans-serif;
    border-bottom: 1px dotted #999;
    padding: 5px 0;
    font-weight: 700;
    padding-left: 5px;
}

.fav-news  li {
	font: 12px 'Sukhumvit Set', arial, sans-serif;
    border-bottom: 1px dotted #999;
    padding: 5px 10px;
    font-weight: 700;
}


.fav-news a, .fav-news a:visited, .fav-news a:active{
    color: #013369;
    text-decoration: none;
    }

.fav-news a:hover {color: #013369; text-decoration: underline;}

.postdate {
    display: block;
    color: #a5a6a7;
    font-size: 12px;
    font-style: normal;
    line-height: 11px;
    margin-bottom: 10px;
}
.emoji {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  color: rgba(255, 255, 255, 0.5);
  display: none;
  height: 100px;
  margin-top: -99px;
  overflow: auto;
}
.emoji > img {
  cursor: pointer;
  width: 27px;
}

.unslider-nav {
  margin-top: -20px;
  position: absolute;
  z-index: 8;
}
.lineup {
    padding: 10px;
    font-size: 13px;
    font-family: tahoma;
    line-height: 1.3;
	float:left;
	margin-bottom: 10px;
	background: #282828;
    background: -moz-linear-gradient(top, #282828 0%, #0d0e0f 100%);
    background: -webkit-linear-gradient(top, #282828 0%,#0d0e0f 100%);
    background: linear-gradient(to bottom, #282828 0%,#0d0e0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#0d0e0f',GradientType=0 );
}

.lineup-team{
    width: 100%;
	margin-top: 10px;
	float:left;
}
.red{
 color: #c01518;
 font-weight: 700;
}

.yellow{
 color: #f8e905;
 font-weight: 700;
}
.bg-player {
	width: 729px;
	height: 431px;
	position:relative;
    background-image: url(/asset/images/bg-live.jpg);
    background-size: cover;
}
.live-text {
	color: #ffffff;
    text-align: center;
    width: 36%;
    display: inline-block;
    margin-top: 19%;
	font-weight: 700;
	text-shadow: 2px 1px 0px #222222;
}
  
.live-leauge {
    font-size: 1.8em;
}

.live-countdown {
    font-size: 1.5em;
	margin-bottom: 5px;
}

.live-hometeam {
	width: 25%;
    float: left;
    margin-left: 7%;
    margin-top: 15%;
    margin-bottom: 10%;}
	
.live-awayteam {
	width: 25%;
	float: right;
	/*margin-right: 7%;*/
	margin-top: 15%;
	margin-bottom: 10%;}

.live-leauge element.style {
    margin-left: 120px;
}
.live-text .time {
    float: left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
    width: 57px;
    height: 57px;
	margin: 0px 15px;
	border-radius: 10px;
	color: #333333;
	text-shadow: none;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #949494 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#949494 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#949494 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494',GradientType=0 );}
	
.live-text .time span {
    font-size: 13px;
    width: 100%;
    float: left;
    font-family: 'Sukhumvit Set';
    margin-top: -3px;
}
.ch-box {
  float: right;
  margin-bottom: 10px;
  text-align: right;
  width: 50%;
  margin-top: 21px;
}
.ch-link {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    width: 50px;
    padding: 5px;
    margin-left: 0px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background: #ad0308;
    background: -moz-linear-gradient(top, #ad0308 0%, #7c0206 100%);
    background: -webkit-linear-gradient(top, #ad0308 0%,#7c0206 100%);
    background: linear-gradient(to bottom, #ad0308 0%,#7c0206 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0308', endColorstr='#7c0206',GradientType=0 );
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* load*/
.cssload-loader {
	position: relative;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1000px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 0.55s linear infinite;
		-o-animation: cssload-rotate-one 0.55s linear infinite;
		-ms-animation: cssload-rotate-one 0.55s linear infinite;
		-webkit-animation: cssload-rotate-one 0.55s linear infinite;
		-moz-animation: cssload-rotate-one 0.55s linear infinite;
	border-bottom: 4px solid rgb(217,4,4);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 0.55s linear infinite;
		-o-animation: cssload-rotate-two 0.55s linear infinite;
		-ms-animation: cssload-rotate-two 0.55s linear infinite;
		-webkit-animation: cssload-rotate-two 0.55s linear infinite;
		-moz-animation: cssload-rotate-two 0.55s linear infinite;
	border-right: 4px solid rgb(255,255,255);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 0.55s linear infinite;
		-o-animation: cssload-rotate-three 0.55s linear infinite;
		-ms-animation: cssload-rotate-three 0.55s linear infinite;
		-webkit-animation: cssload-rotate-three 0.55s linear infinite;
		-moz-animation: cssload-rotate-three 0.55s linear infinite;
	border-top: 4px solid rgb(0,0,0);
}
@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/* load*/


.panel-heading-table {
  	padding-left: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,949494+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #949494 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#949494 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#949494 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  	line-height: 28px;
    height: 33px;
    padding-top: 5px;
}

.panel-title-table {  
      font-size: 20px;
    color: #2a2b2e;
    float: left;
    font-weight: 700;
}

.panel-body-table {
  padding: 0px;  
  background-color: #1b1b1b;
}

.hilight-item{
    width: 100%;
    vertical-align: top;
	margin-bottom: 10px;
	position: relative;
}

.hilight-item.all{
	width: calc(20% - 20px);
    float: left;
	margin: 10px 10px 0px 10px;
}	

.hilight-image {
    margin: 0 0 5px;
}

.hilight-score {
    text-align: center;
    font-size: 12px;
    color: #ffffff;	
    font-family: tahoma;
	margin: 5px 0px 15px 0px;
}

.panel-body-tded {
  position: relative;
  padding: 0px;  
  background-image: url(../images/tded-bg.jpg);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center top;  /* Internet Explorer 7/8 */
  overflow: hidden;
  }

.styled-select {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  float: right;
  height: 24px;
  margin-right: 10px;
  overflow: hidden;
}
.styled-select select {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 12px;
  height: 24px;
  padding: 0 5px;
  width: 150px;
}
  .video-present {
    width: 100%;
    float: left;
    margin-bottom: 10px;	
	background-color: #1b1b1b;
}

.video-present .teaser {
    width: 60%;
    float: left;
}

.video-present .teaser-description {
    width: 40%;
	padding: 15px 10px;
    float: left;
}

.video-present .teaser-description h2{
    font-size: 22px;
	color: #ffffff;
    float: left;
}
.a2-banner.over-player {
	bottom: 40px;
	/* margin-left: -5px; */
	position: absolute;
	text-align: center;
	width: 80%;
	left: 76px;
}
.close-ad-5 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 5px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.sublink {
	margin: 5px;
	cursor: pointer;
}
.siteads_right {
	position: fixed;
	right: 5px;
	z-index: 1030;
	}
	.siteads_left {
	position: fixed;
	left: 5px;
	z-index: 1030;
	}