@import url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/css/elements.css);
body {
  background: #eeeeee url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/bg01.jpg) no-repeat center top;
  background-size: contain;
}
.all {
  font-size: 15px;
}
.header {
  background: #191919;
}
h1.logo > a {
  overflow: hidden;
  text-indent: -9999px;
}
.header_inner .nav li:last-child .topmenu_item {
  border-right: none;
}
.topmenu_item {
  color: #cccccc;
  line-height: 1.8;
  font-size: 12px;
  border-right: 1px solid #5d5d5d;
}
.topmenu .active .active-color,
.footmenu .sitemap_submenu .active .active-color {
  color: #ffffff;
}

/* mainmenu */
.mainmenu {
  background-color: #53a653;
}
.mod_en-mainmenu .mainmenu_item:after,
#sfmainmenu.mod_en-mainmenu > li:after {
  left: 8px;
}
#sfmainmenu.mod_en-mainmenu > li:hover:after,
#sfmainmenu.mod_en-mainmenu > li > a:focus:after {
  width: calc(100% - 16px);
}
/* gpmenu */
#gpmenu::before {
  content: '\005206\0000B7\00773E\0000B7\005C0E\0000B7\0089BD'; /* content: "分˙眾˙導˙覽"; */
  color: #cccccc;
  text-align: center;
  letter-spacing: 5px;
  font-size: 13px;
}
.gpmenu_item,
.gpmenu_item::before {
  color: #999999;
  background-color: transparent;
}
.gpmenu_item {
  font-size: 13px;
  position: relative;
}
.gpmenu_item::before {
  position: absolute;
  top: -25px;
  left: 0;
  font-size: 24px;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  padding-top: 2px;
  box-shadow: inset 0px 11px 11px -6px rgba(0, 0, 0, 0.3);
}
.public::before {
  content: '\f007';
}
.researchers::before {
  content: '\f19d';
}

/*中英文版主題報導*/
.mod_topics a:hover .more_topics,
.mod_topics a:focus .more_topics,
.mod_topics a:active .more_topics,
.mod_mgz a:hover .more_mgz,
.mod_mgz a:focus .more_mgz,
.mod_mgz a:active .more_mgz,
.mod_care a:hover .more_care,
.mod_care a:focus .more_care,
.mod_care a:active .more_care {
  background-color: #474747;
}

