/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

body{
	padding: 0 !important;
	margin: 0 !important;
	height: auto;
	width: auto;
}

@font-face {
	font-family: conden;
	src: url('../font/UniversLTStd-Cn.otf');
}

.input1{
	width: 127px !important;
	margin-right: 20px;	
}

.input2{
	width: 460px !important;	
	margin-right: 20px;	
}

.input3{
	width: 460px !important;	
	margin-right: 20px;	
}

.container{
	height: 60px;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

#contactus fieldset{
   height: auto;
   border:0px solid #ccc;
   margin-left: 0 !important;
   margin-right: 0 !important;
   padding: 0 !important;
}

#contactus legend, h2{
   font-family: conden, Arial, verdana;
   font-size: 20px;
   font-weight:bold;
   color:#749cab;
   text-align: center;
   margin-top: 100px;
}

#contactus label{
   font-family: conden, Arial, verdana;
   font-size:16px;
   color:#749cab;
   margin-bottom: 5px;

}

#contactus input[type="text"],textarea{
  font-family: conden, Arial, verdana;
  font-size: 0.8em;
  line-height:140%;
  color : #749cab !important; 
  padding : 3px; 
  border : 1px solid #749CAB;
  margin-bottom: 3px;
  margin-top: 13px;

}

#contactus input[type="text"]{
  height:25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#contactus #scaptcha{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]{
   font-family: conden, Arial, verdana;
   font-size: 15px;
   width:70px;
   height:30px;
   padding-left: 4px;
   margin-left: 867px;
   background-color: white;
   cursor: pointer;
   line-height: 25px;
   border: 1px solid #749CAB;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  	border-radius: 5px;
  	color: #749cab;
  
}

#contactus input[type="submit"]:hover {
	background-color:#749cab;
	color: white;
	cursor: pointer;
	transition: 0.1s;
	-moz-transition: 0.1s; /* Firefox 4 */
	-webkit-transition: 0.1s; /* Safari and Chrome */
	-o-transition: 0.1s; /* Opera */	
}


#contactus textarea{
  min-width: 440px;
  max-width: 440px;
  min-height: 145px;
  max-height: 145px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#contactus input[type="text"]:focus,textarea:focus{
  color : #749cab;
  border : 1px solid #749cab !important;
  background-color : white;
  font-size: 13px;
}

#contactus input:focus, #contactus textarea:focus, #contactus input:hover, #contactus textarea:hover{
  border-color: #749cab !important;
  background: white;
  outline: 0;
  outline: thin dotted \9;
  
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255, .1), 0 0 8px rgba(0,0,0, .4);
     -moz-box-shadow: inset 0 1px 1px rgba(255,255,255, .1), 0 0 8px rgba(0,0,0, .4);
          box-shadow: inset 0 1px 1px rgba(255,255,255, .1), 0 0 8px rgba(0,0,0, .4);
	-moz-transition: 0.4s; /* Firefox 4 */
	-webkit-transition: 0.4s; /* Safari and Chrome */
	-o-transition: 0.4s; /* Opera */	

}


#contactus input::-webkit-input-placeholder, #contactus textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#749cab !important;
}

#contactus input:-moz-placeholder, #contactus textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#749cab !important;
}

#contactus input::-moz-placeholder, #contactus textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#749cab !important;
}

#contactus input:-ms-input-placeholder, #contactus textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#749cab !important;
}

input:-moz-placeholder{color:red;}


#contactus .error{
   font-family: conden, Arial, verdana;
   font-size: 12px;
   color: #749cab;
   margin: 0;
}

#contactus fieldset#antispam{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend{
	font-family: conden, Arial, verdana;
   font-size: 0.8em;
   font-weight:bold;
   color:#749cab;   
}

#contactus .short_explanation{
   font-family: conden, Arial, verdana;
   font-size:10px;
   color:#749cab !important; 
   font-weight:bold;
   margin-left: 7px;
   width: 105px;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip{
   display:none;
   width:10px;
   height:3px;
}

#fg_crdiv{
	font-family: conden, Arial, verdana;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}

#fg_crdiv p{
    display:none;
}

@media only screen and (max-width: 880px),
	   only screen and (-webkit-min-device-pixel-ratio : 1.5),
	   only screen and (min-device-pixel-ratio : 1.5) {

.input2 {
    margin-right: 25px;
    width: 210px !important;
}

#contactus textarea {
    max-height: 85px;
    max-width: 697px;
    min-height: 85px;
    min-width: 697px;
}

#contactus .short_explanation {
   margin-top: 60px;
}


#contactus input[type="submit"]{
	margin-left: 637px;
	margin-top: 120px;
}


}