@charset "UTF-8";

div#title { background: url(../images/contact/main.jpg) center no-repeat; background-size: cover; }
div#title h1::after { content: "Contact Us"; }
div#page div#MessageBox { margin-bottom: 1.5em; }
div#page th { width: 30%; }
div#page th span.required { margin-left: 0.5em; padding: 4px 12px; background: #ce5a5f; border-radius: 100px; color: #fff; font-size: 80%; line-height: 1; display: inline-block; }
div#page th span.normal { display: none; }
div#page td { width: 70%; background: #fff; }
div#page td input[type="text"] { margin: 0.25em 0; padding: 0.2em 0.5em; font-size: 100%; }
div#page td input[type="radio"] { margin-right: 0.25em; }
div#page td textarea { padding: 0.2em 0.5em; font-size: 100%; }
div#page div.auth-captcha { padding: 20px 0; text-align: center; }
div#page div.auth-captcha img { margin: 0 auto 10px; display: block; }
div#page div.auth-captcha input#MailMessageAuthCaptcha { margin-bottom: 10px; padding: 0.2em 0.5em; font-size: 100%; }
div#page div.submit { text-align: center; }
div#page div.submit input { padding: 10px 24px; border-radius: 100px; font-size: 95%; }
div#page div.submit input:hover { transition: all 0.3s ease; }
div#page div.submit input.btn-gray { background: #eee; border: solid 1px #bbb; color: #666; }
div#page div.submit input.btn-gray:hover { background: #f4f4f4; }
div#page div.submit input.form-submit { background: #ef9295; border: solid 1px #ef9295; border-radius: 100px; color: #fff; }
div#page div.submit input.form-submit:hover { background: #fff; color: #ef9295; }
div#page div.error-message { color: #f00; }

@media screen and (max-width: 767px) {
input[type="reset"], input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="reset"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="reset"]::focus, input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }
div#page table { border-top: solid 1px #ef9295; }
div#page th { padding: 10px 15px; width: 100%; border-width: 0 1px; display: block; box-sizing: border-box; }
div#page td { padding: 10px 15px; width: 100%; display: block; box-sizing: border-box; }
div#page td textarea { width: 100%; display: block; box-sizing: border-box; }
div#page div.submit input { margin: 10px 0; padding: 8px 20px; }
}