.nav1 .gpmenu_item.public,
.nav1 .gpmenu_item.public::before,
.nav1 .gpmenu_item.public:hover,
.nav1 .gpmenu_item.public:focus,
.nav1 .gpmenu_item.public:active,
.nav1 .gpmenu_item.public:hover::before,
.nav1 .gpmenu_item.public:focus::before,
.nav1 .gpmenu_item.public:active::before,
.nav2 .gpmenu_item.researchers,
.nav2 .gpmenu_item.researchers::before,
.nav2 .gpmenu_item.researchers:hover,
.nav2 .gpmenu_item.researchers:focus,
.nav2 .gpmenu_item.researchers:active,
.nav2 .gpmenu_item.researchers:hover::before,
.nav2 .gpmenu_item.researchers:focus::before,
.nav2 .gpmenu_item.researchers:active::before {
  color: #ffffff;
}
.nav1 .public,
.nav1 .public::before {
  background-color: #53a653;
}
.nav2 .public::before,
.nav1 .researchers::before {
  color: #999999;
}
/* 首頁各區塊 title */
#lastest_news,
#mgz,
#parks {
  background-color: #ffffff;
}
#news_title,
#mgz_title,
#parks_title {
  color: #474747;
  background: #e5e5e5;
  background: -webkit-linear-gradient(
    left,
    #e5e5e5,
    transparent
  ); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(
    right,
    #e5e5e5,
    transparent
  ); /* For Firefox 3.6 to 15 */
  background: -o-linear-gradient(
    right,
    #e5e5e5,
    transparent
  ); /* For Opera 11.1 to 12.0 */
  background: linear-gradient(
    to right,
    #e5e5e5,
    transparent
  ); /* Standard syntax (must be last) */
}
/* 首頁各區塊共通樣式 */
.home_title {
  font-size: 15px;
  font-weight: bold;
  line-height: 2.8;
  margin: 0;
  padding-left: 20px;
  background-color: #e5e5e5;
  clear: both;
}
.itemid-101 #parks_title,
.itemid-223 #parks_title {
  height: 42px;
  line-height: 42px;
}
#parks_title {
  height: 51px;
  line-height: 51px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.lists {
  padding: 0 10px;
}
.cf .item {
  padding: 6px 0;
}
.cf .item:last-child {
  border-bottom: 0;
}
.cat {
  border-radius: 25px;
  background-color: #656565;
  height: 23px;
  line-height: 23px;
  margin-left: 8px;
  color: #ffffff;
  font-size: 12px; /*20160810 mod*/
}
.subj {
  text-align: left;
}
.date {
  color: #999999;
}
.more {
  float: right;
  font-size: 14px;
  color: #474747;
  margin-right: 15px;
  margin-top: 7px;
  padding: 3px 5px 2px 23px;
  position: relative;
}
.more::before {
  content: '\f054';
  font-size: 10px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background-color: #474747;
  border-radius: 100%;
  height: 16px;
  width: 14px;
  padding-left: 2px;
  margin-top: -7px;
}
.read_more {
  text-align: center;
  color: #ffffff;
}
.home_full_text {
  display: block;
  font-size: 12px;
  line-height: 2;
  width: 90px;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
/* home_lastest_news 首頁_最新消息 */
#lastest_news {
  border-left: 1px solid #e5e5e5;
}
.news_item {
  height: 55px;
  border-bottom: 1px solid #e5e5e5;
}
.news_subj {
  color: #474747;
  font-size: 15px; /* 20160810 add*/
  line-height: 1.5; /* 20160810 add*/
}
/* home_topics 首頁_主題報導 */
#topics {
  background-color: #53a653;
}
#topics_title {
  color: #ffffff;
  background: #4a944a;
  background: -webkit-linear-gradient(
    left,
    #4a944a,
    transparent
  ); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(
    right,
    #4a944a,
    transparent
  ); /* For Firefox 3.6 to 15 */
  background: -o-linear-gradient(
    right,
    #4a944a,
    transparent
  ); /* For Opera 11.1 to 12.0 */
  background: linear-gradient(
    to right,
    #4a944a,
    transparent
  ); /* Standard syntax (must be last) */
}
#topics .more {
  color: #a6ffa6;
}
#topics .more::before {
  color: #53a653;
  background-color: #bfffbf;
}
.news_lists,
.topic_item,
.care_item {
  height: 166px;
}
.topic_subj,
.care_subj {
  color: #ffffff;
  margin-top: 5px;
  padding-left: 20px;
}
.topic_item,
.care_item {
  position: relative;
  overflow: hidden;
}
.more_topics,
.more_care {
  position: absolute;
  right: 205px;
  bottom: 20px;
  background-color: #4a944a;
}
.topic_subj,
#topics .intro,
.care_subj,
#care .intro {
  width: calc(100% - 192px);
}
#topics .img,
#topics .intro,
#care .img,
#care .intro {
  padding: 10px 14px 10px 0;
}
#topics .img,
#care .img {
  width: 192px;
  height: 145px;
  float: right;
}
#topics .img > img,
#care .img > img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  color: #ffffff;
}
#topics .intro,
#care .intro {
  float: left;
  padding-left: 20px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 10px;
}
/* researchers_care 研究人員_保育櫥窗 */
#care {
  background-color: #399aba;
}
#care_title {
  color: #ffffff;
  background: #267995;
  background: -webkit-linear-gradient(
    left,
    #267995,
    transparent
  ); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(
    right,
    #267995,
    transparent
  ); /* For Firefox 3.6 to 15 */
  background: -o-linear-gradient(
    right,
    #267995,
    transparent
  ); /* For Opera 11.1 to 12.0 */
  background: linear-gradient(
    to right,
    #267995,
    transparent
  ); /* Standard syntax (must be last) */
}
#care .more {
  color: #bfefff;
}
#care .more::before {
  color: #267995;
  background-color: #bfefff;
}
.more_care {
  background-color: #267995;
}
/*	home_events 首頁_活動快報		*/
#events {
  background-color: #2d2d2d;
}
#events .right {
  background-color: #383838;
}
#events_title {
  color: #ffffff;
  background: rgba(82, 82, 82, 1);
  background: -moz-linear-gradient(
    left,
    rgba(82, 82, 82, 1) 0%,
    rgba(82, 82, 82, 0.4) 60%,
    rgba(82, 82, 82, 0) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(82, 82, 82, 1)),
    color-stop(60%, rgba(82, 82, 82, 0.4)),
    color-stop(100%, rgba(82, 82, 82, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(82, 82, 82, 1) 0%,
    rgba(82, 82, 82, 0.4) 60%,
    rgba(82, 82, 82, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(82, 82, 82, 1) 0%,
    rgba(82, 82, 82, 0.4) 60%,
    rgba(82, 82, 82, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(82, 82, 82, 1) 0%,
    rgba(82, 82, 82, 0.4) 60%,
    rgba(82, 82, 82, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(82, 82, 82, 1) 0%,
    rgba(82, 82, 82, 0.4) 60%,
    rgba(82, 82, 82, 0) 100%
  );
}
#events .more {
  color: #a2a2a2;
}
#events .more::before {
  color: #2d2d2d;
  background-color: #a2a2a2;
}
.item.event_item.cf {
  border-bottom: 1px solid #4a4a4a;
  padding: 10px 0;
}
.event_subj {
  color: #ffffff;
  font-size: 15px;
}
#lastest_news .news_date,
#events .event_date {
  font-size: 13px;
}
/* home_gmap 首頁_遊憩景點 & 遊憩步道		*/
#gmap {
  background-color: #53a653;
}
#gmap .tab {
  background-color: #57ad57;
}
#gmap .tab .tab_link {
  color: #2d592d;
  font-size: 16px;
  font-weight: bold; /*20160810 add*/
  line-height: 2.6;
  border-bottom: 3px solid transparent;
}
#gmap .tab.active .tab_link {
  color: #ffffff;
  border-color: #ffffff;
}
#gmap .tab_intro {
  border-top: 1px solid #81ce81;
  margin: 0 15px 0 20px;
  padding: 20px 0 0 0;
  background: #478f47; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    #478f47,
    transparent
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    #478f47,
    transparent
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #478f47,
    transparent
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    #478f47,
    transparent
  ); /* Standard syntax (must be last) */
}
.gmap_img {
  width: 115px;
  margin: 0 10px 0 0;
  text-align: center;
  background-color: #4f9e4f;
}
.gmap_img_title {
  color: #ffffff;
  line-height: 1.5;
  padding: 10px;
}
.gmap_item {
  border-bottom: 1px solid #478f47;
  padding: 5px 0;
  margin: -9px 0 6px 0;
  width: 100%;
  height: auto;
  overflow: auto;
}
.gmap_cat,
.gmap_subj {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.5;
}
.gmap_cat {
  width: 87px;
}
.gmap_subj {
  width: 76px;
  display: block;
  margin-left: 10px;
}
.more_spots {
  margin: 10px 0 10px;
  background-color: #4a944a;
}
/* home_parkmap 首頁_國家公園地圖 */
#parkmap .bg-desc {
  font-size: 15px;
  line-height: 1.5;
  color: #cccccc;
  background-color: rgba(0, 0, 0, 0.75);
}
#parkmap .map {
  background-color: rgba(0, 0, 0, 0.5);
}
/* home_mgz 首頁_公園季刊 */
.img_mgz img {
  width: 115px;
  float: left;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
}
.img_mgz figcaption {
  width: calc(100% - 135px);
  float: right;
}
.more_mgz {
  background-color: #666666;
}
.intro_title {
  background-color: #e5e5e5;
  color: #474747;
  padding-left: 10px;
  line-height: 2.5;
}
.subtitle {
  font-weight: bold;
}
.ch-mgz .subtitle {
  line-height: 2.5;
}
.en-mgz .subtitle {
  line-height: 2;
  margin-top: -4px;
}
.mgz_item {
  margin: 3px 0 3px 0;
  border-bottom: 1px dotted #989898;
}
.ch-mgz .mgz_item {
  height: 34px;
}
.en-mgz .mgz_item {
  height: auto;
}
.mgz_item:last-child {
  border-bottom: none;
}
.ch-mgz .mgz_cat,
.ch-mgz .mgz_subj {
  float: left;
  line-height: 2.3;
}
.ch-mgz .mgz_cat {
  color: #000000;
  width: 90px;
  margin-right: 5px;
}
.ch-mgz .mgz_subj {
  color: #636363;
  width: calc(100% - 100px);
  padding-left: 5px;
}
.en-mgz .mgz_cat,
.en-mgz .mgz_subj {
  width: 100%;
  float: none;
  line-height: 1.75;
  padding-left: 5px;
}
.en-mgz .mgz_subj {
  display: block;
}
/* home_hacebook 首頁_FB粉絲團 */
#facebook {
  background-color: #e0dfdf;
  text-align: center;
}
.fb-page {
  width: 332px;
}
/*	home_ads / pbas	*/
.mod_ads {
  background-color: #eaeaea;
}
.angle-bracket {
  font-size: 60px;
  font-weight: bold;
  color: #ffffff;
  background-color: #d9d9d9;
  height: 94px;
  line-height: 1.4;
  padding: 0 5px 6px;
  position: absolute;
  top: 0;
}
.mod_pbas {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 3px #ccc;
}
.mod_pbas ul li a {
  color: #0e6eb8;
  font-weight: bold;
}
.mod_pbas .prev,
.mod_pbas .next {
  font-weight: bold;
  color: #ffffff;
}
/* footer */
.footer {
  background: #2d2d2d;
  color: #999999;
}
/* mod_sitemap */
.sitemap_submenu > li > a {
  color: #999999;
}
.menu_sitemap .mainmenu_item:after {
  content: '';
  width: 48px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #53a653;
  height: 4px;
}
.menu_sitemap li .mainmenu_item:hover:after,
.menu_sitemap li .mainmenu_item:focus:after {
  width: 129px;
}
.foot_inner {
  font-size: 15px;
  background-color: #2d2d2d;
}
.acca {
  /*	定位點	*/
  color: transparent;
  position: absolute;
  top: 9px;
}
.acca#U {
  display: inline-block;
  position: static;
  margin-top: -5px;
  vertical-align: top;
}
#accesskey_C {
  /*	子頁內容定位點	*/
  margin-top: 17px;
}
a.footmenu {
  color: #ffffff;
}
.copyright {
  font-size: 14px;
}
#security,
#privacy {
  color: #53a653;
}
/* home_researchers	首頁_研究人員入口------------------------------------------------------------ */
.nav2 .researchers,
.nav2 .researchers::before,
.nav2 .mainmenu,
.nav2 #open-mainmenu .icon_item,
.nav2 .menu_sitemap .mainmenu_item:after {
  background-color: #399aba;
}
.nav2 .mainmenu_item:after,
.nav2 #sfmainmenu > li:after,
.nav2 #sfmainmenu > li.active:after {
  background: #bfefff;
}
/* -- tmpl ------------------------------ */
/* 共用樣式 */
.tmpl_banner {
  background-color: #fefefe;
  position: relative;
}
/* tmpl_breadcrumbs	內頁_麵包屑 */
.breadcrumbs {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: bold;
}
.breadcrumbs .pathway,
.breadcrumbs li span {
  line-height: 2.5;
  color: #333333;
}
.breadcrumbs .pathway span,
.breadcrumbs li span.divider {
  color: #9e9e9e;
}
.breadcrumbs li span.divider {
  padding: 0 10px;
}
.breadcrumbs .pathway[title='首頁']::before {
  content: '\f015';
  color: #9e9e9e;
  font-size: 20px;
  line-height: 1.5;
  vertical-align: -1px;
  padding-right: 3px;
}
/* 內頁_回上一頁 */
.return {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 0 20px;
  height: 37px;
  line-height: 2.5;
  display: block;
  text-align: right;
  margin-top: 20px;
  font-size: 15px;
  font-weight: bold;
}
.return span::before {
  content: '\f0e2';
  margin-right: 5px;
  color: #999999;
}
.return noscript {
  float: left;
}
/* tmpl_sectiontitle 內頁_主標題 */
.mod_sectiontitle,
.page-title {
  padding-left: 20px;
}
/* tmpl_section_subtitle 內頁_副標題 */
.section_subtitle {
  color: #369a3b;
  padding: 6px 20px 0 20px;
  border-bottom: 1px solid #eaeaea;
  box-shadow: 0 1px 0 0 #f2f2f2;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2.3;
}
.pagetab_content > .section_subtitle {
  margin-left: -20px;
  width: calc(100% + 40px);
}
h2.componentheading {
  display: none;
}
/* media_btns	內頁_分享按鈕 & 字級 */
.media_btns span#social_tools a {
  margin-right: 6px;
}
.media_btns img {
  width: 21px;
  height: 21px;
  border-radius: 5px;
}
.media_btns i {
  font-size: 24px;
}
.media_btns i,
.media_btns .fontsize_label {
  vertical-align: 2px;
}
.fa-print {
  color: #575757;
}
.fa-facebook-square {
  color: #3b5998;
}
.fa-twitter-square {
  color: #55acee;
}
.media_btns .fontsize_label {
  margin-left: 6px;
  font-size: 15px;
}
.media_btns .btn_fb {
  vertical-align: 8px;
  margin-right: 6px;
  margin-left: 0;
}
.media_btns .font_text {
  vertical-align: 2px;
  margin-left: 15px;
}
.menutabs {
  font-size: 15px;
  /*	不讓 tab 文字縮放，以免破版；要讓文字縮放的要用 em；沒有特別定義的都會縮放	*/
}
/* tmpl_pagination 內頁_分頁	*/
span.pagenav {
  color: #369a3b;
  border-bottom: 2px solid #369a3b;
}
/* 分類說明 & No data 提示 */
.desc {
  padding: 15px 20px;
  line-height: 1.8;
  margin-bottom: 10px;
}
.sect_desc,
.nodata {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #468847;
}
.td-nodata {
  width: 300px;
  display: block;
}
.indent_desc {
  padding-left: 1em;
}
.catlist + .blog > .sect_desc {
  background-color: #eeeeee;
  color: #575757;
}
/* content_bottom 內頁_延伸閱讀*/
.extended {
  border: 1px solid #d6e9c6;
  padding: 20px;
  display: table;
  width: 100%;
  background: #dff0d8 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/npt011/filesys/image/extended-nav1.png) no-repeat;
  background-position: 65px center;
}
section.extended,
a.extended-item,
.back:hover,
.back:focus,
.back:active {
  color: #468847;
}
.back:hover .go-back::before,
.back:focus .go-back::before,
.back:active .go-back::before {
  background-color: #468847;
  color: #ffffff;
}
a.extended-item:hover,
a.extended-item:focus,
a.extended-item:active {
  color: #474747;
}
.extended h3,
.extended-lists {
  display: table-cell;
}
.extended h3 {
  vertical-align: middle;
  width: 200px;
  padding-left: 110px;
}
.extended-lists {
  padding-left: 15px;
  list-style: square;
}
/* RSS訂閱 */
.rss_desc {
  padding-left: 125px;
  position: relative;
}
.rss_desc:before {
  content: '\f09e';
  font-size: 38px;
  color: #dff0d8;
  background-color: #468847;
  display: block;
  text-align: center;
  line-height: 55px;
  width: 50px;
  height: 48px;
  padding-bottom: 2px;
  position: absolute;
  top: calc(50% - 25px);
  left: 41px;
}
.nav2 .rss_desc:before {
  color: #d8eaf0;
  background-color: #3283a6;
}
.rss_desc h3 {
  font-weight: bold;
  padding: 10px 0px;
}
.rss-table {
  border: 2px solid #53a653;
  padding: 10px;
}
.rss-table .td {
  padding: 5px 40px;
}
.rss-table .tr:first-child {
  border-top: 2px solid #e0e0e0;
}
.rss-table b {
  font-size: 1.05em;
  padding-right: 8px;
}
.rss-table .tr:hover,
.rss-table a.td:focus,
.rss-table a.td:active {
  background-color: #f5f5f5;
}
/* tmpl_Form 內頁_表單 */
.gfilter {
  padding: 5px 10px;
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
}
.gfilter p {
  padding: 7px 0 0;
}
.gfilter .events_fieldset {
  border: 1px solid #cccccc;
  padding: 10px 15px;
}
@media screen and (min-width: 481px) and (max-width: 871px) {
  .gfilter {
    text-align: left;
  }
  .gfilter span {
    display: block;
    margin-bottom: 5px;
  }
}
.gfilter .rev_fieldset,
.gfilter .list_fieldset {
  padding: 0;
  margin: 0;
  display: inline-block;
}
fieldset {
  margin-bottom: 10px;
}
fieldset p {
  padding: 5px 0;
}
.group_info {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding-bottom: 1em;
}
.group_info legend {
  margin-left: 2em;
  padding: 0.5em;
  font-size: 1.5em;
  font-weight: bold;
}
.tmplBtn {
  background-color: #53a653;
  color: #ffffff;
  line-height: 1.9;
  margin: 0 3px;
  padding: 0 15px !important;
}
.btn-w64 {
  width: 64px;
}
a.btn {
  display: inline-block;
  text-align: center;
}
.tmpl_input {
  line-height: 1.75;
  padding: 0 5px;
  border: 1px solid #a9a9a9;
}
.tmpl_select,
.input-mini {
  line-height: 1;
  padding: 4px 0 4px 3px;
}
select {
  border: 1px solid #a9a9a9;
}
input[type='radio'],
input[type='checkbox'] {
  margin-right: 5px;
}
#type_no {
  margin-left: 20px;
}
/*聯絡我們*/
.contact_label {
  display: inline-block;
  width: 156px;
  margin-right: 20px;
  text-align: right;
  vertical-align: middle;
}
.u-content {
  vertical-align: top;
  margin-top: 9px;
}
textarea#content,
#captcha_field {
  display: inline-block;
}
input#title,
textarea#content {
  width: calc(100% - 200px);
}
textarea#content {
  height: 200px;
}
/* 驗證碼 */
#captcha_field {
  width: calc(100% - 200px);
}
.securimgele {
  min-height: 42px;
  margin-bottom: 5px;
  vertical-align: bottom;
}
#siimage {
  height: 39px;
}
#ievoice {
  margin-right: 10px;
}
.contact_input {
  width: 250px !important;
}
.contact-btn {
  padding-left: 176px;
}
#refresh_btn:hover,
#refresh_btn:focus,
#refresh_btn:active {
  color: #53a653;
}
.nav2 #refresh_btn:hover,
#refresh_btn:focus,
#refresh_btn:active {
  color: #1c95c9;
}
/* 全文檢索 */
.com_efsearch .article {
  padding: 0;
}
#searchForm {
  margin-bottom: 10px;
}
.com_efsearch .pagetab_content {
  margin-top: 20px;
}
.unit-filter {
  border: 2px solid #53a653;
}
.nav2 .unit-filter {
  border-color: #399aba;
}
.slidedown-label {
  display: block;
  font-size: 16px;
  line-height: 2;
  color: #369a3b;
  margin: 0;
}
.nav2 .slidedown-label {
  color: #1c95c9;
}
.slidedown-label::before {
  content: '\002335';
  color: #ffffff;
  width: 33px;
  height: 33px;
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  background-color: #53a653;
  margin-top: -5px;
  margin-right: 10px;
}
.nav2 .slidedown-label::before {
  background-color: #399aba;
}
.search-section {
  padding-top: 15px;
  padding-left: 23px;
}
.unit-toggle {
  display: none;
  padding-right: 15px;
}
.search_result {
  height: auto;
  overflow: auto;
  padding-right: 0;
}
.sect-divider {
  border-top: 1px solid #e8e8e8;
  position: relative;
  padding-top: 20px;
}
.sect-divider::before {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  top: 1px;
  background: rgba(238, 238, 238, 1);
  background: -moz-linear-gradient(
    top,
    rgba(238, 238, 238, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(238, 238, 238, 1)),
    color-stop(100%, rgba(252, 252, 252, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(238, 238, 238, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(238, 238, 238, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(238, 238, 238, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(238, 238, 238, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
}
#advanced-search:checked ~ .slidedown-label::before {
  transform: rotate(180deg);
}
#advanced-search:checked ~ .unit-toggle {
  display: block;
}
.search-input {
  padding: 0 0 20px 20px;
}
.search-input legend {
  font-weight: 500;
  padding: 5px 0;
}
#slidedown {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.gc {
  margin-bottom: 0;
}
.gc .inputbox {
  width: 210px;
}
.unit-item {
  padding: 1px 0;
}
.item-name {
  display: inline-block;
  width: calc((100% - 5em) / 3);
}
.gc-box {
  margin: 5px 0;
}
.form-limit {
  float: right;
  padding: 10px 0;
}
.search-prompt {
  float: left;
  padding: 10px 0;
  margin-left: 20px;
}
.result-count {
  color: #369a3b;
  background-color: #e5e5e5;
  padding: 0 5px;
  margin: 0 5px;
}
.nav2 .result-count {
  color: #1c95c9;
}
.search-results {
  margin-bottom: 10px;
}
.article .result-title {
  color: #333333;
}
.result-title {
  font-size: 16px;
  font-weight: bold;
}
.result-title::before {
  content: '\f002';
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 1.3;
  text-align: center;
  border-radius: 100%;
  background-color: #9e9e9e;
  margin: -5px 8px 0 -42px;
  transform: rotate(90deg);
}
.result-category {
  color: #9e9e9e;
  font-size: 13px;
}
.search-results dt,
.search-results dd {
  padding-left: 42px;
}
.dl-form label {
  margin: 0 5px 0 20px;
}
#filter_keyword {
  width: 192px;
}
.input_label,
.select_label {
  margin-right: 5px;
}
/*	投票區	*/
.btnspace {
  border: 0;
  text-align: center;
  margin-top: 15px;
}
fieldset.check-item {
  line-height: 2;
}
.sect_desc > span {
  margin-right: 20px;
}
/* tmpl_tab	內頁_頁籤 */
.catlist {
  border-bottom: 3px solid #53a653;
}
.catlist .tab,
.tab-title {
  background-color: #2d2d2d;
  text-align: center;
  display: inline-block;
}
.catlist + .gfilter,
.catlist + .table,
.catlist + .list_qa .table {
  margin-top: 15px;
}
.com_rssfeed .catlist .tab,
.com_dl1 .catlist .tab,
.com_link .catlist .tab {
  margin-right: 3px;
}
.tab_link {
  color: #9e9e9e;
  display: block;
  line-height: 2;
  padding: 10px;
  min-width: 80px;
}
.catlist .tab_now,
.catlist .tab_now .tab_link,
.tab_active,
.tab_active .tab_link.active {
  background-color: #53a653;
  color: #ffffff !important;
}
.gmap_block dd {
  margin-bottom: 10px;
}
.gmap_intro {
  height: 45px;
  margin: 20px 0;
}
.gmap_title {
  color: #ffffff;
  line-height: 3;
  float: left;
}
.icon-bg {
  background: #575757 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/gmap-icon.png) no-repeat;
  width: 137px;
  padding-left: 49px;
}
#icon1 {
  background-position: 10px 10px;
}
#icon2 {
  background-position: 10px -33px;
}
.gmap-subtitle1 {
  background-color: #53a690;
  text-align: center;
  padding: 0 25px;
}
.nav2 .gmap-subtitle1 {
  background-color: #1c95c9;
}
.gmap-subtitle2 {
  width: 419px;
  background: rgba(208, 208, 208, 1);
  background: -moz-linear-gradient(
    left,
    rgba(208, 208, 208, 1) 0%,
    rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(208, 208, 208, 1)),
    color-stop(71%, rgba(255, 255, 255, 1)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(208, 208, 208, 1) 0%,
    rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(208, 208, 208, 1) 0%,
    rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(208, 208, 208, 1) 0%,
    rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(208, 208, 208, 1) 0%,
    rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 1) 100%
  );
}
.ac {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  line-height: 2;
  text-align: center;
  color: #666666;
  margin: 20px 0 40px;
}
.ac span {
  margin: 0 5px;
}
/* L1_橫式列表 */
.small_intro {
  padding-top: 10px;
}
.small_intro .text {
  text-align: right;
}
.small_intro .text h3,
.small_intro .text p,
.small_intro .text ul {
  text-align: left;
}
.datalist {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f6f6f6;
  margin: 0;
  padding: 15px 0 10px;
  min-height: 160px;
}
.row-img {
  display: inline-block;
  margin: 7px 15px 0 0;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  vertical-align: top;
}
.row-img img {
  width: 100%;
  display: block;
}
.blog-caption .row-img {
  width: 118px;
  height: auto;
  max-height: 88px;
}
.blog-caption .intro-block {
  width: calc(100% - 140px);
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5rem;
}
.active-color:hover h3,
.active-color:focus h3,
.active-color:active h3 {
  color: #369a3b;
}
.blog-caption .intro-block p {
  text-align: left;
}
.active-color p {
  color: #575757;
}
.itemid-312 .row-img img {
  padding: 10px 0 11px;
  background-color: #2d2d2d;
  color: #ffffff;
}
.blog-caption,
.mgz-caption {
  width: 100%;
}
.mgz-caption .intro-block {
  width: calc(100% - 116px);
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5rem;
}
.mgz-caption .mgz-img,
.type3-img {
  width: 92px;
  height: 120px;
}
.intro-block {
  text-align: right;
}
.full-text {
  display: inline-block;
  margin: 10px 0 5px;
  width: 120px;
  line-height: 2;
}
.regist_btn .full-text {
  margin: 0;
}
.regist_btn .full-text,
.intro-block .full-text {
  background-color: #53a690;
  border-radius: 5px;
  color: #ffffff;
}
.nav2 .regist_btn .full-text,
.nav2 .intro-block .full-text {
  background-color: #1c95c9;
}
.file_dw {
  /*公園學報*/
  display: block;
  padding-left: 30px;
  text-indent: -21px;
}
.file_title {
  margin: 0 5px;
}
/* L2_雙排書籍列表
		com_efpublication		內頁_書籍出版品 & 影音出版品 */
