/*	contact.css
	- content header
	- content body
*/

/* content header */
.content-header {
	padding: 0;
}

.content-header .breadcrumbs {
	/*display: block;*/
}


/* content body */
.content-body table.table-contact {
	border-top: 1px solid #c9c9c9;
}

.content-body table.table-contact tr th,
.content-body table.table-contact tr td {
	background: #FFF;
	display: block;
}

.content-body table.table-contact tr th {
	font-weight: bold;
	text-align: left;
	padding-bottom: 0;
}

.content-body table.table-contact tr th sup {
	color: red;
}

.content-body table.table-contact tr th span.en {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #6f6f6f;
}

.content-body table.table-contact tr td {
	border-bottom: 1px solid #c9c9c9;
	padding-top: 0;
}

.content-body table.table-contact tr td input[type="text"],
.content-body table.table-contact tr td input[type="email"],
.content-body table.table-contact tr td textarea {
	width: 100%;
	font-size: 14px;
	padding: 0.5em;
	border: 1px solid #c9c9c9;
}

.content-body table.table-contact tr td input[type="text"]#postcode {
	width: 50%;
}

.content-body table.table-contact tr td textarea {
	min-height: 220px;
}

.content-body table.table-contact tr td input[type="text"]:focus,
.content-body table.table-contact tr td input[type="email"]:focus,
.content-body table.table-contact tr td textarea:focus {
	outline: none;
}

.content-body .button-group {
	display: block;
	text-align: center;
}

.content-body .button-group button.button {
	display: inline-block;
	border: 0 none;
	font-size: 16px;
	border-radius: 3px;
}

.content-body .button-group button.confirm,
.content-body .button-group button.submit {
	width: 192px;
	height: 40px;
	background: #3f3f3f;
	color: #FFF;
}

.content-body .button-group button.reset {
	width: 124px;
	height: 40px;
	background: #bfbfbf;
	color: #FFF;
}

#autoCompleteButton {
	display: inline-block;
	background: #dcdcdc;
	font-size: 12px;
	padding: 0.5em;
	border-radius: 3px;
	margin-left: 0.5em;
}

.mw_wp_form mw_wp_form_confirm #autoCompleteButton,
.mw_wp_form_preview #autoCompleteButton {
	display: none !important;
}

@media screen and (min-width: 769px) {
	.form-block {
		max-width: 900px;
		margin: 0 auto;
	}

	.form-block p {
		text-align: center;
	}

	.content-body table.table-contact tr th,
	.content-body table.table-contact tr td {
		display: table-cell;
		vertical-align: top;
		padding: 28px 0;
		border-bottom: 1px solid #c9c9c9;
	}

	.content-body table.table-contact tr th {
		width: 360px;
		padding-left: 80px;
	}

	.content-body table.table-contact tr td input[type="text"],
	.content-body table.table-contact tr td input[type="email"],
	.content-body table.table-contact tr td textarea {
		width: auto;
		max-width: 464px;
	}

	.content-body table.table-contact tr td input[type="text"]#your_name,
	.content-body table.table-contact tr td input[type="text"]#postcode {
		width: auto;
		max-width: 287px;
	}


	.content-body .button-group button.confirm,
	.content-body .button-group button.submit {
		width: 280px;
		height: 55px;
	}

	.content-body .button-group button.reset {
		width: 180px;
		height: 55px;
	}
}