@charset "utf-8";
body {
	font: 100% "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
	background-color: #ebf0d8;
	margin: 0;
	padding: 0;
	color: #464646;
}
a img { border: none;}
.container {
	max-width: 972px;	
	margin: 0 auto;
}
.container > .TOPMENU, .container > .row > .sidebar1,  .container > .row >  .Rightcontent, .container > .headerA{
	margin-right: -15px;
	margin-left: -15px;
}
.container > .row > .sidebar1, .container > .row > .Rightcontent, .container > .headerA{ margin-left:0; margin-right:0;  padding:0;}


/* DeskTop First 桌機版優先 */

.top_icon{ margin:0; padding:0; text-align:right; padding:3px 10px; font-size:.9em; letter-spacing:1px; background:#c7d29f;}
.top_icon a{ color:#176701;  text-decoration:none;}
.top_icon a:hover{ color:#7ea000;}
.top_iconM{ max-width:970px; margin:0 auto;}

/*上方選單*/
.TOPMENU {text-align:center;}
.TOPMENU a, .TOPMENU a:visited{ display:block; color:#111; text-decoration:none;}
.TOPMENU .MENU1, .TOPMENU .MENU2, .TOPMENU .MENU3, .TOPMENU .MENU4, .TOPMENU .MENU5, .TOPMENU .MENU6{background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/menu_bg.png) no-repeat;line-height:38px;}
.TOPMENU .MENU1 a, .TOPMENU .MENU2 a, .TOPMENU .MENU3 a, .TOPMENU .MENU4 a, .TOPMENU .MENU5 a, .TOPMENU .MENU6 a{ margin-right: -15px; margin-left: -15px;}
.MENU1 a:hover, .MENU1 a:active, .MENU2 a:hover, .MENU3 a:hover, .MENU3 a:active,  .MENU4 a:hover, .MENU4 a:active, .MENU5 a:hover, .MENU6 a:hover, .MENU6 a:active{ color:#fff; border-radius:10px 10px 0 0;}
.TOPMENU > .alt1,.TOPMENU > .alt2,.TOPMENU > .alt3,.TOPMENU > .alt4,.TOPMENU > .alt5,.TOPMENU > .alt6{color:#fff; border-radius:10px 10px 0 0;}
.TOPMENU .MENU1{ border-bottom:8px solid #900;}
.TOPMENU .MENU1 a:hover{ background:#900;}
.TOPMENU > .alt1, .nav > .alt1{ background:#900;}
.TOPMENU .MENU2{ border-bottom:8px solid #00783f;}
.TOPMENU .MENU2 a:hover{ background:#00783f;}
.TOPMENU .alt2, .nav > .alt2{ background:#00783f;}
.nav > .alt2{background:#690;}
.TOPMENU .MENU3{ border-bottom:8px solid #9c4d00;}
.TOPMENU .MENU3 a:hover{ background:#9c4d00;}
.TOPMENU > .alt3, .nav > .alt3{ background:#9c4d00;}
.TOPMENU .MENU4{ border-bottom:8px solid #009c88;}
.TOPMENU .MENU4 a:hover{ background:#009c88;}
.TOPMENU > .alt4, .nav > .alt4{ background:#009c88;}
.TOPMENU .MENU5{ border-bottom:8px solid #5f4876;}
.TOPMENU .MENU5 a:hover{ background:#5f4876;}
.TOPMENU > .alt5, .nav > .alt5{ background:#5f4876;}
.TOPMENU .MENU6{ border-bottom:8px solid #006098;}
.TOPMENU .MENU6 a:hover{ background:#006098;}
.TOPMENU > .alt6, .nav > .alt6{ background:#006098;}

/* ~~ 左選單 ~~ */

.sidebar1{margin-right: -15px;	margin-left: -15px;}
hr.HRSTY1{ border:0; height:3px; background-color:#000; color:#000; margin-bottom:0;}
.nav {
	text-align:center;
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.nav .Leftlist {
	border-bottom: 1px solid #fff; 
	letter-spacing:1px;
}
.nav .Leftlist a, .nav .Leftlist a:visited{ 
	padding: 8px 5px;
	display: block;
	text-decoration: none;
	color:#fff;
}
.nav .Leftlist a:hover, .nav .Leftlist a:active, .nav .Leftlist a:focus {
	color:#FFC;
	background:#690;
}
.nav .LITITLE{
	padding: 8px 5px; 
	color:#fff;
	background:#004a27;
	font-weight:bold;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

ul.LINKUT{ list-style:none; margin:5px 0 0 0; padding:0; text-align:center;}
ul.LINKUT li{ margin-bottom:5px; }
ul.LINKUT li.titleAFA{ font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#4c7700; line-height:18px; background:#a7c572; padding:5px 0; border-top:3px #5c932f solid; padding-bottom:12px;margin-bottom:8px;}
ul.LINKUT li a{ background:#FFF; padding:6px 0; display:block;border-radius:8px;}
ul.LINKUT li a:hover{ background:#fffcc5;}

.headerP{ 
	position:relative;z-index:3; height:180px;}
.HIDEP{
	position: absolute;
	top: 138px;
	z-index: 99;
}
.headerA{ position:relative;z-index:3; height:180px;}
.HIDEA{ width:100%; position:absolute; top:131px;z-index:99;}
.content {
	padding:0 10px 10px 10px;
}
/*首頁輪播圖片*/
.picsp {  
    position:absolute;  
    padding: 0;  
    margin:  0;
	bottom:0;
	top:0;
} 
.picsp img{
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 3;
	opacity: 0;	 
}
/*首頁輪播圖片*/
.picsa {  
    position:absolute;   
    padding: 0;  
    margin:  0;
	bottom:0;
	top:0;
} 
.picsa img{
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 3;
	opacity: 0; 
}
/*輪播圖片*/
.showphoto{ text-align:center;}
.showphoto img{ margin:0 auto; width:auto; height:100%; max-height:300px;}
.carousel{ background:rgba(51,102,0,0.8)}
.LINK{}
/* ~~ table ~~ */
.TABLE_b{
	width:100%;
	border-collapse:collapse;
	border-top: 2px solid #00869f;
	border-bottom: 1px solid #258cc5;
	background:#fff;
	text-align:center;
}
.TABLE_b th { 
    text-align:center;
	color: #fff; 
    border-bottom: 1px solid #3eaec3;  
    text-transform: uppercase;
    padding: 5px 8px;
	background: #49c0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #49c0f0 0%, #0576aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#0576aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #49c0f0 0%,#0576aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#0576aa',GradientType=0 ); /* IE6-9 */
}

.TABLE_b td {
	font-size:1rem; 
    border-bottom: 1px dashed #258cc5;
	padding:5px 8px;
	color: #111;
}
.TABLE_b tr:nth-child(even){background:#fff;}
.TABLE_b tr:nth-child(odd){background:#e7fbff;}

.TABLE_b td.alt {
	background-color:#fffadc;
    color: #797268; 
}
.TABLE_b a{ text-decoration:none; color:#111;}
.TABLE_b a:hover{ color:#39C;}
.TABLE_B caption{ text-align:left; padding-bottom:5px;}
.TABLE_B{ width:100%; margin:3px auto; background-color:#FFFFFF;text-align:center;}
.TABLE_B th{ background:#def4ff; color:#006699; padding:4px; border:#84c3e7 double 1px; text-align:center;}
.TABLE_B tr{}
.TABLE_B td{ border:#CCCCCC double 1px; color:#111; padding:2px 3px; }

.TABLE1{ margin:0 auto; background-color:#FFFFFF; width:100%; border-collapse:collapse; border: 1px solid #ccc; margin:5px 0;}
.TABLE1 caption{ background:#1b94c1; border-radius:8px 8px 0 0; width:200px; padding:5px 0; color:#FFF; letter-spacing:2px; text-align:center;}
.TABLE1 th{ background:#def4ff;  font-weight:normal; color:#006699; padding:2px; border:#84c3e7 double 1px;}
.TABLE1 tr{}
.TABLE1 td{ border-bottom:#CCCCCC double 1px; font-size:13px; color:#111; padding:3px; vertical-align:top;}
.TABLE1 a{ color:#06C;}

.TABLE_g{ width:100%;  background-color:#FFFFFF; border-collapse:collapse; border: 1px solid #3eaec3; text-align:center;}
.TABLE_g th{background:#effcd4;  font-weight:normal; color:#315301; padding:3px; border:#9ccc34 double 1px; margin:2px; text-align:center;}
.TABLE_g td{border:#CCCCCC double 1px; color:#111; padding:2px; vertical-align: middle;background-color:#FFFFFF;}
.TABLE_people{
	width:100%;
	border-collapse:collapse;
	border-top: 2px solid #00869f;
	border-bottom: 1px solid #258cc5;
	background:#fff;
	margin-top:10px;
	border-right: 1px solid #3eaec3;
}
.TABLE_people th { 
    text-align:center;
	vertical-align:top;
	color: #fff; 
    border-bottom: 1px solid #3eaec3;  
    text-transform: uppercase;
    padding: 5px 8px;
	background: #49c0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #49c0f0 0%, #0576aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#0576aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #49c0f0 0%,#0576aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #49c0f0 0%,#0576aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#0576aa',GradientType=0 ); /* IE6-9 */
}

.TABLE_people td {
    border-bottom: 1px dashed #258cc5;
	padding:15px 8px;
	color: #111;
}
.TABLE_people tr:nth-child(even){background:#fff;}
.TABLE_people tr:nth-child(odd){background:#f5f5f5;}


.TABLE_phone{ font-size:15px; width:90%; margin:0 auto; background-color:#FFFFFF;}
.TABLE_phone th{ background:#def4ff; color:#006699; padding:2px 5px; border:#84c3e7 double 1px; text-align:right; width:50%;}
.TABLE_phone tr{}
.TABLE_phone td{ text-align:left;border:#CCCCCC double 1px; color:#111; padding:2px 3px; }
/*步驟樣式*/
.wizard{margin-bottom:10px; font-size:18px;}
.wizard a {padding: 10px 10px 8px 12px; margin-right:5px; background:#fff;margin-bottom:5px; position:relative; display:inline-block; line-height:26px; }
.wizard a:before {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 24px inset transparent; border-left: 24px solid #ebf0d8; position: absolute; content: ""; top: 0; left: 0;}
.wizard a:after {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 24px inset transparent; border-left: 24px solid #fff; position: absolute; content: ""; top: 0; right: -23px; z-index:2;}
.wizard a:hover{ text-decoration:none; background-color:#60a748; color:#fff; cursor:pointer;}
.wizard a:hover:after  {border-left:24px solid #60a748; color:#fff;}
.wizard a:first-child:before {border:none;}
.wizard a:last-child:after {border:none;}

.wizard a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius:4px 0 0 4px;}
.wizard a:last-child {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius:0 4px 4px 0;}

.wizard .badge {margin:0 5px 0 18px; position:relative; top:-1px; background:#3f8228;}
.wizard a:first-child .badge {margin-left:0;}

.wizard .current {background:#88c673; color:#fff;}
.wizard .current:after {border-left-color:#88c673;}

.DATA{ width:100%; margin:0 auto; background-color:#FFFFFF; text-align:center; }
.DATA a{text-decoration:none; }
.DATA caption{width:100%; background:#069; color:#FFF; font-size:24px; font-weight:bold;}
.DATA th{ background:#0097b7; color:#fff; padding:5px 2px; border:#84c3e7 double 1px; font-size:1.2em;text-align:center;}
.DATA tr{}
.DATA td{border:#CCCCCC double 1px; color:#111; padding:2px 3px; }
.DATA tr:nth-child(even){background:#e7fbff; font-size:18px; font-weight:bold;}
.DATA tr:nth-child(odd){background:#fff;}
/*宿營地圖片*/
.showinfor{ width:90%; margin:10px auto; background:#fff; border-radius:10px; border:1px #393 dashed; padding:10px;}
.showinfor ul{ word-break:break-all}
.showinfor > div > ul > li{ list-style:circle; padding:3px 0 2px 0;margin-left:20px;}
.showinfor > ol {margin-left:10px;}
.showinfor .showpic{ width:200px; height:auto; margin-bottom:5px; border:1px #999 solid; padding:5px; cursor:pointer;}

.DATAM{width:100%; margin:0 auto; background-color:#FFF; text-align:center; border-collapse:collapse;}
.DATAM caption{}
.DATAM th{ background:#0097b7; color:#fff; padding:2px 5px; border:#84c3e7 double 1px; text-align:center;}
.DATAM td{border:#CCCCCC double 1px; color:#111; padding:2px 3px; }
.DATAM tr:nth-child(odd){background:#fff;}
.DATATITLE{width:90%;background:#069; color:#FFF; margin:0 auto;text-align:center;font-size:1.2em;}
.DATATITLE td{padding:5px 0;}
.DATATITLE td a{ color:#FFF;}
.DATATITLE td a:hover{ text-decoration:none; color:#9FF;}
/*頁籤*/
.tabs{margin-bottom: 0;}
.tabs li{ }
.tabs li a{ color:#fff;}
.tabs li a:hover,.tabs li a:hover::after,.tabs li a:focus,.tabs li a:focus::after{color: #fff; background: #7bc200;}
.tabs .active a{background: #7bc200;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color: #fff; background: #7bc200;}
.tabmain
{
    background: #fff;
	border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;
    padding: 15px;
	border-radius:0 0 10px 10px;
	word-wrap:break-word;
	margin-bottom:10px;
}
i.iyushan{ display:block; width:30px; height:30px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/logo_1.png); background-size:cover;}
.tabmain h3{}
/*頁籤內容排版*/
ul.noticetitle{ margin:0; padding-left:5px;}
ul.noticetitle li{ font-size:1.2rem; color:#0097b7; margin-left:15px; padding-left:5px;  list-style-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/icon_g.png); margin-bottom:5px;}
ul.noticetitle li ul.notice{ text-decoration:none; color:#666; margin:5px 0;}
ul.noticetitle li ul.notice li{ color:#666; font-size:1rem; border-bottom:1px dotted #CCC; margin-bottom:5px; padding-bottom:5px; list-style-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/control_right.png);}
ul.noticetitle li p{ color:#666; font-size:1rem; border-bottom:1px dotted #CCC; margin:0 0 2px 0; padding:4px 0 2px 0; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/control_right.png) no-repeat left 8px; padding-left:13px;}
ul.noticetitle p:last-child{border:0;}
ol.privacy{ margin:10px 0; padding:0;}
ol.privacy li{ font-size:1rem; color:#111; margin-left:35px; margin-top:8px;}
ol.privacy li h3{ font-size:1.1rem;padding:0; margin:0;color:#5b8f00; font-weight:700;}
ol.privacy li ul{padding:0; margin:0;}
.LAWS h3{background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/icon_g.png) no-repeat left 50%; padding:0 0 0 18px; margin:0 0 5px; font-size:20px; color:#708d00;}
.LAWS ol{ margin:0;}
.LAWS ol li{  border-bottom:1px dotted #CCC; margin:5px 0; padding-bottom:6px;}
.LAWS ol li a{ text-decoration:none; color:#666;}
.LAWS ol li a:hover{ color:#693;}
.PLACE{padding-bottom:20px; margin:20px auto; }
.PLACEtitle{background-color:#5f4876; margin:0; padding:5px; color:#fff;}
.PLACE p{ padding:5px; text-indent:30px;}
.mountain { text-align:center; margin:0; padding:0;}
.mountain a{ margin-bottom:3px;}
ul.mountain li{ display:inline;  border-right:1px solid #666;}
ul.mountain li:first-Child{ border-left:1px solid #666;}
ul.mountain li a{ text-decoration:none; color:#069;padding:3px 5px;}
ul.mountain li a:hover, ul.mountain li a:focus, ul.mountain li.altM{ background:#066; border-radius:5px; color:#FFF;}

.trekking{ text-align:center;}
.trekking h3{ color:#80c900;}
.trekking h3.titleplan{background:#dbf6bf; letter-spacing:2px; color:#360; padding:2px 0;font-size:20px; border-bottom:1px solid #b1d88a; border-top:1px solid #b1d88a;}
.trekking h4{ text-align:left; font-weight:bold; font-size:18px;  margin:1em 0 .5em 0; padding:5px; padding-left:30px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/1344481701_001_21.png) no-repeat left 50%;}
.trekking p{ text-align:left; vertical-align:middle; line-height:26px;}
.trekking span.data1{ padding:5px; background:#9C0; margin:10px 10px 10px 0; border-radius:5px; color:#fff; }
.trekking span.road1{padding:5px; background:#F66; margin:10px 10px 10px 0; border-radius:5px; color:#fff; }
.trekking img{ width:100%;max-width:730px; height:auto;}

.trekking ul{ text-align:left;}
.trekking li{ list-style-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/icon_g.png); margin-top:8px;line-height:22px;}
.BOLD{ font-weight:bold; font-size:110%;}

.webCAM{}
.webCAMdv{ width:380px; height:250px; float:left; background:#fff; border:3px solid #a7c572; margin:0 10px 10px 0;}
.webCAM h3{ margin:2px 0; padding:0; color:#43952b;}
.webCAM p{ margin:2px; padding:0; text-indent:32px;}

.sitebox ul{padding:5px 0 5px 20px;}

/* ~~ 頁尾 ~~ */
.footer {
	padding: 10px 0;
	font-size:15px;
	color:#FFF;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/footer_bg.jpg) repeat-x;
	
}
.footer_P{ max-width:900px; margin:0 auto; padding:0 10px 0 5px;}
.footer img.A{ float:right; margin:5px;}
.footer ul{ list-style:none; padding:0; margin:0;}
.footer li{ float:left; padding:0 10px; border-right:1px solid #fff;}
.footer li:first-child{border-left:1px solid #fff;}
.footer li a{ color:#FF0; text-decoration:none;}
.footer li a:hover{ color:#9F0;}
.footer p{ font-size:13px; line-height:22px; text-align:left;}
.gmapLIKE a{ padding:3px 8px; margin:0 5px; background:#063; color:#fff; text-decoration:none;}
.gmapLIKE a:hover{ background:#118119;}

/* ~~ 其他 float/clear 類別 ~~ */
.fltrt {  /* 這個類別可用來讓元素在頁面中浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓元素在頁面左方浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*導盲磚*/
.tabU, .tabL, .tabC{ position:absolute;margin:0; padding:0;}
.tabL a, .tabC a, .tabU a{ color:rgba(255,255,255,0); text-decoration:none;}

/*導覽列*/
.siteMAP{ text-align:right; font-size:15px; letter-spacing:1px;}
.siteMAP a{ text-decoration:none; color:#666;}
.siteMAP a:hover{ color:#066; background:#FFC;}

/* Pager */
.page{ text-align:right; margin:5px; padding:5px;}
.page_page{ color:#C00;}
.page .alt{padding:3px 8px; }
.page a, .page a:visited{ color:#06C;}
.page a:hover{ background:#c2f6ff;}

/*文字*/

.Textb{ font-weight:bold; color:#111; letter-spacing:1px;}
.BU{ text-align:center; margin:15px 0;}
.BU a:hover,.BU a:active,.BU a:visited{text-decoration:none; color:#fff;}
.BUTTON_Y{ border:0; background:#FC0; color:#C00;  padding:6px 12px; margin:0 5px; cursor: pointer;}
.BUTTON_Y:hover{ background:#F90;}
.BUTTON_back{ border:0; background:#390; color:#fff; border-radius:4px;  padding:6px 12px; margin:0 5px; cursor: pointer; text-decoration:none;}
.BUTTON_back:hover{ background:#80c467;}
.content h2.title1{ font-size:24px; color:#469e26; margin:0; padding:0; letter-spacing:2px; line-height:5px; margin-bottom:20px;}
.content h2.title1::before,.content h2.title1::after{ content:"◆";}

.SEARCH{ background:#e1e1e1; padding:5px; border:1px solid #999; margin-bottom:10px;}
.SEARCH .form-group{ margin:0 15px;}
.newTITLE{ background:#fff; padding:5px 3px; border-top:1px dashed #6ca34d; border-bottom:1px dashed #6ca34d; margin:0 0 10px 0;}
.newTITLE h3{ color:#0e80b4; margin:0; padding:3px 5px; padding-left:35px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/blue.png) no-repeat left 50%; font-size:1.3em;}
.Textg{ font-size:1em; color:#111; letter-spacing:1px; display:block; padding-left:35px;}
.PIC{ width:100%; text-align:center;}
.PIC img{ padding:5px; margin:3px; margin-right:5px; border:1px solid #999; background:#fff;}
.NEWSMAIN p{ margin:0; color:#111; line-height:22px;}
.NEWSMAIN{ font-size:15px; padding:0 10px;}
.link{ text-align:left; padding:10px 10px 10px 20px; border-top:1px dashed #686868; border-bottom:1px dashed #686868; margin:15px 0;}
.REDWD_b{color:#C00; font-weight:bold;}
.WD_g{color:#090; font-weight:bold;}
.pnumber{ color:#09F; font-weight:bold;}
.titleLIST{ text-align:center; display:block; background-color:#393; color:#fff; padding:5px; margin:-1px 0 5px 0; z-index:inherit; font-size:1.2em;}
.FOOD h4{ font-size:17px; font-weight:600; background-color:#FFFFCC; padding:3px; color:#930;}
.FOOD ul.NO{ list-style:none;}
.FOOD ul.NO li{ margin-bottom:8px; color:#369;}
.FOOD p.F{ margin-left:30px;}

h3.PHONETITLE{background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175840/https://npm.cpami.gov.tw/images/icon_g.png) no-repeat left 50%; padding:5px 0 2px 18px; margin:5px 0; font-size:18px; color:#235299;}
.text_simple{ font-size:12px; color:#888;}
.tx_right{ text-align:right;}
.apply_park{ text-align:center;border:3px #cbd6a2 solid; background-color:#FFC;text-decoration:none;border-radius: 30px;}
.apply_park h3{ margin:0; padding:0; font-size:20px; color:#06C; font-weight:600;}
.news{ border:3px #677d94 solid; background-color:#abb9c7; }
.news h3{ color:#394c5e; }
.violation{ border:3px #980000 solid; background-color:#ffbeb6;}
.violation h3{ color:#980000; }
.violation p{color:#980000;}
.filedownload{ border:3px #167f95 solid; background-color:#2dacc7;}
.filedownload h3{ color:#fff; }
.filedownload p{color:#fff;}
.qa{ border:3px #177825 solid; background-color:#3cad4c;}
.qa h3{ color:#fff; }
.qa p{color:#fff;}
.row-fluid{ margin-bottom:10px; margin-top:10px;}
.glyphicon{ margin:0 2px;}
.glyphicon-asterisk{padding: 1px; border-radius:5px;}
.alert-show {
  color: #434343;
  background-color: #fff;
  border:1px #0097b7 dotted;
  padding:10px 20px;
}
@media screen and (min-width: 993px){
.footer_M{ display:none;}

}

/* 以下為 平板電腦 */
 
@media screen and (min-width: 768px) and (max-width: 992px) {
.TOPMENU .MENU1, .TOPMENU .MENU2, .TOPMENU .MENU3, .TOPMENU .MENU4, .TOPMENU .MENU5, .TOPMENU .MENU6{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.TOPMENU .MENU1 a, .TOPMENU .MENU2 a, .TOPMENU .MENU3 a, .TOPMENU .MENU4 a, .TOPMENU .MENU5 a, .TOPMENU .MENU6 a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.footer_M{ display:none;}
.nav .Leftlist {border-bottom:0; }
}

/* 以下為 手機版 */

@media screen and (max-width: 767px) {
	body,html{height:100%; }
	.Header{background:#a9cb7b; margin:0 -15px;height: 50px;}
	.TOPlogo{ padding:5px 15px; width:90%;max-width: 414px;}
	.NEWSMAIN{ padding:10px 0; margin:-10px 0; background-color:rgba(255,255,255,0.5);}
/*文字*/
	/*.content h2.title1{display:none;}*/
	.newTITLE h3{ font-size:1.1em; font-weight:500; line-height:1.3em;}
	.siteMAP{display: none}
	.SEARCH .form-group{margin:0 5px;}
	.wizard a:before { border-left: 24px solid #f5f7ec;}
/*主選單*/
	.content{ padding-bottom:5px;}
	.container > .TOPMENU{width:100%; position:fixed; bottom:0; z-index:9999;}
	.TOPMENU .MENU1, .TOPMENU .MENU2, .TOPMENU .MENU3, .TOPMENU .MENU4, .TOPMENU .MENU5, .TOPMENU .MENU6{background:#93bb33;border-radius:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-right:1px solid #366113;border-left:-1px;color: #111; text-shadow: 0 1px 1px #e3ed7d;}
	.TOPMENU .MENU1 a, .TOPMENU .MENU2 a, .TOPMENU .MENU3 a, .TOPMENU .MENU4 a, .TOPMENU .MENU5 a, .TOPMENU .MENU6 a{background: linear-gradient(to bottom, #e3ea75 0%,#6c9606 100%); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:0; color: #111; text-shadow: 0 1px 1px #e3ed7d; }
.MENU1 a:hover, .MENU1 a:active, .MENU2 a:hover, .MENU3 a:hover, .MENU3 a:active,  .MENU4 a:hover, .MENU4 a:active, .MENU5 a:hover, .MENU6 a:hover, .MENU6 a:active{ color:#fff; border-radius:0;text-shadow: 0 1px 1px #242;}
.TOPMENU > .alt1,.TOPMENU > .alt2,.TOPMENU > .alt3,.TOPMENU > .alt4,.TOPMENU > .alt5,.TOPMENU > .alt6{color:#fff; border-radius:0;text-shadow: 0 1px 1px #242;padding:0;margin:0;}
	.TOPMENU .MENU1{ border-bottom:8px solid #900;}
	.TOPMENU .MENU1 a:hover{ background:#900;}
	.TOPMENU > .alt1{ background:#900;}
	.TOPMENU .MENU2{ border-bottom:8px solid #00783f;}
	.TOPMENU .MENU2 a:hover{ background:#00783f;}
	.TOPMENU > .alt2{ background:#00783f;}
	.TOPMENU > .MENU3{ border-bottom:8px solid #9c4d00;}
	.TOPMENU > .MENU3 a:hover{ background:#9c4d00;}
	.TOPMENU > .alt3{background:#9c4d00;}
	.TOPMENU > .MENU4{ border-bottom:8px solid #009c88;}
	.TOPMENU > .MENU4 a:hover{ background:#009c88;}
	.TOPMENU > .alt4{ background:#009c88;}
	.TOPMENU > .MENU5{ border-bottom:8px solid #5f4876;}
	.TOPMENU > .MENU5 a:hover{ background:#5f4876;}
	.TOPMENU > .alt5{ background:#5f4876;}
	.TOPMENU > .MENU6{ border-bottom:8px solid #006098;}
	.TOPMENU > .MENU6 a:hover{ background:#006098;}
	.TOPMENU > .alt6{ background:#006098;}
	.nav .Leftlist {border-bottom:0; }
/*宿營地圖片*/
.showinfor{ width:100%; padding:10px 0;}
.showinfor > div > ul{ margin:0; padding:0;}
.showinfor .showpic{width:100%;}

/*版權*/
	.footer{padding-bottom:45px;}
	.footer_M p{ display:block; line-height:15px;text-align:center; }
	.footer_M p a, .footer_M p a:visited{ color:#ff0;}
	.footer_P{display:none;}
	
/*標籤頁*/
.tabmain{border: 1px solid #ddd; border-radius:0 0 10px 10px;}
.DATA{width:100%;}
.DATATITLE{width:100%;}
.nav-tabs > li > a > span, .nav-tabs > li.active > a > span{ display:none;}
}


/*教學說明*/

.teaching{
	padding:10px 30px;
	margin:0 auto;
}
.teaching .inner-wrap{
	padding: 10px 20px;
	background: #F8F8F8;
	border-radius: 6px;
	margin-bottom: 15px;
	color: #666;
    font-size: 16px;
}
.teaching ol{ padding-left:10px;}
.teaching li{padding-bottom:5px;}
.inner-wrap > ol > ol{ list-style:none;}
.inner-wrap ol.three{list-style-type:upper-alpha; margin-left:30px;}
.inner-wrap h3{ font-size:18px; padding:5px 10px; display:inline-block; margin:10px 0; background-color:#0097b7; color:#fff;}
.teaching .section{
	color: #2A88AD;
	margin-bottom: 5px;
	font-size:20px;
	padding-left:10px;
}
.teaching .section span{
	background: #0097b7;
	padding: 5px 10px 5px 10px;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 14px;
	margin-left: -30px;
	color: #fff;
	margin-top: -3px;
}
span.section{
	background: #0097b7;
	padding: 3px 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 13px;
	color: #fff;
}

/*20170830快捷連結*/

		.is-highlight1 .special1
		{
			margin: 1em auto 1em auto;
		}
		.is-highlight1 h2
		{
			font-size: 3em;
			margin: 0 0 0.75em 0;
		}
ul.special1 img{width:90%; height:auto;margin-top:3px;}

		.is-highlight1 .byline
		{
			font-size: 1.65em;
			margin: 0 0 1.5em 0;
		}
		ul.special1{list-style: none;}
	
		ul.special1 li
		{
			margin-bottom: 2em;
			text-align:center; 
			-moz-transition: top .15s ease-in-out;
			-webkit-transition: top .15s ease-in-out;
			-o-transition: top .15s ease-in-out;
			-ms-transition: top .15s ease-in-out;
			transition: top .15s ease-in-out;
		}
ul.special1 li:nth-child(2){margin-bottom: 3em;}

			ul.special1 li:hover a
				{
					background:rgba(123,194,0,.9);text-decoration:none;
				}

			ul.special1 a
			{
				display: block;
				position: relative;
				background:rgba(105,182,47,.8);
				width: 5em;
				height: 5em;
				border-radius: 1em;
				outline: 0;
				-moz-transition: background-color .2s ease-in-out;
				-webkit-transition: background-color .2s ease-in-out;
				-o-transition: background-color .2s ease-in-out;
				-ms-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}
				ul.special1 span{display: block; font-size:1em; color:#344611; margin: .4em -1em 0 -1em;}

@media screen and (max-width: 991px){
	
	.is-highlight1 .special1
		{
			display:table;margin:0 auto;padding-left:.2em
		}
	ul.special1 li{float:left; margin: .5em .5em .5em 0;position: relative;}
	ul.special1 a{width: auto; height: 30px;padding: 0 1px; border-radius: 5px; background:rgba(105,182,47,.9)}
	ul.special1 img{width:28px; height: 28px; margin-top: 0;float:left;}
	ul.special1 span{margin: 3px 3px 0 -2px; display: inline-block;color:#fff;}
	ul.special1 li:nth-child(2){margin:.5em .5em .5em 0;}
}
@media screen and (max-width: 480px){
	ul.special1 li{margin:.5em .2em 0 0;}
	ul.special1 li:nth-child(2){margin:.5em .2em 0 0}
}

/*20180823*/
.serchbtng{margin:0 10px;}
.serchbtng img{margin-top:5px;}
.serchbtng p{margin:0;font-size:16px;}
.serchbtng .thumbnail .caption:hover{color: #0a94ff;}
.serchbtng .col-sm-4{ padding-right: 10px; padding-left: 10px;}
@media screen and (max-width: 991px){
	.serchbtng{margin:0 5px;}
	.serchbtng .col-sm-4{ padding-right: 5px; padding-left: 5px;}
	
}
/*20180907選單*/
.nav-colapse {
  float: right;
  font-size: 1em;
  display: none;
}
.toolbarmenu nav ul {
  list-style: none;
  margin-top: 10px;
  cursor: pointer;
	padding:0;
	margin:0;
}
.toolbarmenu nav ul li {
  padding: 8px 5px;
  font-weight: 300;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.toolbarmenu nav ul li a{
  color: #fff;
}

/*各menu顏色*/
.toolbarmenu1{background: #d0413b;}
.toolbarmenu1 nav ul li:hover, .toolbarmenu1 nav ul li.active{
  background: #900;
  color: #fff;
}
.toolbarmenu2{background: #00783f;}
.toolbarmenu2 nav ul li:hover, .toolbarmenu2 nav ul li.active{
  background: #690;
  color: #fff;
}
.toolbarmenu4{background: #009c88;}
.toolbarmenu4 nav ul li:hover, .toolbarmenu4 nav ul li.active {
  background: #007768;
  color: #fff;
}
.toolbarmenu5{background: #321f46;}
.toolbarmenu5 nav ul li:hover, .toolbarmenu5 nav ul li.active {
  background: #5f4876;
  color: #fff;
}
.toolbarmenu6{background: #003c5f;}
.toolbarmenu6 nav ul li:hover, .toolbarmenu6 nav ul li.active {
  background: #337ab7;
  color: #fffecb;
}


#hide {
  display: none;
}
#hide:checked + nav {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.toolbarmenu nav{width:100%; }
	.toolbarmenu nav ul li {
	  display: inline-block;
	    width:19.5%;
		border-bottom:0;
		vertical-align: middle;
	}
	.toolbarmenu nav ul li a{ heigth:70px;}
	.toolbarmenu nav ul li:last-child{border-right:0;}
	
	.toolbarmenu1 nav ul li{ width:24.5%;}
	.toolbarmenu4 nav ul li{ width:13.5%;}
	.toolbarmenu5 nav ul li{ width:24.5%;}
	.content h2.title1{line-height: normal;}
}


@media only screen and (max-width: 767px) {
	.container > .row > .Rightcontent{margin-top:10px;}
	.content h2.title1{  line-height:10px;  }
  .nav-colapse {
    display: block;
    cursor: pointer;
    padding: 0 3px;
	margin:3px;
    color: #fff;
	position:absolute;
	top:-47px;
	right:3px;
	width:38px;
	height: 38px;
	border-radius: 3px;
	z-index: 9999;
  }
	
	.nav-colapse i{
		font-size:1.8em;
		line-height: 38px;
	}
  .toolbarmenu nav {
    display: none;
    float: none;
    clear: both;
  }
  .toolbarmenu nav ul {
    margin-top: 0px;
  }
  .toolbarmenu nav ul li {
    display: block;
    border-radius: 0;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
  }

/*各menu顏色*/
  .nav-colapse1 { background: rgba(163,29,63,.8);}

  .toolbarmenu1 nav ul li {
    background: #d0413b;;
  }
  .nav-colapse2 { background: rgba(0,120,63,.8);}
  .toolbarmenu2 nav ul li {
    background: #00783f;
  }
  .nav-colapse4 { background: rgba(21,139,124,.8);}
  .toolbarmenu4 nav ul li {
    background: #009c88;
  }
  .nav-colapse5 { background: rgba(119,28,169,.8);}
  .toolbarmenu5 nav ul li {
    background: #321f46;
  }
  .nav-colapse6 { background: rgba(22,69,120,.8);}
  .toolbarmenu6 nav ul li {
    background: #003c5f;
  }

}
/*入園申請step*/
.off-screen {
  height: 1px;
  left: -50000px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px;
}

#progress-bar1, #progress-bar2, #progress-bar3, #progress-bar4 {
  position: relative;
  padding: .5em;
  margin:3em 1em 1.5em 0;
  color: #515151;
}
.progress-steps {
  height: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  list-style-type: none;
  counter-reset: item;
}
.progress-step {
  width: 25%;
  height: 8px;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.count:before {
  content: counter(item) " ";
  counter-increment: item;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -15px;
  top: -10px;
  padding: 4px 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  z-index: 999;
}
.highlight-index:before {
  background-color: #009c88;
  color: #fff;
}
.highlight-index {
  background-color: #009c88;
  display: block;
  height: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.description {
  display: block;
  text-align: center;
  width: 66%;
  right: -34%;
  position: absolute;
  bottom: 20px;
  font-size: 1em;
}
.bolded-step {
  font-weight: normal !important;
}

.alert{padding:10px;margin:5px 0;}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.highlight {
    padding: 9px 14px;
    margin-top: 14px;
    background-color: #fff;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
#accordion .panel-heading { padding: 0;}
#accordion .panel-title{padding: 0.2em 0.3em;}
#accordion .panel-title > a {
	display: block;
	line-height: 1.5em;
    outline: none;
    font-weight:bold;
    text-decoration: none;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before, #accordion2 .panel-title > a.accordion-toggle::before, #accordion2 a[data-toggle="collapse"]::before {
    content:"\e113";
    float: right;
    font-family: 'Glyphicons Halflings';
	margin-right :.2em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\e114";
}
#accordion2{
	margin-top:5px;
}
#accordion2 .panel-title{position: relative}
#accordion2 .panel-title .clickable{
	position: absolute;
	right:2rem;
	top:.2rem;
	border-radius: 50%;
	padding:5px 4px 2px 2px;
	margin:auto 5px;
	background-color: #FF0000;
}
#accordion2 .panel-title .clickable:hover{color:#FFD3D4; background-color: #c50000;}
#accordion .panel{ background-color: #f5f5f5;}

.form-inline .form-group{margin-bottom:5px;}
.panel-group {
    margin-bottom: 2px;
}
.table{word-break: break-all;}
.Header{position: relative;}
.fontsize{display: none;}
.font_s{font-size:.9em;}
.font_m{font-size:1em;}
.font_l{font-size:1.1em;}
@media (min-width: 768px) {
  .col-sm-10 {padding-top:0;}
	.fontsize{display: block;position: absolute; right: 0;top:1rem;}
	.fontsize .btn{padding: .2rem .5rem;margin-left:.3rem;}
}
@media only screen and (max-width: 414px) {
	#progress-bar .description{font-size: .9em;width:95%;}
}
/*rwdtable*/
.table_rwd{}
.table_rwd.bt thead,
.table_rwd.bt tbody th {
  display: none;
}

.table_rwd.bt tfoot th,
.table_rwd.bt tfoot td,
.table_rwd.bt tbody td {
  border: none;
  border-top:1px solid #e2e2e2;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;

  /* IE 9 */
  float: left\9;
  width: 100%\9;
}

.table_rwd.bt tfoot th::before,
.table_rwd.bt tfoot td::before,
.table_rwd.bt tbody td::before {
  content: attr(data-th) " : ";
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: bold;
  width: 6.5em;
}

.table_rwd.bt tfoot th.bt-hide,
.table_rwd.bt tfoot td.bt-hide,
.table_rwd.bt tbody td.bt-hide {
  display: none;
}

.table_rwd.bt tfoot th .bt-content,
.table_rwd.bt tfoot td .bt-content,
.table_rwd.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.table_rwd.bt.bt--no-header tfoot td::before,
.table_rwd.bt.bt--no-header tbody td::before {
  display: none;
}

.table_rwd tr,
.table_rwd th,
.table_rwd td {
  border: none;
}
.table_rwd tr td:last-child{margin-bottom:10px;
  border-bottom: 1px solid #e4ebeb;}
.table_rwd tr:last-child td{margin-bottom:0;
  border-bottom:0;}
.table_rwd th,
.table_rwd td {
  padding: 5px 6px;
  text-align: left;
}
.table_rwd th {
  background: #0577bb;
  color: #ffffff;
  text-transform: uppercase;
}

.table_rwd tr td {
  background: #f2f7f8;
  color: #1F1F1F;
}

.table_rwd tr:nth-of-type(2n+2) td {
  background: #ffffff;
}

.table_rwd.bt tfoot th,
.table_rwd.bt tfoot td,
.table_rwd.bt tbody td {
  padding: 0;
}

.table_rwd.bt tfoot th:before,
.table_rwd.bt tfoot td:before,
.table_rwd.bt tbody td:before {
  background: #0577bb;
  color: white;
  margin-right: 5px;
  padding: 2px 5px;
  text-align: right;
}

.table_rwd.bt tfoot th .bt-content,
.table_rwd.bt tfoot td .bt-content,
.table_rwd.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 2px;
}

.table_rwd.bt tfoot th:first-of-type:before,
.table_rwd.bt tfoot th:first-of-type .bt-content,
.table_rwd.bt tfoot td:first-of-type:before,
.table_rwd.bt tfoot td:first-of-type .bt-content,
.table_rwd.bt tbody td:first-of-type:before,
.table_rwd.bt tbody td:first-of-type .bt-content {
  padding-top: 3px;
}

.table_rwd.bt tfoot th:last-of-type:before,
.table_rwd.bt tfoot th:last-of-type .bt-content,
.table_rwd.bt tfoot td:last-of-type:before,
.table_rwd.bt tfoot td:last-of-type .bt-content,
.table_rwd.bt tbody td:last-of-type:before,
.table_rwd.bt tbody td:last-of-type .bt-content {
  padding-bottom: 3px;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.paper{border:1px dashed#b8b8b8;border-radius:8px;margin-bottom:1em;border-left:5px solid #379430;background:#fff;}
.paper a[data-toggle="collapse"]::before  {
    content:"\e114";
    float: right;
    font-family: 'Glyphicons Halflings';
	margin-right :0em;
	margin-left:.3em;
}
.paper a.collapsed[data-toggle="collapse"]::before  {
    content:"\e113";
}
.form-horizontal .btn{margin-bottom:.3em;}







/*
     FILE ARCHIVED ON 17:58:40 二月 5, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:48:47 五月 23, 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)).
*/
