@charset "utf-8";
/* CSS Document */
html,body{ height:100%; position:relative; }
.page{ min-height:100%; width:100%; overflow: auto; overflow-y: scroll; }
*{ font-size:18px; font-family:Verdana, Arial, "微軟正黑體" }

/* Default CSS
   ========================================================================== */
/* ResetCss v2.0 ( bootstrap already use Normalize.css	) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/* clearfix */
.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%; }


/* ---HP--- */
#envir_mhp{
	background:url(../images/hpbk_top.png) top center no-repeat;
	background-size:100% auto;
	}
#envir_mhp .logo{ width:100%;}
footer { position:fixed; bottom:0; z-index:100; width:100%; }
footer .handicap { position:absolute; bottom: 5px; left:5px; }
footer .footerbk{ width:100%;}
/*
.allhex{ width:318px; margin:0 auto; position:relative;}
.hexrow01{ position:absolute; left:53px;}
.hexrow02{ position:absolute; top:92px;}
.allhex .hex{ width:106px; float:left;}
.hex{ height:120px; background:url(../images/hex_bk.png); background-size:cover; text-align:center;}
.hex img{ width:90px; height:105px;}
*/
.mainnav{ width:100% ; /*background:url(../images/hexbk.png) top center;*/ min-height:124px;}
.mainnav ul{
	width:98%;
	margin:0 auto;
}
.mainnav ul li{
	float:left;
	width:33%;
}
.mainnav ul li+li{
	margin-left:0.5%;
}
.mainnav ul li:nth-child(3n+1){
	margin-left:0;
}
.mainnav ul li img{
	width: 100%;
}


.hpversion{
	padding-top:20px;
	clear:both;
	 padding-bottom:60px;
	 text-align:center;
	 font-size:15px;
	 color:#6c9e00;
	 line-height:100%;
	}
.hpversion a{
	color:#6c9e00;
	text-decoration:none;
	}

