@charset "utf-8";

/*---MAP左邊----*/
.map_left{ width:210px; padding:10px 10px 0 0;  float:left;}

.map_graybox{ border:1px solid #d5d5d5; background:url(../images/map/box_bg.png) repeat-x 0 bottom; margin-bottom:10px; padding-bottom:8px;}


.search_word{ font-size:15px; color:#434343; padding:6px 0 0 10px; font-weight:normal;}

.search_box{border:1px solid #b9b9b9; font-size:12px; color:#5c5c5c; height:28px; line-height:28px; width:124px; margin-left:8px; /*margin-top:5px;*/ text-indent:5px; float:left; }



/*---搜尋按鈕----*/
.search_button{width:60px; height:30px; line-height:30px; /*margin-top:5px;*/ background-color:#00b347; font-size:13px; text-indent:25px; margin-left:135px; }

.search_button a{ display:block; color:#FFFFFF; background:url(../images/map/map_icon.png) no-repeat scroll 3px -262px transparent;}
.search_button a:hover{ color:#1f4900; }

.note{ color:#ababab; font-size:11px; width:200px;  font-family:Arial, Helvetica, sans-serif; margin-left:10px; -webkit-text-size-adjust:none; font-weight:normal;}

.note02{ color:#8a8a8a; font-size:11px; width:200px;  font-family:Arial, Helvetica, sans-serif; margin-left:10px; -webkit-text-size-adjust:none; }


/*---MAP左邊_特定服務項目查詢__各服務icon----*/

.map_graybox02{ border:1px solid #d5d5d5; margin-bottom:20px;padding-bottom:8px;}

.store{border-top:1px solid #d5d5d5; padding-top:5px; margin-top:5px;}

.store ul{ margin-left:15px; margin-top:5px;}
.store li{ font-size:12px; color:#424242; line-height:30px; }
.store00{ float:left; margin-top:8px; margin-right:5px;}

.store01{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px 0px transparent; width:25px; height:25px; float:left; margin-right:5px; text-indent:-9999px;}

.store02{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -29px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store03{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -58px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store04{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -87px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store05{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store06{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -145px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store08{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store10{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -145px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store11{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll 0px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store12{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store15{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -63px -232px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store16{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -232px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store18{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -232px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store19{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store20{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store22{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store23{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -145px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store25{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -145px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store26{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -154px -174px transparent; width:26px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store27{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store28{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store29{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -145px transparent; width:26px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store30{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store32{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -87px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store38{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -58px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store39{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store40{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -29px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store41{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -29px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store44{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px  -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store45{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px  0px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store46{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px  0px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store48{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px  -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store49{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store50{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -145px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store51{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store52{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -87px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store53{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -58px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store55{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -58px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store56{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -96px -87px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store57{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -0px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store58{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -174px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store59{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -125px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store60{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -203px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store61{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -30px -58px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store62{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -0px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store63{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -116px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store64{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -232px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store66{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -0px -232px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.store67{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -155px -0px transparent; width:25px; height:25px; float:left; margin-right:5px;text-indent:-9999px;}

.line{ border-bottom:1px solid #d5d5d5; height:5px; width:100%; display:block; margin:8px 0;}


/*---MAP右邊----*/
.map_right{ width:683px; padding:10px 0 0 0px}

.map_graybox03{ border:1px solid #d5d5d5; margin-bottom:10px;font-size:13px; color:#676767; font-weight:bold; padding-left:10px;  padding:7px 0 0 10px; overflow:hidden;}
/*min*/
.map_graybox03 input{border:0;font-size:13px; color:#676767;}
.icon01{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -60px -3px transparent; width:25px; height:25px; float:left; }

.search_icon a{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -36px -3px transparent; width:25px; height:22px; float:right; text-indent:-9999px; }
.search_icon a:hover{background:url(../images/map/map_icon.png) no-repeat scroll -36px -24px transparent; }


/*---台灣地圖----*/
.map_graybox04{ border:1px solid #d5d5d5;background:url(../images/map/map.png) no-repeat; height:508px; position:relative;}

.city a{
	display:block;
	width:67px;
	height:26px;
	/*background:url(../images/map/citybg.png) no-repeat;*/
	background-color: #00b347;
	border-radius:4px;
	line-height:26px;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
.city a:hover{  color:#00b347; background-position:0 bottom;background-color:#FFF;border:1px solid #00b347;  }


.yilan{position:absolute;
	left:458px;
	top:128px;}
	
.hualien{position:absolute;
	left:458px;
	top:212px;}	
	
.taitung{position:absolute;
	left:388px;
	top:381px;}	

.keelung{position:absolute;
	left:318px;
	top:39px;}
.taipei{
	position:absolute;
	left:318px;
	top:68px;
}
.newtaipei{position:absolute;
	left:318px;
	top:98px;}	
	
	
.taoyuan{position:absolute;
	left:235px;
	top:98px;}	
	
	
.hsinchu{position:absolute;
	left:235px;
	top:127px;}	

	
.hsinchu02{position:absolute;
	left:235px;
	top:157px;}	
	
	
.Miaoli{position:absolute;
	left:235px;
	top:187px;}	

.Yunlin{position:absolute;
	left:235px;
	top:247px;}	 
	
.Chiayi{position:absolute;
	left:235px;
	top:276px;}	
	
.Chiayi02{position:absolute;
	left:235px;
	top:306px;}	
	
.Tainan{position:absolute;
	left:235px;
	top:336px;}	
	
.Kaohsiung{position:absolute;
	left:235px;
	top:394px;}	
	
.Pingtung{position:absolute;
	left:235px;
	top:423px;}	
	
.Penghu{position:absolute;
	left:156px;
	top:40px;}

.Kinmen{ position:absolute;
	left:156px;
	top:69px;}

.Lienchiang {
	position: absolute;
	left: 156px;
	top: 98px;
}

.Taichung{ position:absolute;
	left:156px;
	top:188px;}
	
.Changhua{ position:absolute;
	left:156px;
	top:217px;}
	
.Nantou{ position:absolute;
	left:156px;
	top:247px;}
	
	
		
/*---map01__左----*/

.search_word .search_icon { float:right; margin-right:70px;  }

/*---map01__右----*/

/*---map01__綠框----*/
.map_graybox05{ border:1px solid #5cc209; margin-bottom:10px;background-color:#f6f6f6; padding:8px 0 12px 0px;  font-size:15px; color:#444444; letter-spacing:1px; font-weight:bold; overflow:hidden;}
.map_graybox05 span{ padding-left:12px;}


/*---map01__搜尋結果__綠字----*/
.map_graybox05 ul.result{ padding-left:12px; margin-bottom:50px; }
span.result{ display:block;}
.result li{ float:left; padding:10px 20px 5px 0;}
.result a{color:#2a9d14; text-decoration:underline;}
.result a:hover{color:#77d200;}

.search_rightbar li{ float:left; }

.icon02{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -62px -29px transparent; width:22px;height:25px; float:left;}

.icon_arror{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -63px -58px transparent; width:11px;height:20px; float:left; margin-left:8px; margin-right:8px; margin-top:2px;}

.search_green a{ font-size:13px; color:#2a9d14; text-decoration:underline; }
.search_green a:hover{ color:#77d200;}

/*---map01__虛線----*/
.line02{ display:block; border-top:1px dotted #a7a7a7; width:640px; margin:5px 12px; }

/*---map01__表格----*/
.graybigbox{border:1px solid #d5d5d5;margin-bottom:10px;}
.greenbox{ background-color:#5ac20f; font-size:13px; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:15px; }
.graybox{ font-size:13px; color:#666666; border-right:1px solid #d5d5d5; line-height:18px;border-bottom:1px solid #d5d5d5;padding:10px 0 10px 15px; vertical-align:top;}
.graybox a{color:#666666;}
.graybox a:hover{ color:#77d200;}

/*---map01__頁面選項----*/
.page_bu{ margin-top:10px; margin-bottom:100px;}
/*min*/
.page_bu_select{color:#fff; background-color:#5bc20f;width:33px;height:33px; line-height:33px;text-align:center}
.page_bu li{ float:left; margin-right:5px}
.page_bu li a{ color:#5ac100; display:block; width:33px; height:33px; border:1px solid #d4d4d4; line-height:33px; text-align:center; font-weight:bold; }
.page_bu li a:hover{ color:#fff; background-color:#5bc20f;}

.page_bu li.pre a{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -55px -76px transparent; text-indent:-9999px;}
.page_bu li.pre a:hover{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -57px -76px transparent; text-indent:-9999px;}

.page_bu li.next a{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -55px -110px transparent; text-indent:-9999px;}
.page_bu li.next a:hover{ display:block; background:url(../images/map/map_icon.png) no-repeat scroll -53px -110px transparent; text-indent:-9999px;}


/*---map02__右----*/

.search_box02{border:1px solid #b9b9b9; font-size:12px; color:#5c5c5c; height:28px; line-height:28px; width:450px; margin-left:12px; margin-top:5px; text-indent:5px; margin-right:50px; }

.map_graybox05 .search_button{ margin-left:403px; margin-bottom:50px;}
/*---map02__結果綠字----*/
ul.result02 {padding:0 0 20px 15px;}
.result02 li{padding:8px 0px 5px 0px;}
.result02 a{color:#2a9d14; text-decoration:underline;}
.result02 a:hover{color:#77d200;}







/*---map__全家公告----*/

.post_icon{display:block; background:url(../images/map/post.png) no-repeat; width:28px; height:34px;
}

.post_icon02{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -63px -150px transparent; }


.post_icon03{display:block; background:url(../images/map/map_icon.png) no-repeat scroll -65px -190px transparent; }

.post_green{ color:#5ac20f;}

.one_wrap a:link, .one_wrap a:visited {
	color: #999;
}
.one_wrap a:hover {
	color: #666;
}
.one_wrap {
	position: absolute;
	right: 0px;
	top: 225px;
	z-index:9999;
}
.one_close_box {
	background: #00b347;
	padding: 18px 0px 0 2px;
	color: #FFF;
	width: 17px;
	height: 170px;
	line-height: 15px;
	font-size: 13px;
}
.one_logo {
	position: absolute;
	top: -17px;
	left: -9px;
}
.one_open_btn {
	border-top: 2px solid #FFF;
	bottom: 0px;
	left: 0px;
	position: absolute;
}
a.one_open_btn:hover {
	filter: alpha(opacity=50);       /* IE */
	-moz-opacity: 0.5;              /* Moz + FF */
	opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.one_banner {
	background-color: #FFF;
	border: 1px solid #5bc30e;
	/*padding: 16px 20px 0 20px;*/
	width: 270px;
	height:170px;
}

.one_open_wrap {
	position: absolute;
	left: -25px;
	bottom: -2px;
}
.one_close_pos {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 13;
	text-indent: -9999px;
}
.banner_sp_words li{ list-style:decimal; font-size:13px; color:#666666; font-weight:bold; line-height:20px;background-color:#FFF}

/*min loading*/
.loadingDiv
{
    display:none;background-color:#FFF;position:absolute;z-index:999;
    filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity: 0.8; 
    opacity: 0.8; 
}
/*min storeInfo*/
.storeInfo
{
    width:200px;
    background-color:#5ac20f;
     font-size:13px; 
     color:#FFFFFF; 
     border-right:1px solid #FFFFFF
}
/*min scaleBar*/
.scaleBar
{
    position:absolute;
    z-index:999;
}
.scaleBar img
{
    cursor:pointer;
}
.span{margin-left:-13px}


/* 130826 增加按鈕 */

.shop_add_map {
	float: right;
	margin-right: 10px;
}
.shop_add_map a {
	background: url(../images/map/shop_map_btn_01.png) no-repeat;
	width: 77px;
	height: 24px;
	display: block;
	color: #5ac20f;
}
.shop_add_map a:hover {
	background: url(../images/map/shop_map_btn_02.png) no-repeat;
	color: #FFF;
}
.shop_add_map a span.add_map_word {
	display: inline-block;
	margin: 3px 5px 0 22px;
	font-size: 12px;
}