/*
Theme Name: TV Info
Theme URI: http://tvinfo.beraukab.go.id
Author: Setyawan Widodo
Author URI: https://setya1.com/
Description: Themes untuk TV Informasi Setda Kabupaten Berau
Version: 1.0
Tags: tv informasi, ids, tvinfo, beraukab
*/
body {
	opacity:0.98;
}
h2 {
	height:45px;
	font-size:20px;
	color:#000;
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

#contentfull {
	width:97%;
	float:none;
	margin:5px 1.5% 0 1.5%;
	opacity:0.95;
}
.header {
	background:#fC5!important;
	height:60px;
	margin-bottom:9px;
}
.judulkiriheader {
	width:350px;
	float:left;
	padding:8px 0 0 10px;
	color:#000;
	line-height:20px;
	font-weight:bold;
}
.judulkiriheader img {
	height:45px;
	width:auto;
	margin-right:10px;
	float:left;
}
.judulkananheader {
	width:270px;
	float:right; 
	color:#333;
	text-align:right;
	padding:15px 10px 0 0;
	font-weight:bold;
}
.pertama {
	margin-bottom:9px;
}
.kiriatas {
	overflow:hidden;
}
	.kiriatas h2 {
		margin:-5px -5px -10px -15px;
		padding:15px 10px;
		background:url('/images/banner1.jpg') no-repeat top right!important;
		color:#000;
	}
	.isikiriatas {
		margin:10px -5px -10px -15px;
		padding:10px;
		background:#55f;
		height:280px;
		overflow:hidden;
	}
	.isikiriatas {
		color:#fff!important;
	}
	
		@keyframes animasitable { /* flame pulses */
		  0%  { opacity:1; }
		  10%   { opacity:1; }
		  20%   { opacity:1; }
		  30%   { opacity:1; }
		  40%   { opacity:1; }
		  45%   { opacity:1; }
		  50%  { opacity:1; }
		  55%  { opacity:1; }
		  60%  { opacity:1; }
		  70%  { opacity:1; }
		  80%  { opacity:0.6; }
		  90%  { opacity:0.3; }
		  100% { opacity:0; }
		}
		
		@keyframes fadeout{
		0% { opacity:1;}
		95% { opacity:1;}
		  99%{
			opacity : 0;
			height : initial;
		  }
		  100%{
			opacity : 0;
			height : 0;
		  }
		}
		@keyframes fadein {
		0% { opacity:0;}
		95% { opacity:0;}
		  99%{
			opacity : 1;
			height : 0;
		  }
		  100%{
			opacity : 1;
			height : initial;
			display:block!important;
		  }
		}
		
		@keyframes fadeoutgeser{
		0% { opacity:1;}
		95% { opacity:1; left:0;}
		  99%{
			opacity : 0;
			height : initial;
			left:-100%;
		  }
		  100%{
			opacity : 0;
			height : 100%;
			left:-100%;
		  }
		}
	
	.kiriatas tr.thatas1, tr.thatas3, tr.thatas5, tr.thatas7, tr.thatas9, tr.thatas11  {
		color:#fff;
	}
	.kiriatas tr.tratas1, tr.tratas3, tr.tratas5, tr.tratas7, tr.tratas9, tr.tratas11{
		color:#ddd;
	}
	.kiriatas tr.thatas2, tr.thatas4, tr.thatas6, tr.thatas8, tr.thatas10, tr.thatas12  {
		color:#ff0;
	}
	.kiriatas tr.tratas2, tr.tratas4, tr.tratas6, tr.tratas8, tr.tratas10, tr.tratas12{
		color:#ff9;
	}
.tengahatas {
	overflow:hidden;
}
	.tengahatas h2 {
		margin:-5px -15px 0 -15px;
		padding:15px 10px;
		background:url('images/banner2.jpg') no-repeat top right;		
		color:#111;
	}
	.isitengahatas {
		height:270px;
		margin:0 -15px 0 -15px;
		padding:10px;
		background:#ddf;
		overflow:hidden;
		color:#222;
	}
	.isitengahatas img {
		width:120px;
		height:auto;
		border:solid 1px #999;
		margin-bottom:5px;
		
	}
	
	.isitengahatas h5 {
		font-size:16px;
		padding-bottom:5px;
		margin:-2px 0 5px 0;
		color:#000;
	}
	.isitengahatas p {
		font-size:12px;
		color:#555;
	}
	.metaberita {
		font-size:11px;
		margin-left:-5px;
	}
.kananatas {
	overflow:hidden;
	}
	.kananatas h2 {
		margin:-5px -15px 0 -5px;
		padding:15px 10px;
		background:url('images/banner3.jpg') no-repeat top right;
	}
	.isikananatas {
		height:270px;
		margin:0 -15px 0 -5px;
		padding:5px 10px;
		background:#bbd;
		overflow:hidden;
	}
	
	.kananatas .spe-title {
		font-size:0;
	}
	.kananatas .spe-title  a{
		color:#000!important;
		font-size:18px;
		font-weight:bold;
	}
	.spe_div {
		margin-top:-5px;
		color:#000;
	}
	.spe_div a {
		color:#000;
		font-weight:bold;
	}
.kedua {
	margin-bottom:9px;
}
.kiribawah {
	overflow:hidden;
}
	.kiribawah h2 {
		margin:-5px -5px 0 -15px;
		padding:15px 10px;
		background:url('images/banner4.jpg') no-repeat top right;
		color:#000;
	}
	.isikiribawah {
		height:270px;
		margin:0 -5px 0 -15px;
		padding:10px;
		background:#fef;
		overflow:hidden;
		
	}
	.kiribawah tr.th1, tr.th3, tr.th5, tr.th7 {
		color:#111;
	}
	.kiribawah  tr.tr1, tr.tr3, tr.tr5, tr.tr7 {
		color:#313;
	}
	.kiribawah  tr.th2, tr.th4, tr.th6, tr.th8 {
		color:#111;
	}
	.kiribawah  tr.tr2, tr.tr4, tr.tr6, tr.tr8{
		color:#333;
	}
.tengahbawah {
	overflow:hidden;
}
	.tengahbawah h2 {
		margin:-5px -15px 0 -15px;
		padding:15px 10px;
		background:url('images/banner5.jpg') no-repeat top right;
	}
	.isitengahbawah{
		height:270px;
		margin:0 -15px 0 -15px;
		padding:10px;
		background:#eef;
		overflow:hidden;
	}

.kananbawah {
	overflow:hidden;
}
	.kananbawah h2 {
		margin:-5px -15px 0 -5px;
		padding:15px 10px;
		background:url('images/banner6.jpg') no-repeat top right;
	}
	.isikananbawah {
		height:270px;
		margin:0 -15px 0 -5px;
		padding:10px;
		background:#ddd;
		overflow:hidden;
	}

.footer {
	width:99.3%;
	position:fixed;
	bottom:0;
	height:50px;
	background:#222;
	margin:0 0 5px 0;
}
	.footerleft {
		width:13%;
		padding:10px;
		float:left;
		font-size:13px;
		line-height:17px;
		color:#fff;
	}
	.runningtext {
		width:85%;
		padding-top:18px;
		float:right;
		color:#ffc;
		font-size:13px!important;
	}

@media screen and (max-width: 700px) { 
	.kiriatas, .tengahatas, .kananatas, .kiribawah, .tengahbawah, .kananbawah {
		height:auto!important;
	}
}