.efpublication-intro {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  overflow: hidden;
  width: 49%;
}
.efpublication-intro:nth-child(2n + 1) {
  margin: 10px 2% 0 0;
}
.efpublication-intro:nth-child(2n) {
  margin: 10px 0 0 0;
}
.efpublication-img {
  border: 1px solid #666666;
  box-shadow: 3px 3px 0 0 #cccccc;
}
.efpublication-img img {
  width: 100%;
  display: block;
}
.intro-item {
  line-height: 1.7;
  padding: 5px 0;
}
.overview .intro-item {
  padding-left: 5px;
}
.overview dd.intro-item {
  border-bottom: 1px dotted #999999;
  font-size: 14px;
}
.efpublication-link {
  color: #333333;
  display: block;
}
/*	季刊內頁上半部
		com_efpublication		內頁_書籍出版品_詳細資訊 & 影音出版品_詳細資訊 */
.com_mgzlist .back {
  margin-top: 10px;
}
.detail-content .back {
  margin-top: -1px;
}
.detail .intro-list {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.go-back::before {
  content: '\f01e';
  color: #ffffff;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 3px 2px 1px 2px;
  margin: -4px 8px 0 0;
  background-color: #616161;
  border-radius: 100%;
  transform: rotate(-152deg);
}
.shadow-effect:before,
.shadow-effect:after {
  z-index: -1;
  position: absolute;
  content: '';
  width: 50%;
  height: 30px;
  max-width: 300px;
  background: #bdbdbd;
}
.shadow-effect:before {
  top: 41px;
  right: -14px;
  box-shadow: 0 -15px 10px #bdbdbd;
  transform: rotate(98deg);
}
.shadow-effect:after {
  bottom: 13px;
  left: 10px;
  box-shadow: 0 15px 10px #bdbdbd;
  transform: rotate(-11deg);
}
.detail .efpublication-subj {
  font-size: 1em;
  line-height: 2.2;
  background-color: #e5e5e5;
  margin-bottom: 10px;
}
.detail .intro-item {
  padding-left: 20px; /*	padding不設在外層是因為會影響 dt	*/
  padding-right: 20px;
}
.detail .intro-item span {
  color: #333333;
}
.detail .this-intro p {
  text-indent: 32px;
}
/*	季刊內頁下半部	*/
.mgz-content {
  margin: 0 10px;
}

.mgztitle {
  position: relative;
  border-bottom: 4px solid #ebebeb;
  box-shadow: 0 1px 0 0 #d6d6d6;
  padding-left: 20px;
  padding-bottom: 5px;
  margin-bottom: 3px;
}
.mgztitle::before {
  content: '';
  background-color: #333333;
  width: 7px;
  height: 18px;
  position: absolute;
  left: 5px;
  top: 5px;
}
.unit-cat {
  color: #ffffff;
  text-align: center;
}
.tr:nth-child(7n-6) .unit-cat {
  background-color: #ff6c00;
  border-left: 7px solid #ff0000;
}
.tr:nth-child(7n-5) .unit-cat {
  background-color: #0078ff;
  border-left: 7px solid #0000ff;
}
.tr:nth-child(7n-4) .unit-cat {
  background-color: #99d200;
  border-left: 7px solid #33a500;
}
.tr:nth-child(7n-3) .unit-cat {
  background-color: #95abdc;
  border-left: 7px solid #6d8bcf;
}
.tr:nth-child(7n-2) .unit-cat {
  background-color: #d2ba87;
  border-left: 7px solid #be9c52;
}
.tr:nth-child(7n-1) .unit-cat {
  background-color: #717e00;
  border-left: 7px solid #545d00;
}
.tr:nth-child(7n) .unit-cat {
  background-color: #7a5125;
  border-left: 7px solid #533719;
}
.unit-content .article-title:before {
  content: '\00002D\0000A0';
  margin-left: -10px;
}
.fa-pencil::before {
  font-size: 20px;
  margin-left: -45px;
  margin-right: 26px;
  color: #b5c6d0;
}
/*	季刊內頁單元	*/
.com_mgzdtl .detail-content {
  padding: 10px 20px 30px;
}
.detail-content .unitcat:before {
  content: '\f02b';
  color: #cccccc;
  margin-right: 5px;
}
#fcon table {
  margin: 0 auto;
}
.pagefooter {
  text-align: center;
}
.lastpage,
.nextpage {
  position: relative;
  font-size: 16px;
}
.lastpage::before,
.nextpage::after {
  position: absolute;
  top: -6px;
}
.lastpage::before {
  content: '\0027EA';
  left: -8px;
}
.nextpage::after {
  content: '\0027EB';
  right: -8px;
}
/*	L5_清單列表(無圖) 
		com_dl1 & newdl	& link & rssfeed
		內頁_主動公開資訊 & 下載專區 & 相關連結 & RSS 聯播 & 活動快報 */
