@media only screen and (max-width: 480px){
body { 
    margin: auto;
    width: 99.9%;
    height: 100%;
	font-family: Poppins, Quicksand, sans-serif;
    /* background-color: white; */
	background-repeat: no-repeat;
	background-size: 100% 100%; 
    border: 1px solid rgb(239,238,229);
   	/* border: 2px solid red; */
}

#seksi-atas {
	margin: 0;
	padding-top: 11px;
	width: 99.5%;
	height: 27%;
    background-color: rgb(239,238,229);
	border: 1px solid red;
	border: 1px solid rgb(239,238,229);
	border-bottom: 2px solid grey;
}
	/* #bingkai-group-logo { margin: 0;
		width: 99.9%;
		height: 77%;
		font-family: Poppins;
		border: 1px solid rgb(239,238,229);
		border: 1px solid rgb(42,93,132);
	} */
		.bingkai-logo { margin: auto; display: inline-block;
			width: 31%; height: 96%;
			text-align: center;
			/* background-color: aliceblue; */
			/* border: 1px solid red;
			border: 1px solid rgb(239,238,229); */
		}
			.bnjmgroup-logo { 
				margin: 0;
				width: 77%; height: 99%;
				/* border: 1px solid rgb(239,238,229); */
			}

#seksi-login { 
	margin: auto; margin-top: 11px; padding-bottom: 33px;
	width: 99%; height: 100%;
    font-family: sans-serif;
	font-family: Poppins, Quicksand;
	/* border: 1px solid rgb(239,238,229); */
	/* background-image: url("../images/ikonimms.png");*/
	/* background-repeat: no-repeat;
	background-size: 100% 100%;  */
	/* border: 1px solid red; */
}
	#bingkai-login { 
		margin: auto; 
		margin-top: 55px;
		padding-bottom: 33px;
		width: 88%;
		height: auto;
		font-size: 17px; 
		font-family: Poppins;
		background-color: rgb(42,93,132); 
		/* background-size: 11%; */
		border-bottom-right-radius: 27px;
		/* box-shadow: 3px 3px rgb(42,93,132); */
		box-shadow: 2px 2px 2px darkblue;
		/* border: 1px solid rgb(42,93,132); */

	}
		#bingkai-apptitle {
			margin: 0;
			width: 99.9%;
			height: 56px;
			text-align: center;
			background-color: rgb(42,93,132); border: 1px solid rgb(42,93,132); 
			border-bottom: 2px solid whitesmoke;
			/* border: 1px solid red; */
		}
			#apptitle { 
				margin: auto;
				margin-top: 15px;
				width: 91%; height: 56%;
				/* border: 1px solid red; */
			}

		#bingkai-error { margin: auto; margin-top: 11px; width: 100%; background-color: whitesmoke; border: 0; display: none;
			/* border: 1px solid red; */
		}
			#pesan-error { font-size: 13px; color: red; text-align: center;}

		#bingkai-formlogin { margin: auto; margin-top: 22px; 
			width: 86%; height: auto; font-size: 17px; border-bottom-right-radius: 27px; 
			border: 1px solid whitesmoke;
		}
			#bingkai-formlogin-border { margin: auto; margin-top: 22px; margin-bottom: 22px; 
				width: 88%; /*height: 99%;*/ font-size: 17px; border: 0; 
				 /*border: 1px solid red; */
			}
				.labelinput { margin: auto; margin-top: 22px; padding-left: 7px; font-size: 13px; font-weight: normal; }
				.bingkai-input { margin: auto; position: relative;
					width: 99%; height: 36px; border-radius: 4px; background-color: white; border: 0;
					border-bottom: 1px solid silver; 
					/* border: 1px solid red; */
				}
					.kolominput { margin: auto; width: 98%; height: 33px; font-size: 19px; font-family: monospace;
						border: 1px solid red; 
						background: none; border-radius: 4px; border: 0; 
					}
					.kolominput:focus { outline: none; background-color: lightblue; }
						#katasandi { margin: auto; width: 97.5%; height: 89%; float: left; 
							/* border: 1px solid silver;  */
						}
						#ikon-sandi { margin: auto; position: absolute; right: 7px; top: 2px;
							width: 33px; height: 33px; border-radius: 4px; 
							border: 0 solid red; 
						}

				#tombollogin { margin: auto; margin-top: 55px; 
					width: 99%; height: 43px; color: white; font-size: 19px; 
					text-transform: uppercase; background-color: rgb(21,43,111); 
					border-radius: 4px; border-bottom-right-radius: 11px; border: 1px solid rgb(42,93,132);
				}

#seksi-footer { margin: auto; position: absolute; bottom: 2px;
	width: 99%;
	/* border: 1px solid red;  */
}
	#hakcipta { margin: auto; width: 100%; font-family: Roboto; font-size: 13px; 
		/* border: 1px solid red; */
	}
	#hakcipta span { float: right; }

		/* #pilihsite  { margin: auto; margin-top: 11px; 
			width: 86%; height: 33px; font-size: 17px; border: 1px solid white; 
			border: 1px solid red;
		}
			#bingkai-pilihsite { margin: auto; height: 99%; text-align: center; border: 0 solid silver; }
				#bingkai-pilihsite button { width: 27%; height: 99%; color: white; 
					background-color: rgb(21,43,67); border: 1px solid darkblue; }
				#bingkai-pilihsite span { color: rgb(21,43,67); }
				#btn-bnjm { float: left; }
				#btn-pttp { float: right; } 
		*/
}