@charset "utf-8";
/*推薦網站*/
.article .articlebox .linksbox{width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .linksbox .link_link{width:100%; height:auto; margin-bottom:20px; clear:both; overflow:hidden;border-bottom:2px dashed #f4f4f4; padding-bottom:20px;}
.article .articlebox .linksbox .link_link h3{ font-size:140%; color:#666; margin-bottom:10px; clear:both;}
.article .articlebox .linksbox .link_link h3:before{ content:"★ ";}
.article .articlebox .linksbox .link_link ul{ display:block; list-style:none; width:100%; height:auto; overflow:hidden;}
.article .articlebox .linksbox .link_link li{width:25%; height:auto; float:left; padding:5px;text-align:center;}
.article .articlebox .linksbox .link_link li .pic{width:100%;height:80px;border:1px solid #eee; text-align:center;overflow:hidden; border-radius:8px 8px 0 0; background:#eee url(/frontimages/nopicture.png) no-repeat center center; background-size:70% auto;}
.article .articlebox .linksbox .link_link li .pic img{width:100%; height: auto;}
.article .articlebox .linksbox .link_link li .html{width:100%; height:auto; color:#FFF; display:block; background-color:#4090bd;border-radius:0 0 8px 8px; padding:5px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*環境教育*/
.article .articlebox .educationbox{width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .educationbox .listbox{ width:100%; height:auto;display:block;float:left; margin-right:20px; }
.article .articlebox .educationbox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px;padding:10px;}
.article .articlebox .educationbox .listbox li{ clear:both;border-bottom:#d6ecff 1px solid;line-height:120%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position: 20px center; padding-left:10px;}
.article .articlebox .educationbox .listbox li:hover{ background-color:#f6f6f6;font-weight:bold;}
.article .articlebox .educationbox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .educationbox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .educationbox .listbox li p{ float:left;line-height:120%; margin-left:30px; width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:95%;}
.article .articlebox .educationbox .listbox li p img{ margin:12px 10px}
.article .articlebox .educationbox .listbox li .division{ float:left; display:block; width:20%; font-style:normal; margin-right:0px;color:#4090bd; font-size:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:1px dashed #eee; border-right:1px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .listbox li .day{ float:right; display:block; width:13%; font-style:normal; margin-right:0px;color:#4090bd; font-size:95%;}

.article .articlebox .educationbox .listbox li:first-child{ background-color:#4090bd;padding:5px 0;background-image:none; border-radius:8px 8px 0 0;}
.article .articlebox .educationbox .listbox li:first-child a,
.article .articlebox .educationbox .listbox li:first-child p,
.article .articlebox .educationbox .listbox li:first-child .division,
.article .articlebox .educationbox .listbox li:first-child .day{color:#FFF !important;line-height:150%;}

/*環境教育-內頁*/
.article .articlebox .educationbox .contentlist{	width: 100%;height: auto;display: block;float: left;}
.article .articlebox .educationbox .contentlist>h3{ display:block; background-color:#4090bd; padding:8px 15px;border-radius:8px 8px 0 0; color:#FFFFFF; margin:0px 10px;}
.article .articlebox .educationbox .contentlist ul{ list-style:none;width:100%; height:auto;margin-right:20px;padding:0px 10px 10px 10px;}
.article .articlebox .educationbox .contentlist li{ clear:both;border-bottom:#d6ecff 1px solid;line-height:120%;padding:2% 0; height: auto; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position: 20px 25px; padding-left:10px;}
.article .articlebox .educationbox .contentlist li .title{ float:left;line-height:120%; margin-left:30px; font-weight:bold; width:10%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:95%;color:#4090bd;}
.article .articlebox .educationbox .contentlist li .title img{ margin:12px 10px}
.article .articlebox .educationbox .contentlist li .division{ float:left; display:block; width:13%; font-style:normal; margin-right:0px;color:#333; font-size:95%; border-left:1px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .contentlist li .day{ float:left; display:block; width:85%; font-style:normal; margin-right:0px;color:#333; font-size:95%; border-left:1px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .contentlist li .link{ float:left; display:block; width:85%; font-style:normal; margin-right:0px;color:#333; font-size:95%; border-left:1px dashed #eee;padding-left:8px;word-wrap:break-word;word-break:break-all;}
.article .articlebox .educationbox .contentlist li .main{ float:left; display:block; width:85%; font-style:normal; margin-right:0px;color:#333; font-size:95%; height:auto;/*white-space:nowrap;*/text-overflow:ellipsis; border-left:1px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .contentlist li .main img{ max-width:100%; height:auto;}
.article .articlebox .educationbox .contentlist li .main .tablestyle01 td{ padding:5px;}
.article .articlebox .educationbox .contentlist li .main .tablestyle01 tr:first-child{ background-color:#000; color:#FFF;font-size:100%; font-weight:bold;}

/*多圖*/
.article .articlebox .educationbox .imglist{ width:98%; height:auto; overflow: hidden; margin:10px auto;background-color:#f4f4f4; padding-left:20px; padding-bottom:20px;}
.article .articlebox .educationbox .imglist h1{ font-size:100%; color:#999; padding:2%; padding-bottom:0;}
.article .articlebox .educationbox .imglist .imgbox{ width:25%; height:170px; padding:2%; background-color:#f4f4f4; float:left;}
.article .articlebox .educationbox .imglist .imgbox .img{ width:100%; height:140px;overflow: hidden;}
.article .articlebox .educationbox .imglist .imgbox img{ width:100%; height:auto;}

/*多檔案下載*/
.article .articlebox .educationbox .downloadlist{ width:98%; height:auto; overflow: hidden; margin:10px auto;}
.article .articlebox .educationbox .downloadlist h1{ font-size:110%; color:#999;}
.article .articlebox .educationbox .downloadlist a{ display:inline-block; width:47.5%; margin:1%; border-bottom:1px dotted #CCCCCC; color:#000;background: url(../frontimages/icon-download.png) no-repeat left center; background-size: 30px auto; padding:8px 0; padding-left:35px;line-height:120%;}
.article .articlebox .educationbox .downloadlist a:hover{ color:#333;}
.article .articlebox .educationbox .downloadlist a.file_pdf{background: url(../frontimages/file_pdf.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_odf{background: url(../frontimages/file_odf.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_office{background: url(../frontimages/file_office.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_other{background: url(../frontimages/file_other.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_excel{background: url(../frontimages/file_excel.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_doc{background: url(../frontimages/file_doc.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_ppt{background: url(../frontimages/file_ppt.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}

/*----videolist--------------*/
.videolist{width:100%; padding:1%; margin:0 auto; }
.videolist .video{ width:25%; height:auto; float:left; padding:1%; }
.video-container{position:relative;padding-bottom:40%;padding-top:30px;height:0;overflow:hidden;}
.video-container .tolinkimg a{ position:absolute; display:block; top:0; left:0;width:100%;height:100%;z-index:3;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%; z-index:0;}
.videolist .video .mesk{background-color:rgba(0,0,0,1); display:block; width:100%; height: auto; color:#FFF; font-size:100%; text-align:left; padding:5px 10px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.videolist .video .mesk span{ font-size:70%; display:block; color:rgba(255,255,255,0.6);}

/*便民服務*/
.article .articlebox .servicebox{width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .servicebox .listbox{ width:100%; height:auto;display:block;float:left; margin-right:20px; }
.article .articlebox .servicebox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px;padding:10px;}
.article .articlebox .servicebox .listbox li{ clear:both;border-bottom:#d6ecff 1px solid;line-height:120%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position: 20px center; padding-left:10px;}
.article .articlebox .servicebox .listbox li:hover{ background-color:#f6f6f6;font-weight:bold;}
.article .articlebox .servicebox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .servicebox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .servicebox .listbox li p{ float:left;line-height:120%; margin-left:30px; width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:95%;}
.article .articlebox .servicebox .listbox li p img{ margin:12px 10px}
.article .articlebox .servicebox .listbox li .division{ float:left; display:block; width:20%; font-style:normal; margin-right:0px;color:#4090bd; font-size:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:1px dashed #eee; border-right:1px dashed #eee;padding-left:8px;}
.article .articlebox .servicebox .listbox li .day{ float:right; display:block; width:13%; font-style:normal; margin-right:0px;color:#4090bd; font-size:95%;}

.article .articlebox .servicebox .listbox li:first-child{ background-color:#4090bd;padding:5px 0;background-image:none; border-radius:8px 8px 0 0;}
.article .articlebox .servicebox .listbox li:first-child a,
.article .articlebox .servicebox .listbox li:first-child p,
.article .articlebox .servicebox .listbox li:first-child .division,
.article .articlebox .servicebox .listbox li:first-child .day{color:#FFF !important;line-height:150%;}

/*全文檢索*/
.searchH1{ font-size:120%; color:#999; margin:10px 0; font-weight:normal;}
.searchH1 i{ font-style:normal; padding:0 10px; color:#ff3600; font-weight:bold;}
.searchbox{width: 100%;height: auto; margin:10px auto;}
.searchlist{ }
.searchlist>li{ display:block;width: 100%;height: auto;overflow:hidden; padding:13px; border-radius:6px; position:relative; margin:5px 0;}
.searchlist>li:nth-child(even){ background-color:#f6f6f6;}
.searchlist .corner_css{width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color:  transparent transparent transparent #ff7622; position:absolute; top:20px; left:0;}
.searchlist .title{ font-size:130%; color:#004077; border-bottom:1px solid #999;  padding:5px 0px;}
.searchlist li ul{ margin:0; padding:0; list-style:none; margin-top:5px;}
.searchlist li ul li{ line-height:180%;}
.searchlist li ul li a{ color:#666;}
.searchlist li ul li:nth-child(1){ color:#4f8ec4;line-height:150%;}
.searchlist li ul li .downloadbtn{ float:right;border-radius:3px; background-color:#004077; padding:3px 10px; color:#FFFFFF;line-height:100%;}

/*網站導覽*/
/*sitemap------------------------------------------*/
.article .articlebox .content .sitemapbox{ background-color:#f4f4f4; height:auto; overflow:hidden; padding:20px 30px;  border-radius:15px;}
.article .articlebox .content .sitemapbox #sitemap .title,.article .articlebox .content .sitemapbox #sitemap .title a{ color:#003366; }
.article .articlebox .content .sitemapbox #sitemap{ width:100%; list-style:none;}
.article .articlebox .content .sitemapbox #sitemap li{float:left;}
.article .articlebox .content .sitemapbox #sitemap .title {width:31%;color: #4090bd;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title a{ text-decoration:none;}
.article .articlebox .content .sitemapbox #sitemap .title h2{font-size:100%; border-bottom:1px dotted #4090bd;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(1){width:19%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(2){width:12%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(3) {width:63%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(4){ clear:both;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}

/*20171001*/
.article .articlebox .content .privacybox{ font-size:120%;}
.article .articlebox .content .privacybox p i{ float:left; font-style:normal; color:#4090bd; padding-right:10px;}
.article .articlebox .content .privacybox ul{ margin-left:15px;}
.article .articlebox .content .privacybox ul li{list-style:disc ;}
.article .articlebox .content .privacybox ul li ul li{list-style:none; margin-left:30px; }

.article .articlebox .content .policybox{ font-size:120%;}
.article .articlebox .content .policybox ul { margin-left:30px;}
.article .articlebox .content .policybox ul li{list-style-type: decimal; padding:15px 3px;font-size:100%; line-height:150%; border-bottom:1px dotted #4090bd;}


/* == 手機版型區 =============================== */
@media screen and (max-width: 767px){
/*推薦網站*/
.article .articlebox .linksbox{width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .linksbox .link_link{width:100%; height:auto; margin-bottom:20px; clear:both; overflow:hidden;border-bottom:2px dashed #f4f4f4; padding-bottom:20px;}
.article .articlebox .linksbox .link_link h3{ font-size:140%; color:#666; margin-bottom:10px; clear:both;}
.article .articlebox .linksbox .link_link h3:before{ content:"★ ";}
.article .articlebox .linksbox .link_link ul{ display:block; list-style:none; width:100%; height:auto; overflow:hidden;}
.article .articlebox .linksbox .link_link li{width:50%; height:auto; float:left; padding:5px;text-align:center;}
.article .articlebox .linksbox .link_link li .pic{width:100%;height:60px;border:1px solid #eee; text-align:center;overflow:hidden; border-radius:8px 8px 0 0;}
.article .articlebox .linksbox .link_link li .pic img{width:100%; height:100%;}
.article .articlebox .linksbox .link_link li .html{width:100%; height:auto; color:#FFF; display:block; background-color:#4090bd;border-radius:0 0 8px 8px; padding:5px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*環境教育*/
.article .articlebox .educationbox{	width:100%; float: none; margin:0 auto; padding:0 0%; margin-bottom:10px;}
.article .articlebox .educationbox .listbox{ width:100%; height:auto;display:block;float: none; margin-right:0px; margin-bottom:10px; }
.article .articlebox .educationbox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px; padding:10px;}
.article .articlebox .educationbox .listbox li{border-bottom:#d6ecff 1px solid;line-height:150%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position:10px center; padding-left:10px;}
.article .articlebox .educationbox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .educationbox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .educationbox .listbox li p{ float:left;line-height:130%; margin-left:20px; width:95%;overflow:hidden;white-space: normal; text-overflow: none;}
.article .articlebox .educationbox .listbox li p img{ margin:12px 10px}
.article .articlebox .educationbox .listbox li .division{ float:left; display:block; width: auto;margin-left:20px; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:0px dashed #eee; border-right:1px dashed #eee;padding-left:0px;padding-right:8px;}
.article .articlebox .educationbox .listbox li .day{ float:left; display: inline-block; width: auto;margin-left:20px; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;padding-left:8px;}
.article .articlebox .educationbox .listbox li:first-child{ display:none;}

/*環境教育-內頁*/
.article .articlebox .educationbox .contentlist{ width:100%; height:auto;display:block;float:left; margin-right:20px; }
.article .articlebox .educationbox .contentlist h3{ display:block; background-color:#4090bd; padding:8px 5px;border-radius:8px 8px 0 0; color:#FFFFFF; margin:0px 10px; margin-top:5px;}
.article .articlebox .educationbox .contentlist ul{ list-style:none;width:100%; height:auto;margin-right:20px;padding:0px 10px 10px 10px;}
.article .articlebox .educationbox .contentlist li{ clear:both;width:100%;border-bottom:#d6ecff 1px solid;line-height:120%;padding:2% 0; height: auto; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position: 10px 12px;; padding-left:10px;}
.article .articlebox .educationbox .contentlist li .title{ float: left; line-height:120%; margin-left:15px; width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:95%; font-weight:bold;color:#4090bd;}
.article .articlebox .educationbox .contentlist li .title img{ margin:12px 10px;}
.article .articlebox .educationbox .contentlist li .division{ float:left; display:block; width:70%; font-style:normal; margin-right:0px;color:#333; font-size:95%; border-left:0px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .contentlist li .day{ float:left; display:block; width:70%; font-style:normal; margin-right:0px;color:#333; font-size:95%; border-left:0px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .contentlist li .main{ float:left; display:block; width:100%; font-style:normal; margin-right:0px;color:#333; font-size:95%; height:auto;/*white-space:nowrap;*/text-overflow:ellipsis; border-left:0px dashed #eee;padding-left:0px; margin-top:10px;}

/*多圖*/
.article .articlebox .educationbox .imglist{ width:96%; height:auto; overflow: hidden; margin:10px auto;background-color:#f4f4f4; padding-left:20px; padding-bottom:20px;}
.article .articlebox .educationbox .imglist h1{ font-size:100%; color:#999; padding:2%; padding-bottom:0;}
.article .articlebox .educationbox .imglist .imgbox{ width:25%; height:170px; padding:2%; background-color:#f4f4f4; float:left;}
.article .articlebox .educationbox .imglist .imgbox .img{ width:100%; height:140px;overflow: hidden;}
.article .articlebox .educationbox .imglist .imgbox img{ width:100%; height:auto;}

/*多檔案下載*/
/*.article .articlebox .educationbox .downloadlist{ width:98%; height:auto; overflow: hidden; margin:10px auto;}
.article .articlebox .educationbox .downloadlist h1{ font-size:110%; color:#999;}
.article .articlebox .educationbox .downloadlist a{ display:inline-block; width:47%; margin:1%; border-bottom:1px dotted #CCCCCC; color:#000; background: url(../frontimages/icon-download.png) no-repeat left center; background-size: 20px auto; padding-left:30px; line-height:180%;}
.article .articlebox .educationbox .downloadlist a:hover{ color:#333;}*/
/*多檔案下載*/
.article .articlebox .educationbox .downloadlist{ width:96%; height:auto; overflow: hidden; margin:10px auto;}
.article .articlebox .educationbox .downloadlist h1{ font-size:110%; color:#999;}
.article .articlebox .educationbox .downloadlist a{ display:inline-block; width:98%; margin:1%; border-bottom:1px dotted #CCCCCC; color:#000;background: url(../frontimages/icon-download.png) no-repeat left center; background-size: 30px auto; padding:8px 0; padding-left:35px;line-height:120%;}
.article .articlebox .educationbox .downloadlist a:hover{ color:#333;}
.article .articlebox .educationbox .downloadlist a.file_pdf{background: url(../frontimages/file_pdf.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_odf{background: url(../frontimages/file_odf.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_office{background: url(../frontimages/file_office.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_other{background: url(../frontimages/file_other.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_excel{background: url(../frontimages/file_excel.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_doc{background: url(../frontimages/file_doc.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}
.article .articlebox .educationbox .downloadlist a.file_ppt{background: url(../frontimages/file_ppt.png) no-repeat left center; background-size: 30px auto; padding-left:35px;}

/*----videolist--------------*/
.videolist .video{ width:50%; height:auto; float:left; padding:1%; }

/*便民服務*/
.article .articlebox .servicebox {width:100%; float: none; margin:0 auto; padding:0 0%; margin-bottom:10px;}
.article .articlebox .servicebox .listbox{ width:100%; height:auto;display:block;float: none; margin-right:0px; margin-bottom:10px; }
.article .articlebox .servicebox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px; padding:10px;}
.article .articlebox .servicebox .listbox li{border-bottom:#d6ecff 1px solid;line-height:150%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position:10px center; padding-left:10px;}
.article .articlebox .servicebox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .servicebox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .servicebox .listbox li p{ float:left;line-height:130%; margin-left:20px; width:95%;overflow:hidden;white-space: normal; text-overflow: none;}
.article .articlebox .servicebox .listbox li p img{ margin:12px 10px}
.article .articlebox .servicebox .listbox li .division{ float:left; display:block; width: auto;margin-left:20px; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:0px dashed #eee; border-right:1px dashed #eee;padding-left:0px;padding-right:8px;}
.article .articlebox .servicebox .listbox li .day{ float:left; display: inline-block; width: auto; font-style:normal;margin-left:10px; margin-right:0px;color:#4090bd; font-size:90%;padding-left:8px;}

.article .articlebox .servicebox .listbox li:first-child{ display:none;}


/*網站導覽*/
/*sitemap------------------------------------------*/
.article .articlebox .content .sitemapbox{ background-color:#f4f4f4; height:auto; overflow:hidden; padding:20px 30px;  border-radius:15px;}
.article .articlebox .content .sitemapbox #sitemap .title,.article .articlebox .content .sitemapbox #sitemap .title a{ color:#003366; }
.article .articlebox .content .sitemapbox #sitemap{ width:100%; list-style:none;}
.article .articlebox .content .sitemapbox #sitemap li{float:left;}
.article .articlebox .content .sitemapbox #sitemap .title {width:48%;color: #4090bd;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title a{ text-decoration:none;}
.article .articlebox .content .sitemapbox #sitemap .title h2{font-size:100%; border-bottom:1px dotted #4090bd;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(1){width:48%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(2){width:48%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(3) {width:100%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(4){ clear:both;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}


	}

/* == 平板版型區 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px){
/*推薦網站*/
.article .articlebox .linksbox{width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .linksbox .link_link{width:100%; height:auto; margin-bottom:20px; clear:both; overflow:hidden;border-bottom:2px dashed #f4f4f4; padding-bottom:20px;}
.article .articlebox .linksbox .link_link h3{ font-size:140%; color:#666; margin-bottom:10px; clear:both;}
.article .articlebox .linksbox .link_link h3:before{ content:"★ ";}
.article .articlebox .linksbox .link_link ul{ display:block; list-style:none; width:100%; height:auto; overflow:hidden;}
.article .articlebox .linksbox .link_link li{width:25%; height:auto; float:left; padding:5px;text-align:center;}
.article .articlebox .linksbox .link_link li .pic{width:100%;height:60px;border:1px solid #eee; text-align:center;overflow:hidden; border-radius:8px 8px 0 0;}
.article .articlebox .linksbox .link_link li .pic img{width:100%; height:100%;}
.article .articlebox .linksbox .link_link li .html{width:100%; height:auto; color:#FFF; display:block; background-color:#4090bd;border-radius:0 0 8px 8px; padding:5px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}	
/*環境教育*/
.article .articlebox .educationbox{	width:100%; height:auto; float:left; margin-bottom:20px; padding:0px;}
.article .articlebox .educationbox .listbox{ width:100%; height:auto;display:block;float:left; margin-right:10px; }
.article .articlebox .educationbox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px; padding:10px;}
.article .articlebox .educationbox .listbox li{border-bottom:#d6ecff 1px solid;line-height:150%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position:10px center; padding-left:10px;}

.article .articlebox .educationbox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .educationbox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .educationbox .listbox li p{ float:left;line-height:120%; margin-left:20px; width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article .articlebox .educationbox .listbox li p img{ margin:12px 10px}
.article .articlebox .educationbox .listbox li .division{ float:left; display:block; width:20%; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:1px dashed #eee; border-right:1px dashed #eee;padding-left:8px;}
.article .articlebox .educationbox .listbox li .day{ float:right; display:block; width:18%; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;}	

.article .articlebox .educationbox .listbox li:first-child{ background-color:#4090bd;padding:5px 0;background-image:none; border-radius:8px 8px 0 0;}
.article .articlebox .educationbox .listbox li:first-child a,
.article .articlebox .educationbox .listbox li:first-child p,
.article .articlebox .educationbox .listbox li:first-child .division,
.article .articlebox .educationbox .listbox li:first-child .day{color:#FFF !important;line-height:150%;}

/*----videolist--------------*/
.videolist .video{ width:33.3%; height:auto; float:left; padding:1%; }

/*便民服務*/
.article .articlebox .servicebox {	width:100%; height:auto; float:left; margin-bottom:20px; padding:0px;}
.article .articlebox .servicebox .listbox{ width:100%; height:auto;display:block;float:left; margin-right:10px; }
.article .articlebox .servicebox .listbox ul{ list-style:none;width:100%; height:auto;margin-right:20px; padding:10px;}
.article .articlebox .servicebox .listbox li{border-bottom:#d6ecff 1px solid;line-height:150%;padding:2% 0; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-02.png); background-repeat:no-repeat; background-position:10px center; padding-left:10px;}

.article .articlebox .servicebox .listbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .servicebox .listbox li a:hover{ font-weight:bold;}
.article .articlebox .servicebox .listbox li p{ float:left;line-height:120%; margin-left:20px; width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article .articlebox .servicebox .listbox li p img{ margin:12px 10px}
.article .articlebox .servicebox .listbox li .division{ float:left; display:block; width:20%; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-left:1px dashed #eee; border-right:1px dashed #eee;padding-left:8px;}
.article .articlebox .servicebox .listbox li .day{ float:right; display:block; width:18%; font-style:normal; margin-right:0px;color:#4090bd; font-size:90%;}	

.article .articlebox .servicebox .listbox li:first-child{ background-color:#4090bd;padding:5px 0;background-image:none; border-radius:8px 8px 0 0;}
.article .articlebox .servicebox .listbox li:first-child a,
.article .articlebox .servicebox .listbox li:first-child p,
.article .articlebox .servicebox .listbox li:first-child .division,
.article .articlebox .servicebox .listbox li:first-child .day{color:#FFF !important;line-height:150%;}

/*網站導覽*/
/*sitemap------------------------------------------*/
.article .articlebox .content .sitemapbox{ background-color:#f4f4f4; height:auto; overflow:hidden; padding:20px 30px;  border-radius:15px;}
.article .articlebox .content .sitemapbox #sitemap .title,.article .articlebox .content .sitemapbox #sitemap .title a{ color:#003366; }
.article .articlebox .content .sitemapbox #sitemap{ width:100%; list-style:none;}
.article .articlebox .content .sitemapbox #sitemap li{float:left;}
.article .articlebox .content .sitemapbox #sitemap .title {width:31%;color: #4090bd;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title a{ text-decoration:none;}
.article .articlebox .content .sitemapbox #sitemap .title h2{font-size:100%; border-bottom:1px dotted #4090bd;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(1){width:25%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(2){width:18%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(3) {width:51%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:2%;float:left;}
.article .articlebox .content .sitemapbox #sitemap .title:nth-child(4){ clear:both;width:25%;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:15px;float:left;}





	}