.table :not(.tbody) .tr:first-child,
.table :not(.tbody) [data-role='tr']:first-child {
  background-color: #666666;
  border-top: 4px solid #ebebeb;
  color: #ffffff;
}
.tr {
  border-bottom: 2px solid #e0e0e0;
}
.tr .td {
  vertical-align: middle;
}
.tr:nth-child(2n),
.gitem-table .tr:nth-child(2n + 1) {
  background-color: #f4f4f4;
}
.gitem-table .tr:nth-child(2n) {
  background-color: #ffffff;
}
.dw_link {
  width: 100%;
  display: inline-block;
  padding-left: 20px;
}
.dl1_table .dw_link,
.newdl_table .dw_link,
.result_table .dw_link,
.news_table .dw_link,
.event_table .dw_link,
.rssfeed_link .dw_link,
.type1_title .dw_link {
  display: block;
}
.news_table .td.publish_date div:first-child,
.news_table .td.news_cat div:first-child,
.news_table .td.news_title div:first-child {
  display: none;
}
.link_addr {
  word-wrap: break-word;
}
/* 內頁_活動快報  日曆*/
.pdcalendar_wrapper {
  margin: 27px 19px 20px 0;
  background-color: #383838;
}
.pdcalendar_wrapper div.zabuto_calendar {
  height: auto;
  padding: 0;
}
.pdcalendar_wrapper .tr {
  border: 0;
}
.pdcalendar_wrapper .th {
  background-color: #666666;
  border: 0;
}
.pdcalendar_wrapper div.zabuto_calendar .table .tr.calendar-month-header,
.pdcalendar_wrapper div.zabuto_calendar .table .tr.calendar-dow-header {
  background-color: #666666;
}
.pdcalendar_wrapper div.zabuto_calendar .table .tr.calendar-month-header .th {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pdcalendar_wrapper div.zabuto_calendar .table .th,
.pdcalendar_wrapper div.zabuto_calendar .table .td {
  padding: 3px 0;
  vertical-align: middle;
  font-size: 1rem;
}
.pdcalendar_wrapper div.zabuto_calendar .tr.calendar-dow-header .th,
.pdcalendar_wrapper div.zabuto_calendar .tr.calendar-dow .td {
  height: auto;
  text-align: center;
  margin: auto;
}

.pdcalendar_wrapper div.zabuto_calendar .table .tr .td.event div.day,
.pdcalendar_wrapper div.zabuto_calendar ul.legend li.event {
  width: auto;
  height: auto;
}
.pdcalendar_wrapper .th a i {
  font-size: 20px;
  vertical-align: middle;
}
.pdcalendar_wrapper a,
.pdcalendar_wrapper div.zabuto_calendar .badge-today,
.pdcalendar_wrapper div.zabuto_calendar div.legend div.badge-today {
  display: block;
  margin: auto;
  height: 30px;
  width: 30px;
}
.pdcalendar_wrapper div.zabuto_calendar .th.this-month {
  height: 36px;
}
#mod_minical_today {
  background-color: #357ebd;
  border-radius: 100%;
}
.pdcalendar_wrapper,
.pdcalendar_wrapper a {
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
.pdcalendar_wrapper div.zabuto_calendar .table .tr .td div.day {
  font-size: 1rem;
  line-height: 30px;
}
.pdcalendar_wrapper div.zabuto_calendar div.legend {
  display: none;
}
.query_func {
  margin-bottom: 15px;
}
.query_desc {
  margin-left: 10px;
  padding-top: 10px;
}
.event_table .event_date {
  float: none;
}
.event_table .td.event_date {
  font-size: 13px;
}
/* com_sitemap		內頁_網站導覽 */
#sitemap {
  line-height: 1.8;
}
.sitemap_intro {
  border: 4px double #53a690;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.nav2 .sitemap_intro {
  border: 4px double #1c95c9;
}
.sitemap_intro p {
  margin-top: 10px;
}
.sitemap_intro ul {
  padding-left: 60px;
}
/*網站導覽無障礙說明*/
.accesskey span {
  color: #369a3b;
  padding: 0 2px;
}
.accesskey-desc {
  margin: 0.8rem 0 0.5rem;
}
.accesskey dd {
  padding-left: 2em;
}
.nav2 .accesskey span {
  color: #1c95c9;
}
.lvo_1 {
  border-bottom: 1px solid #53a690;
  margin-top: 30px;
  padding-bottom: 20px;
}
.lvo_1:last-child {
  border-bottom: 0;
}
.lvo_1 a {
  display: block;
  width: auto;
}
.article_list dt,
.lvo_1 > a {
  padding: 5px 10px;
  border-left: 8px solid #287a63;
}
.sitemap_list .lvo_2 a {
  text-indent: -2.85em;
  padding-left: 2.85em;
}
.sitemap_list .lvo_3 a {
  text-indent: -4.25em;
  padding-left: 4.25em;
}
.nav2 .article_list dt,
.nav2 .lvo_1 > a {
  border-left: 8px solid #1c95c9;
}
.article_list dd {
  padding: 5px 0 15px;
}
.sitemap_list {
  margin-left: 40px;
  margin-top: 5px;
}
.lvo_1:nth-child(5) .sitemap_list .sitemap_list {
  display: none;
}
i.sitemap {
  margin-left: 3.25em;
}
/* com_content 內頁_出版品購買資訊 & 著作權聲明*/
.information dl {
  margin: 20px 0;
}
.addr_title {
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-left: 8px solid #287a63;
}
.information dd {
  line-height: 2.2;
  padding-left: 17px;
}
.information ol.cn {
  /* cn = copyright notice */
  margin-left: 20px;
  line-height: 1.8;
}
.information ol.cn > li {
  padding-left: 8px;
  padding-bottom: 10px;
}
.information ol[type='i'] {
  margin-left: 20px;
}
.information ol[type='i'] > li {
  padding: 0 0 0 8px;
}
.article-info {
  text-align: right;
  font-size: 0.8em;
  margin: 0 0 10px;
}
.itemid-206 .section_subtitle,
.itemid-206 .article-info,
.itemid-305 .section_subtitle,
.itemid-305 .article-info,
.itemid-320 .section_subtitle,
.itemid-320 .article-info,
.itemid-340 .section_subtitle,
.itemid-341 .section_subtitle {
  /* 影音專區(206)、RSS訂閱(305)、英文版RSS訂閱(320) 的 h2 和發布、更新日期；
	雙語詞彙(340)、投稿須知(341)的 h2*/
  display: none;
}
/* 影音專區 */
.entrance {
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/video-icon.png) no-repeat;
  text-align: center;
}
.entrance-right {
  background-position: -270px 0;
}
.entrance:hover,
.entrance:focus,
.entrance:active {
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/video-icon-hover.png) no-repeat;
}
.entrance:hover .video-desc,
.entrance:focus .video-desc,
.entrance:active .video-desc {
  color: #333333;
}
.entrance-right:hover,
.entrance-right:focus,
.entrance-right:active {
  background-position: -270px 0;
}
/* 地圖檢視 */
.location-icon {
  display: inline-block;
}
.location-icon span {
  margin-right: 10px;
}
.location-icon img {
  vertical-align: bottom;
  width: 24px;
}
.view-mapshow .related_link {
  display: none;
}
#map {
  border: 15px solid #ffffff;
  box-shadow: 0 0 2px 0 #cccccc;
  margin: 7px auto;
  background-color: #e5e3df;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
