@charset "utf-8";
/* CSS Document */
@media screen and (min-width:0px) and (max-width:999px){
.container_24{
	width:95%;
	margin-left: auto;
	margin-right: auto;
}
.container_25{
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

#prev{
	width:18px;
    height:33px;
    background:transparent url(../images/kiri2.png) no-repeat;
    position:relative;
    margin-top:-260px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:10;
    float:left;
    margin-left:0px;
}
#prev:hover{
    opacity:0.7;
}
#next{
	width:18px;
    height:33px;
    background:transparent url(../images/kanan2.png) no-repeat;
    position:relative;
    margin-top:-260px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:10;
    float:right;
    margin-left:0px;
}
#next:hover{
    opacity:0.7;
}
#prev2{
	width:18px;
    height:33px;
    background:transparent url(../images/kiri2.png) no-repeat;
    position:relative;
    margin-top:-55px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:10;
    float:left;
    margin-left:0px;
}
#prev2:hover{
    opacity:0.7;
}
#next2{
	width:18px;
    height:33px;
    background:transparent url(../images/kanan2.png) no-repeat;
    position:relative;
    margin-top:-55px;
    text-indent:-9000px;
    cursor:pointer;
    z-index:10;
    float:right;
    margin-left:0px;
}
#next2:hover{
    opacity:0.7;
}

.berita-bawah{
	float:left;
	width:100%;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.berita-bawah .area{
	width:98%;
	float:left;
	margin:1%;
	margin-bottom:30px;
	overflow:hidden;
}
.berita-bawah .area .box{
	width:100%;
	float:left;
	overflow:hidden;
	border: 2px solid #dedfe0;
	/* -webkit-box-shadow: inset 1px 0px 0px 0px #dedfe0; */
	/* -moz-box-shadow: inset 1px 0px 0px 0px #dedfe0; */
	/* box-shadow: inset 1px 0px 0px 0px #dedfe0; */
	font-family: 'Yantramanav-Regular';
}
.berita-bawah .area .box .header{
	width:100%;
	height:124px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:15px;
}
.berita-bawah .area .box .header img{
	width:110%;
}
.berita-bawah .area .box .header .back{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	font-size:24px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	background:rgba(0,0,0,0.4);
	line-height:5em;
}
.berita-bawah .area .box .side{
	float:left;
	width:90%;
	margin:5%;
	margin-bottom:0%;
	margin-top:0%;
	margin-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	padding-bottom:10px;
	font-size:15px;
	line-height:1.2em;
	border-bottom:1px solid #dedfe0;
}
.berita-bawah .area .box .side a{
	color:#000;
	transition: all 0.5s ease 0s; 
  	-webkit-transition: all 0.5s ease 0s;
}
.berita-bawah .area .box .side a:hover{
	color:#2f1c74;
}
.berita-bawah .area .box .side .tgl{
	float:left;
	width:100%;
	margin-top:5px;
	font-size:12px;
	color:#4a4a4a;
	font-weight:normal;
	font-family: 'Yantramanav-Regular';
}
.berita-bawah .area .pag{
	width:90%;
	float:left;
	margin-left:5%;
	margin-top:10px;
	overflow:hidden;
	font-family: 'Yantramanav-Regular';
	font-size:15px;
}
.berita-bawah .area .pag ul{
	width:100%;
	float:left;
}
.berita-bawah .area .pag ul li{
	float:left;
	list-style:none;
}
.berita-bawah .area .pag ul li a{
	float:left;
	width:25px;
	height:25px;
	border-radius:3px;
	background:#FFF;
	border:1px solid #DDD;
	list-style:none;
	margin-right:5px;
	color:#000;
	text-align:center;
	line-height:1.6em;
	-webkit-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}
.berita-bawah .area .pag ul li a:hover, .berita-bawah .area .pag ul li.active a{
	background:#7b7b7b;
	border:1px solid #7b7b7b;
	color:#FFF;
}

.pagination{
	float:left;
	width:95%;
	overflow:hidden;
	margin-left:5%;
	margin-top:10px;
}
.pagination li{
	float:left;
	display: inline;
	/* border: 1px solid #DDD; */
	margin-right: 5px;
	font-family: 'Yantramanav-Regular';
	font-size:15px;
	background: #FFFFFF;
	border-radius:3px;
	-webkit-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}
.pagination li a{
	float:left;
    text-decoration:none;
    color: #7b7b7b;
	/* width:25px; */
	/* height:25px; */
	text-align:center;
	line-height:1.6em;
}
.pagination li a:hover{
    color: #FFF;
	background: #7b7b7b;
}
.pagination li a.active{
    color: #FFF;
	background: #7b7b7b;
}
.pagination li:hover{
	background: #7b7b7b;
	border:1px solid #7b7b7b;
	color:#FFF;
}
.pagination li.active{
	float:left;
	/* width:25px; */
	/* height:25px; */
	text-align:center;
	line-height:1.6em;
	background: #7b7b7b;
	color: #FFF;
	border:1px solid #7b7b7b;
}

}