/*
	General styles
*/
#theme-page .mk-grid {
	max-width:100%;
}
::selection {
 	background: #8dc035;
 	color: #efefef;
 }
 body {
 	font-family: 'Arial', 'Noto Sans TC', sans-serif;
 	background-color: #ffffff;
 	font-size: 100%;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	font-weight: 400;
 }
 body, html {
 	height: 100%
 }
 h1, h2, h3, h3 {
 	line-height: 1.7rem;
 }
 h1 {
 	font-size: 2rem;
 	padding: .5rem;
 }
 h2 {
 	font-size: 1.2rem;
 	padding: 1rem;
 }
 h3 {
 	font-size: 1rem;
 }
 p {
 	font-size: 0.9rem;
 }
 ul li {
 	font-size: 1rem;
 }
 a {
 	color: #013e5c;
 }
 a: hover {
 	color: #8dc035;
 }
 a, a:visited {
 	color: #013e5c;
 	text-decoration: none;
 }
 a:hover {
 	color: #8dc035;
 	text-decoration: none;
 }
 .touchonly {
 	display: none;
 }
 html.touch .touchonly {
 	display: block;
 }
 .noselect * {
 	user-select: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-o-user-select: none;
 }
 .doselect * {
 	user-select: auto;
 	-webkit-user-select: auto;
 	-khtml-user-select: auto;
 	-moz-user-select: auto;
 	-o-user-select: auto;
 }
 .clearfix:after {
 	content: ".";
 	display: block;
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }
 /*.clearfix {
 	display: inline-block;
 }*/
 html[xmlns] .clearfix {
 	display: block;
 }
 * html .clearfix {
 	height: 1%;
 }
 /* custom style */
 .content_wrapper {
 	width: 100%;
 	overflow: hidden;
 	margin: auto;
 	min-height: 750px;
	display:flex;
 }
 .content {
 	max-width: 1240px;
 	margin: auto;
 	overflow: hidden;
 	padding-bottom: 100px;
 }
 /* Map */
 .map {
	display: flex;
	order: 2;
	width:100%;
 	/*height: 100%;
 	position: fixed;
 	z-index: -99;*/
 }
 #map {
	width:100%;
 }
 .infopanel {
	order: 1;
 	margin-right: 1rem;
 	width: 29rem;
 	min-height: 750px;
	max-height:1080px;
	overflow:scroll;
 	background: #ffffff;
 	position: relative;
 	z-index: 1;
 	box-shadow: 0px 0px 7px #eaeaea;
 	padding-bottom: 1rem;
}
 .infopanel h2 {
 	border: 1px solid #eaeaea;
 }
 .search_area {
 	width: 100%;
 	height: auto;
 	background: #fafafa;
 }
 .result {
 	padding: 1rem;
 	border-bottom: 1px solid #eaeaea;
 }
 result-title {
 	padding: 0rem 1rem;
 }
 .result p {
 	color: #c7c7c7;
 	margin-top: 0rem;
 }
 .result-list {
 	border-bottom: 1px solid #eaeaea;
 	padding: .5rem 1rem;
	 
 }
 .result-list h3 {
 	background: none;
 	width: 75%;
 	padding: .5rem;
 }
 .result-list a {
 	color: #444444;
 }
 .result-list a:focus {
 	color: #8dc035;
 }
 .result-list p {
 	width: 100%;
 	padding: .5rem;
 }
.result-list-include {
	height:100%;
}
 .detail {
 	position: absolute;
 	width: 20rem;
 	min-height: 10rem;
 	padding: 1rem;
 	box-shadow: 0 0 5px #eaeaea;
 	background: #ffffff;
 	left: 50%;
 	top: 30;
 }
 .flex_wrapper {
 	display: flex;
 	flex-direction: row;
 }
 .flex {
 	margin: .5rem .5rem 0 0 !important;
 	display: flex;
 }
 .flex_wrapper p{
 	flex: 1;
 	color: #444444;
 	min-height: 20px;
 	line-height: 1.7rem;
 }
 /* form style */
 legend {
 	padding: 1rem;
 }
 .number {
 	border-radius: 20px 20px 20px 1px;
 	background: #8dc035;
 	margin-right: .5rem;
 	padding: .5rem .5rem .5rem .5rem;
 	width: 2rem;
 	height: 2rem;
 	display: inline-block;
 	line-height: 1rem;
 }
 .form-control {
 	width: 90%;
 }
 .search_area select:not(.gfield_select), .search_area select {
 	margin: 0 1rem;
 	background-color: #fdfdfd;
 	border: 1px solid #e3e3e3;
 	background-image: url(../img/selectbox-arrow.png);
 	background-position: right center;
 	background-repeat: no-repeat;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	padding: 10px 12px 12px 16px;
 	font-size: 12px;
 	line-height: 14px;
 	color: #252525;
 	border-radius: 0;
 	font-weight: 700;
 	min-width: 240px;
 	max-width: 100%;
 	display: block;
 }
 .controller_wrapper {
 	width: 100%;
 	margin-top: -.8rem;
 }
 input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {}
 .reset, .submit {
 	min-width: 5rem;
 	border: 1px solid #8dc035;
 	display: block;
 	padding: 12px 15px;
 	margin: 1rem;
 	flex: 1;
 }
 .form-control {}
 .detail h3 {
 	line-height: 1rem;
 	padding-bottom: 1rem;
 	border-bottom: 1px solid #eaeaea;
 }
 .detail .back {
 	display: none;
 }
 .detail .back p {
 	line-height: 2.3rem;
 }
 /* 加載csshover3.htc，解決IE6沒有li:hover擬類的問題 */
 * html body {
 	behavior: url("csshover3.htc");
 }
 /*icon*/
 .icon-back {
 	background-image: url(../img/btn-back.png);
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 }
 .icon-box {
 	background-size: cover;
 	width: 30px;
 	height: 30px;
 	margin: 1% auto;
	 flex:1;
 }
 .icon-dropup {
 	background: url(../img/drop-up.svg) no-repeat;
 	background-size: cover;
 	width: 30px;
 	height: 30px;
 	margin: 1% auto;
 }
 .icon-dropdown {
 	background: url(../img/drop-down.svg) no-repeat;
 	background-size: cover;
 	width: 30px;
 	height: 30px;
 	margin: 1% auto;
 }
 .icon-home {
 	background: url(../img/icon_home.svg) no-repeat;
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 	display: inline-block;
 }
 .icon-location {
 	background: url(../img/icon_location.svg) no-repeat;
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 }
 .icon-phone {
 	background: url(../img/icon_phone.svg) no-repeat;
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 }
 .icon-mail {
 	background: url(../img/icon_e-mail.svg) no-repeat;
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 }
 .icon-staff {
 	background: url(../img/icon_staff.svg) no-repeat;
 	background-size: cover;
 	width: 20px;
 	height: 20px;
 	margin: 1% auto;
 }
 .icon-golden {
 	background: url(../img/golden.png) no-repeat;
 	background-size: cover;
 	width: 36px;
 	height: 36px;
 	margin: 2.1rem 0 !important;
 }
 .icon-sliver {
 	background: url(../img/sliver.png) no-repeat;
 	background-size: cover;
 	width: 30px;
 	height: 30px;
 	margin: 1rem 0 !important;
 }
 .icon-cooper {
 	background: url(../img/cooper.png) no-repeat;
 	background-size: cover;
 	width: 36px;
 	height: 36px;
 	margin: 2.1rem 0 !important;
 }
.gm-ui-hover-effect {
	min-width: 0 !important;
	border:0 !important;
}
.BMap_shadow img {
	max-width:none !important;
}