/* ~~ 首頁 ~~ */

/*20170421改版*/
.header {position:relative; width:100%; height:200px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175230/https://npm.cpami.gov.tw/images/index_header.png) center top;}


		.is-highlight .special
		{
			margin: 1.5em auto 0 auto;
		}

		.is-highlight h2
		{
			font-size: 3em;
			margin: 0 0 0.75em 0;
		}

		.is-highlight .byline
		{
			font-size: 1.65em;
			margin: 0 0 1.5em 0;
		}
		ul.special{}
	
		ul.special li
		{
			position: relative;
			display: inline-block;
			margin: 0 1em 0 1em;
			top: 0;
			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.special li:hover
			{
				top: -10px;
			}

				ul.special li:hover a
				{
					background:rgba(123,194,0,.9);text-decoration:none;
				}

			ul.special a
			{
				display: block;
				position: relative;
				background:rgba(123,194,0,.6);
				width: 8em;
				height: 8em;
				border-radius: 6em;
				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.special a:before
				{
					position: absolute;
					width: 120px;
					height: 120px;
					font-size: 96px;
					line-height: 128px;
					left: 50%;
					top: 50%;
					margin-top: -64px;
					margin-left: -64px;
					color: #fff;
				}
				ul.special span{display: block; font-size:1.1em; color:#fff;margin: .3em -1em 0 -1em;}
@media screen and (max-width: 930px){
	ul.special img{width:100%; height:auto;}
	ul.special a{width:90px; height:90px;}
	}
@media screen and (max-width: 768px){
	ul.special img{display:none;}
	ul.special a{width:110px;height:50px; padding:2px 8px; border-radius:5px;}
	ul.special a:before{width:110px;height:50px;}
	ul.special span{margin:0;}
	ul.special li{margin:0.5em 1em 0.5em 0;}
}
@media screen and (max-width: 571px){
	ul.special a{width:160px;height:30px; padding:2px 8px; border-radius:5px;}
	ul.special a:before{width:110px;height:50px;}
	ul.special span{margin:0; font-size:15px;}
	ul.special li{margin:0.2em 0 0.2em 0;}
}
.HIDE{ position: absolute; bottom:0; z-index: 99;}
.pics {  
    position:absolute; 
    padding: 0;  
    margin:  0;
	bottom:0;
	z-index:0;
} 
.pics img{
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 3;
	opacity: 0;
}
.icontent > .MAP, .icontent > .INFORM,  .icontent > .NEWS{
	margin-right: -15px;
	margin-left: -15px;
}
.icontent > .MAP, .icontent > .INFORM,  .icontent > .NEWS{ margin-left:0; margin-right:0; padding:5px; }
.icontent{padding:0 0 10px 0;}
.TOPMENU span {
	display: none;
	margin:0;
	position: absolute;
	text-align:center;
	left: 0; top:0;
	width: 100%;
	background: #ebf0d8;
	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;
	color: #999;	
}
.MENU1:hover span, .MENU2:hover span, .MENU4:hover span, .MENU5:hover span, .MENU6:hover span { display: block; margin-top:45px; position:absolute; z-index:9999;}
.MENU1:hover span a, .MENU2:hover span a, .MENU4:hover span a, .MENU5:hover span a, .MENU6:hover span a{ display: block; margin:0; padding:0;}
.MENU1:hover span a:hover, .MENU2:hover span a:hover, .MENU4:hover span a:hover, .MENU5:hover span a:hover, .MENU6:hover span a:hover {display:block; margin:0; border-radius:0;}

.MAP{ margin-top:10px;}
.MAP img{border:0;}
.INFORM{ margin-right:-15px;}
.INFORM .form-group{ margin-bottom:5px;}
.INFORM h3{ font-size:15px; margin:5px 0 3px 0; color:#2c5f01;}
.INFORM p, .INFORM .form-horizontal{ margin:0; padding:6px;font-size:14px; background:#fff; border-radius:5px;}
span.Wblue{ font-size:13px; color:#009be3;}
.LINKBT{ position:absolute; bottom:30px; right:20px;z-index:888;}
.LINKBT img{ margin-left:10px;}
.LINKBT img a:hover{ color:#fff; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }
.NEWS{ margin-top:10px;}
.NEWS #newsmain
{
    background: #fff;
    padding: 5px;
    position: relative;
    z-index: 2;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
.RSS{
	vertical-align :bottom;
	position:absolute;
	right:15px;
	top:14px;
	z-index:9999;
}
.RSS a{color:#363;}
.RSS a:hover{ text-decoration:none; color:#399;}

ul.NEWSTY{ list-style:none; margin:0; padding:0;}
ul.NEWSTY li{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180205175230/https://npm.cpami.gov.tw/images/icon_g.png) no-repeat left 50%; padding-left:18px; border-bottom:1px dotted #CCC; margin:6px 0; padding-bottom:6px;}
ul.NEWSTY li a{ text-decoration:none; color:#666;}
ul.NEWSTY li a:hover{ color:#693;}
ul.NEWSTY li:last-child{border:0;}
.DETA{ font-weight:bold; color:#5cc71c; font-size:15px; margin-right:5px;}

@media screen and (max-width: 768px) {
	.RSS{right:2px;}
	.RSS span{ display:none;}
	.INFORM{ margin-bottom:160px;}
}





/*
     FILE ARCHIVED ON 17:52:30 二月 5, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 1:04:06 五月 21, 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)).
*/