/* Style Width Device */
@media screen and (min-width: 800px){
	#body-po>table{width:100%;}
}

@media screen and (max-width: 800px){
	#head-home{background:url(../images/bg-head-800.jpg); background-size:cover;}
	#head-home {width:auto; text-align:center;}
	
	#menu-masuk{width:100%;}
	#form-masuk {width:400px;}
	
	#body-home {width:auto;}
	#body-po>table{width:700px;}
	
	#body-view>table>tbody>tr>td.col-nama{width:35%;}
	#body-view>table>tbody>tr>td.col-separator{width:2%;}
	#body-view>table>tbody>tr>td.mid{text-align:center;}
	
	#head-page{float:none; text-align:center; padding:5px 0;}
	#body-page{text-align:center;}
	
	#tambah-user{width:320px;}
	
	#foot-home {width:auto; text-align:center;}
	#foot-home>span{margin-left:auto;}
	.garis-foot {width:auto;}
}

@media screen and (max-width: 400px){
	#head-home{background:url(../images/bg-head-400.jpg); background-size:cover;}
	#tambah-user{width:100%;}
	#tambah-user input{width:100%; padding-right:1%;}
	#form-masuk {width:300px;}
}