/*滿意度調查*/
.survey {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px;
}
.survey-img {
  width: 100%;
}
.survey-btn {
  padding: 20px 0 10px;
}
.twotitle {
  padding: 0 10px;
  margin-left: 25px;
  font-weight: bold;
}
.item-survey {
  padding-top: 6px;
  width: 135px;
  text-align: right;
  vertical-align: top;
}
.w-survey {
  width: calc(100% - 135px);
  padding: 5px 5px 5px 10px;
}
.label-survey {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
.quelist {
  margin-bottom: 15px;
}
.itemlist {
  padding-left: 33px;
}
.captcha-label {
  display: inline-block;
  width: 80px;
  margin-right: 20px;
  text-align: right;
  vertical-align: middle;
}
.winlist {
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 15px;
  padding: 35px;
  position: relative;
}
.winlist a {
  color: #369a3b;
}
.winlist a:hover,
.winlist a:focus,
.winlist a:active {
  text-decoration: underline;
}
.list-title {
  background-color: #ffffff;
  float: left;
  position: absolute;
  top: -15px;
  left: 20px;
}
/*抽獎活動*/
.lottery_message {
  font-size: 20px;
  width: 550px;
  margin: 10px 0 20px 145px;
}

/* leftmenu */
.leftmenu {
  color: #ffffff;
  position: relative;
}
.mod_sectiontitle_f {
  font-size: 18px;
  font-weight: bold;
  padding-left: 22px;
  line-height: 2.7;
  background: rgba(85, 85, 85, 1);
  background: -moz-linear-gradient(
    top,
    rgba(85, 85, 85, 1) 0%,
    rgba(45, 45, 45, 1) 30%,
    rgba(45, 45, 45, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(85, 85, 85, 1)),
    color-stop(30%, rgba(45, 45, 45, 1)),
    color-stop(100%, rgba(45, 45, 45, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(85, 85, 85, 1) 0%,
    rgba(45, 45, 45, 1) 30%,
    rgba(45, 45, 45, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(85, 85, 85, 1) 0%,
    rgba(45, 45, 45, 1) 30%,
    rgba(45, 45, 45, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(85, 85, 85, 1) 0%,
    rgba(45, 45, 45, 1) 30%,
    rgba(45, 45, 45, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(85, 85, 85, 1) 0%,
    rgba(45, 45, 45, 1) 30%,
    rgba(45, 45, 45, 1) 100%
  );
}
aside.wrapper_left .nav.menu {
  background-color: #222222;
  border: 1px solid #494949;
  border-bottom: 5px solid #333333;
}
.leftmenu .level-two {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  padding: 8px 0 8px 12px;
}
.leftmenu li {
  border-left: 5px solid #222222;
  background: rgba(51, 51, 51, 0.41);
  background: -moz-linear-gradient(
    left,
    rgba(51, 51, 51, 0.41) 0%,
    rgba(51, 51, 51, 1) 5px,
    rgba(51, 51, 51, 1) 5%,
    rgba(51, 51, 51, 1) 75%,
    rgba(76, 76, 76, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(51, 51, 51, 0.41)),
    color-stop(5px, rgba(51, 51, 51, 1)),
    color-stop(5%, rgba(51, 51, 51, 1)),
    color-stop(75%, rgba(51, 51, 51, 1)),
    color-stop(100%, rgba(76, 76, 76, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(51, 51, 51, 0.41) 0%,
    rgba(51, 51, 51, 1) 5px,
    rgba(51, 51, 51, 1) 5%,
    rgba(51, 51, 51, 1) 75%,
    rgba(76, 76, 76, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(51, 51, 51, 0.41) 0%,
    rgba(51, 51, 51, 1) 5px,
    rgba(51, 51, 51, 1) 5%,
    rgba(51, 51, 51, 1) 75%,
    rgba(76, 76, 76, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(51, 51, 51, 0.41) 0%,
    rgba(51, 51, 51, 1) 5px,
    rgba(51, 51, 51, 1) 5%,
    rgba(51, 51, 51, 1) 75%,
    rgba(76, 76, 76, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(51, 51, 51, 0.41) 0%,
    rgba(51, 51, 51, 1) 1%,
    rgba(51, 51, 51, 1) 5%,
    rgba(51, 51, 51, 1) 75%,
    rgba(76, 76, 76, 1) 100%
  );
}
.leftmenu li.active {
  border-left: 5px solid #2b832b;
  background: rgba(83, 166, 83, 1);
  background: -moz-linear-gradient(
    left,
    rgba(83, 166, 83, 1) 0%,
    rgba(83, 166, 83, 1) 75%,
    rgba(64, 128, 64, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(83, 166, 83, 1)),
    color-stop(75%, rgba(83, 166, 83, 1)),
    color-stop(100%, rgba(64, 128, 64, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(83, 166, 83, 1) 0%,
    rgba(83, 166, 83, 1) 75%,
    rgba(64, 128, 64, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(83, 166, 83, 1) 0%,
    rgba(83, 166, 83, 1) 75%,
    rgba(64, 128, 64, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(83, 166, 83, 1) 0%,
    rgba(83, 166, 83, 1) 75%,
    rgba(64, 128, 64, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(83, 166, 83, 1) 0%,
    rgba(83, 166, 83, 1) 75%,
    rgba(64, 128, 64, 1) 100%
  );
}
/* mod_related_links */
.related_link {
  color: #ffffff;
  padding-bottom: 20px;
}
dl.top-recommend {
  margin: 15px 10px;
  border-radius: 5px;
  border-bottom: 8px solid #dadada;
  font-size: 15px;
  line-height: 2;
  padding: 20px 0 20px 12px;
  width: 190px;
  background: rgba(208, 208, 208, 1);
  background: -moz-linear-gradient(
    top,
    rgba(208, 208, 208, 1) 0%,
    rgba(237, 237, 237, 1) 28px,
    rgba(237, 237, 237, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(208, 208, 208, 1)),
    color-stop(28px, rgba(237, 237, 237, 1)),
    color-stop(100%, rgba(237, 237, 237, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(208, 208, 208, 1) 0%,
    rgba(237, 237, 237, 1) 28px,
    rgba(237, 237, 237, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(208, 208, 208, 1) 0%,
    rgba(237, 237, 237, 1) 28px,
    rgba(237, 237, 237, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(208, 208, 208, 1) 0%,
    rgba(237, 237, 237, 1) 28px,
    rgba(237, 237, 237, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(208, 208, 208, 1) 0%,
    rgba(237, 237, 237, 1) 28px,
    rgba(237, 237, 237, 1) 100%
  );
}
.recommend {
  font-size: 18px;
  line-height: 2;
  width: 170px;
  margin-left: -17px;
  margin-bottom: 5px;
  border-left: 5px solid #287a62;
  padding-left: 12px;
}
.rec-title1,
.rec-title2 {
  background: rgba(54, 153, 127, 1);
  background: -moz-linear-gradient(
    left,
    rgba(54, 153, 127, 1) 0%,
    rgba(54, 153, 127, 1) 75%,
    rgba(91, 199, 170, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(54, 153, 127, 1)),
    color-stop(75%, rgba(54, 153, 127, 1)),
    color-stop(100%, rgba(91, 199, 170, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(54, 153, 127, 1) 0%,
    rgba(54, 153, 127, 1) 75%,
    rgba(91, 199, 170, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(54, 153, 127, 1) 0%,
    rgba(54, 153, 127, 1) 75%,
    rgba(91, 199, 170, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(54, 153, 127, 1) 0%,
    rgba(54, 153, 127, 1) 75%,
    rgba(91, 199, 170, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(54, 153, 127, 1) 0%,
    rgba(54, 153, 127, 1) 75%,
    rgba(91, 199, 170, 1) 100%
  );
}
.rec-title2 {
  margin-top: 20px;
}
.recommend-list {
  border-bottom: 1px dotted #929292;
  width: 169px;
}
.recommend-list a {
  color: #347361;
  font-size: 14px;
  display: inline-block;
}
.recommend-list span.ellipsis {
  display: block;
  width: 89px;
  float: left;
}
.map-view {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.map-view img {
  width: 100%;
  display: block;
}
.result_table .multiple-ellipsis::after,
.news_title .multiple-ellipsis::after {
  display: none;
}
/* 單一文章 */
.article-title {
  color: #333333;
}
.article ol {
  margin-left: 2em;
}
.two-part dd {
  margin-bottom: 15px;
}
.article-list {
  margin-left: 20px;
}
.article-list li {
  margin-bottom: 5px;
  padding-left: 10px;
}
.sub-list {
  margin-left: 20px;
}
.article-ol {
  margin: 5px 0 15px 34px;
}
.article-ol li {
  padding-left: 10px;
}
.article-ul {
  margin: 5px 0 20px 15px;
}
.icon span {
  padding-left: 29px;
}
.td.ch,
.td.en {
  padding: 7px 0 7px 20px;
}
.ch {
  width: 250px;
}
.en {
  width: calc(100% - 254px);
}
.no-data {
  color: #666666;
  cursor: text;
}
a.icon::before {
  margin-right: 0.5em;
  vertical-align: text-top;
}
.pdf::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/pdf_small.gif);
}
/*word*/
.doc::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/doc_small.gif);
}
.docx::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/docx_small.gif);
}
.odt::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/odt_small.gif);
}
/*excel*/
.xls::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/xls_small.gif);
}
.xlsx::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/xlsx_small.gif);
}
.ods::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/ods_small.gif);
}
.ppt::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/ppt_small.gif);
}
.pptx::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/pptx_small.gif);
}
.odp::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/odp_small.gif);
}
/*壓縮檔*/
.zip::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/zip_small.gif);
}
.rar::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/rar_small.gif);
}
.seven-z::before {
  content: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/filesys/ext/7z_small.gif);
}

dt.article-title {
  font-weight: bold;
}
.privacy dt {
  margin-top: 15px;
}
.privacy dd {
  margin-left: 16px;
}
.privacy .article-ol {
  margin: 5px 0 0 34px;
}
/*	多行省略符號個別元素設定	20160712 Jean*/
/* 最新消息 */
#lastest_news .multiple-ellipsis::before,
#lastest_news .multiple-ellipsis {
  height: 46px;
  line-height: 23px;
}
.ch-news .multiple-ellipsis::after {
  top: -23px;
}
.en-news .multiple-ellipsis::after {
  top: -19px;
}
/* 主題報導 & 保育櫥窗 */
#topics .multiple-ellipsis::before,
#topics .multiple-ellipsis,
#care .multiple-ellipsis::before,
#care .multiple-ellipsis {
  height: 46px; /*20160810 mod*/
}
.ch-topics .multiple-ellipsis::after,
#care .multiple-ellipsis::after {
  top: -26px; /*20160810 mod*/
}
.en-topics .multiple-ellipsis::after {
  top: -24px;
}
/* 公園季刊 */
#mgz .multiple-ellipsis::before,
#mgz .multiple-ellipsis {
  height: 91px;
  line-height: 1.5; /*20160810 mod*/
}
.ch-mgz .multiple-ellipsis::after {
  top: -26px;
}
.en-mgz .multiple-ellipsis::after {
  top: -22px;
}
#mgz-text .multiple-ellipsis::before,
#mgz-text .multiple-ellipsis {
  height: 54px;
  line-height: 27px;
}
/* 最新消息 & 公園季刊 */
#lastest_news .multiple-ellipsis::after,
#mgz .multiple-ellipsis::after {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 1)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
}
/* 主題報導 */
#topics .multiple-ellipsis::after {
  background: rgba(83, 166, 83, 1);
  background: -moz-linear-gradient(
    left,
    rgba(83, 166, 83, 0) 0%,
    rgba(83, 166, 83, 1) 40%,
    rgba(83, 166, 83, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(83, 166, 83, 0)),
    color-stop(40%, rgba(83, 166, 83, 1)),
    color-stop(100%, rgba(83, 166, 83, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(83, 166, 83, 0) 0%,
    rgba(83, 166, 83, 1) 40%,
    rgba(83, 166, 83, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(83, 166, 83, 0) 0%,
    rgba(83, 166, 83, 1) 40%,
    rgba(83, 166, 83, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(83, 166, 83, 0) 0%,
    rgba(83, 166, 83, 1) 40%,
    rgba(83, 166, 83, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(83, 166, 83, 0) 0%,
    rgba(83, 166, 83, 1) 40%,
    rgba(83, 166, 83, 1) 100%
  );
}
/* 保育櫥窗 */
#care .multiple-ellipsis::after {
  background: rgba(57, 154, 186, 1);
  background: -moz-linear-gradient(
    left,
    rgba(57, 154, 186, 0) 0%,
    rgba(57, 154, 186, 1) 40%,
    rgba(57, 154, 186, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(57, 154, 186, 0)),
    color-stop(40%, rgba(57, 154, 186, 1)),
    color-stop(100%, rgba(57, 154, 186, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(57, 154, 186, 0) 0%,
    rgba(57, 154, 186, 1) 40%,
    rgba(57, 154, 186, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(57, 154, 186, 0) 0%,
    rgba(57, 154, 186, 1) 40%,
    rgba(57, 154, 186, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(57, 154, 186, 0) 0%,
    rgba(57, 154, 186, 1) 40%,
    rgba(57, 154, 186, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(57, 154, 186, 0) 0%,
    rgba(57, 154, 186, 1) 40%,
    rgba(57, 154, 186, 1) 100%
  );
}
/* hover, focus, active */
.active-bgc:hover,
.active-bgc:focus,
.pagination a:hover,
.pagination a:focus,
.pagination a:active,
.input-mini:hover,
.input-mini:focus,
.input-mini:active,
.small_intro .text .read_more:hover,
.small_intro .text .read_more:focus,
.small_intro .text .read_more:active,
.tbody .tr:hover,
.tbody [data-role='tr']:hover,
.link-figure:hover {
  background-color: #dff0d8;
}

.article a:hover,
.article a:focus,
.article a:active,
.event_info a:hover,
.event_info a:focus,
.event_info a:active {
  text-decoration: underline;
}
.article a,
.active-color:hover,
.active-color:focus,
.active-color:hover .tablink,
.active-color:focus .tablink,
.active-color:hover span::before,
.active-color:focus span::before,
.active-color:active span::before,
.itemid-151 .active-color:hover,
.itemid-151 .active-color:focus,
.itemid-151 .active-color:active,
.itemid-152 .active-color:hover,
.itemid-152 .active-color:focus,
.itemid-152 .active-color:active,
.itemid-153 .active-color:hover,
.itemid-153 .active-color:focus,
.itemid-153 .active-color:active,
.itemid-154 .active-color:hover,
.itemid-154 .active-color:focus,
.itemid-154 .active-color:active,
.itemid-157 .active-color:hover,
.itemid-157 .active-color:focus,
.itemid-157 .active-color:active,
ul.submenu_warpper .active .menu_link_2,
ul.submenu_warpper .active .menu_link_2 span::before,
.menu_link_2:hover,
.menu_link_2:focus,
.menu_link_2:active,
.menu_link_2:hover span::before,
.menu_link_2:focus span::before,
.menu_link_2:active span::before,
.twoblock:hover::before,
.twoblock:focus::before,
.twoblock:active::before,
.footmenu .active .sitemap_submenu .active-color:hover,
.footmenu .active .sitemap_submenu .active-color:focus,
.footmenu .active .sitemap_submenu .active-color:active,
.footcontent .active .active-color,
.breadcrumbs .pathway:hover span,
.breadcrumbs .pathway:focus span,
.breadcrumbs .pathway:active span,
.breadcrumbs .pathway[title='首頁']:hover::before,
.breadcrumbs .pathway[title='首頁']:focus::before,
.breadcrumbs .pathway[title='首頁']:active::before,
.input-mini:hover,
.input-mini:focus,
.input-mini:active,
.pagination a:hover,
.pagination a:focus,
.pagination a:active,
.acca:focus,
.event_info a {
  color: #369a3b;
}
.acca:focus {
  outline: #369a3b solid 1px;
}
.topmenu .active .active-color:hover,
.topmenu .active .active-color:focus,
.topmenu .active .active-color:active,
.footmenu .active .active-color:hover,
.footmenu .active .active-color:focus,
.footmenu .active .active-color:active,
.footmenu .active .sitemap_submenu .active .active-color:hover,
.footmenu .active .sitemap_submenu .active .active-color:focus,
.footmenu .active .sitemap_submenu .active .active-color:active,
.nav2 .footmenu .active .sitemap_submenu .active .active-color:hover,
.nav2 .footmenu .active .sitemap_submenu .active .active-color:focus,
.nav2 .footmenu .active .sitemap_submenu .active .active-color:active,
.leftmenu .active .active-color:hover,
.leftmenu .active .active-color:focus,
.leftmenu .active .active-color:active,
#global_search_form #global_search:focus::before,
#global_search_form #global_search_input:focus,
#topics .more:hover,
#topics .more:focus,
#topics .more:active,
#care .more:hover,
#care .more:focus,
#care .more:active,
#security:hover,
#privacy:hover,
#security:focus,
#privacy:focus,
#security:active,
#privacy:active,
.nav2 #security:hover,
.nav2 #privacy:hover,
.nav2 #security:focus,
.nav2 #privacy:focus,
.nav2 #security:active,
.nav2 #privacy:active,
.nav2 #global_search_form #global_search:focus::before,
.nav2 .tab_active,
.nav2 .tab_active .tab_link.active,
.related_link a:hover span,
.related_link a:focus span,
.related_link a:active span {
  color: #ffffff;
}
.related_link a:hover span,
.related_link a:focus span,
.related_link a:active span {
  background-color: #57ad93;
}
#global_search_form #global_search_input:focus {
  background-color: #53a653;
}
#global_search_form #global_submit:hover,
#global_search_form #global_submit:focus,
#global_search_form #global_submit:active,
.socialBtn a:hover,
.socialBtn a:focus,
.socialBtn a:active {
  background-color: #666666;
}
.nav1 .gpmenu_item.researchers:hover,
.nav1 .gpmenu_item.researchers:focus,
.nav1 .gpmenu_item.researchers:active,
.nav2 .gpmenu_item.public:hover,
.nav2 .gpmenu_item.public:focus,
.nav2 .gpmenu_item.public:active,
.gpmenu_item:hover::before,
.gpmenu_item:focus::before,
.gpmenu_item:active::before {
  color: #cccccc;
}
.nav2 a.extended-item:hover,
.nav2 a.extended-item:focus,
.nav2 a.extended-item:active {
  color: #666666;
}
.more:hover,
.more:focus,
.more:active {
  color: #999999;
}
.more:hover::before,
.more:focus::before,
.more:active::before {
  background-color: #999999;
}
.read_more:hover,
.read_more:focus,
.read_more:active {
  background-color: #474747;
}
.efpublication-link:hover,
.efpublication-link:focus,
.efpublication-link:active {
  color: #369a3b;
}
.event_subj:hover,
.event_subj:focus,
.event_subj:active {
  color: #999999;
}
#topics .more:hover::before,
#topics .more:focus::before,
#topics .more:active::before,
#care .more:hover::before,
#care .more:focus::before,
#care .more:active::before {
  background-color: #ffffff;
}
#events .more:hover,
#events .more:focus,
#events .more:active {
  color: #eeeeee;
}
#events .more:hover::before,
#events .more:focus::before,
#events .more:active::before {
  background-color: #eeeeee;
}
#gmap .tab .tab_link:hover,
#gmap .tab .tab_link:focus,
#gmap .tab .tab_link:active,
.gmap_subj:hover,
.gmap_subj:focus,
.gmap_subj:active,
.gmap_img > a:hover .gmap_img_title,
.gmap_img > a:focus .gmap_img_title,
.gmap_img > a:active .gmap_img_title {
  color: #a6ffa6;
}
.angle-bracket:hover {
  color: #9e9e9e;
}
.menu_sitemap .mainmenu_item:active {
  color: #ffd400;
}
.tmplBtn:hover,
.tmplBtn:focus,
.tmplBtn:active,
.nav2 .tmplBtn:hover,
.nav2 .tmplBtn:focus,
.nav2 .tmplBtn:active {
  background-color: #575757;
}
.item-title:hover,
.item-title:focus,
.item-title:active {
  background-color: #369a3b;
}
.related_links a:hover,
.related_links a:focus,
.related_links a:active {
  color: #575757;
}
.nav2 .catlist .tab_now,
.nav2 .catlist .tab_now .tab_link,
.nav2 .tab_active,
.nav2 .tab_active a {
  color: #ffffff;
}
.nav2 .catlist {
  border-bottom-color: #399aba;
}
.nav2 .catlist .tab_now,
.nav2 .catlist .tab_now .tab_link,
.nav2 .tab_active,
.nav2 .tab_active .tab_link.active,
.nav2 .item-title:hover,
.nav2 .item-title:focus,
.nav2 .item-title:active {
  background-color: #399aba;
}
.nav2 .tab-content {
  border-top-color: #399aba;
}
.nav2 .article a,
.nav2 .section_subtitle,
.nav2 #fwgallery .fwg-title,
.nav2 .active-color:hover,
.nav2 .active-color:focus,
.nav2 .active-color:active,
.nav2 .active-color:hover span::before,
.nav2 .active-color:focus span::before,
.nav2 .active-color:active span::before,
.nav2 ul.submenu_warpper .active .menu_link_2,
.nav2 ul.submenu_warpper .active .menu_link_2 span::before,
.nav2 .menu_link_2:hover,
.nav2 .menu_link_2:focus,
.nav2 .menu_link_2:active,
.nav2 .menu_link_2:hover span::before,
.nav2 .menu_link_2:focus span::before,
.nav2 .menu_link_2:active span::before,
.nav2 .twoblock:hover::before,
.nav2 .twoblock:focus::before,
.nav2 .twoblock:active::before,
.nav2 .footmenu .active .sitemap_submenu .active-color:hover,
.nav2 .footmenu .active .sitemap_submenu .active-color:focus,
.nav2 .footmenu .active .sitemap_submenu .active-color:active,
.nav2 .footcontent .active .active-color,
.nav2 .breadcrumbs .pathway:hover span,
.nav2 .breadcrumbs .pathway:focus span,
.nav2 .breadcrumbs .pathway:active span,
.nav2 .breadcrumbs .pathway[title='首頁']:hover::before,
.nav2 .breadcrumbs .pathway[title='首頁']:focus::before,
.nav2 .breadcrumbs .pathway[title='首頁']:active::before,
.nav2 .input-mini:hover,
.nav2 .input-mini:focus,
.nav2 .input-mini:active,
.nav2 span.pagenav,
.nav2 .pagination a:hover,
.nav2 .pagination a:focus,
.nav2 .pagination a:active,
.nav2 .acca:focus,
.nav2 .event_info a {
  color: #1c95c9;
}
.nav2 .acca:focus {
  outline: #1c95c9 solid 1px;
}
.nav2 #security,
.nav2 #privacy {
  color: #399aba;
}
.nav2 span.pagenav {
  border-bottom: 2px solid #399aba;
}
.nav2 .socialBtn a:hover,
.nav2 .socialBtn a:focus,
.nav2 #global_search_form #global_search_input:focus,
.nav2 #global_search_form #global_submit:hover,
.nav2 #global_search_form #global_submit:focus,
.nav2 #global_search_form #global_submit:active,
.nav2 .tmplBtn {
  background-color: #399aba;
}
.nav2 .sect_desc,
.nav2 .nodata,
.nav2 .extended {
  background-color: #d8eaf0;
  border: 1px solid #c5dfe8;
  color: #3283a6;
}
.nav2 .rss-table {
  border: 2px solid #399aba;
}
.nav2 .extended h3 {
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/npt011/filesys/image/extended-nav2.png) no-repeat 45px center;
}
.nav2 .back:hover,
.nav2 .back:focus,
.nav2 .back:active,
.nav2 a.extended-item {
  color: #3283a6;
}
.nav2 .back:hover .go-back::before,
.nav2 .back:focus .go-back::before,
.nav2 .back:active .go-back::before {
  color: #ffffff;
  background-color: #3283a6;
}
.nav2 .active-bgc:hover,
.nav2 .active-bgc:focus,
.nav2 .active-bgc:active,
.nav2 .pagination a:hover,
.nav2 .pagination a:focus,
.nav2 .pagination a:active,
.nav2 .input-mini:hover,
.nav2 .input-mini:focus,
.nav2 .input-mini:active,
.nav2 .small_intro .text .read_more:hover,
.nav2 .small_intro .text .read_more:focus,
.nav2 .small_intro .text .read_more:active,
.nav2 .tbody .tr:hover,
.nav2 .tbody [data-role='tr']:hover,
.nav2 .link-figure:hover {
  background-color: #d8eaf0;
}
.nav2 .leftmenu li.active {
  border-left: 5px solid #2b6c82;
  background: rgba(57, 154, 186, 1);
  background: -moz-linear-gradient(
    left,
    rgba(57, 154, 186, 1) 0%,
    rgba(57, 154, 186, 1) 75%,
    rgba(38, 121, 149, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(57, 154, 186, 1)),
    color-stop(75%, rgba(57, 154, 186, 1)),
    color-stop(100%, rgba(38, 121, 149, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(57, 154, 186, 1) 0%,
    rgba(57, 154, 186, 1) 75%,
    rgba(38, 121, 149, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(57, 154, 186, 1) 0%,
    rgba(57, 154, 186, 1) 75%,
    rgba(38, 121, 149, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(57, 154, 186, 1) 0%,
    rgba(57, 154, 186, 1) 75%,
    rgba(38, 121, 149, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(57, 154, 186, 1) 0%,
    rgba(57, 154, 186, 1) 75%,
    rgba(38, 121, 149, 1) 100%
  );
}
#fwg {
  width: 231px;
  float: right;
  position: relative;
  background-color: #2d2d2d;
}
#fwg_title {
  background-color: #383838;
  color: #ffffff;
}
.home_fwg,
.home_fwg img {
  width: 100%;
  height: 135px;
  display: block;
}
#fwg .more {
  color: #ffffff;
  text-align: right;
  padding-right: 10px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
#fwg .more:before {
  color: #2d2d2d;
  background-color: #ffffff;
  left: auto;
  right: 62px;
}
.itemid-101 #parkmap .parkmap_item,
.itemid-101 #parkmap .map,
.itemid-101 #parkmap .bg-img {
  height: 250px;
}
/*英文版首頁快速連結*/
.quick-link {
  width: 333px;
  padding: 0;
  float: left;
  background-color: #53a653;
}

.quick-link li {
  border-bottom: 1px solid #478f47;
}
.qlink {
  color: #ffffff;
  display: block;
  line-height: 2.3;
  padding: 7px 0 8px 85px;
  margin: 0;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat;
  height: 50px;
  width: 100%;
}
#alink-1 {
  background-position: 0px 11px;
}
.itemid-223 #alink-2 {
  background-position: 0px -38px;
}
.itemid-223 #alink-2::before,
.en #alink-2::before {
  content: none;
}
/*日、韓、越 快速連結*/
#alink-2 {
  position: relative;
}
#alink-2::before {
  content: '\f16a';
  position: absolute;
  left: 30px;
  top: -13px;
  font-size: 2rem;
  color: #ffffff;
}
#alink-3 {
  background-position: 0px -86px;
}
#alink-4 {
  background-position: 0px -135px;
}
#alink-5 {
  background-position: 0px -183px;
}
.qlink:hover,
.qlink:focus,
.qlink:active {
  color: #2d592d;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat, rgba(71, 143, 71, 1);
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    -moz-linear-gradient(left, rgba(71, 143, 71, 1) 0%, rgba(83, 166, 83, 1) 75%, rgba(
            83,
            166,
            83,
            1
          )
          100%);
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 143, 71, 1)), color-stop(75%, rgba(83, 166, 83, 1)), color-stop(100%, rgba(83, 166, 83, 1)));
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    -webkit-linear-gradient(left, rgba(71, 143, 71, 1) 0%, rgba(83, 166, 83, 1)
          75%, rgba(83, 166, 83, 1) 100%);
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    -o-linear-gradient(left, rgba(71, 143, 71, 1) 0%, rgba(83, 166, 83, 1) 75%, rgba(
            83,
            166,
            83,
            1
          )
          100%);
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    -ms-linear-gradient(left, rgba(71, 143, 71, 1) 0%, rgba(83, 166, 83, 1) 75%, rgba(
            83,
            166,
            83,
            1
          )
          100%);
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021170826/https://np.cpami.gov.tw/templates/system/images/en-icon.png) no-repeat,
    linear-gradient(
      to right,
      rgba(71, 143, 71, 1) 0%,
      rgba(83, 166, 83, 1) 75%,
      rgba(83, 166, 83, 1) 100%
    );
}
/*英文版內頁快速連結*/
.related_link .quick-link {
  width: 210px;
}
.related_link .qlink {
  padding: 9px 9px 9px 65px;
  width: 100%;
  height: 53px;
  line-height: 1.2;
}
.related_link #alink-1 {
  background-position: -13px 12px, 0 0;
}
.related_link #alink-2 {
  background-position: -13px -38px, 0 0;
}
.related_link #alink-3 {
  background-position: -13px -86px, 0 0;
}
.related_link #alink-4 {
  background-position: -13px -135px, 0 0;
}
.related_link #alink-5 {
  background-position: -13px -183px, 0 0;
}

