*{padding: 0;	margin: 0;	box-sizing: border-box;}
body{	background: #dedede;	font-family: 'Helvetica', arial, sans-serif;	font-size: 15px;}
p{	margin-bottom: 20px;	line-height: 1.5em;}
h3{	margin-bottom: 20px;	border-bottom: 1px solid #aaa;}
a{	text-decoration: none;	color: #333;}
a:hover{color: #666;	text-decoration: none;}

/**Halaman Index**/
#kerangka_luar{max-width:1200px; font-family:Arial, Helvetica, sans-serif; box-shadow:#CCC; margin: 20px auto; padding: 10px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; overflow:hidden; background-color:#FFFFFF; overflow:hidden;}
#kerangka_header{max-width:1200px; font-family:Arial, Helvetica, sans-serif; box-shadow:#CCC; margin: 10px;  padding: 10px;}
#kerangka_menu{max-width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;  background-color:#000; color:#FFFFFF;}
#kerangka_footer{max-width:100%; padding:20px;  font-family:Arial, Helvetica, sans-serif; font-size:12px;   background-color:#000; color:#FFFFFF; overflow:hidden;}
#kerangka_artikel{max-width:1200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/**Awal Artikel**/
.layout_artikel_kiri{
		width: 400px;
		background: #e5e5e5;
		padding: 10px;
		margin: 10px;
		float: left;
}
.layout_artikel_kanan{
		width: 740px;
		float: left;
}


/* Main */
	
	.isi_artikel_kiri{
		width: 360px;
		background: #e5e5e5;
		padding: 10px;
		margin: 10px;
		
	}

	.isi_artikel_kiri img{
			max-width: 100%;
			height: auto;
		}

		.isi_artikel_kiri a{
			font-weight: bold;
		}
		
		.isi_artikel_kiri ul{
		list-style-type: none;
	}
	.isi_artikel_kiri ul li{
		display: block;
	}
	.isi_artikel_kiri ul li a{
		display: block;
		border-bottom: 1px solid #dedede;
		margin-bottom: 10px;
		padding: 10px 5px;
	}
	.isi_artikel_kiri ul li a:hover{
		color: #0C0;
	}
	
	
	.isi_artikel_tengah{
		width: 470px;
		padding: 10px;
		margin: 10px;
		float: left;
	}
		.isi_artikel_tengah img{
			max-width: 100%;
			height: auto;
		}

		.isi_artikel_tengah a{
			font-weight: bold;
		}

	.isi_artikel_kanan{
		width: 740px;
		float: left;
	}


	.isi_artikel_kanan ul{
		list-style-type: none;
	}
	.isi_artikel_kanan ul li{
		display: block;
	}
	.isi_artikel_kanan ul li a{
		display: block;
		border-bottom: 1px solid #dedede;
		margin-bottom: 10px;
		padding: 10px 5px;
	}
	.isi_artikel_kanan ul li a:hover{
		color: #0C0;
	}
	
	.isi_artikel_kanan1 [class*="span"]{
		display: block;
		width: 240px;
		margin-top:3px;
		margin-bottom:3px;
		margin-left:3px;
		margin-right:3px;
		float: left;
	}
	
	.table_index{
		width:230px;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:12px;
		border-radius:2px 2px 2px 2px;
		-moz-border-radius:2px 2px 2px 2px;
		-o-border-radius:2px 2px 2px 2px;
		-webkit-border-radius:2px 2px 2px 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.table_index:hover{
		width:230px;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:12px;
		border-radius:2px 2px 2px 2px; 
		-moz-border-radius:2px 2px 2px 2px;
		-o-border-radius:2px 2px 2px 2px;
		-webkit-border-radius:2px 2px 2px 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.td_1{
		background-color:#000;
		color:#FFF;
		border:1px #000 solid;
		height:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
	}
	.td_1:hover{
		background-color:#000;
		color:#FFF;
		height:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
	}
	.td_2{
		background-color:#000;
		color:#FFF;
		height:60px;
		font-size:20px;
	}
	.td_2:hover{
		background-color:#333;
		color:#FFF;
		height:60px;
		font-size:20px;
	}
	.td_3{
		background-color:#CCC;
		color:#000;
		height:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.td_3:hover{
		background-color:#CCC;
		color:#FFF;
		height:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.p_standard{
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;
		color:#F00;
	}
	
	.teks_link{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; float:left; text-decoration:none; }
	.teks_link:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; float:left; text-decoration:none;}
	.table_teks{width:80%; margin:5px;}
	.teks_detail{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px; 	border-bottom: 1px solid #aaa;}
	.teks_detail_hrg{font-family:Arial, Helvetica, sans-serif; font-size:28px; float:right; color:#000;}
	
	.teks_judul_sampel{font-family:Arial, Helvetica, sans-serif; font-size:30px;}
	
	.yes{width:55px; padding:2px; background-color:#009933; color:#FFFFFF; border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; -	border-radius:2px 2px 2px 2px; -ms-border-radius:2px 2px 2px 2px;}
	
	.submit-home{width:90px; cursor:pointer; background-color:#000; text-decoration:none; color:#FFFFFF; height:30px; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px; box-shadow:#CCC;}
	.submit-home:hover{width:90px; cursor:pointer; background-color:#333; text-decoration:none; color:#CCCCCC; height:30px; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px; box-shadow:#CCC;}
/**End Artikel**/
.footer{
	clear: both;
	text-align: left;
	padding: 10px;
}

.layout_footer_kiri{
	width:396px;
	float:left;
	margin:2px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.layout_footer_kanan{
	width:1000px;
	float:right;
	margin:2px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.parallelogram {
   height: 75px;
   width: 183px; 
   background: #07CAF3;
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}
/***************END HALAMAN SAMPEL WEB******************/

/************************************************************************************
/***************HALAMAN DETAIL SAMPEL WEB******************/
	.layout_artikel_kiri_dt{width: 400px; background: #FFFFFF; 	padding: 10px; margin: 10px; float: left; }
	.isi_artikel_kiri_dt{width: 360px; background: #FFFFFF; padding: 10px; margin: 10px; }
	.isi_artikel_kiri_dt img{max-width: 100%;	height: auto;}

	.isi_artikel_kiri_dt a{font-weight: bold;}
		
	.isi_artikel_kiri_dt ul{list-style-type: none;}
	.isi_artikel_kiri_dt ul li{	display: block;}
	.isi_artikel_kiri_dt ul li a{display: block; border-bottom: 1px solid #dedede;	margin-bottom: 10px; padding: 10px 5px;}
	.isi_artikel_kiri_dt ul li a:hover{color: #0C0;}

	.next_layout_artikel_kanan{width: 100%; float: left; }

	.next_isi_artikel_kanan{width: 100%; float: left; }
	.next_isi_artikel_kanan3{width: 100%; float: left; margin-bottom:80px; }
	.next_isi_artikel_kanan_kiri{width:99%; margin-right:1%; float:left; }
	.teks_hub_km{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#000000;}
	.teks_isi_hub_km{font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-right:10px; color:#000000; margin-bottom:10px; text-shadow:#CCC !important; }
	.teks_isi_hub_km1{font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-right:10px; color:#000000; margin-bottom:5px; text-shadow:#CCC !important;}

	.next_isi_artikel_kanan ul{list-style-type: none;}
	.next_isi_artikel_kanan ul li{	display: block;}
	.next_isi_artikel_kanan ul li a{display: block; border-bottom: 1px solid #dedede; margin-bottom: 10px; padding: 10px 5px;}
	.next_isi_artikel_kanan ul li a:hover{color: #0C0;}
	
	.next_isi_artikel_kanan1 [class*="span"]{display: block; width: 183px; margin-top:3px;	margin-bottom:3px;	margin-left:3px; margin-right:3px;
float: left;}
	
	.next_table_index{width:183px; float:left; margin-top:10px; margin-bottom:10px; margin-left:12px; border-radius:2px 2px 2px 2px; 		-moz-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	.next_table_index:hover{width:183px; float:left; margin-top:10px; margin-bottom:10px; margin-left:12px; border-radius:2px 2px 2px 2px;  		-moz-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	.teks_judul_dt1{font-family:Arial, Helvetica, sans-serif; font-size:25px;}
	
	.teks_desk_1{width:200px; height:50px; text-decoration:none; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; font-size:20px; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; padding:10px;}
	
	.teks_desk_2{width:150px; height:40px; margin-top:40px; font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#CCCCCC; font-size:20px; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; padding:3px;}
	.teks_desk_2:hover{width:150px; height:40px; margin-top:40px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; font-size:20px; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; padding:3px;}
	
	.isi_teks_desk{font-family:Arial, Helvetica, sans-serif; margin:5px; font-size:12px; color:#000000;}
	.isi_teks_desk1{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000;}

/**************END HALAMAN DETAIl *****************/
/***************HALAMAN ORDER******************/
	.isi_artikel_order{width: 740px; float: left;}


	.isi_artikel_order ul{list-style-type: none; }
	.isi_artikel_order ul li{display: block;}
	.isi_artikel_order ul li a{	display: block;	border-bottom: 1px solid #dedede; margin-bottom: 10px; padding: 10px 5px; }
	.isi_artikel_order ul li a:hover{color: #0C0;}
	
	.isi_artikel_order1 [class*="span"]{display: block; width: 240px; margin-top:3px; margin-bottom:3px; margin-left:3px; margin-right:3px; 	float: left;}
	.table_order{width:230px; float:left; margin-top:10px; margin-bottom:10px; margin-left:12px; border-radius:2px 2px 2px 2px; 	-moz-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	.table_order:hover{width:230px; float:left; margin-top:10px; margin-bottom:10px; margin-left:12px; border-radius:2px 2px 2px 2px;  		-moz-border-radius:2px 2px 2px 2px; -o-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

	.teks_hal_order{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:10px; color:#000;}
	.teks_judul_order{font-family:Arial, Helvetica, sans-serif; font-size:22px; margin-left:10px; color:#000; margin-bottom:10px;}
	.teks_judul_order_footer{ width:150px; font-family:Arial, Helvetica, sans-serif; font-size:22px; border-bottom:1px #FFFFFF solid;  color:#FFF; margin-bottom:10px;}
	.teks_judul_order_footer_kanan{ width:360px; font-family:Arial, Helvetica, sans-serif; font-size:22px; border-bottom:1px #FFFFFF solid;  color:#FFF; margin-bottom:10px;}
	.teks_footer_copy{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;}
	.teks_pembatas_order{margin-top:20px; margin-bottom:20px;}
	.form_control_order{width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
	.layout_hal_order_kiri{width:30%; margin-bottom:40px; float:left; border-radius:5px 5px 5px 5px; border:1px solid #CCCCCC; -webkit-border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px;}
	.layout_hal_order_kanan{width:69%; margin-bottom:10px; float:right; margin-left:1px;}
	.gbr_order_hal{width:100%; height:50px;}
	.layout_teks_footer{width:50px;}

/**************END HALAMAN ORDER *****************/
/***************HALAMAN SAMPEL WEB******************/
.gbr_sampel{width:100%; height:200px;}
.gbr_sampel_dt{width:80%; height:50px;}
/***************HALAMAN TAMPIL PEMBAYARAN WEB******************/
.teks_tampil_pemb_web{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
/***************HALAMAN ORDER SAMPEL WEB******************/
	.layout_artikel_kiri_ord{width: 400px;	background: #FFFFFF;	padding: 10px;	margin: 10px;	float: left;}

	.isi_artikel_kiri_ord{width: 150px;	background: #FFFFFF; padding: 5px;	margin: 5px; float:left;}
		.isi_artikel_kiri_ord img{	max-width: 100%;	height: auto;}

		.isi_artikel_kiri_ord a{font-weight: bold;}
		
		.isi_artikel_kiri_ord ul{list-style-type: none;}
	.isi_artikel_kiri_ord ul li{display: block;}
	.isi_artikel_kiri_ord ul li a{display: block;	border-bottom: 1px solid #dedede;	margin-bottom: 10px;	padding: 10px 5px;}
	.isi_artikel_kiri_ord ul li a:hover{color: #0C0;}
	
	.gbr_sampel_dt{width:80%; height:50px;}
	.teks_detail_ord{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#F00;}
	#jarak_button{margin-right:5px;}
	#cek, #label{margin-top:10px;}
	#cek2, #label2{margin-top:10px;}
	
	#teks_radio_btn{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#000000; padding-left:13px;}
	.total_harga_pemby {font-family:Arial, Helvetica, sans-serif; font-size:18px; background-color:#000000; color:#CCC; width:100%; display:block; }
/**************END HALAMAN ORDER *****************/
/*******Halaman Cetak Order *******/

#kerangka_cetak{max-width:700px; font-family:Arial, Helvetica, sans-serif; box-shadow:#CCC; margin:20px auto; padding: 10px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; background-color:#FFFFFF; overflow:hidden; border:1px solid #CCC;}

#kerangka_isi_cetak{max-width:696px; margin-top:30px; margin-bottom:50px; font-size:12px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
#kerangka_isi_cetak_biodata{max-width:660px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; margin-left:50px; }


.layut_cetak_kiri{width:320px; margin-right:5px; padding-top:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.layut_cetak_kanan{width:320px; margin-right:5px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}

.layut_cetak_biodata_kiri{width:385px; margin-right:5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; overflow:hidden; border:1px solid #CCC;}
.layut_cetak_biodata_kanan{width:385px; margin-right:5px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; overflow:hidden; border:1px solid #CCC;}

.gbr_logo_cetak{width:60%; height:50px; margin-left:50px;}
.gbr_logo_cetak1{width:30%; height:50px; margin-top:10px; margin-bottom:10px;}

.teks_cetak_judul{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.teks_nm_faktur{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000;}
.teks_hrg_byr{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000;}
.teks_hrg_byr1{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;}
.teks_link_cetak{width:200px; height:70px; text-decoration:none; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; font-size:20px; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; padding:10px;}
.teks_link_cetak:hover{width:200px; height:70px; text-decoration:none; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; font-size:20px; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; 1-ms-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; padding:10px;}

.table_cetak_biodata{width:600px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	box-shadow:#CCC; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; background-color:#FFFFFF; overflow:hidden; border:1px solid #CCC;	margin-bottom:10px;	color:#000000;}
.table_cetak_biodata:hover{	width:600px;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	box-shadow:#CCC; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; background-color:#FFFFFF; overflow:hidden; border:1px solid #CCC;	margin-bottom:10px;	color:#000000;}
	
	
.table_cetak{
		width:230px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:12px;
		border-radius:2px 2px 2px 2px;
		-moz-border-radius:2px 2px 2px 2px;
		-o-border-radius:2px 2px 2px 2px;
		-webkit-border-radius:2px 2px 2px 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.table_cetak:hover{
		width:230px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:12px;
		border-radius:2px 2px 2px 2px; 
		-moz-border-radius:2px 2px 2px 2px;
		-o-border-radius:2px 2px 2px 2px;
		-webkit-border-radius:2px 2px 2px 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
	}

.table_isi_biodata_cetak{width:100%; margin:auto; box-shadow:#CCC; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
/**************END HALAMAN ORDER *****************/

/************************************************************************************
Kreatif Inovasi Produksi QUERIES
*************************************************************************************/
/* untuk ukuran 1500 kebawah */

@media screen and (max-width: 200) {
	
	#kerangka_luar, #kerangka_artikel, #kerangka_footer, #kerangka_menu, #kerangka_cetak, #kerangka_isi_cetak, #kerangka_isi_cetak_biodata  {width: 100%;}
	.layout_artikel_kiri, .layout_artikel_kiri_dt, .layout_artikel_kiri_ord{width:40%; float:left;}
	.layout_artikel_kanan, .next_layout_artikel_kanan, .table_cetak, .table_cetak_biodata{width:auto; float:left;}
	
	.isi_artikel_kiri, .layout_footer_kiri, .isi_artikel_kiri_dt, .isi_artikel_kiri_ord {
		width: 25%;
		background: #FFFFFF;
	}
	.layout_footer_kiri {
		width: 25%;
		background: #000000;
		color:#FFFFFF;
	}
	.isi_artikel_tengah {
		width: 68%;
		float: left;
	}
	
	.isi_artikel_kanan, .next_isi_artikel_kanan, .layout_footer_kiri, .isi_artikel_order {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}
}

/* untuk ukuran 1200 kebawah */

@media screen and (max-width: 1200px) {
	
	#kerangka_luar, #kerangka_artikel, #kerangka_footer, #kerangka_menu, #kerangka_cetak, #kerangka_isi_cetak, #kerangka_isi_cetak_biodata  {width: 100%;}
	.layout_artikel_kiri, .layout_artikel_kiri_ord, .layout_artikel_kiri_dt{width:40%; float:left;}
	.layout_artikel_kanan, .next_layout_artikel_kanan{width:auto; float:left;}
	
	.isi_artikel_kiri, .layout_footer_kiri, .isi_artikel_kiri_dt, .next_layout_artikel_kanan, .table_cetak, .table_cetak_biodata {
		width: auto;
		background: #FFFFFF;
	}
	
	.layout_footer_kiri {
		width: auto;
		background: #000000;
		color:#FFFFFF;
	}
	.isi_artikel_tengah {
		width: auto;
		float: left;
	}
	
	.isi_artikel_kanan, .next_isi_artikel_kanan, .layout_footer_kanan, .isi_artikel_order {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}
}


/* untuk ukuran layar 700px kebawah */
@media screen and (max-width: 780px) {
	#kerangka_luar, #kerangka_artikel, #kerangka_footer, #kerangka_menu, #kerangka_cetak, #kerangka_isi_cetak, #kerangka_isi_cetak_biodata  {width: auto;}
	.layout_artikel_kiri{width:auto; float:none;}
	.layout_artikel_kanan, .next_layout_artikel_kanan, .layout_artikel_kiri_dt{width:auto; float:none;}

	.header, 
	.isi_artikel_kiri, .layout_footer_kiri, .isi_artikel_kiri_dt, .isi_artikel_kiri_dt, .next_layout_artikel_kanan, .table_cetak, .table_cetak_biodata {
		width: auto;
		float: none;
	}
	
	.isi_artikel_tengah {
		width: auto;
		float: none;
	}
	
	.isi_artikel_kanan, .next_isi_artikel_kanan, .layout_footer_kanan, .isi_artikel_order {
		width: auto;
		float: none;
	}

}


/**end Halaman Index**/