/*
 * iweb51 - RWD system type-00
 * http://www.iweb51.apseo.com.tw/
 *
 * Copyright 2015, evelyn wang
 * 
 * 
 * September 2015
 */


/* +contact
*----------------------------------------------------------------------------*/
#contact {
	overflow: hidden;
}

/**
*
* =Google map
*
**/
#contact #gmap {
	margin-bottom: 20px;
}

#contact #gmap iframe {
	width: 100%;
}

/**
*
* =contact article 
*
**/
#contact article {
	padding: 20px 10px;
	background: #f1f1f1;
	line-height: 170%;
	font-size: 16px;
	color: #747474;
}

/**
*
* =contact form
*
**/
#contact .contact-form {
	margin-top: 30px;
}

#contact .contact-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#contact .contact-form fieldset p {
	margin-bottom: 25px;
	width: 50%;
	float: left;
	color: #616161;
}

#contact .contact-form fieldset p label {
	display: block;
	font-size: 15px;
}

#contact .contact-form fieldset p label strong {
	margin-right: 5px;
	display: inline-block;
	color: #e15c1a;
}

#contact .contact-form fieldset p input ,
#contact .contact-form fieldset p select ,
#contact .contact-form fieldset p textarea {
	margin-top: 5px;
	padding: 0 15px 1px;
	width: 90%;
    height: 39px;
	background-color: #fff;
	border: 1px solid #ededed;
	line-height: 15px;	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	transition: border linear .2s, box-shadow linear .2s;
    color: #555;
}

#contact .contact-form fieldset p input:focus ,
#contact .contact-form fieldset p select:focus ,
#contact .contact-form fieldset p textarea:focus {
	border-color: #ccc;
}

#contact .contact-form fieldset p select option {
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

#contact .contact-form fieldset p textarea {
	width: 100%;
	height: 150px;
}

#contact .contact-form fieldset p:first-child {
	width: 100%;
	float: none;
}

#contact .contact-form fieldset p:first-child select ,
#contact .contact-form fieldset p:nth-child(3n) input ,
#contact .contact-form fieldset p:nth-child(4n) input {
	width: 100%;
}

#contact .contact-form fieldset p:nth-child(4n) ,
#contact .contact-form fieldset p:nth-child(5n) {
	width: 100%;
}

#contact .contact-form fieldset.btn {
	margin-top: 10px;
}

#contact .contact-form fieldset.btn p label {
	margin-left: 5px;
	display: inline-block;
}

#contact .contact-form fieldset.btn p input {
	width: 100px;
}

#contact .contact-form fieldset.btn p img {
	margin-top: 4px;
}

#contact .contact-form fieldset.btn p.send {
	width: 100%;
}

#contact .contact-form fieldset.btn p.send input {
	padding: 0 24px;
	width: auto;
	height: 50px;
	background: #3b3b3b;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
}