/*
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 #quotation). So, including this
stylesheet does not affect the other elements at all!
*/

.red_alert{ color: #F00; font-size:11px; padding:0px 5px;}

.contactus{ float: left; width:58%; margin:30px 0 0 ;}
.contactus .maparea{ margin:30px 0 30px 0 ;}
.contactus .maparea iframe{ width:100%; height:420px}
.contactus table{border-collapse:inherit}
.title_contact span{ padding-right:25px;}

#contactus{ float: right ; width:35%; background:#fafafa; padding:30px 2.5%; margin-top:30px;font-family: 'Oswald',  "微軟正黑體" }
#contactus .container_contact{ min-height:auto;}
#contactus fieldset{ width:100%; border:0px; padding:0px; margin:0px;}
#contactus label{ font-size:15px; font-weight:normal; line-height:30px; float:left; width:33%; white-space:nowrap} 

#telcode{ width:15%; margin:0 2.5% 0 0}
 #tel{ width:42%; margin:0 0 0 0}
.telcode{ width:25%; margin:0 2.5% 0 0; float:left}
.tel{  margin:0 0 0 0; float:left}
.application { border:3px solid #003c6e; padding:30px; width:75%; margin:0px auto;font-family: 'Oswald',  "微軟正黑體"}
.note_tel{ padding:0 0 0 33%; font-size:12px;}

.application fieldset{ width:100%; border:0px; padding:0px; margin:0px;}
.application label{ font-size:15px; font-weight:normal; line-height:30px; float:left; width:33%; white-space:nowrap} 

.terms_msg{ font-size:14px; line-height:19px; border:1px solid #c18340; background:#FCFCFC; padding:15px; }
.terms_msg  h3{ font-size:16px; margin:0; padding:0; } 
input[type="text"],textarea
{
  color : #000; 
  padding : 3px; 
  border : 1px solid #aeaeae;}

input[type="text"]
{
  height:24px;
  width:60%;  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
   border-radius: 0px;
   padding:2px; font-family: 'Oswald',  "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size:15px; font-weight:normal
  
}
.service_request { float: left; width:80%;}

select
{ font-size:15px;
  height:30px;
  width:60%;  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
   border-radius: 0px;
   padding:2px; border:1px solid #aeaeae;
  font-family: 'Oswald',  "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

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

input[type="submit"]
{
   font-size:17px;
    display:block;
   color:#FFF; padding:8px 25px; border:0px;
   margin:0px auto; cursor: pointer;
   background:#000; 
   color:#fff; font-family: 'Oswald',  "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; float: left; margin:0 0 0 33%;
}
input[type="submit"]:hover
{ background: #003c6e;}
textarea
{
   height: 100px;
  width:60%;  }

input[type="text"]:focus,textarea:focus
{
  color : #329b91;
  border : 1px solid #75cfc6;
  background-color : #f0f8fa;
}

.container_contact
{ border-top:1px dotted #ccc; padding:10px 0px;
}
.bg_odd{ background:#f9f9f9}

.error{  font-size:12px;  color: #F00;}
.notice
{
	font-size:12px; line-height:30px; padding-left:15px;
   color: #333;
}
fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

fieldset#antispam legend
{
   
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

.short_explanation
{
   
   font-size:12px;
   color: #FF0000;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
.spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{   
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}
@media screen and (max-width: 800px) {
	
.contactus{ width:100%; margin:0;}
#contactus{ width:95%}
.application {  width: auto; padding:15px;}

.note_tel{ padding-left:35%;}

#contactus label{ font-size:13px; font-weight:normal; line-height:30px; float:left; width:100%; white-space:nowrap} 
input[type="text"]{ font-size:13px;}
.application label{ font-size:13px; font-weight:normal; line-height:30px; float:left; width:100%; white-space:nowrap} 
input[type="submit"]
{
   float: none; margin:0 0 ;
}
textarea{ width:98%}
select{ width:98%}
.note_tel{ padding-left:1%;}
#telcode{ width:25%}
#tel { width:68%}
.application label, input[type="text"]{ width:98%}
.telcode{ margin:0 3.5% 0 0}
}