/* CSS Document */
 button {
  cursor: pointer;
  color: #fff;
  transition: all 0.4s ease;
  border:none;
  font-family: '微軟正黑體', sans-serif;
  font-size: 15px;
  background: #645250;
  width:180px;
  line-height: 48px;
  margin-bottom:10px;
}

button:hover {
  color: #fff;
   background: #25110A;
}
.mainArea{background:#fff;padding:40px 0 ;}
.map{border-radius:10px; border:1px solid #dcdcdc; }

.g-tv-6 {
    width: calc(50% - 10px);
}
.formBox{
	margin:50px 30px;
	color:#000; /*字的顏色*/
	font-size:15px;
	line-height: 36px;}
	
.formBox p{
	font-size: 15px;
	line-height: 1.2;
}
.formBox div.note{
position:relative;	
}

.formBox div.note input[type="checkbox"],
.formBox div.note input[type="radio"]{
  display:none;
}
.formBox div.note input[type="checkbox"] + label,
.formBox div.note input[type="radio"] + label{
	color:#d01b1b;
	cursor: pointer;
	display:inline-block;
	padding:0 23px;
}
.formBox div.note input[type="checkbox"] + label:before,
.formBox div.note input[type="radio"] + label:before{
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	position:absolute;
	border:1px solid #d01b1b;
	top: 8px;
	left: 0;
	z-index: 10;
}
.formBox div.note input[type="radio"] + label:before{
	border-radius:99em;
}
.formBox div.note input[type="checkbox"]:checked + label:after{
	content: "\f00c";
	font-family: fontAwesome;
	font-size:15px;
	display: block;
	position:absolute;
	top: 0px;
	left: 0;
	z-index: 15;
}
.formBox div.note input[type="radio"]:checked + label:after{
	content: "\f111";
	font-family: fontAwesome;
	font-size:15px;
	display: block;
	position:absolute;
	top: -1px;
	left: 3px;
	z-index: 15;
}


.formBox div.line{
	margin: 0px 5px 20px 5px;
    padding: 0px 10px 25px;
	border-bottom: 1px solid #c8c8c8;
}
.formBox .left{
	width:120px;
	float: left;
}

.formBox label{
	display:inline-block;
	color:#000;	
}

.formBox label em{
	color:#F00; /*星號的顏色*/
	font-weight:normal;
	width: 25px;
	display: inline-block;
}
.formBox .right{
	float: left;
	width:calc(100% - 120px);
}
.formBox .right label{
	position:relative;
	cursor: pointer;
}

.formBox .right input[type="checkbox"],
.formBox .right input[type="radio"]{
  display:none;
}
.formBox .right input[type="checkbox"] + label,
.formBox .right input[type="radio"] + label{
	display:inline-block;
	padding:0 23px;
}
.formBox .right input[type="checkbox"] + label:before,
.formBox .right input[type="radio"] + label:before{
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	position:absolute;
	border:1px solid #c8c8c8;
	top: 8px;
	left: 0;
	z-index: 10;
}

.formBox .right input[type="radio"] + label:before{
	border-radius:99em;
}

.formBox .right input[type="checkbox"]:checked + label:after{
	content: "\f00c";
	font-family: fontAwesome;
	font-size:18px;
	display: block;
	position:absolute;
	top: 0px;
	left: 0;
	z-index: 15;
}

.formBox .right input[type="radio"]:checked + label:after{
	content: "\f111";
	font-family: fontAwesome;
	font-size:17px;
	display: block;
	position:absolute;
	top: -1px;
	left: 3px;
	z-index: 15;
}

.formBox input[type=text]{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px;
	height:35px;
	font-size:15px;
	line-height: 35px;
	border:none;
	background:transparent;
}
.formBox select{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px;
	height:35px;
	font-size:15px;
	line-height: 35px;
	border:none;
	background:transparent;
}

.formBox textarea{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:140px;
	line-height: 35px;
	padding:0 5px;
	font-size:15px;
	border:none;
	background:transparent;
}
	
/*驗證碼*/
.checkArea{
	text-align: center;
	clear:both;
	padding-top:25px;}


.checkArea p.note{/*向右滑動解鎖*/
	font-size:15px;
	font-family:微軟正黑體;
	color:#999;
	position:absolute;
	left:55px;
	line-height: 20px;
	top:7px;}

.checkArea .btn{/*送出按鈕*/
	display:inline-block;}

.checkArea .btn a:hover{/*送出按鈕*/
	cursor:pointer;
	display:inline-block;
	background:#000;
	line-height: 40px;
	font-size:15px;
	color:#FFF;
}




@media(max-width:767px){
.g-tv-6 {
    width: 100%;
}
.formBox div.line{
	margin:0px 0px 15px 0px;
}

.formBox{
	margin:30px 0px;
}

/*580*/
@media (max-width: 580px){
    .mainArea .titleBox h2:after {
    left: 60px;
}
}