body {
  	min-width: 800px;
	padding-top: 50px;
	padding-left: 80px;
	padding-bottom: 50px;
	margin: auto;
}

.box_1{
	width: 190px;
	height: 230px;
	border: 1px solid white;
	border-radius: 5px;
	float: left;
	padding: 10px;
}

.box_2{
	border-radius: 5px;
	padding: 10px;
	border: 1px solid white;
}
.box_3{
	float: left;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid white;
}
/* box 1 */
.box_sirak{
	background-color: rgb(103, 52, 153);
	margin-right: 5px;
}
.box_siam{
	background-color: rgb(237, 50, 55);
	margin-right: 5px;
	
}
.box_sima{
	background-color: #ffaa31;
	margin-right: 5px;
}
.box_spmb{
	background-color: #009ad7;
	margin-right: 5px;
}
.box_siku{
	background-color: #68af27;
	margin-right: 5px;
	margin-top: 5px;
}
.box_sida{
	background-color: #005683;
	margin-right: 5px;
	margin-top: 5px;
}
.box_su{
	background-color: #201e1e;
	margin-right: 5px;
	margin-top: 5px;
}
.box_simpel{
	background-color: #d44a26;
	margin-right: 5px;
	margin-top: 5px;
}
/* box 2 */
.box_date{
	background-color: #606062;
	width: 190px;
	height: 115px;
}
.box_info{
	background-color: #00a859;
	margin-top: 5px;
	width: 190px;
	height: 345px;
}
/* Box 3 */
.box_informasi{
	background-color: #1ba5a0;
	width: 385px;
	height: 230px;
	margin-top: 5px;
}
.box_digilib{
	background-color: #848688;
	width: 190px;
	height: 230px;
	margin-right: 5px;
	margin-top: 5px;
}
.box_ssl{
	background-color: #9F885F;
	width: 190px;
	height: 230px;
	margin-right: 5px;
	margin-top: 5px;
}
.box_panduan{
	background-color: #f58634;
	width: 190px;
	height: 230px;
	margin-top: 5px;
	padding: 5px;
}
.box_footer{
	background-color: #96989a;
	width: 775px;
	height: 70px;
	margin-top: 5px;
}
.box_bantuan{
	background-color: #373435;
	width: 190px;
	height: 70px;
	margin-top: 5px;
}
/* ========================= Customize ========================= */
.label-sirak { background-color: #673499; }
.label-siam  { background-color: #ffbd60; }
.label-sims  { background-color: #1ba5a0; }
.label-sima  { background-color: #ed3237; }
.label-spmb  { background-color: #009ad7; }
.label-siku  { background-color: #68af27; }
.label-sida  { background-color: #005683; }
.label-simpel{ background-color: #d44a26; }
.label-sipm  { background-color: #f58634; }
.label-angket  { background-color: #00A859; }
.label-sialu  { background-color: #967adc; }
.label-simpeg  { background-color: #9f885f; }
.label-pre  { background-color: #cc8946; }
.label-sikeu  { background-color: #606062; }
.label-digilib  { background-color: #5E2078; }
.label-silab  { background-color: #53D192; }
.label {
    border-radius: 0.25em;
    color: #FFFFFF;
    display: inline;
    font-size: 14px;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    white-space: nowrap;
	transition:width 2s;	
}
.label:hover
{
	width:84px;
}
.label a:hover {
	margin:0px;
	color:#FFF;
	line-height:1em;
	cursor:pointer;
	padding:15px 0px;
	font-size:13px;
}
#customize {
	background-color: #c0c1bb;
	border-radius: 0.25em;
	width: 150px;
	position: fixed;
	top: 3.5%;
	left:0;
	color: #FFF;
	text-transform: uppercase;
	z-index:1;
	text-align:center;
	transition:width 2s;
}
#customize:hover
{
	width:300px;
}
#customize h5 {
	margin:0px;
	color:#FFF;
	line-height:1em;
	cursor:pointer;
	padding:15px 0px;
	font-weight:bold;
	font-size:13px;
}
#customize h6 {
	margin:-6px 13px -6px 13px;
	color:#FFF;
	line-height:1em;
	cursor:pointer;
    padding: 0.5em 0.6em 0.5em;
	font-weight:bold;
	font-size:13px;
    border-radius: 0.25em;
}
#customize h5:hover { background-color:#adaea6; border-radius: 0.25em;}
#customize h6:hover { background-color:#adaea6; border-radius: 0.25em;}
#customize .wrapper { display:none; }