body{font-size:1.5rem;margin:0;padding:0;overflow-x:hidden; }
body,p{color:#000;}
body,p,div,form,td,h1,h2,h3,h4,h5,h6{font-family:"微軟正黑體";}
h1, h2, h3, h4, h5, h6 {margin:0;}
h3{font-weight:600;margin:10px auto;}
div img{width:100%;}
a {color: #00375c;font-style:normal;}/*藍字*/
a:hover{color:#3e3e3e;}/*淺藍*/
caption{display:none;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.z-nav{margin:0 0;}
.z-nav__toggle-sub.plus{display:none;}
.container{position:relative;}
.blue1{color:#425695;}/*fb藍*/
.blue2{color:#46a0d4;}/*twitter藍*/
.page_prev a, .page_next a{background:#46a0d4;}
.page_area{margin-bottom:10px;}

.title_area,
.foot_title a,
#crumbs,
.mtitle_area,
.news_set,
.accessory,
.ssubmenu,.sssubmenu
.npage,
.event_set,
.econtent,
.event_area,
.edate,
.class_area,
.flower_menu,
.flower_set,.flower_carea,.case_txt
{display:inline-block;width:100%; }

/*字型樣式設定*/
.fatfooter ul,.search .search__field ,.service_area ol,.food_area ol,.food_info ol,.food_info ul,.panel-body ul
{font-style: normal;}

/*字體設定*/
.mtitle,.crop_title{font-size:200%}

.food_title {font-size:180%;}

.index_banner_txt .banner_title,h5,.h5,
.share a .fa{font-size:150%;}

.etitle,
.form_title,h3,.stitle{font-size:150%;}

.result_title{font-size:110%;}

.btn-sm-rect,
.search .search__field,
.btn-sm ,
.breadcrumb a ,
.btn ,
.subject
{font-size:1.5rem;}	
.fontsize a,
.font_t,
.dd,footer .copy,
.summery
{font-size:90%;}
.mm,
.food_info a,
.food_info a
{font-size:60%;}

/*圖片背景*/
.class_pic div,
.flower_menu a,
.flower_bg
{background-size:cover;background-position:center center;}

.normal_pic img{width:auto;}


.top-scroll { /*回頁首按鈕*/
background:#000;
opacity:0.7;
border-radius: 5px;
border:0;
padding-top: 8px;
bottom: 60px;
}
/*字型大中小*/
/*.fontsize{padding:1%;}*/
.fontsize,.font_t{float:right;display: flex;align-items: center;flex-direction: row-reverse;}
/*.fontsize .fonts{font-size:80%;}
.fontsize .fontm{font-size:100%;}
.fontsize .fontb{font-size:120%;}*/
.fontsize a{
	display:block;
	float:right;
	line-height:20px;
	width:30px;
	height: 30px;
	font-size: 1.5rem;
	line-height: 2;
	text-align:center;
	background-color:#d8d8d8; /*1f2c5e;深藍*/
	color:#333;/*color:#fff;*/
	margin-left:2px;
	margin-top:2px;
	text-decoration: none;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fontsize a:hover{background-color:#999;color:#fff;}
.font_t{margin-top:3px;}

/*頁首*/
.header--light .header-fixed {background:transparent;padding-top:0;box-shadow: 0 5px 5px #0000001a;}

.header-line {margin:0;
background-color: rgba(255, 255, 255, 0.7);
background:#fff;
filter:alpha(opacity=80); /*IE,透明度50%*/
-moz-opacity:0.8; /*Firefox,透明度50%*/
opacity:0.8;/*其他浏览器,透明度50%*/
}
.header--light .search {
	padding-top:5px;
	padding-bottom: 10px;
	display: flex;

}
.header--light .search .search__field {padding-top:5px;}
/* .header--light .search  .search__btn{margin-top:10px;} */

.logo img {max-width:100%;height:auto;margin-top:0;}
.breadcrumb > li + li:before { content: ""; }
.topHead .breadcrumb--nav a {color:#0a214b;}
.breadcrumb--nav a {color:#34495e;}/*深藍*/
header .contact-info{margin:0;}
.header-line .container{display: flex;align-items: center;}
.addthis_sharing_toolbox{clear:both;text-align:right;margin-right:65px;margin-bottom:10px;}


/*頁首banner相關*/
.large-header{position:relative;background:#fff;}
.video-header-container img{}
.index_banner_txt{
/*width:25%;*/
position:absolute;
background-color:#2980b9;
filter:alpha(opacity=80); /*IE,透明度50%*/
-moz-opacity:0.8; /*Firefox,透明度50%*/
opacity:0.8;/*其他浏览器,透明度50%*/
color:#fff;
padding:1%;
bottom:3%;
}
.index_banner_txt p{color:#fff;}
.index_banner_txt .txt_more a{display:inline-block;padding:5px;border:1px solid #fff;color:#fff;float:right;}
.index_banner_txt .txt_more a:hover{background:#fff;color:#000;}

/*主選單*/
.header_top{background-image: linear-gradient(70deg, #203864 36%, #ED7D31 36.05%, #ED7D31 100%);}
.header_top i{margin-right: 5px;}
.topHead{display: flex;justify-content: space-between;padding: 8px 0;width: 100%;}
.topHead>div:first-child{background: #203864;color: #fff;}
.mmenu,.header--light .z-nav__list{background:#fff;}
.z-nav .z-nav__link {padding:10px 1em;}
.z-nav__link.sm{padding:0px auto;line-height:18px;}
.z-nav__item .z-nav__list-secondary {top: 45px;}
.z-nav__list-secondary .z-nav__link:before {content: "";}
.z-nav__list > .z-nav__item {line-height:25px;}
/*.z-nav {min-height: 55px;}*/
.header--light .z-nav .z-nav__link{color:#333;font-weight: bold;font-size: 1.2em;}
.header--light .z-nav .z-nav__link.active,
.header--light .z-nav .z-nav__link:hover,
.header--light .z-nav .z-nav__link:focus,
.z-nav__item .z-nav__list-secondary:before {background:#feddc0;}/*深橘底*/
.header--light .z-nav .z-nav__link:hover,
.header--light .z-nav .z-nav__link:focus{color:#000;} /*黃字*/

.menu-icon{border:1px solid #e67e22;}
.header--light .z-nav__toggle-sub .fa-plus, 
.header--light .z-nav__toggle-sub .fa-minus {
	color:#fff
}
/* .header--light .z-nav .z-nav__link {height:45px;} */

/*頁尾*/
.footer{border-top: 1px solid #203864;}
.footer--light {background:#fff;}
.footer_info{display: flex;flex-wrap: wrap;}
.fatfooter{padding:20px 0;}
.fatfooter>ul.nav>li{float:left;width:12.5%;}
.fatfooter>ul.nav>li>a{color:#000;font-weight:700;font-size: 1.2em;}
.fatfooter>ul.nav>li>a:nth-child(2){padding-top:0;}
.fatfooter>ul.nav>li>ul{padding-left:10px;}
.fatfooter>ul.nav>li>ul>li>a{font-weight:bold;padding:2px 5px;display: inline-block;}
.fatfooter>ul.nav>li>ul>li>a:hover{/*color:#66b8ed;淺藍色*/}
.alink a{font-weight: bold;font-size: 1.7rem;}
.f_add p{margin: 0;}
.flogo{    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    align-content: stretch;}
.flogo img:last-child{width: 85px;}
.qrcode img{ max-width: 140px;padding: 0 5px;}
.qrcode{display: flex;align-items: flex-end;}
/*label{display:none;}*/

.btn-sm-rect {
	font-weight:normal;
	color:#000;
	padding:6px 12px;
	height:34px;
}

footer .swiper-container{padding: 20px 0; background: #ed7d31;}

footer .copy{margin-top:0;
    padding: 5px 0 10px;
	background:#203864;
	color:#fff;
}


/*首頁*/
.index_area{margin:2% auto;}

/*FB插件*/
 .fb-comments, .fb-comments iframe[style] {
	width: 100% !important;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}

/*新聞title選單*/
.newsarea{position:relative;}
.newsarea .nav-tabs{text-align:center;
	background-image:url(../images2/index_news_bg.png);
	background-repeat:no-repeat;
	background-position:top 50%;
	background-size:cover;
	padding-left:35%;
}
.newsarea .nav-tabs > li > a {background-color:#ecf0f1;margin-top:30px;}/*淺灰底*/
.newsarea  .more_set{position:absolute;right:5%;margin-top:-25px;}
.newsarea .tab-content{border:1px solid #c9c9c9;padding:5%;padding-bottom:1%;}/*淺灰線*/

/*新聞列表*/
.post--latest .post__images,
.post--latest .post__images img,
.post--latest .post__images:before,
.post--latest .post__images:hover img, 
.post--latest .post__images:hover{
	-webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
}
.post--latest .post__images:before{background:transparent;}
.news_title{color:#2980b9;font-weight:700;font-size: 1.4em;}
.post p{margin-bottom:5px;font-style:normal;}
.post--latest .post__text{padding:15px;padding-top:0;margin:0;margin-bottom:15px;border-bottom:1px solid #c9c9c9;}
.post--latest:last-child .post__text{border:none;}

/*首頁公園*/
.title_area{
	position:relative;
	background-image: url(../images2/footer_bg_line.png);
	background-position: bottom left;
	background-repeat:repeat-x;
	margin-bottom:20px;
}
.smore{float:right;}
.smore a{color:#2980b9;background:#fff;padding-left:10px;margin-bottom:-5px;position:absolute;right:0;text-align:right;bottom:0;}/*藍字*/
.stitle{color:#2c3e50;font-weight:700;background:#fff;padding-right:10px;display:inline-block;
    margin-bottom: -5px;}
.foot_set{border:1px solid #c9c9c9;}
.foot_pic{max-height:235px;overflow:hidden;}
.foot_title a{padding:5px;font-weight:600;}
.subject{padding:10px 0;font-size:1.5em;}
.park_txt p{color:#555555;}

.foot_set .foot_title{padding:5px;}
/*首頁影片*/
.moviearea>.title_area{display:none;}

/*首頁右下廣告輪播*/
.slider-present {margin:0;}
.minimal-slider{max-height:205px;}
.minimal-slider-control .prev-arrow,
.minimal-slider-control .next-arrow{height:60px;}

/*內容頁*/

/*路徑-麵包屑*/
#crumbs:after{clear:both;}
#crumbs ul,#crumbs ul li {   
 	margin: 0;
    padding: 0;
    border: 0;
}
#crumbs ul {
    list-style: none;
    display: inline-table;
}
#crumbs ul li {
    display: inline;
}
#crumbs ul li a ,#crumbs ul li:last-child{
	display: block;
	float: left;
	height: 30px;
	background: #3498db;
	text-align: center;
	padding:5px 10px 5px 20px;
	position: relative;
	margin: 10px 1px; 
	/*font-size: 20px;*/
	text-decoration: none;
	color: #fff;
}
#crumbs ul li a:after ,#crumbs ul li:last-child:after{
	content: "";  
	position: absolute; 
	right: -15px; top: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #3498db;    
	z-index: 1;
}
#crumbs ul li a:before,#crumbs ul li:last-child:before {
	content: "";  
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
	position: absolute; left: 0; top: 0;
}
#crumbs ul li:first-child a {
	border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
#crumbs ul li:first-child a:before {
    display: none; 
}
#crumbs ul li:last-child a,
#crumbs ul li:last-child a:hover {
	margin:0;
	background:transparent;
	padding:0;
	height:auto;
}
#crumbs ul li:last-child a:before,#crumbs ul li:last-child a:after{border:0;}

#crumbs ul li:last-child a,
#crumbs ul li:last-child a:hover ,
#crumbs ul li:last-child,
#crumbs ul li:last-child:hover{
	background:#ecf0f1;
	color:#555;
}
#crumbs ul li:last-child a:after,
#crumbs ul li:last-child a:hover:after,
#crumbs ul li:last-child:after,
#crumbs ul li:last-child:hover:after {
   /* display: none; */
   border-left: 15px solid #ecf0f1;
}
#crumbs ul li a:hover {
background: #fa5ba5;
}
#crumbs ul li a:hover:after {
    border-left-color: #fa5ba5;
}

/*頁尾web2.0*/
.web2{margin-top:10px;}
.btn_back{clear:both;display:block;width:70%; margin-left:14%;}
.web2_set{margin-bottom:10px;}
.web2_set a{color:#000;}
.web2_set a:hover{color:#999;}
.float-l{float:Left;padding-right:10px;}
.float-r{float:right;padding-left:10px;}
.btn-default{color:#555;border:1px solid #eee; /*padding:10px 15px;*/}
.btn-default i{color:#f39c12;}
.btn-default:hover,.btn-default.on,.btn-default.on:hover{background:#f39c12;color:#000;}
.btn-default:hover i,.btn-default.on i,.btn-default.on:hover i{color:#fff;}
.btn{margin:5px 0;}

/*內容頁*/
/*主標*/
.mtitle_area{padding:5px 0;margin-bottom:10px;border-bottom:1px solid #eee;}
.mtitle{color:#2c3e50;/*深藍黑字*/font-weight:700;display: flex;align-items: center;flex-wrap: wrap;}
.mtitle_area{
	display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;/*flex-direction: row-reverse;*/
}
/*次選單*/
.container>.submenu{
    margin-top: 10px;
    margin-bottom: 10px;}

.share,.accessory{background:#ecf0f1;/*淺灰*/padding:10px 15px;margin-top:25px;}
.more{float:right;}
.ssubmenu,.sssubmenu{margin-bottom:10px;}
.sssubmenu {border-top: 1px solid #eee;	padding-top: 10px;}
.sssubmenu a{border-radius: 5px;}
/*最新消息*/	
.news_txt p i{color:#ca6105;}/*橘*/
.news_set{padding:10px 0;margin-bottom:10px;}
.accessory a{display:block;float:left;}
.accessory a:after{content: "|";color:#eee;}
.accessory a:last-child:after{content: "";}
.npage{clear:both;margin:20px 0;}
.npage .prev a,.npage .next a{font-weight:700;}
.npage .prev{float:left;}
.npage .next{float:right;}

.news_area{display:inline-block;width:100%;}


.related_area{ width: 74%; margin-right: auto; margin-left: auto;}
.related_set a{color:#000;}
.related_set a:hover{color:#999}
.ssubmenu:after,.sssubmenu:after{clear:both;}
.ssubmenu a:hover,.ssubmenu a.on:hover,.ssubmenu a.on{background:#f1c40f;color:#000}
.sssubmenu a:hover,.sssubmenu a.on:hover,.sssubmenu a.on{background:#59b96d;color: #000}
.ssubmenu a,.sssubmenu a{margin:0.1%;text-align:left;width:32%;}

/* .search_area{margin-bottom:10px;} */
.summery{text-align:right;color:#34495e;}/*深藍字*/
.rule_table{margin-top:10px;}
.rule_table tr:hover{background:#fffed8}/*淺黃底*/

/*業務介紹*/
.service_area h4,.food_area h4,.service_area .h4,.food_area .h4{color: #46884a;text-align:left;margin-bottom:10px;font-size: 2.2rem;}/*綠字*/
.service_area ol{color:#000;}
.service_area .h4:first-child{margin-top:0;}

.content_pic3{width:auto;}

/*活動報名*/
.event_area{margin-top:20px;}
.event_txt .date{text-align:center; font-size:2em;font-family:"Open Sans","微軟正黑體";margin:5px auto;}
.event_txt .date,.event_txt .word{border-right:1px solid #ccc;}

.etitle{line-height:120%;}
.mm,.dd{display:block;line-height:110%;}
.dd{font-weight:700;}
.ebtn a{margin-top:10px;}
.econtent{margin-top:5px;background:#ecf0f1;}
.btn-warning{background:#ed9c27;/*鮮橘*/}
.red{color:#c00;}

.checkbox input[type=checkbox] {display:inline-block;}

/*綠化成果*/
.green_word{margin-bottom:20px;}
.gallery-item{border:1px solid #d8d8d8;}
.green_title{text-align:center;padding:10px;}
.green_pic{background-size:cover;background-position:center center;}

/*可食地圖*/
.remark_area{border-top:1px solid #eee;}
.remark_title{background:#e34b3d;color:#fff;line-height:74px;}/*紅底*/
.remark_item,.remark_title{float:left;display:inline-block;padding:5px;text-align:center;border-bottom:1px solid #eee;}
.remark_title{width:15%;}
.remark_item{border-right:1px solid #eee;width:17%;background-color:#fff;color:#333;}
.r_pic,.r_txt{float:left;}
.r_pic{width:40%;}
.r_txt{width:60%;text-align:left;padding-top:25px;}
/*.r_txt,.remark_title{height:75px;}*/
.map_line{position:absolute;z-index:9;}
.food_map{margin:0 -25px 0 0;padding:0;}

/*可食地圖-搜尋區塊*/
.msearch_area,.msearch_area2{background:#eee;
border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.msearch_area{padding-top:30px;padding-bottom:36px;}
.msearch_area img{width:auto;}
.msearch_area .checkbox{background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;border: 1px solid #ccc;
margin:0;
margin-top:-10px;
}
.msearch_area .form-control-static {padding:0;margin:0;font-weight:700;line-height:normal;}
.msearch_area .checkbox.stype input[type=checkbox] + label:before{top:20px;}
.msearch_area .btn{width:50%}
.msearch_area .form-group{margin-bottom:25px;}

 *::-ms-backdrop, .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{margin-left:0px;}
  *::-ms-backdrop,.msearch_area .checkbox.stype input[type=checkbox]{margin-top:20px;}
  
/*可食地圖-搜尋結果*/
.msearch_area2{min-height:640px;}
.result_title{background:#e67e22;color:#fff;padding:25px;margin:auto -15px;} 
.result_set{background:#fff;border-bottom:1px solid #ccc;}
.result_set:hover{background:#f5f5f5;}
.rpic1,.rpic2{margin:5px auto;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.rpic1{background-image:url(../images2/food_icon_a.png);}
.rpic2{background-image:url(../images2/food_icon_b.png);}
.result_set .rtxt{padding:15px;margin-left:-15px;} 
.msearch_area2 .btn{width:90%;bottom:10px;position:absolute;}

/*可食地圖--案例介紹*/
.spec dt,.spec dd{float:left;padding:13px;}
.spec dt{width:30%;font-weight:700;color:#000;}
.spec dl{clear:both;display:block;border-bottom:1px solid #ddd;line-height:110%;height:38px;margin:0;}
.spec dl:last-child{border:0;}
.case_txt{clear:both;background:#ecf0f1;padding:15px;margin-top:20px;line-height:180%;}
.product-slider-pagination{margin-top:0;}


/*可食地圖-線上報名*/
.cmap{padding-top:35px;}
.form_title{background:#e0efda;color:#46884a;padding:10px;font-weight:700;margin-bottom:10px;}/*綠字淺綠底*/
.form_area{border:1px solid #d6eac7;padding:10px;}
.btn_area{margin:20px auto;}


/*可食地景--民眾參與*/

.home_bg02 {
    background-image: url(../images2/food/home_bg02.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0 20% 20% 20%;
}

.food_title {text-align:center;margin-top:20px;
    line-height: 40px;
    margin-bottom: 46px;
	/*color:#2c3e50;*/
	color:#46884a;/*綠色*/
	font-weight:700;
}
.small_age {
    padding: 0 15%;
}

h4{margin:30px auto 20px auto;text-align:center;}
h5,.h5{margin:5px 0;color:#ca6105;}

.joinmenu{margin:20px 0 50px 0;}
.joinmenu .btn{margin-bottom:10px;}
/*.case_set>.spec>dl{border-bottom:none;margin-left:5px;}*/
.case_set>.spec>dl>dt{width:35%;}
.selfcrop{position:relative;
background-image: url(../images2/food/pic-p06.png);
	background-repeat: no-repeat;
	background-position:top center;
	height:1292px;
	margin-bottom:40px;
	margin-top:50px;
}
.sleft{left:15%;}
.sright{right:15%;}
.step{position: absolute;}
.step_set{/*background-color:#fff;*/
background-color:#fffdd7;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
	background-repeat: no-repeat;
	background-position:10px -2px;
	padding:1px 10px 10px 95px;
}
.step_set.s1{background-image: url(../images2/food/icon-step1.png);margin-top:-40px;}
.step_set.s2{background-image: url(../images2/food/icon-step2.png);margin-top:100px;}
.step_set.s3{background-image: url(../images2/food/icon-step3.png);margin-top:450px;}
.step_set.s4{background-image: url(../images2/food/icon-step4.png);margin-top:620px;}
.step_set.s5{background-image: url(../images2/food/icon-step5.png);margin-top:900px;}
.step_set h5{color:#000;margin:10px auto;}
.step_set p,.step_remark,.small_age .step_set ol li{line-height:150%;}
.step_remark{color:#c00;padding-left:10px;margin-top:10px;}
/*可食地圖--民眾參與--市有地認養*/

.food_info{margin:2% 0;}
.id46 .spec dl{height:30px;}
.id46 .spec dt,.id46 .spec dd {padding:5px;}
.id46 h5{margin-top:5px;color:#000;font-weight:700;}
.table-bordered>tbody>tr>th {
    background-color: #fff;
    border-bottom: 3px solid #808080;
    color: #1d6d00;
    font-weight: 700;
}
.table {
    margin-top: 20px;
}

/*可食地圖--講座課程*/
.food_class{text-align:left;margin-bottom: 0px;}
.class_pic div{padding:0;}
.class_area{margin-bottom:30px;}
.slideshow {
max-height:500px;}

.slideshow img {
	margin-top:-20px;margin-bottom:0;
	max-width:auto;
	width:100%;
}
.pagination{margin:0;}

/*可食地圖--推廣資訊*/
/*季節種植*/
.grown  #slider{margin:0 25%;margin-top:20px;}
.grown ul{display:inline-block;margin:auto;}
.mytab_area{text-align:center;}

.grown .nav-tabs{border:none;}
.grown .nav-tabs>li{margin:0;}
.grown .nav-tabs>li>a{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.crop_menu{text-align:center;}
.crop_menu{display:block;}
.tab-content{position:relative;}
.tab-content:before{
	content: "推薦";
    padding: 8px 30px 8px 30px;
    color: #fff;
    background: #ea68a2;
    border-radius: 0 12px 12px 0;
    position: absolute;
    top: 30px;
    left: -10px;
}
.tab-pane{margin-top:20px;}
.tab_02{ height:240px;}
.tag-area{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:30px 0px;
	margin:40px 30px 40px 110px;
}
#home .tag-area .tag-text{color:#141313;}
.tag-area .tag-text{color:#fff;}
.color1,.color2,.color3,.color4{color:#fff;}
.grown .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-bottom:1px solid #dddddd;}
.tab-pane{background-position:top left;background-size:cover;background-repeat:no-repeat;padding: 10px;}
.tab-pane#home{background-image:url(../images2/food/food22_bg1.jpg);}
.tab-pane#profile{background-image:url(../images2/food/food22_bg2.jpg);}
.tab-pane#messages{background-image:url(../images2/food/food22_bg3.jpg);}
.tab-pane#settings{background-image:url(../images2/food/food22_bg4.jpg);}

.food_info li{margin-bottom:10px;color:#2980b9;font-weight:700;}/*藍字*/
.food_info li a{color:#999999;font-weight:normal;}
/*推廣資訊--FAQ*/
.panel-title {
    background-image: url(../images2/food/icon-q.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    line-height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align:left;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    /*background-color: #f5f5f5;*/
    padding-left: 65px;
    background-image: url(../images2/food/icon-a.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
}

/*賞櫻地圖*/
.sakura_set{padding-top:20px;}
.sakura_set h4{color:#d12e67;text-align:left;font-weight:700;}/*粉紅*/
.sakura_set b img{width:auto;}

/*賞花快報*/
.flower_menu{margin-bottom:10px;}
.flower_menu a{width:7.5%;float:left;display:inline-block;margin:3px;}
.flower_menu .carousel-present {
    margin-top: 0px;
}
.flower_bg{padding:0;position: relative;	
filter:alpha(opacity=30); /*IE,透明度50%*/
-moz-opacity:0.3; /*Firefox,透明度50%*/
opacity:0.3;/*其他浏览器,透明度50%*/}

.flower_carea,.flower_txt{height:400px;}
.flower_carea{overflow:hidden;position: relative;}
.flower_set {
   position: relative;
  background:#000;
    top: 0;
}
.flower_txt{position:absolute;z-index:10;top:0;padding:10px 40px;overflow-x:hidden;overflow-y:auto;width:48%;}
.flower_txt h4,.flower_txt p,.flower_txt{color:#fff;text-align:left;}
.flower_set a{top:0;position:absolute;}

/*公園遊蹤*/
.park_set{width:19%;float:left;margin:0 0.5%;margin-bottom:1%;}
.park_area h4{text-align:left;}


/*公園一覽*/
 img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
/*網站導覽*/
.link-list .link-list__header--header:before {
    content: "\f18c";
}

/*.movie_area .col-sm-4 .movie_set:first-child{display:none;}*/

/*樹木保護--啄木鳥計畫*/
.tree_menu_area{margin-bottom:10px;}
/*.tree_menu_set{border-right:1px solid #ccc;min-height:240px;}*/
.tree_menu_set:last-child{border:0;}
.tree_menu_set h5,.tree_menu_set .h5{margin:15px auto;}
.tree_menu_set h6{margin:10px auto 5px auto;}
.tree_menu_set ul{list-style : none;margin:0;padding:0;}
.tree_menu_set li{padding:5px;margin:auto 0;}
.tree_menu_set li:before{margin-right:5px;
    position: relative;
    content: "\f054";    
	font: normal normal normal 14px/1 FontAwesome;
    line-height: inherit;}
	/*珍貴樹木*/
.product-slider {
    overflow: auto;
}

/*樹木保護委員會*/
.download-area{
	position:relative;
	font-size:1.6rem;
	padding:10px 20px;
	display: flex;
	align-items:center;
	margin-bottom:15px;
}
.download-area:nth-child(odd){
	background: #ddd;
}
.download-area:nth-child(even){
	background: #f3f3f3;
}
.download-title{
	flex:0 0 85%;
}
.download-icon{
	flex:0 0 15%;
	text-align: right;
}
.download-icon a{color:#000;}
.download-icon a i{
	border-radius:50%;
	background: red;
	color:#fff;
	padding:7px;
}

/* 審議案件查詢 */
.case-search{
	padding:20px 0;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
}
.case-btn{
	background: #8fc320;
	color:#fff;
	border-radius: 25px;
	padding:5px 12px;
	border:none;
}
.flex{display: flex;flex-wrap:wrap;}
.flex-4{width:33.33333%;}
.flex-6{width:50%;}
.flex-4,.flex-6{padding:0 15px;margin-bottom:30px;}
.case{border:1px solid #ccc;border-bottom:none;}
.case-img,.case-info{flex:0 0 50%;}
.case-info{padding:0 10px;}
.case-info ul{padding:0;}
.case-info ul li{padding:5px 0;font-size:1.1em;}
.case-status{
	flex:0 0 20%;
	display: flex;
	padding:30px 10px;
	align-items: center;
	justify-content: center;
	font-size:1.6em;
	color:#fff;
	font-weight: bold;
}
.status0{background: #00b8ee;}
.status1{background: #e50150;}
.case-message{
	flex:0 0 80%;
	padding:10px;
	background: #eee;
}

/*可食地景好處*/
.card{
	border-radius: 8px;
	border:1px solid #ccc;
	height:100%;
	width:100%;
	overflow:hidden;
}
.card .card-img{margin-bottom:20px;position:relative;}
.card h4{color:#22ac38;font-weight: bold;}
.card .card-content{
	padding:0 40px;
}
/* 參與可食地景-輕鬆動手做 */
.make{
	padding:40px 20px 20px;
	border:1px solid #ccc;
	border-radius:8px;
	margin: 50px 0;
	position:relative;
}
.make .step{
	position:absolute;
	width:100%;
	text-align: center;
	top:-30px;
	left:0;
}
.make .step span{
	display: inline-block;
	width:60px;
	height:60px;
	font-weight: bold;
	font-size:2.2rem;
	border-width:3px;
	border-style: solid;
	border-radius:50%;
	background: #fff;
	padding:11px;
}
.make h4{font-weight: bold;margin:10px auto 20px;}
.make:nth-child(1) .step span{border-color:#8fc31f;color:#8fc31f;}
.make:nth-child(2) .step span{border-color:#f4a971;color:#f4a971;}
.make:nth-child(3) .step span{border-color:#00a0e9;color:#00a0e9;}
.make:nth-child(4) .step span{border-color:#b38952;color:#b38952;}
.make:nth-child(5) .step span{border-color:#e17ba7;color:#e17ba7;}

.make:nth-child(1) h4{color:#8fc31f;}
.make:nth-child(2) h4{color:#f4a971;}
.make:nth-child(3) h4{color:#00a0e9;}
.make:nth-child(4) h4{color:#b38952;}
.make:nth-child(5) h4{color:#e17ba7;}

/* 可食地景-可食地景成果 */
.result-list{
	position:relative;
	border-radius:3px;
	overflow:hidden;
}
.result-list a{
	color:#fff;
	font-size:1.2em;
	display: block;
}
.result-list a:after{
	content:"";
	width:100%;
	height:100%;
	transition: all 0.3s;
	background: rgba(23, 23, 23, 0.8);
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
}
.result-list a:hover:after{
	opacity: 1}
.result-title{
	position:absolute;
	left:0;
	bottom:30px;
	background: rgba(0, 0, 0, 0.8);
	padding:8px 10px;
	z-index:2;
}

/* 可食地景-技術資訊 */
.category_item{
	border:1px solid #ccc;
	margin:10px 0;
	border-radius: 8px
}
.category_item a{
	display: block;
	padding: 10px 15px;
}
/* 可食地景-該種什麼呢 */
.plant-header{
	padding:5px;
	margin-bottom:10px;
	border:2px dashed #8fc31f;
	font-size:2.0rem;
}
/* 綠美化-案例 */
.case-title h3{
	background: #8fc31f;
	color:#fff;
	padding:20px 30px;
	margin: 30px 0 0;
}
.img-case-type{
	width:150px;
	height:150px;
	font-size:2.0rem;
	font-weight: bold;
	color:#fff;
	background: #202020;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	bottom:10%;
	right:10%;
}
.carousel-btn{
	position: absolute;
    top: 50%;
    margin-top: -20px;
    background: #000;
}
.carousel-left{
	left: 0;
	border-radius: 0 12px 12px 0;
	padding: 10px 15px 10px 10px;
}
.carousel-right{
	right: 0;
	padding: 10px 10px 10px 15px;
	border-radius:  12px 0 0 12px;
}
.case-type,.case-description,.case-summary,.case-name{
	margin-bottom: 0;
	padding:30px;
	color:#fff;
}
.case-type{background: #00b7ee;}
.case-description{background: #ea68a2;}
.case-summary{background: #8fc31f;}
.case-name{background: #f8b551;}
.case-type h4,.case-description h4,.case-summary h4,.case-name h4{
	margin-top:10px;
	text-align: left;
	color:#fff;
	padding-bottom:10px;
	border-bottom:1px solid #fff;
	font-weight: bold;
}
.type-content,.name-content{
	border:1px solid #fff;
	text-align: center;
	padding:8px 12px;
	margin:50px 0 20px;
}
.type-content,.name-content,.description-content,.summary-content{
	font-size:1.8rem;
}

/* 綠美化-活動說明 */
.description-item{margin-bottom:50px;}
.description-title{position:relative;margin-bottom:25px;}
.description-title span{
	position:absolute;
	font-size:2.4rem;
	font-weight: bold;
	color:#81511c;
	display: flex;
	justify-content: center;
	align-items: center;
	left:-7px;
	top:-7px;
	width:60px;
	height:60px;
	border-radius: 50%;
	border:3px solid #81511c;
	background: #fff;
}
.description-title h4{
	color:#81511c;
	font-weight: bold;
	text-align: left;
	border:1px solid #d2d2d2;
	border-radius: 8px;
	padding:10px 10px 10px 80px;
	margin:0;
}
.description-content{
	padding-left:80px;
}
/*常見問題*/
section.toggle{
	margin-bottom:20px;
}
section.toggle > label{
	display: block;
	font-size:1.5rem;
	padding:8px 8px 8px 30px;
	color:#fff;
	background: #23ac39;
	border-radius:25px;
	position:relative;
}
section.toggle:nth-child(odd) > label{background: #a2d723;}
section.toggle:nth-child(even) > label{background: #22ac38;}
section.toggle > label:before{
	border: 6px solid transparent;
    border-left-color: inherit;
    content: '';
    margin-top: -6px;
    position: absolute;
    right: 15px;
    top: 50%;
}
section.toggle.active > label:before{
	border: 6px solid transparent;
    border-top-color: #FFF;
    margin-top: -3px;
    right: 15px;
}
section.toggle > .toggle-content{
	padding:8px 8px 8px 30px;
	display: none;
	overflow:hidden;
}
section.toggle > .toggle-content ul li{
	list-style: disc;
}
.tab-pane .tag{
	font-size: 1.1em;
}
.tag{
	margin: 0 5px;
	padding: 0px 1px ;
	border-radius: 3px;
	color: #fff;
	font-size: 0.8em;
}

.title_tag{
	font-size: 0.6em;
}

.tag:hover{
	color: #fff;
	opacity: .8;
}
.tag:focus{
	color: #fff !important;
}
.tag1{
	background-color:#167c36;
}
.tag2{
	background-color: #ce3b3b;
}
.tag3{
	background-color: #4e67f1;
}
.tag4{
	background-color: #642aa1;
}

/*手機版*/
@media (max-width: 640px){
    /*.addthis_sharing_toolbox,*/
    .fbarea,.moviearea .col-sm-6:last-child {
        display: none;
    }
}

@media (max-width: 767px) {
    .normal_pic img {
        width: 100%;
    }
    .color1 {color: #83B200; }
    /*春*/
    .color2 { color: #04A2BC;   }
    /*夏*/
    .color3 { color: #EF9116;  }
    /*秋*/
    .color4 {color: #666666;    }
    /*冬*/
    .tab-pane_right .btn {
        width: 45%;
    }
    .newsarea .nav-tabs > li > a{
    	margin-top: 5px;
    }
    .tab-pane#home,
    .tab-pane#profile,
    .tab-pane#messages,
    .tab-pane#settings {
        background: none;
    }
    .content_pic3 {
        width: 100%;
    }
    .park_set {
        width: 50%
    }
    .flower_carea,
    .flower_txt {
        height: 300px;
    }
    .flower_txt {
        width: 96.5%
    }
    .selfcrop {
        background-image: none;
        margin-bottom: 40px;
        margin-top: 0;
    }
    .sleft {
        left: 1%;
    }
    .sright {
        right: 1%;
    }
    .step {
        position: relative;
    }
    .step_set.s1,.step_set.s2,.step_set.s3,.step_set.s4,.step_set.s5 {
        margin-top: 10px;
    }

    .home_bg02 {
        background-image: none;
        padding: 0 15px;
    }
    .small_age {
        padding: 0;
    }
    .food_map {
        margin: 0;
    }
    .remark_title,
    .remark_item {
        width: 33.30%;
        font-size: 90%;
    }

    .remark_title {
        line-height: 400%;
    }

    .r_txt {
        padding-top: 15px;
    }

    .event_txt .date,
    .event_txt .word {
        border: 0;
    }

    .ssubmenu a,.sssubmenu a {
        width: 99%;
        margin: 0.5%
    }

    .btn {
        width: 100%
    }

    .moviearea>.title_area {
        display: block;
    }

    .adarea {
        margin-top: 20px;
    }

    .more_set {
        margin-top: -40px;
    }

    .nav-tabs {
        background: none;
        padding-left: 20%;
    }

    .nav-tabs>li>a {
        margin-top: 0px;
    }

    .tab-content {
        margin: -1px -5% 0 -5%;
    }

    .result_set .rtxt {
        margin-left: auto;
    }

    .msearch_area2 {
        min-height: auto;
    }

    .msearch_area2 .btn {
        position: relative;
        bottom: auto;
    }

    .rpic1 img,
    .rpic2 img {
        width: auto;
    }

    .rpic1,
    .rpic2 {
        background-size: contain;
        text-align: center;
    }

    .fatfooter {
        display: none;
    }

    .index_banner_txt {
        position: relative;
        display: inline-block;
        opacity: 1;
    }
    .header-line .container{
    	display: block;
    }
    .logo{
    	z-index: 2;
    	margin: 5px 0 0;
    	display: block;
    }
    .search_area label{
    	display: none;
    }
    .header_top{
    	background: #203864;
    }
    .header-fixed .topHead .breadcrumb--nav{
    	display: none;
    }
    .header--light .z-nav__toggle-sub,.header--light .z-nav__toggle-sub.minus,
    .header--light .z-nav__toggle-sub.plus+.z-nav__link,.header--light .z-nav__toggle-sub+.z-nav__link,
    .header--light .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub.plus+.z-nav__link,.mmenu, .header--light .z-nav__list {
        background: #ffdaba;/*橘*/        
    }

    .header--light .z-nav__toggle-sub.plus+.z-nav__link:hover,
    .header--light .z-nav__toggle-sub+.z-nav__link:hover {
        color: #fff000;
        background: #8e9394; /*深灰底*/
    }

    .header--light .z-nav__toggle-sub,
    .header--light .z-nav__toggle-sub.plus {
        background: transparent;
        position: absolute;
    	right: 0;
    }
    .flogo{
    	flex-direction: row;
    }
    .flogo img{margin: 5px;}

    .z-nav__list-secondary .z-nav__item {
        padding: 0;
    }

    .header--light .z-nav__list-secondary .z-nav__item .z-nav__link {
        color: #e67e22;
        border-bottom: 1px solid #aaa;
    }
    .header-line .col-sm-3,.header-down .col-sm-9{
    	padding: 0;
    }
    /*深橘*/

    .header--light .z-nav__list-secondary .z-nav__item .z-nav__link:hover,
    .header--light .z-nav__list-secondary .z-nav__item .z-nav__link:focus {
        color: #fff;
    }

    /*深藍*/
    .z-nav__list-secondary {
        padding-bottom: 0;
    }
}

@media (min-width:768px) {
    .content_pic {
        width: 40%;
    }

    .content_pic1 {
        width: 30%;
    }

    .content_pic2 {
        width: 15%;
    }
}

#siimage{
	width:100px;
}

#verify{
	width:100px;
}
input[type=checkbox]:focus + label:before{
  border: 3px dotted #e91e1e !important;
  color: #000 !important;
  outline: none;
}

.search {
  display:flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .search {
    flex-direction: row;
  }
}

.search_area{
  display:flex;
  align-items:center;
}
.search_area span{
	display: flex;
	padding-left: 5px;
	background: #d9d9d9;
	margin-right: 15px;
	border-radius: 5px 0 0 5px;
}
.search_area span i{
	padding-top: 5px;
}
.search_area label{
	margin-bottom: 0;
	margin-right: 5px;
}
.share-icon a img {
width: 28px;
height: 28px;
}

.search_area {
position: relative;
}

.keyword_area{
  	display:flex;
	white-space: nowrap;
	padding-top: 5px;
}

.share-icon{
  padding: 0;
}
.key_area{
  display:flex;
	flex-wrap: wrap
}
    a:focus,button:focus,.header--light .search .search__field:focus,owl-prev:focus,owl-next:focus{
  outline: 3px dotted #e91e1e !important;
  color: #000 !important;
  outline: none;
}
 .breadcrumb a:focus,.TOP:focus,#TOP0:focus{
 outline: 3px dotted #fff!important;
}
.btn-warning:hover, .btn-warning:focus,.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default  {
outline: #9FA5AC dotted 3px;
}

 .search .search__btn:focus{
 color: #fff !important;
}
.r_pic img{width:auto;margin:10px auto;}
.msearch_area img{margin:10px;}
.owl-carousel .owl-prev{
left: 0;
position: absolute;
top: 40%;
margin: 10px;
}
.owl-carousel .owl-next{
right: 0;
position: absolute;
top: 40%;
margin: 10px;
}
.owl-carousel i{
font-size: 2.5em;
background: rgba(255, 255, 255, 0.7);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #2980b9;
}
body {font-size: 1.5rem;}
.newsarea .nav-tabs {padding-left:5%;}
.fatfooter>ul.nav>li {width:14.28%}
.green_title {min-height: 60px;}
.header-line{background-color:#fff !important;opacity: 1;}
.tab-content:before{
  content: none;
}
@media (min-width: 769px) {
  .z-nav__item .z-nav__list-secondary:before {
    height:0;
    width:0;
  }
  
}
.park_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.park_set{
    width: auto;
    float: none;
    margin: 0;
}

.event_area .event_pic{
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30%;
}
.event_set{
  margin-bottom: 2rem;
}
.econtent p{
  margin-bottom: 0;
}
@media screen and (max-width: 767px){
  .event_area .event_pic{
    padding-bottom: 70%;
  }
}

form[name="frmInfo"] input,form[name="frmInfo"] select{
	border: 1px solid #ccc;
	padding:2px 5px;
}

#TOP0:focus{
	color: #fff !important;
}

