@charset "utf-8";
/* CSS Document */


#breadcrumbs{
	top:20px;
}
#info{
	padding:5px 10px;
	color:#3E2A81;
	margin-bottom:40px;
	padding-bottom:30px;
	position: relative;
}
#info:before{
	content: '..........................................................................................................................................................................................................................................................................................................................................................................................................................................';
	font-family:"新細明體";
	font-weight: normal;
	line-height:1;
	font-size: 12px;
	left:0px;
	right:0px;
	color:#CCCCCC;
    letter-spacing: 1px;
    display:block;
	position: absolute;
    overflow: hidden;
	bottom:-3px;
	z-index:10;
}
.content {
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:#DDDDDD 1px solid;
}
.content img{
	max-width:100%;
	height:auto !important;
	vertical-align:middle;
	display:inline-block;
	padding-bottom:5px;
}
.formbox{
	width:60%;
	float:right;
	padding:3% 3% 3% 1%;
	border:#CCCCCC 2px solid;
	background:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.infobox{
	width: 35%;
	float:left;
}
.infobox ul{
	margin-bottom:10px;
}
.infobox li{
	list-style:none;
	position: relative;
	font-size: 16px;
	color:#3A3A3A;
	font-weight: bold;
	line-height:1;
	padding:9px 0px 5px 25px;
	text-indent:-25px;
}
.infobox li:after{
	content: '........................................................................................................................................';
	font-family:"新細明體";
	margin:0 -5%;
	font-weight: normal;
	line-height:1;
	font-size: 12px;
	left:0px;
	right:0px;
	color:#CCCCCC;
    letter-spacing: 1px;
    display:block;
	position: absolute;
    overflow: hidden;
	bottom:-3px;
	z-index:10;
}
.infobox .map{
	border:#FFF 3px solid;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.form-style{
	margin-bottom:40px;
}
/************************************************************/
@media (max-width: 600px) {
.infobox{
	width:100%;
	float:none;
	margin-bottom:20px;
}
.formbox{
	width:100%;
	float:none;
	padding:3% 5% 3% 5%;
}
}
@media (max-width: 500px) {
.form-style li .title {
	text-align:left;
}
.input_50{
	width:100%;
}
.input_24{
	width:100%;
	margin-bottom:10px;
}
.input_23{
	width:80%;
	margin-bottom:10px;
}
}