@charset "utf-8";
/* CSS Document */
.gmap{
	margin:0;
	padding:0;
	height:400px;
}
.info_bg{
	font-family:'corbel','微軟正黑體';
	background-color:#deeffb;
}
.info_a{
	padding:5%;
	text-align:center;
	float:left;
	width:50%;
}
.info_a p{
	font-size:20px;
	font-weight:bolder;
	color:#333;
	margin-bottom:5%;
}
.info_r{
	float:right;
	width:50%;
	}
.info_1{
	float:left;
	width:50%;
}
.info_1 img{
	width:17px;
}
.info_1 li{	
	padding:4%;
	font-size:14px;
	font-weight:600;
	color:#6c6c6c;
	text-align:left;
	padding:5px;
	float:left;
}
.info_2{
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	color:#333;
	width:350px;
	padding-bottom:70px;
}
.info_2 img{
	margin-right:15px;
	width:53px;
}
.info_add_w{
	text-transform:uppercase;
	width:calc(100% - 27px);
}
.touch{
	text-align:center;
	padding:5% 5% 10% 5%;
	width:60%;
	margin:0 auto;
}
.touch_top{
	width:55%;
	margin:0 auto 5% auto;
}

.touch_top span{
	font-size:18px;
	letter-spacing:1px;
	font-family:'corbel';
	color:#6c6c6c;
	font-weight:bold;
}
.touch_bottom input{
	background-color:#d4eaf9;
	border-radius:5px;
	border:none;
	height:55px;
	padding:15px;
	margin:0 6px 8px 6px;
	font-size:16px;
	font-weight:700;
	color:#636363;

}
.touch_bottom .input1{
	width:calc(50% - 16px);
}
.touch_bottom .input2{
	width:calc(100% - 16px);
}
.touch_bottom textarea{
	background-color:#d4eaf9;
	width:calc(100% - 16px);
	border:none;
	border-radius:5px;
	padding:15px;
	font-size:16px;
	color:#636363;
	font-weight:700;
	height:160px;
	margin-bottom:10px;
}
.touch_bottom button{
	font-family:'微軟正黑體';
	background-color:#0083dd;
	height:55px;
	width:calc(100% - 16px);
	border-radius:5px;
	padding:15px;
	font-size:20px;
	color:#fff;
	font-weight:700;
	border:none;
}
.alert_txt{
	border:5px #fff solid;
	position: fixed;
	z-index:20;
	color:#fff;
	padding:20px;
	background-color:#50bde4;
	font-size:14px;
	border-radius:15px;	
	width:250px;
	/*margin:0 auto;*/
	top:calc(50% - 100px);
	left:calc(50% - 125px);
	display:none;
	font-size: 18px;
	line-height: 22px;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.send_alert{
	border:5px #fff solid;
	position: fixed;
	z-index:20;
	color:#fff;
	padding:20px;
	background-color:#50bde4;
	font-size:14px;
	border-radius:15px;	
	width:250px;
	/*margin:0 auto;*/
	top:calc(50% - 100px);
	left:calc(50% - 125px);
	display:none;
	font-size: 18px;
	line-height: 22px;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.close{
	margin-right: -11px;
    margin-top: -15px;
}
.lightbox{
	width: 100%;
background-color: #000;
opacity: 0.5;
position: fixed;
z-index: 10;
top: 0;
overflow: hidden;
display: none;
}
h1 .ra_zone{
	font-size:30px;
	letter-spacing:0;
}
@media screen and (min-width:768px) and (max-width:1199px){
.touch{
	width:78%;
}
.touch_top {
	width:70%;
}
}
@media screen and (max-width: 767px){	
	.touch_bottom .input1{
		width:calc(100% - 16px);
	}
	.touch_bottom{
		margin-bottom:45px;
	}
	.touch{
		width:95%;
	}
	.touch_top{
		width:100%;
		margin:5% auto 10% auto;
	}
	.info_bg{
		padding:50px 0;}
	.info_a{
		width:100%;
	}
	.info_1{
		padding:0;
	}
	.info_1 img{
		margin:0 auto;
	}
	.info_1 li{
		text-align:center;
		float:none;
		padding:5px 2px;
	}
	.info_2{
		text-align:center;
		min-width:60%;
		max-width:90%;
		word-wrap:break-word;
		padding:50px 0;
	}
	.info_2 img{
		width:40px;
		margin-right:5px;
	}

}