@charset "utf-8";

/* CSS Document */



html,body{

	overflow:hidden;}

	

/*上區塊*/	

.topArea{
	background-color: rgba(56,30,14,0.90);
	position: absolute;
	width: 100%;
	z-index: 999;
}

		

/*logo*/

h1{

	float:left;}



h1 a{

	display: inline-block;

	background: url(../images/mlogo.png) no-repeat center 5px;


	width: 200px;

	margin-right:10px;

	height: 60px;

	text-indent: -9999px;

	vertical-align: middle;}



h1 strong{

	display:inline-block;

	vertical-align:middle;

	font-size:16px;

	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;

	font-weight:normal;

	color:#FFF;}



h1 strong i{

	font-size:13px;

	color:#FFF;

	padding-left:3px;}



.mapNav{

	float:left;}



/*filter*/

ul.filter{}



ul.filter li{

	float:left;}

	

ul.filter li > a{

	display:block;

	height:60px;

	line-height:60px;

	padding:0 27px;

	

	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;

	font-size:15px;

	color:#FFF;}



ul.filter li > a:hover{

	text-decoration:underline;}



ul.filter li img{

	vertical-align:text-bottom;

	margin-right:5px;}



ul.filter li > a:hover{

	color:#f05b8f;}



/*地圖區塊*/

.mapArea{

	position:relative;}



.mapWrap{

	width:100%;

	background:#ccc;

	position:relative;}



#g_map{

	width:100%;

	height:100%;}



/**googlemap infowindow**/

.ginfowindow{

	font-size:12px;

	color:#666;

	line-height:1.6;}



.ginfowindow strong{

	display:block;

	font-family:微軟正黑體;

	font-size:15px;

	color:#000;}



.ginfowindow a{

	text-decoration:underline;

	color:#06F;}



/*****右側說明*****/

.introBox{

	width:270px;

	background:#FFF;

	border-radius:5px;

	box-shadow:0 0 10px #CCC;

	

	position:absolute;

	top:150px;

	right:20px;

	z-index:9999;}



.introBox a.closeInfo{

	cursor:pointer;

	background:url(../spot/images/close.png);

	display:block;

	width:16px;

	height:15px;

	text-indent:-9999px;

	

	position:absolute;

	right:0;

	top:0;}



.introBox .loading{

	width:100%;

	font-size:12px;

	text-align:center;

	color:#666;

	position:absolute;

	left:0;

	top:30%;

	z-index:999;}



.introBox .Img{}



.introBox .Img img{

	width:100%;}



.introBox .Txt{

	padding:15px;}



.introBox .Txt h3{

	clear:both;

	font-family:微軟正黑體;

	font-size:16px;

	font-weight:normal;

	color:#930;

	margin-bottom:10px;}



.introBox .Txt h3 a{

	color:#2f2f2f;}



.introBox .Txt h3 a:hover{

	text-decoration:underline;}



.introBox .Txt p{

	font-size:13px;

	line-height:1.5;

	color:#333;}



/*類別*/

.m_filter{

	display:none;}



/*640*/

@media (max-width: 640px){



.wrap{

	padding:10px;}



.mapNav{

	float:right;

	margin-top:10px;

	position:relative;}

	

/*類別*/

ul.filter{

	display:none;}



.m_filter{

	display:block;

	width:40px;}



.m_filter a.main{

	display:block;

	font-size:15px;

	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;

	color:#222;

	border:1px solid #CCC;

	width:35px;

	height:35px;		

	border-radius:5px;

	

	background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */

background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}



.m_filter a.main i{

	display:block;

	font-size:15px;

	text-align:center;

	line-height:35px;}



.m_filter ul{

	display:none;

	width:250px;

	background:#FFF;

	border-radius:5px;

	border:1px solid #d1d1d1;

	position:absolute;

	right:0;

	top:38px;

	z-index:99999;}



.m_filter ul li{}



.m_filter ul li a{

	display:block;

	padding:15px 10px;

	border-top:1px solid #d1d1d1;

	color:#222;}



.m_filter ul li:first-child a{

	border:none;}



.m_filter ul li a img{

	vertical-align:middle;

	margin-right:5px;}



}