/*Font*/
  @font-face {
    font-family: 'quarkbold';
    src: url('../fonts/Quark-Bold-webfont.eot');
    src: url('../fonts/Quark-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quark-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Quark-Bold-webfont.woff') format('woff'),
         url('../fonts/Quark-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Quark-Bold-webfont.svg#quarkbold') format('svg');
    font-weight: normal;
    font-style: normal;

  }
  /*ribbin*/
  .black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 160px;
  
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 100px; }
/*End ribbin*/

/*Header*/
  header {
    padding: 0px 0px 0px 0px;
  }
  
  .headerscore {
	padding: 0.3% 1%; text-align: left; color: rgb(255, 255, 255); font-weight: bold; margin-top: 1%;
}
.headerscore strong {
	font-weight: bold;
}
.box_img {
	margin: 0px 10px 0px 0px; padding: 0px; width: 29px; height: 29px; overflow: hidden; float: left;
}
.box_title { padding-top:5px; width: 90%; height: 25px; overflow: hidden; float: left;
}
 .match_rows {
	text-align: center; color: rgb(34, 34, 34); font-size: 14px;border-bottom-color: #EAEAEA; border-bottom-width: 1px; border-bottom-style: solid;
}
.match_rows .p_time {
	padding: 1% 0px; width: 6%; float: left;
}
.match_rows .p_match {
	padding: 1% 0px; width: 45%; float: left;
}
.match_rows a:link .p_match {
	text-align: center; color: rgb(34, 34, 34);
}
.match_rows a:visited .p_match {
	text-align: center; color: rgb(34, 34, 34);
}
.match_rows a:hover .p_match {
	background: #FFFF99; text-decoration: none;
}
.match_rows a:active .p_match {
	background: #FFFF99; text-decoration: none;
}
.match_rows .p_match .p_team {
	width: 100%; font-size: 13px; float: left;
}
.match_rows .p_match .p_score {
	background: rgb(51, 51, 51); padding: 0.05% 0.1%; border-radius: 0.2em; margin-left:13px; margin-right:10px; width: 60px; height:20px; text-align: center; color: rgb(221, 221, 221); font-size: 14px; font-weight:bold; float: left; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em;
}
.match_rows .p_match .p_result {
	width: 7%; float: left;
}
.match_rows .p_match .logo_img {
	width: 3.5%; height: 22px; overflow: hidden; float: left;
}
.match_rows .p_match .logo_img img {
	width: 100%;
}
.match_rows .p_show {
	padding: 1% 0px; width: 7%; float: left;
}
.match_rows .p_tded {
	padding: 1% 0px; width: 6%; float: left;
}
.match_rows .p_live {
	padding: 1% 0px; width: 15%; float: left;
}
.match_rows .p_stat {
	padding: 1% 0px; width: 5%; float: left;
}
.match_rows .p_note {
	padding: 1% 0px; width: 7%; text-align: center; float: left;
}
.match_rows .p_clip {
	padding: 1% 0px; width: 12%; text-align: center; float: left;
}
.vote {
	text-align: center; color: rgb(34, 34, 34); font-size: 14px;
}
.vote .p_time {
	width: 6%; float: left;
}
.vote .p_match {
	width: 95%; float: left;
}
.vote .p_team {
	width: 40%; text-align: left; float: left; font-weight:bold; color: #0063C6;
}
.vote .p_result {
	width: 20%; padding-top: 4%; float: left;
}
.program{ background: #37003c; font-family:Tahoma, Arial, sans-serif; font-size:13px; color:#FFFFFF; font-weight:bold;}
.program .p_time{ float:left; width:6%; padding:0.8% 0; text-align: center;}
.program .p_flag{ float:left; width:4%; padding:0.8% 0; text-align: center;}
.program .p_team{ float:left; width:19%; padding:0.8% 0; text-align: center;}
.program .p_odds{ float:left; width:7%; padding:0.8% 0; text-align: center;}
.program .p_result{ float:left; width:7%; padding:0.8% 0; text-align: center;}
.program .p_tded{ float:left; width:6%; padding:0.8% 0;text-align: center;}
.program .p_tv{ float:left; width:15%; padding:0.8% 0; text-align: center;}
.program .p_link{ float:left; width:7%; padding:0.8% 0;text-align: center;}
.program .p_clip{ float:left; width:12%; padding:0.8% 0;text-align: center;}
.program .p_stat{ float:left; width:5%; padding:0.8% 0;text-align: center;}
.program .p_news{ float:left; width:3%; padding:0.8% 0; text-align: center;}
.program .p_hilight{ float:left; width:3%; padding:0.8% 0; text-align: center;}
.tt_list.tv{float:left;width:10.5%;margin:0% 0% 4% 2%;text-align:center;border:1px solid #FFF;}
.tt_list.tv img{border:1px solid #eee;border-radius:5px;}
.tt_list.tv:hover{opacity:0.8;filter:alpha(opacity=80);border:1px solid #ddd;border-radius:5px;-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.36);-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.36);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.36);}
.tt_list.tv:hover img{border:1px solid #FFF;}
.tt_list.tv h3{font-size:18px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:supermarket;margin:5px 0px 5px 0px;color:#555;}
.tt_list.tv:hover h3{color:#35548f;}
/*Container Ghost*/
  .container-ghost {
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .pro_matchleague_name {

    width: 270px;

}
.pro_matchleague_name {

    color: #000;

    font-family: 'DtacRegular';

    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

    width: 230px;

    height: 30px;

    float: left;

    color: #000;

    margin: 10px;

    text-align: left;

    font-size: 24px;

    font-weight: bold;

    border-bottom-width: 3px;

    border-bottom-style: solid;

    border-bottom-color: #FF6633;

}
  .pro_mainchannel {

    width: 100%;

}





.linebox {

    text-align: center;

}



.linebox h2 {

    text-align: center;

}



.matchdate {

    display: none;

}



.pro_vs {

    text-align: center;

    width: 80px;

}



.pro_vs img{

    width: 30px;

}



.pro_matchch {

    text-align: center;

    width: 100%;

}
.pro_preview_box {

    width: 250px;

    height: auto;

    float: left;

    cursor: pointer;

}



.pro_home_box {

    width: 100px;

    height: 80px;

    float: left;

    padding-top: 10px;

}



.pro_home_box img {

    height: 60px;

}



.pro_away_box img {

    height: 60px;

}





.pro_vs {

    float: left;

    width: 30px;

    margin-top: 20px;

}



.pro_away_box {

    width: 100px;

    height: 80px;

    float: right;

    padding-top: 10px;

}



.pro_home_name {

	font-family: 'DtacRegular';

    font-size: 15px;

    width: 100px;

    float: left;

    margin: 0px 0 5px 0px;

    text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);

}



.pro_away_name {

	font-family: 'DtacRegular';

    font-size: 15px;

    width: 100px;

    float: right;

    margin: 0px 0px 5px 0;

    text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);


}
.pro_matchch {

	font-family: 'DtacRegular';

    font-size: 16px;

    float: left;

    margin: 0px 0 3px 0px;

    text-align: center;


    width: 250px;

}
.pro_away_name {

	font-family: 'DtacRegular';

    font-size: 15px;

    width: 110px;

    float: right;

    margin: 0px 0px 5px 0;

    text-align: center;


}
  @media (min-width: 768px) {
    .container-ghost {
      width: 750px;
    }
	 /*ribbin*/
  .black-ribbon {
    width: auto;
  }
/*End ribbin*/
  }
  @media (min-width: 992px) {
    .container-ghost {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container-ghost {
      width: 1170px;
    }
  }
/*Navbar Menu*/
  .navbar-default-ghost {
    background-color: #048a95;
    border-bottom: 3px solid #272727;
    box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.3);
  }
  .navbar-default-ghost .navbar-brand {
    color: #ffffff;
  }
  .navbar-default-ghost .navbar-brand:hover,
  .navbar-default-ghost .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-default-ghost .navbar-text {
    font-weight: bolder;
    font-size: 16px;
    color: #ffffff;
  }
  .navbar-default-ghost .navbar-nav > li > a {
    font-weight: bolder;
    color: #fff;
    margin: 0px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
  }
  .navbar-default-ghost .navbar-nav > li > a:hover,
  .navbar-default-ghost .navbar-nav > li > a:focus {
    font-weight: bolder;
    color: #fff;
    background-color: #272727;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
  }
  .navbar-default-ghost .navbar-nav > .active > a,
  .navbar-default-ghost .navbar-nav > .active > a:hover,
  .navbar-default-ghost .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #272727;
  }
  .navbar-default-ghost .navbar-nav > .disabled > a,
  .navbar-default-ghost .navbar-nav > .disabled > a:hover,
  .navbar-default-ghost .navbar-nav > .disabled > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-default-ghost .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-default-ghost .navbar-toggle:hover,
  .navbar-default-ghost .navbar-toggle:focus {
    background-color: #ddd;
  }
  .navbar-default-ghost .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default-ghost .navbar-collapse,
  .navbar-default-ghost .navbar-form {
    border-color: #d3222a;
  }
  .navbar-default-ghost .navbar-nav > .open > a,
  .navbar-default-ghost .navbar-nav > .open > a:hover,
  .navbar-default-ghost .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #d3222a;
  }
 
  @media (max-width: 767px) {
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
    }
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #d3222a;
    }
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default-ghost .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
    }
	.tt_list.tv{width:22%;}
	.black-ribbon {
    width: auto;
	display:none;
  }
  }
  .navbar-default-ghost .navbar-link {
    color: #777;
  }
  .navbar-default-ghost .navbar-link:hover {
    color: #333;
  }
  .navbar-default-ghost .btn-link {
    color: #777;
  }
  .navbar-default-ghost .btn-link:hover,
  .navbar-default-ghost .btn-link:focus {
    color: #333;
  }
  .navbar-default-ghost .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-default-ghost .btn-link:hover,
  .navbar-default-ghost .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default-ghost .btn-link:focus {
    color: #ccc;
  }
/*Link Color*/
  .link-color > a {
    font-size: 14px;
    color: #003399;
    text-decoration: none;
  }
  .link-color > a:hover,
  .link-color > a:focus {
    color: #d3222a;
  }
  /*Link colorwebbord*/
  .link-colorwebbord > a {
    font-size: 14px;
    color: #FF0000;
    text-decoration: none;
  }
  .link-colorwebbord > a:hover,
  .link-colorwebbord > a:focus {
    color: #d3222a;
  }
/*Box Title*/
  .box-title {
     font-family: 'Quark-Bold.otf';
      src:url("../fonts/Quark-Bold.otf");
  }
  .box-title h1, h2, h3 {
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #333;
    font-size: 22px!important;
    font-family: quarkbold, Arial, sans-serif;
  }
  .box-title p{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: left;
  }
  .box-title-line {
    border-bottom: 2px solid #d3222a;
    margin-bottom: 5px;
  }
  .box-title2 {
     font-family: 'Quark-Bold.otf';
      src:url("../fonts/Quark-Bold.otf");
  }
  .box-title2 h1 {
    padding: 25px;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #333;
    font-size: 25px!important;
    font-family: quarkbold, Arial, sans-serif;
	background: #001841;
	border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
  .box-title3 {
     font-family: 'Quark-Bold.otf';
      src:url("../fonts/Quark-Bold.otf");
  }
  .box-title3 h1 {
    padding: 25px;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #333;
    font-size: 25px!important;
    font-family: quarkbold, Arial, sans-serif;
	background: #B9005C;
	border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
  }
/*Ads*/
  .ads {
    margin-top: 10px;
  }
/*Footer*/
  footer {
    margin-top: 10px;
  }
  footer .top {
    background-color: #081f2c;
    padding-bottom: 20px;
  }
  footer .bottom {
    background-color: #0d3850;
    padding-top: 5px;
  }
  footer h4 {
    font-size: 14px;
    font-family: Times, serif;
    font-weight: bolder;
    color: #fff;
    margin-bottom: 5px;
  }
  footer h4 a {
    font-size: 14px;
    font-weight: bolder;
    color: #fff;
  }
  footer h4 a:hover {
    font-size: 14px;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
  }
  footer p {
    font-size: 14px;
    color: #797979;
    margin-bottom: 5px;
  }
  footer p a {
    font-size: 14px;
    color: #797979;
  }
  footer p a:hover {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
  }
  footer .social {
    margin-right: 20px;
  }