@charset "utf-8";
/* CSS Document */


.hidden{
	display: none;
}

@media screen and (max-width: 960px){
	.hidden{
		display: block;
		font-size: 3vw;
		margin-top: 5vw;
	}
	.hawal a{
		color:white;
		opacity: 1;
	}
	.hawal a:hover{
		color:blue;
	}
	.hawal:hover{
		opacity: 1;
	}
	.hthumbnail p{
		background-color: white;
		border:0.1vw solid #012057;
		font-size: 3vw;
	}
	.hiddenKeterangan{
		padding: 5vw;
		margin: 5vw auto;
		border:0.5vw solid #012057;
		width:60%;
	}
	.hiddenKeterangan p{
		font-size: 3vw;
	}
	.hiddenBerhasil{
		width: 100%;
		height: auto;
		border:0.5vw solid #012057;
		background-color: white;
		padding: 5vw;
	}
	.hiddenDetail{
		width: 100%;
		height: auto;
		border:0.5vw solid #012057;
		background-color: white;
		padding: 5vw 0;
	}
	.hiddenGambar{
		width:50%;
		padding-top:40%;
		border:0.5vw solid #012057;
		margin: 0 auto;
	}
	.hawal{
		z-index: 99;
		width:100%;
		color:white;
		top: 0px;
		left:0px;
		padding: 3px 0px;
		position: fixed;
		text-align: right;
		background-color: #012057;
		opacity:0.8;
	}
	.hthumbnail{
		width:40%;
		padding-top:30%;
		float: left;
		margin-left: 6vw;
		margin-top: 3vw;
		opacity: 0.9;
		border:0.5vw solid #012057;
	}
	.hthumbnail:hover{
		opacity: 1;
	}
	.all, .awal{
		display: none;
	}
	.hiddenHead{
		text-align: center;
		background-color: white;
		border:0.5vw solid #012057;
		font-size: 5vw;
		padding: 1vw;
	}
	.hiddenContent{
		padding: 3vw 0 6vw;
		background-color: white;
		border:0.5vw solid #012057;
	}
	.big{
		font-size: 4vw;
		padding: 1vw;
	}
	.hiddenNavigation{
		margin: 5vw 0;
		text-align: center;
		background-color: white;
		border:0.5vw solid #012057;
	}
	.plus{
		margin-top: 3vw;
	}
	.hfooter{
		text-align: center;
		margin-top: 5vw;
	}
	.hfooter a{
		color: blue;
		opacity: 0.5;
	}
	.hfooter a:hover{
		color: blue;
		opacity: 1;
	}
}

.berhasil{
	color: black;
	font-size: 20px;
	margin: 10px 30px 20px;
}
.awal{
	z-index: 99;
	position: fixed;
	top:0px;
	background-color: white;
	width:100%;
	left:0px;
	padding: 3px 0px;
	color:white;
	background-color: #012057;
	opacity: 0.8;
}
.awal:hover{
	opacity: 1;
}
.isiawal{
	width:960px;
	margin: 3px auto;
	text-align: right;
}
.awal .isiawal a{
	opacity: 1;
	text-decoration: none;
	color:white;
}
.awal .isiawal a:hover{
	color:blue;
}
body{  
	background: url(back.jpg) no-repeat center center fixed;
	  background-size: cover;
}
b{
	color:red;
}
.thumbnail a , .thumbnail a:hover{
	color:white;
}
a{
	text-decoration:none;
	color:black;
	opacity:0.5;
}
a:hover{
	text-decoration:none;
	color:black;
	opacity:1;
}
.container{
	width:960px;
	margin:0px auto;
	color:white;
}
div.header{
	border-radius:10px;
	background-color:white;
	opacity:0.95;
	color:black;
	height:240px;
	margin:0px 0px 20px 0px;
}
.htext{
	opacity:1;
	color:#012057;
	float:left;
	padding-left:15px;
	padding-top:100px;
	font-size:53px;
}
.gambarmenu{
	width:222px;
	height:200px;
	text-align:center;
	margin:6px auto;
}
.hlogo{
	text-align:right;
}
#logo{
	margin-top:15px;
	opacity:1;
	width:200px;
	height:200px;
}
.box{
}
.middle{
	clear:both;
}
.footer{
	margin:19px 0px 15px;
	padding:10px;
	clear:both;
	color:black;
}
.li{
	opacity:1;
}
.navigation{
	border-radius:10px;
	opacity:0.95;
	background-color:white;
	font-size:19px;
	float:left;
	width:180px;
	height:auto;
	padding-bottom:15px;
	color:black;
}
.content{
	opacity:0.95;
	border-radius:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:19px;
	float:left;
	width:756px;
	color:white;
	background-color:white;
}
p{
	margin:2px auto 4px;
	font-size:20px;
}
.thumbnail:hover{
	opacity:1;
	width:232px;
	height:240px;
	margin:10px;
	float:left;
}
.thumbnail{
	opacity:0.8;
	background-color:#012057;
	width:232px;
	height:240px;
	margin:10px;
	float:left;
}
.keterangan{
	padding: 20px;
	opacity:1;
	background-color:#012057;
	width:380px;
	height:auto;
	margin:10px;
	float:left;
}
.clear{
	clear:both;
}
.menu{
	width:222px;
	height:200px;
}