@charset "UTF-8";

.coantact_form{
background-image: url(../images/contact/banner.jpg);
background-size: cover;
padding: 5% 5%;
}
.coantact_form>div{
background-color: #ebe9e6;
padding: 5%;
}
.coantact_form .title{
text-align: center;
}
.coantact_form .title span{
display: block;
font-size: 1rem;
}
.coantact_info{
	font-size: 14px;
	text-align: center;
	padding:0 20px;
}
.coantact_info span{
	display: block;
	color: #999;
}
.nopaddong{padding: 0;}
/*表單樣式*/
form{
padding:5% 10%;
}
input[type=text], select {
width: 100%;
padding: 12px;
border: none;
border-bottom: 1px solid #999;
border-radius: 0;
resize: vertical;
background-color: transparent;
}
textarea{
width: 100%;
padding: 12px;
border: none;
border: 1px solid #999;
border-radius: 0;
resize: vertical;
background-color: transparent;
}
label {
padding: 12px 12px 12px 0;
display: inline-block;
border: none;
border-bottom: 1px solid #999;
width: 100%;
text-align: center;
}
.ClientContent label{
border: none;
}
.submitbtn{
background-color: #31302e;
color: #fff;
}
.submitbtn:hover{
background-color: #ad9869;
}


/*ContactDetal*/
.ContactDetal{padding:5% 3%;}

.ContactDetal .InfoBox{
	padding-top: 5%;
	background-color: #c6b99f;
}

.ContactDetal .InfoBox .title{
	text-align: center;
	color: #534741;
	letter-spacing: 3px;
	padding-bottom: 10px;
	border-bottom: 1px solid #534741;
	margin-bottom: 2rem;
}
.ContactDetal .InfoBox .title span{
	font-size: 10px;
	display: block;
	letter-spacing: 0px;
	font-weight: 400;
}
.ContactDetal .InfoBox .title:after{
	content: '';
	width: 10px;height: 10px;
	background-color: #534741;
	margin: 0 auto;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%) rotate(45deg);
}
.ContactDetal .InfoBox .TexBox{
	padding:10px 20px 40px;text-align: left;
}
.ContactDetal .InfoBox .TexBox .caseName{font-size: 1.8rem;font-weight: 300;text-align: center;margin-bottom: 1rem;}
.ContactDetal .InfoBox .TexBox li{    
    list-style: none;
}

 

.ContactDetal .InfoBox .TexBox li span{    position: absolute;
    left: 0;}


.ContactDetal .MapBox{padding: 0;}
.ContactDetal .MapBox iframe{width: 100%; height: 100%;}
@media(max-width: 480px){
	.coantact_form>div{
background-color: #ebe9e6;
padding:10% 5%;
}
	.coantact_info span{
	display: inline;
	font-size: 10px;
}
}