@charset "utf-8";
/* CSS Document */
/*-------------header------------------------------------------------------------------------------------------------*/
 body{
	margin-left: 10%;
	margin-right: 10%;
	margin-top:0;
  	padding: 0;
    box-sizing: border-box;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-size:100% 180px;
}

.header {
	background-image:url(../images/header3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
	float:left;
	width: 100%;
	height:180px;
	z-index:999;
}

.header-content{
	width:100%;
	height:180px;
	float:left;
	position: relative;
}
.div-atas{
	width:100%;
	height:35px;
	float:left;
	position: relative;
}

.style-lang a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0;	
	text-decoration:none;
}
.style-lang a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;	
	text-decoration:none;
}
.div-repository{
	width:100%;
	height:80px;
	float:left;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
}
.div-logo{
	float:left;width:30%;position:relative;
}
.div-title-header{
	width:60%;float:left;position:relative;
}
.div-title-header-pad{
	padding-top:30px;padding-bottom:30px;
}

.div-header-bawah{
	width:100%;
	height:65px;
	float:left;
	position: relative;
	
}
.div-search{
	width:100%;
	height:65px;
	float:left;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.div-humberger-menu{
	width:30%;
	height:35px;
	float:left;
	position: relative;
	display:none;
}
.container {
	width: 100%;
	position: relative;
	float:left;
	overflow:auto;
}
#colleft{
	width:75%;
	position:relative;
	float:left;	
}

#colright{
	width:25%;
	position:relative;
	float:left;	
}

.div-bread{
	width:100%;
	height:40px;
	float:left;
	position:relative;
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	text-decoration:none;
}
.div-post-submiss{
	width:100%;
	height:900px;
	position:relative;
	float:left;
	
}
.div-bread a{
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.author-list a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;	
	text-decoration:none;
}
.author-list a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C60;	
	text-decoration:none;
}
.judul-item{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;	
}
.judul-item2{
	width:100%;
	float:left;
	position:relative;
	padding-right:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;	
}
.judul-subitem2 a{
	width:100%;
	float:left;
	position:relative;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
	text-decoration:none;
	line-height:18px;
}
.isi-item{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
}
ul{margin-left:5px;padding-left:10px;}
.sub-item li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
.sub-item li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
.title-text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#f28816;
	text-decoration:none;
}
.subtitle-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	line-height:18px;
}
.desc-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
}
.view-more a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#000;
	text-decoration:none;
}
.div-title{
	width:100%;
	float:left;
	position:relative;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#f28816;
	text-decoration:none;
}
.div-tumbnail{
	width:30%;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
	text-decoration:none;
}
.div-teksabstract{
	width:70%;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	text-decoration:none;
}
.title-ket{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f28816;
	line-height:18px;
}
.div-news-prenext{
	width: 100%;
	height:30px;
	overflow:hidden;
	float:left;
	position: relative;	
	padding-right:5px;
}
.div-info-prenext{
	width: 100%;
	height:30px;
	overflow:hidden;
	float:left;
	position: relative;	
}
.line-prenext{
	width: 40%;
	height:10px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	float:left;
	position: relative;	
}
.arrow-prenext{
	width: 20%;
	height:30px;
	overflow:hidden;
	float:left;
	position: relative;	
}
.footer {
	width: 100%;
	height:auto;
	float:left;
	overflow:auto;
	background-color:#000;
	position: relative;
}
.footer-left{
	width:80%;
	height:25vh;
	float:left;
	position:relative;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.footer-right{
	width:20%;
	height:25vh;
	float:left;
	position:relative;
}
@media screen and (max-width: 620px) and (min-width: 601px) {
	body{
		margin-left: 0;
		margin-right: 0;
		margin-top:0;		
	}
	.header {
		background-image:url(../images/header3.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		height:180px;
	}	
	
	.footer-left{
		width:100%;
		height:36vh;
	}
	.footer-right{
		width:100%;
	}
	.logo-stie{
		width:60%;	
	}
	.colleft{
		width:100%;	
	}
	.colright{
		width:100%;	
	}
	.div-post img{
		max-width:100%;
		min-width:320px;
		max-height:100%;	
	}
	.div-logo{
		width:40%;
	}
	.div-title-header{
		width:60%;
	}
}

@media screen and (max-width: 600px) {
	body{
		background-image:none;
		margin-left: 0;
		margin-right: 0;
		margin-top:0;		
	}
	.header {
		background-image:url(../images/header3.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		height:180px;
	}	
	.div-repository{
		font-size:16px;
	}
	.div-title-header-pad{
		padding-top:26px;padding-bottom:26px;
	}
	.div-logo img{
		height:60px;
	}
	.div-search{
		width:90%;
	}
	.div-humberger-menu{
		width:10%;
		display:block;
	}
	.footer-left{
		width:100%;
		height:36vh;
	}
	.footer-right{
		width:100%;
	}
	.logo-stie{
		width:60%;	
	}
	#colleft{
		width:100%;	
		display:block;
	}
	#colright{
		width:100%;
		display:none;	
	}
	.div-post img{
		max-width:100%;
		min-width:320px;
		max-height:100%;	
	}
	.div-logo{
		width:40%;
	}
	.div-title-header{
		width:60%;
	}
}