span.media-button {
  color: #ffffff;
  padding: 0 5px;
  border: 1px solid transparent;
}
span.media-button {
  background: #53a653;
}
.nav2 span.media-button {
  background: #399aba;
}
span.media-button:hover,
span.media-button:hover,
span.media-button:active,
.nav2 span.media-button:hover,
.nav2 span.media-button:hover,
.nav2 span.media-button:active {
  background: #474747;
}
.privacy-list {
  padding-left: 2em;
  list-style-type: disc;
}
.privacy-item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.privacy-item span {
  display: block;
  font-weight: bold;
}
.privacy-item ol {
  padding-left: 1em;
}

/* media_btns	內頁_分享按鈕 & 字級 */
.newslatter_media_btns span#social_tools a {
  margin-right: 6px;
}
.newslatter_media_btns img {
  width: 21px;
  height: 21px;
  border-radius: 5px;
}
.newslatter_media_btns i {
  font-size: 24px;
}
.newslatter_media_btns i,
.media_btns .fontsize_label {
  vertical-align: 2px;
}
.menutabs {
  font-size: 15px;
  /*	不讓 tab 文字縮放，以免破版；要讓文字縮放的要用 em；沒有特別定義的都會縮放	*/
}
/* 活動報名 / 檢視名單*/
.nav1 .admitted {
  color: #2b832b;
}
.nav2 .admitted {
  color: #1c95c9;
}
.not-admitted {
  color: #bf4c4c;
}
.nav1 .waiting-list {
  color: #a45d11;
}
.nav2 .waiting-list {
  color: #874c96;
}

/*地圖檢視*/
.m_table {
  background-color: #eee;
  border-collapse: collapse;
}
.m_table th {
  background-color: #666;
  color: white;
  white-space: nowrap;
}
.m_table td,
.m_table th {
  padding: 2px;
  border: 1px solid #444;
}






/*
     FILE ARCHIVED ON 17:08:26 十月 21, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 2:28:11 五月 16, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/