.box_berita_utama{
	position: relative;
	width: 65%;
	float: left;
}
.box_berita_utama_bg{
	position:absolute;
	width: 33%;
	box-sizing: border-box;
	left: 0px;
	height: 100%;
	background: #ffffff;
}
.box_berita_utama a{
	color: #4c4c4c;
	text-decoration: none;
}
.head_judul_berita{
	position:relative;
	color: white;
	padding: 0px 0px;
	box-sizing: border-box;
	color:#ffffff;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	background:#060058;
	padding:10px;
	margin-bottom: 10px;
}
.judul_module_berita{
	position:relative;
	text-align: left;
}
.head_berita_lainnya{
	position:relative;
}
.box_data_berita{
	position: relative;
	box-sizing: border-box;
	padding:10px;
}
.box_data_berita_over{
	overflow-y: scroll;
}

.box_baris_berita{
	position: relative;
	margin-bottom: 5px;
}
.box_berita_isi{
	position:relative;
	font-size: 14px;
	margin-bottom: 10px;
}
.box_berita_ttl{
	padding-bottom: 10px;
	border-bottom: 1px solid #28166f;
}
.berita_tanggal{
	position:relative;
	display:inline-block;
	padding:5px;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background: #00923f;
}
.box_berita_judul{
	position: relative;
	font-size: 15px;
	color: #00036f;
	margin-top:3px;
	font-weight: bold;
}
.box_berita_deskripsi{
	position:relative;
	margin-top: 8px;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.tombol_berita_lain{
	position:relative;
	padding: 10px 5px;
	box-shadow: 0px 0px 3px #606060;
	text-align: center;
	font-size: 14px;
	font-weight: 100;
	background: #efefef;
	color: #002600;
}

.tombol_berita_lain:hover{
	background: #bfdbbe;
}
@media only screen and (max-width: 800px) {
	.box_berita_utama{
		position:relative;
		display:block;
		width: 100%;
		height: unset;
		padding-bottom: 10px;
	}
	.box_data_berita{
		height: auto;
	}
	.berita_tanggal{
		
	}
	.box_berita_judul{
		
		margin-left: 0px;
	}
	.box_berita_utama_bg{
		width: 100%;
	}
}

