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

#formWrap {
	width: 90%;
	color: #555;
	line-height: 120%;
	font-size: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
table.formTable{
	width: 100%;
	border-collapse: collapse;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
table.formTable td{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable td{
	width:80%;
}
table.formTable th{
	width:10%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.formTable.demo01 tr .warna{
	background-color: #FFFFDB;
}
.formTable.demo01 tr .warna2{
	background-color: #DEFFBD;
}

/*section table	{ width: 100%; }
section th, section td	{ padding: 10px; border: 1px solid #ddd; }
section th	{ background: #f4f4f4; }*/

/*----------------------------------------------------
	.demo01
----------------------------------------------------*/
/*.demo01 th	{ width: 30%; text-align: left; }*/

@media (max-width: 767px) {
#formWrap {
	width:100%;
}
table.formTable{
	width:100%;
}
.demo01	{ 
		margin: 0 -10px; 
}
.demo01 th,.demo01 td{
		width: 100%;
		display: block;
		border-top: none;
}
.demo01 tr:first-child th{ 
		border-top: 1px solid #ddd; 
}
table .demo01 td{
		width:100%;
}
table.formTable th{
	width:90%;
}
table.formTable td{
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.formTable.demo01 tr .plan select{
	width:96%;
}

}