table.call {
	width: 98%;
	border-collapse: collapse;
	max-width: 1000px;
	font-size: 90%;
	box-sizing: border-box;
	border-right:#CCC solid 1px;
	clear:both;
}
table.call thead th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	box-sizing: border-box;
}
table.call thead th:last-child {
	border-right:#CCC solid 1px;
}
table.call tbody th {
	background:#FFF;
	/*color:#FFF;*/
	padding:3px 3px;
	/*border-bottom:#FFF solid 1px;*/
	border-left:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	vertical-align:top;
	box-sizing: border-box;
	text-align:left;
}
table.call tbody tr:last-child th {
	border-bottom: #CCC solid 1px;
	text-align: left;
}
table.call tbody td {
	background:#FFF;
	padding:3px 3px;
	border-left:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	vertical-align:top;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
table.call {
	min-width: 98%;
	font-size:100%;
	width:98%;
}
table.call thead {
	display:none;
}
table.call tbody th {
	display:block;
	background:#3EB1C6;
	color:#FFF;
	border-top:#3EB1C6 solid 1px;
}
table.call tbody td {
	display:block;
	text-align:left;
	text-indent:0.5em;
}
table.call tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.call tbody td p {
	padding-left:6em;
	padding-top:3px;
	padding-bottom:3px;
}
table.call tbody td p input {
	width:100px;
}
}