.contactArea{ background:#f5f5f5; padding:50px 0}



.contentBox .leftBox{

	float:left;

	width:62%;}



.contentBox .rightBox{

	float:right;

	padding-left:30px;

	width:35%;}

	

.contentBox .leftBox2{

	float:left;

	border-right:1px solid #dcdcdc;

	padding-right:10px;

	width:75%;}



.contentBox .rightBox2{

	float:right;

	padding-left:10px;

	width:22%;}

	



.side_contactInfo{

	margin:0;}



.thankInfo{/*感謝資訊*/

	padding: 0 0 0 10px;

	color: #2f2f2f;

	font-size: 15px;

	line-height: 1.5;

	}

	

.thankInfo h3{font-size:20px;padding:20px 0}	



.sectionTitle{ font-size:20px; }



.formBox{	

	margin-top:20px;

	color:#2f2f2f; /*字的顏色*/

	font-size:16px;}



.formBox .left{

	margin-bottom:5px;

	line-height: 20px;

    height: 20px;}



.formBox label{

	display:inline-block;

	margin-right:7px;

	font-size:15px;

	color:#2F2F2F;}



.formBox label em{

	color:#E61F6E; /*星號的顏色*/

	font-style:normal;

	font-weight:normal;

	}



.formBox .right{}



.formBox input[type="text"]{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	padding:5px;

	width:100%;

	height:45px;

	font-size:16px;

	line-height:45px;

	border:1px solid #D6D6D6;

	border-radius:0px;}



.formBox select{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	padding:5px;

	width:100%;

	height:45px;

	font-size:16px;

	border:1px solid #D6D6D6;

	border-radius:0px;}



.formBox textarea{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	width:100%;

	height:120px;

	padding:0 5px;

	font-size:16px;

	border:1px solid #D6D6D6;

	border-radius:0px;}

	

/*驗證碼*/

.checkArea{

	clear:both;

	padding:0px;}



.checkArea .btn{/*送出按鈕*/

	display:inline-block;}



.checkArea .btn a{/*送出按鈕*/

	cursor:pointer;

	display:inline-block;

	padding:10px 35px;

	font-size:14px;

	font-weight:bold;

	color:#FFF;

	text-transform:uppercase;

	box-shadow:2px 2px 2px #CCC;

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}

	

label.radio {

  cursor: pointer;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  font-weight: 400;

  color: #666;

}



label.radio.full {

  width: 100%;

}



label.radio input[type="radio"], label.radio input[type="checkbox"] {

  display: none;

}



label.radio span {

  display: inline-block;

  vertical-align: middle;

  padding-left: 30px;

}



label.radio span:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  border: 1px solid #bbb;

  width: 25px;

  height: 25px;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}



label.radio input[type="radio"]:checked + span:before, label.radio input[type="checkbox"]:checked + span:before {

  background-color: #22ac38;

  border: 1px solid #22ac38;

}



label.radio input[type="radio"]:checked + span:after, label.radio input[type="checkbox"]:checked + span:after {

  content: "\f00c";

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 25px;

  font-size: 13px;

  color: #fff;

  font-family: 'FontAwesome';

}





@media (max-width: 767px){

	



.contactArea{ background:#f5f5f5; padding:50px 0}

	

.contentBox .leftBox{

		float:none;

		padding:0px;

		width:100%;}

	

.contentBox .rightBox{

		float:none;

		width:100%;

		padding:0px;

		margin-top:30px;}

		

.contentBox .leftBox2{

	float:none;

	padding:0px;

	border:none;

	width:100%;}



.contentBox .rightBox2{

	float:none;

	padding:0px;

	width:100%;}

		



}