@charset "utf-8";

/***************************************

    copyright by Galaxy.Design

***************************************/

@import url('../../../../../../ma/scripts/jquery/fancybox/jquery.fancybox.css');



.contact_section {

	text-align: center;

	float: left;

	width: 42%;

	height: auto;

	min-width: 300px;

	padding: 12px 12px;

	margin: 50px 12px;

	/*background-color: rgba(255,255,255,0.5);*/

}

h1.contact_title {

	text-align: left;

}



#contact_banner {

	width: 100%;

	max-height: 640px;

	background-color: #CCC;

	background-position: center 50px;

	background-attachment:scroll;

	background-size: cover;

}



/*

|------------------------------------

|  聯絡客服 form

|------------------------------------

*/

#form {

	/*margin: 7px 12px 7px 0;*/

}

#feedback_name,

#feedback_email,

#feedback_phone {

	width: 99%;

	height: 36px;

	margin: 5px 0;

	text-indent: 5px;

	border-width: 1px ;

	border-style: solid;

	border: 1px solid;

}

textarea#contact_content {

	width: 99%;

	height: 200px;

	margin: 5px 0;

	/*border-width: 1px;*/

	/*border-style: solid;*/

	/*border: 1px solid #F00;*/

	border: 1px solid;

	border-radius: 3px;

}

#btn_submit_contact {

	width: 100%;

}

label.error {

	color: #F00;

}



/*

|------------------------------------

|  聯絡資訊

|------------------------------------

*/

#info {

	/*margin: 7px 0 7px 36px;*/

	/*border: 1px solid #F00;*/

	width: 48%;

	padding-left:31px;

}

#info div {

	display: block;

	min-height: 36px;

	line-height: 36px;

	padding: 0 0 0 0px;

	margin:12px 0;

	text-align: left;

	/*background-position: 7px center;*/

}

#info div span {

	clear: both;

	float: left;

	display: inline-block;

	width: 30px;

	height: 30px;

	margin: 0 12px 0 0;

	background-position: center;

	/*border:1px solid #F00;*/

}

#info div span.icon {

	/*border:1px solid #F00;*/

	background-size: 26px;

}

label {

	line-height: 36px;

	/*border: 1px solid #F0F;*/

	display: inline-block;

}

/* social_info */

#info div.social_info a img {

	border: 1px solid #EEE;

}



#map {

	width: 100%;

	height: 600px;

	/* anchor 錨點位移修正 */

	padding-top: 50px;

	margin-top: -50px;

}



/*

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

|  mobile

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

*/

@media only screen and (max-width: 1200px) {



#contact_banner {

	margin-bottom: 0px;

}

.contact_section {

	float: none;

	text-align: center;

	width: 95%;

	margin: 0;

	padding: 5px 2%;

	/*border: 1px solid #F00;*/

}

#info {

	width: 92%;

	max-width: 700px;

	margin: 20px auto 35px auto;

	font-size: 0.9em;

	padding-left: 24px;

}

h1.contact_title {

	/*border: 1px solid #F0F;*/

	font-size: 1.5em;

	width: 100%;

	text-align: center;

}

#form {

	margin: 0 auto;

	max-width: 700px;

}

#contact_content {

	width: 99%;

	height: 150px;

	margin: 0;

	border-width: 1px ;

	border-style: solid;

	/*border: 1px solid #F00;*/

}

#feedback_email {

}

#btn_submit_contact {

	height: 2.4em;

}





}