body {
    background-color: #d0d0d0;
}

.container {

    border:0px solid #dfdfdf;
    width: 100%;
    display:table;
}

.menu-btn{
    cursor: pointer;
}

ul{
     margin-left:5px;
     margin-right:5px;
}

ul.menu{
    list-style: none;
}

ul.menu a:hover{
	text-decoration:none;
}

ul.menu a{
    margin-bottom: 5px;
}

ul.menu a li{
    line-height: 43px;
    border-bottom: 1px solid #CDCDCD;
    margin-left: 7px;
    margin-right: 7px;
}

ul.menu a li{
    color: #CDCDCD;
    font-family: Calibri, Tahoma;
    font-size: 17px;
    text-transform: uppercase;
	margin-bottom: 2px;
}

.menu-wrapper{
    display: none;
	background: #1e1f21;
}


.main-header {
    background-color: #ffcc00;
    background-image: url("../../img/home/bg-pattern.png");
    height: 75px;
}

.flex-direction-nav a::before {
    font-size: 20px;
}

.header-ganjel {
    background: #1415a3 none repeat scroll 0 0;
    border-top: 1px solid #1e1f21;
    display: none;
    height: 7px;
}


.main-header a img {
    height: 67px;
    margin-top: 5px;
    max-width: 65%;
    width: 224px;
}

.menu-btn{
    background-image: url("../../img/home/btn_menu.png");
   /* margin-right: 6px;
    margin-top: 16px;*/
}

.klasemen-header, .profil-header, .wags-header {
    cursor: pointer;
}

.right{
    float: right;
}

.content{
    /*background: #000000;*/
	color:#000000;
	margin-top:6px;
}

.banner2 img{
	 display: block;
    margin: 0 auto;
	width:100%;
	max-width:640px;
}

.article-list {
    background: #d0d0d0;
    padding-top: 7px;
    margin-bottom: 5px;
}

.article-list2 {
    background: #d0d0d0;
    padding-top: 7px;
    display: block;
}

.article-list3 {
    background: #d0d0d0;
    padding-top: 7px;
}

.article-list .thumb {
    float: left;
    height: 73px;
    margin-right: 7px;
    width: 110px;
}

.article-list2 .thumb {
    float: left;
    height: 73px;
    margin-right: 7px;
    width: 110px;
}

.article-list3 .thumb {
    float: left;
    height: 73px;
    margin-right: 4px;
    width: 110px;
}

img.thumb {
    height: 85px;
    width: 85px;
}

.category{
    /*background: #fff;*/
 
}

.article-title-video {
    font-family: Calibri,Tahoma;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 23px;
    padding-top: 23px;
}

.more {
    margin-left:7px;
    padding-bottom: 100px;
    font-weight: bold;
}

.more a{
    color:#020330;
    
}

.category-article-list .article-item .thumb a .thumb{
    float: left;
    height: 73px;
    margin-right: 5px;
    width: 110px;
}

.category-article-list .article-item {

    margin-bottom: 0;
    max-height: 114px;
    overflow: hidden;
    padding-top: 0px;
}

.category-article-list .article-item .title a{
    color:#020330;
    font-family: Calibri, Tahoma, Helvetica;
    font-size:17px;
    font-weight:bold;
}

.category-article-list .article-item .info .tgl{
    color:#020330;
}

.category-article-list .article-item .info .intro{
    font-family: Calibri, sans-serif;
}

.category-article-list .article-item .info .intro p{
    margin-right: 6px;
}

.info .tgl {
    color: #2932ee;
    font-size: 11px;
    font-weight: bold;
	height: 13px;
}


.title h1{
    line-height: 11px;
}