/* ---CP--- */
header{ width:100%; height:44px; background:#a4c90e;color:#fff;  text-align:center;  position: absolute; top:0; left:0; z-index:300;}
header h2{font-size:18px; line-height:44px; font-weight:normal;}
header a{ display:block; width:36px; height:32px; border:1px solid #cbf132; border-radius:5px; position:absolute;}
header a span, header a:hover span{ color:#fff; text-decoration:none;}
.headericon{ text-align:center; line-height:32px; }
.iconback{top:5px; left:5px;}
.backhome{top:5px; right:5px; font-size:18px;}
.iconadd{
	display:block; width:124px; height:36px; border:0; border-radius:none; font-size:13px; color:#fff;position: fixed; bottom:70px; right:20px; background:#fd1e71; border:none; line-height:36px;z-index: 2;padding-left: 8px;}
.iconadd:hover{ color:#fff; text-decoration:none;}
.iconadd span{ margin-right:3px;}

/* ---定點清運查詢--- */
.searcharea{  width:90%; padding-top:44px; margin:10px auto 0;}
.searcharea label{ display:block; font-weight:normal; margin-bottom:10px;}
.searcharea select{width:49%; float:left; /* height:44px; line-height:44px; */}
.searcharea select + select{margin-left:2%;}
.sentinput{ background:#fd1e71; margin:15px auto; border:0; color:#fff; border-radius:5px; height:40px; padding:0 30px;  }
.searchresult ul{list-style-type:none; margin:0; padding:0;border-top:1px solid #b1b1b1; color:#222222;}
.searchresult ul li{ border-bottom:1px solid #b1b1b1; cursor:pointer;}
.result_place{ height:60px; font-size:18px; padding:8px 3%; position:relative; line-height:22px;}
.result_place span{ font-size:13px; color:#666666;}
.result_place span.showdetail{ display: block; position:absolute; right:3%; font-size:30px; top:12px; }
.result_place.active{ background:#ffeff5; }
.result_detail{ border-top:1px solid #b1b1b1;padding:8px 3%;  display:none;  }
.result_detail table tr td{ border:2px solid #fff; text-align:center; padding:5px 4px; font-size:12px;}
.result_detail table tr:nth-child(odd) td{ background:#f4f8c9;}
.result_detail table tr:nth-child(even) td{ background:#f3f3f3;}

/* ---循線清運查詢--- */
#SEARCHA{z-index:300;}
#FAVORITE{z-index:500;}
#DETAIL{z-index:500;}

.mapcontent{ padding-top:44px; padding-bottom:46px;  position:relative;}
#map_canvas{ width:100%; height:100vh;background: url("../images/googlemap.jpg") no-repeat center top;background-size: cover;}
ul.location{ background:#000; position:fixed; bottom:0; left:0; width:100%; z-index:300;}
ul.location li{ width:50%; float:left; height:44px; border-top:2px solid #000; line-height:44px; color:#fff; text-align:center; cursor:pointer;}
ul.location li span{ color:#4b4b4b; margin-right:5px; font-size:20px;}
ul.location li.active{border-top:2px solid #a4c90e; background:#a4c90e; color:#000;}
ul.location li.active span{color:#000; }
.uraddress{ width:90%; background:rgba(0, 0, 0, 0.7); height:160px; position:absolute; top:65px; left:5%; z-index:300px;
text-align:center; /* display:none; */}
.uraddress h3{ font-size:18px; line-height:44px; font-weight:normal; text-align:center; background:#000; color:#fff; border-bottom:1px solid #4b4a47; }
.uraddress input[type="text"]{
 display:block; width:60%; float:left; margin:25px 2% 25px 5%; padding:10px;
	}
.uraddress input.sentinput{
 display:block; width:28%; float:right; margin:25px 5% 25px 0; margin-top:25px; padding:5px;
	}
/* FAVORITE */
#FAVORITE{ background:rgba(255,255,255,0.95); position:absolute; top:0; left:0; display:none;}
#FAVORITE h3{ background:#000; color:#fff; height:44px; padding-left:20px; font-size:18px; line-height:44px; font-weight:normal; position:relative;}
#FAVORITE h3 span{ font-size:24px; font-weight:normal; line-height:44px;  display:block; position:absolute; top:0; right:0; cursor:pointer; width:44px; text-align:center;}
.addplace{ width:90%; margin:0 auto; padding-top:30px; padding-bottom:25px;}
.add_left{ width:68%;float:left;}
.add_left input[type="text"]{ width:100%; margin:0 auto; padding:10px; margin-bottom:5px; }
.add_left span{font-size:13px;}
.add_right{width:30%; float:right;}
.add_right input[type="button"]{
	width:100%; text-align:center; background:#fd1e71; margin:0 auto; border:0; color:#fff; border-radius:5px; height:60px;  display:block;
	}

ul.favor_list{ border-top:1px solid #fd1e71;}
ul.favor_list li { padding:10px 8% 10px 6%; line-height:24px; border-bottom:1px solid #b1b1b1; position:relative; }
ul.favor_list li span{display: block; position:absolute; right: 4%;
font-size: 30px;
top: 6px;}
/* DETAIL */
#DETAIL{ background:rgba(255,255,255,0.9); position:absolute; top:0; left:0;}
.de_content{ position:relative;}
#DETAIL span.icon-remove-sign{font-size:24px; font-weight:normal; line-height:44px;  display:block; position:fixed; top:0; right:0; cursor:pointer; z-index:600; width:44px; text-align:center; }
.detailNAV{ background:#000; color:#FFF; height:44px; line-height:44px; position:fixed; bottom:0; left:0; z-index:500; width:100%;}
.detailNAV li{ width:25%; float:left; text-align:center; border-top:2px solid #000; cursor:pointer;}
.detailNAV.detail3tab li {width:33.3333%; }
.detailNAV li.active{  border-top:2px solid #a4c90e;  background:#a4c90e; color:#000;}

.depage{ min-height:100%;  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; padding-bottom:46px;}
#DEPAGE1 h4{  font-size:18px; line-height:44px; font-weight:normal; padding-left:20px;}

.DEPAGE1tab{ width:70%; margin:15px auto; border-radius:5px; height:38px;}


.DEPAGE1tab li{ float:left; width:33.3333%; text-align:center; color:#000000; line-height:38px; cursor:pointer; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
.DEPAGE1tab li:first-child{ border-radius: 5px 0 0 5px; border-left:1px solid #bfbfbf;}
.DEPAGE1tab li:last-child{ border-radius:0 5px 5px 0 ; border-right:1px solid #bfbfbf;}
.DEPAGE1tab li.active{ background:#a4c90e; color:#fff;}
.DEPAGE1table tr td{ font-size:16px; padding:10px;}
.DEPAGE1table tr:nth-child(odd){ background:#f3f3f3;}
.DEPAGE1table tr:nth-child(even){ background:#f4f8c9;}
.DEPAGE1table tr td:first-child{ border-right:1px solid #000000; text-align:center;}
#DEPAGE2, #DEPAGE3, #DEPAGE4{ background:rgba(233, 233, 233, 0.9);}
.ontime, .p3report,.p4rate{ width:86%; padding-top:55px; margin:0 auto; }
.ontime_left{ width:60%; float:left; font-size:18px; line-height:150%;}
.ontime_left span, .p3report span, .p4rate span{ color:#3180a5;}
.ontime_right{ width:36%; float:right;}
.ontime_right img{ width:100%;}

#DEPAGE2 .ontime input[type="button"] {
	width: 100%;
	margin-top: 15px;
}
#DEPAGE2 hr {
	border-top: 1px solid #d8d4d4;
}
.btn-line{
	color: #fff;
	background: #00b900;
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	border-radius: 2px;
	padding: 10px;
}
.btn-copy {
		color: #fff;
		background: #00b900;
		display: inline-block;
		width: calc(100% - 60px);
		margin-bottom: 10px;
		text-align: center;
		border-radius: 2px;
		padding: 10px;
}

.btn-line:hover,
.btn-copy:hover {
	text-decoration: none;
	color: #fff;
	background: #07c307;
}
.btn-line:focus,
.btn-copy:focus {
	text-decoration: none;
	color: #fff;
	background: #03a903;
}
.ontime_right .btn-line img {
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}
.btn-copy-tooltip {
	color: #00b900;
}
.btn-copy-tooltip:hover {
	text-decoration: none;
	color: #07c307;
}
.btn-copy-tooltip:focus {
		text-decoration: none;
		color: #03a903;
}
.tooltip {
	font-size: 15px;
}
/*
.ontime_left input[type="button"]{ width:100%; background:#FFF; color:#3180a5; line-height:50px; border-radius:10px; border:1px solid #888888; margin-top:20px;
background:url(../images/car.png) 14px 14px no-repeat; background-size:22px 22px; padding-left:20px;}
*/
.p3report , .p3report select,{font-size:18px; line-height:150%;}
.p3report label{ display:block; margin-top:20px; font-weight:normal; font-size:18px; line-height:150%;}
.p3report textarea{ width:100%;}
.p4rate .rating-stars{ font-family: 'Glyphicons Halflings';}
.star-rating .caption, .star-rating .clear-rating{ display:none;}
.star-rating{ width:100%; text-align:center;}


.starrate h4{ font-size:18px; font-weight:normal; color:#3180a5; margin-bottom:15px; border-top:1px solid #FFF; padding-top:15px; margin-top:15px;}
.starrate li{ margin-top:15px;}
.starrate li span{ color:#333; display:block; margin-bottom:10px;  }
.rating-lg {font-size: 2.7em; letter-spacing:12px;}
.rating-container {color: #9f9d9d;}
.center{ text-align:center; margin:0 auto;}
/*最新消息*/
#News_List{ padding-top:54px;}
#News_List ul li{ padding:36px 4% 10px; border-bottom:1px solid #b1b1b1; position:relative; overflow:auto; font-size:18px; line-height:150%; font-weight:normal;}
#News_List ul li .Note{ display:none;}
#News_List ul li .Date{ position:absolute; top:10px; left:4%; font-size:14px;}
#News_List ul li .Item{ float:left; margin-right:10px; width:3%; text-align:center; color:#a4c90e;}
#News_List ul li .Title{ float:right; width:92%;}
#News_List ul li .Title a{ text-decoration:none; color:#000;}
#DivContent_CT{ padding-top:54px; width:90%; margin:0 auto; }
#DivContent_CT h3,#PathArea, #NewsCp .BtnTop,#NewsCp .BtnGroup, #NewsCp .Date{ display:none;}
#NewsCp h4{ border-bottom:1px solid #a4c90e; padding:15px 0;}
#NewsCp .content{ line-height:150%; padding:20px 0;}
#NewsCp .content h5{ background:#a4c90e; border-radius:5px; color:#fff; padding:8px; margin:10px auto;}
#NewsCp .content img{ width:100%; margin:10px auto; !important;}
#NewsCp .content table{width:100%; }
#NewsCp .content table tr td{ border:1px solid #b9bbbf; font-size:14px; padding:5px;}

/*聯絡資訊*/
.contact{ padding-top:54px; width:90%; margin:0 auto; padding-bottom:20px;}
.contact_area{
	border-collapse:separate;
    border:1px solid #b9bbbf;
    border-radius:10px;
	margin:15px 0;}
.contact_area tr:first-child{  }
.contact_area tr+tr td{border-top:1px solid #b9bbbf;}
.contact_area tr td{ padding:10px ; font-size:15px; }
.contact_area tr td[colspan="2"]{background:#f4f8c9; border-radius:10px 10px 0 0; }

/*最新消息內頁*/
#Content{ line-height:150%; padding-bottom:15px;}
#Content h4{
color: #000;
font-size: 18px;
font-weight: bold;
padding: 5px 5px 10px 5px ;
border-bottom: #d6d6d6 solid 1px;
margin-bottom:10px;
}
#Content .Date{ font-size: 13px; float:right; color:#999999;}
#Content .content{ clear:both; }
#Content .content strong{ font-size: 17px; font-weight: bold; line-height:200%; }
#Content .BtnTop{ width:44px; height:36px; display:block; border-radius:4px; color:#fff; background:#a4c90e; font-size:14px; margin-top:15px; text-align:center; line-height:36px; }
#Content .BtnTop em{ font-style:normal;}
#Content ol{ margin:5px 0 5px 25px }
#Content ol li{ list-style: decimal;color:#000000;}
#Content ul{ margin:5px 0 5px 25px }
#Content ul li{ list-style:disc; color:#000000;}
#Content table{ width:100%; max-width:100%;}
#Content table p {color: #333333;font-size: 15px; line-height: 150%;margin-bottom: 0; }
#Content table th {
    border-collpase: collpase;
    text-align: left;
    font-size: 15px;
    color: #FFFFFF;
    background: #757575;
    padding: 8px 5px;
    border-right: #dedede solid 1px;
}
#Content table td {
    border-collpase: collpase;
    border: #dedede solid 1px;
    padding: 8px 10px;
    font-size: 15px;
}
#Content img{
	max-width: 100%;
}
#Content h5 {
		padding: 8px 10px !important;
		margin: 8px 0 !important;
		font-size: 15px !important;
		font-weight: bold;
		color: #FFFFFF;
		background: #9AC027;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
}
#Content p {
	margin-bottom: 15px;
}


.mfp-iframe-holder .mfp-content { height: 370px; }
.mfp-iframe-scaler iframe { height: 417px; }
/* 地圖進階查詢 */
.checkbox-group [type="checkbox"] + label {
	display: inline-block;
	margin-right: 15px;

}
.searcharea-searchB h3 {
	margin: 15px 0;
	color: #a4c90e;
	font-weight: bold;
 }
 .searcharea select.width100 {
	 width: 100%;
 }

 .searcharea select.width100 + select.width100 {
	margin-left: 0;
	margin-top: 15px;
}
.step2 {
	margin-top: 15px;
}
.resetinput {
    background: #cccccc;
    margin: 15px auto;
    border: 0;
    color: #fff;
    border-radius: 5px;
    height: 40px;
    padding: 0 30px;
}
.slider {
	width: 96%;
	margin: 0 auto 45px;
}
.slider img {
	width: 100%;
}
.slick-dots li button:before {
    opacity: 1;
    color: #c3c3c3;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #589a00;
}
/*靜態頁上稿*/
.content {
    padding-top: 54px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.Chieflogin {
	display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 8px;
	text-decoration: none;
	font-size: .9375rem;
}