.main1, .main2 {
	background-color: transparent !important;
}

.contactUs {
	background-image: url("../images/WR-Contact-Background-Grey.jpg");
    background-color: #cccccc;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

main.contactUs h1.TitleBanner {
    padding: 13px;
    display: block;
    margin: 0;
    text-align: center;
    font-size: 2.2em;
    background: #103C68;
    color: white;
    border-bottom: 3px solid #3687AD
}

input, textarea  {
	width: 95%;
    padding: 1.2em 0.25em 1.2em 1em !important;
    margin-top: 10px;
	margin-bottom: 10px;
    box-sizing: border-box;
	border: 1px solid #353535;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%);
	font-family: "din","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: .7em !important;
}

textarea {
	height: 192px;
}

#submit{
	padding: 10px;
	margin-top: 10px;
	font-size: 12pt !important;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0, 213, 124, 1) none repeat scroll 0% 0%;
	color: white;
	border: 2px solid #00d57c;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 10px;
}

#submit:hover{
	background: rgba(0, 213, 124, 0) none repeat scroll 0% 0%;
	color: #00d57c;
	border: 2px solid #00d57c;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {

	
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {

	
}

@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
  
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    
}




main.contactUs .validationA, main.contactUs .validationB, main.contactUs .validationC, main.contactUs .validationD, main.contactUs .validationE, main.contactUs .validationF, main.contactUs .validationG, main.contactUs .validationH, main.contactUs .validationI, main.contactUs .validationJ, main.contactUs .validationK, main.contactUs .validationL, main.contactUs .validationM, main.contactUs .validationN, main.contactUs .validationP {
    display: none;
    position: absolute;
    bottom: -58px;
    left: 0px;
    padding: 12px;
    background: #FFFFFF;
    color: #D53457;
    border: 1px solid #00d57c;
    border-radius: 6px;
    box-shadow: -2px 3px 9px -3px #505050;
    z-index: 1;
    text-align: center;
    font-weight: bold
}
main.contactUs .validationA::before, main.contactUs .validationA::after, main.contactUs .validationB::before, main.contactUs .validationB::after, main.contactUs .validationC::before, main.contactUs .validationC::after, main.contactUs .validationD::before, main.contactUs .validationD::after, main.contactUs .validationE::before, main.contactUs .validationE::after, main.contactUs .validationF::before, main.contactUs .validationF::after, main.contactUs .validationG::before, main.contactUs .validationG::after, main.contactUs .validationH::before, main.contactUs .validationH::after, main.contactUs .validationI::before, main.contactUs .validationI::after, main.contactUs .validationJ::before, main.contactUs .validationJ::after, main.contactUs .validationK::before, main.contactUs .validationK::after, main.contactUs .validationL::before, main.contactUs .validationL::after, main.contactUs .validationM::before, main.contactUs .validationM::after, main.contactUs .validationN::before, main.contactUs .validationN::after, main.contactUs .validationP::before, main.contactUs .validationP::after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid
}
main.contactUs .validationA::before, main.contactUs .validationB::before, main.contactUs .validationC::before, main.contactUs .validationD::before, main.contactUs .validationE::before, main.contactUs .validationF::before, main.contactUs .validationG::before, main.contactUs .validationH::before, main.contactUs .validationI::before, main.contactUs .validationJ::before, main.contactUs .validationK::before, main.contactUs .validationL::before, main.contactUs .validationM::before, main.contactUs .validationN::before, main.contactUs .validationP::before {
    top: -21px;
    border-color: transparent transparent #00d57c transparent;
    border-width: 10px
}
main.contactUs .validationA::after, main.contactUs .validationB::after, main.contactUs .validationC::after, main.contactUs .validationD::after, main.contactUs .validationE::after, main.contactUs .validationF::after, main.contactUs .validationG::after, main.contactUs .validationH::after, main.contactUs .validationI::after, main.contactUs .validationJ::after, main.contactUs .validationK::after, main.contactUs .validationL::after, main.contactUs .validationM::after, main.contactUs .validationN::after, main.contactUs .validationP::after {
    top: -20px;
    border-color: transparent transparent #FFFFFF transparent;
    border-width: 10px
}
main.contactUs .validationP {
    bottom: -29px
}
main.contactUs .validationO {
    display: none;
    position: absolute;
    bottom: 35px;
    left: 330px;
    padding: 12px;
    background: #FFFFFF;
    color: #D53457;
    border: 1px solid #00d57c;
    border-radius: 6px;
    box-shadow: -2px 3px 9px -3px #505050;
    z-index: 1;
    text-align: center;
    font-weight: bold
}
main.contactUs .validationO::before, main.contactUs .validationO::after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid
}
main.contactUs .validationO::before {
    left: -21px;
    border-color: transparent #00d57c transparent transparent;
    border-width: 10px;
    top: 11px
}
main.contactUs .validationO::after {
    left: -20px;
    border-color: transparent #FFFFFF transparent transparent;
    border-width: 10px;
    top: 11px
}
main.contactUs .g-recaptcha {
    display: inline-block;
    margin: 1% 2% 0% 0%
}
main.contactUs .g-recaptcha.walle {
    background: #00d57c;
    padding: 4px 2px 2px 4px;
    border-radius: 5px
}
main.contactUs .slotRow.errorMeasage {
    display: none
}
main.contactUs .slotRow.errorMeasage strong {
    display: block;
    padding: 12px;
    background: #FFFFFF;
    color: #D53457;
    border: 1px solid #00d57c;
    border-radius: 6px;
    box-shadow: -2px 3px 9px -3px #505050;
    text-align: center;
    font-weight: bold;
    margin-bottom: 28px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.contactUs .slotRow.errorMeasage strong {
        width: 90%;
        margin: 0px auto 10px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.contactUs .slotRow.errorMeasage strong {
        width: 85%
    }
}
main.contactUs .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.contactUs .container {
        margin-bottom: 12px
    }
}
main.contactUs .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
main.contactUs .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #EEE;
    border: 1px solid #CCC
}
main.contactUs .container:hover input ~ .checkmark {
    background-color: #FBFBFB;
    border: 1px solid #7D96A6
}
main.contactUs .container input:checked ~ .checkmark {
    background-color: #2196F3
}
main.contactUs .checkmark:after {
    content: "";
    position: absolute;
    display: none
}
main.contactUs .container input:checked ~ .checkmark:after {
    display: block
}
main.contactUs .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.feedbackForm label{
    color:#fff;
}
.feedbackForm input{
    display: block;
}

/* === 联系表单：label/input/textarea 严格对齐 === */
main.contactUs .feedbackForm label {
    display: block;
    margin-bottom: 8px;
}
main.contactUs .feedbackForm textarea {
    display: block;
    width: 95%;
    box-sizing: border-box;
    margin-bottom: 16px;
}
main.contactUs .feedbackForm input {
    display: block;
    width: 95%;
    box-sizing: border-box;
    margin-bottom: 16px;
}