.title h1 a {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.category-article-list .article-item {
    margin-left: 6px;
    margin-top: 5px;
    width: 98%;
	height: auto;
}

.article-item {
    height: 77px;
    margin-left: 6px;
    margin-top: 5px;
    width: 98%;
}

.other-list .other-header .arrow-down{
    background-image: url("../../img/home/btn_down.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 28px;
    margin-right: 11px;
    width: 25px;
}

.other-list .other-header .arrow-up{
    background-image: url("../../img/home/btn_up.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 28px;
    margin-right: 11px;
    width: 25px;
}

.flex-caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: -9px;
    color: #fff;
    font-family: Arial,Impact,Helvetica,Tahoma,Arial;
    font-size: 15px;
    font-weight: bold;
    height: 53px;
    left: 0;
    line-height: 18px;
    overflow: hidden;
    padding: 2% 5%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    width: 100%;
}

.flexslider {
    background: #d0d0d0 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
}

.other-header{
    background: #a5251c;
    border-bottom: solid 1px #d0d0d0;
    height: 28px;
}

.other-header h1{
    color: #ffffff;
    float: left;
    font-size: 16px;
    line-height: 28px;
    padding-left: 15px;
    cursor: pointer;
	width: 81%;
}

.other-header2{
    background: #a5251c;
    border-bottom: solid 1px #d0d0d0;
    height: 28px;
    
}

.other-header2 h1{
    color: #000000;
    float: left;
    font-size: 16px;
    line-height: 28px;
    padding-left: 15px;
    width: 83%;
    cursor: pointer;
}


.other-list {
    margin-top: -5px;
}

.detail-title {
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    margin-left: 8px;
    margin-right: 8px;
    max-height: 96px;
    text-transform: uppercase;
	font-family: Calibri, Tahoma;
}

.list-jadwal{
    background: #F5F5F5;
    font-family: Calibri, Tahoma;
    line-height: 28px;
    font-weight: bold;
}

.list-jadwal .jadwal-item{
    height:30px;
    clear:left;
    border-bottom: 1px solid #FCFCFC;
}

.list-jadwal .jadwal-item .home-team{
    text-align: right;
    margin-right:6px;
    width:42%;
    float:left;
    font-size: 12px;
    letter-spacing: -1px;	
}

.list-jadwal .jadwal-item .score{
    max-width:20%;
    float:left;
}

.list-jadwal .jadwal-item .away-team {
    font-size: 12px;
    letter-spacing: -1px;
    margin-left: 6px;
    text-align: left;    
}


.status {
    background: #ffdf43 none repeat scroll 0 0;
    float: right;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}



.head-image img{
    max-width:640px;
	width:100%;
	display:block;
	margin: 0 auto;
	
}

.article {
    margin-left: 7px;
    margin-right: 12px;
    margin-top: 6px;
}

.article p{
    
	font-family: Calibri,Tahoma;
    font-size: 13px;
    /*line-height: 24px;*/
}

.video-list{

}

audio, canvas, video {
    display: inline-block;
    width: 100%;
}

.video-list video{
    
}

.video-item .img{
    width:133px;
    margin-left:7px;
}

.video-item .img a video{
    width:auto;
}


.video-list .article-item {
    height: 87px;
    margin-bottom: 5px;
    margin-left: 6px;
    width: 98%;
}

.video-list .article-item div.thumb {
    float: left;
    margin-right: 4px;
}

.video-list .article-item img.thumb {
    height: 81px;
    width: 128px;
}
.article-item img {
    height: 98px;
    margin-left: 2px;
    margin-right: 4px;
    width: 139px;
}

.video-list .article-item .title-video a{
    color:#C80505;
    font-weight: bold;
    font-family: Calibri, Tahoma;
    font-size: 16px;
}


.video-list .article-item .title-video {
    max-height: 60px;
    overflow: hidden;
}


.video-list .article-item .info .tgl{
    color:#333333;
}

.download-btn {
    background: #dedede none repeat scroll 0 0;
    margin-top: 6px;
    
}

.download-btn a{
    color:#0064CC;
}

.wallpaper-list {
    display: table;
    margin: 0 auto;
    padding-left: 14px;
    padding-top: 12px;
}


.item-index {
    float: left;
    margin-bottom: 13px;
    margin-right: 10px;
}

.img-index a img {
    height: 146px;
    width: 91px;
}

.article img{
    max-width:100%;
}


.klasemen {
    display: table;
    margin: 19px auto 0;
    padding-left: 10px;
    width: 100%;
}

.klas-header {
    color: red;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

klasemen-head{
    background: #d0d0d0;
}

.klasemen .row-item {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #fcfcfc;   
    display: table-row;
}

.klasemen .position {
    border-bottom: 1px solid #fdfdfd;
    float: left;
    margin-right: 5px;
    width: 4%;
}

.klasemen .team {
    float: left;
    width: 50%;
    border-bottom: 1px solid #fdfdfd;
}

.klasemen .team-head {
    text-transform: uppercase;
    font-weight: bold;
}

.klasemen .play {
    float: left;
    width: 6%;
    border-bottom: 1px solid #fdfdfd;
}

.klasemen .win {
    float: left;
    width: 6%;
    border-bottom: 1px solid #fdfdfd;
}

.klasemen .loss {
    float: left;
    width: 6%;
    border-bottom: 1px solid #fdfdfd;
}

.klasemen .draw {
    float: left;
    width: 6%;
    border-bottom: 1px solid #fdfdfd;
}

.klasemen .point {
    float: left;
    width: 6%;
    border-bottom: 1px solid #fdfdfd;
}

.dl{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

.dl .button{
	margin:0 auto;
	width:80px;
	border: 1px solid #C1AF0F;
	text-align:center;
	background:#0AD65D;
	padding:3px;
	font-size:13px;
}

.poin{
	font-size:14px;
	font-weight:bold;
}

.block-footer{
    background-color: #ffcc00;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding-top: 5px;
    text-align: center;
}