html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {
  display: block;
}
body{
    font:62.5%/1 "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
}
body.font-size-s {
    font-size:56.3%;
}
body.font-size-l {
	font-size:68.8%;
}
a {
	color:#D53500;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
a:hover,
a:focus {
	text-decoration: none;
	color: #bf2626;
}
a, button, textarea, select, input {
	-webkit-appearance:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
img {
	border: none;
	vertical-align: middle;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}


/** Layout **/
#wrapper {
	position: relative;
	float:left;
	width: 100%;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
}
.hide-panel {
	display:none;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;	
	color:#000;
	font-size:0;	
	opacity: 0;	
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	width:auto;
	height:auto;
	color:#FFF;
	font-size:0.8rem;
	padding:5px 10px;
	margin:0;	
	opacity: 1;
	clip:inherit;
	overflow:visible;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
	color: transparent;
	font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
	color:#FFF;
}
.container {
	width: 100%;
	margin: 0 auto;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.left-part { float:left; }
.right-part { float:right; }
@media screen and (max-width: 990px) {
	.pc-mode {
	  display: none !important;
	}  
}
@media screen and (min-width: 991px) {
	.sp-mode {
	  display: none !important;
	}
	.container {
		width:100%;
		max-width: 990px;
	}	
}
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

.font-black { color:#000;}
.font-blue { color:#0080a5;}
.font-green { color:#418600;}
.font-yellow { color:#CC4E00;}
.font-orange { color:#eb6100;}
.font-red { color: #D82B12;}


/** Loading **/
.loadingCover {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background:#FFF;
	z-index: 1000;
}
.loadbar-box{
	position:relative;
	top:45%;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:5px;
	border:1px solid rgba(83,166,83,.8);
	margin-top:70px;
}
.loadingBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height:5px;
	background: rgba(83,166,83,.6);
	z-index: 10000;
	-webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
		    transform-origin: 100% 0;
	      -webkit-transition: -webkit-transform .3s ease .3s;
				  transition: -webkit-transform .3s ease .3s;
				  transition: transform .3s ease .3s;
				  transition: transform .3s ease .3s, -webkit-transform .3s ease .3s;    
}
.ball-clip-rotate-multiple {	
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 25%;
	max-width: 25%;
	height: 200px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.ball-clip-rotate-multiple > div {
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	position: absolute;
	top:45%;
	left: 50%;
	border: 4px solid rgba(83,166,83,.3);
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-radius: 100%;
	height: 88px;
	width: 88px;
	margin:-44px 0 0 -44px;
	box-sizing: border-box;
	-webkit-animation: rotate 1.6s 0s ease-in-out infinite;
			animation: rotate 1.6s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
	display: inline-block;
	top:45%;
	left: 50%;
	width: 110px;
	height: 110px;
	margin:-55px 0 0 -55px;
	-webkit-animation-duration: 1.6s;
			animation-duration: 1.6s;
	border-color: rgba(83,166,83,.8) transparent rgba(83,166,83,.6) transparent;
	-webkit-animation-direction: reverse;
			animation-direction: reverse;
}
@keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg) scale(1);
			  transform: rotate(0deg) scale(1); }
  
	50% {
	  -webkit-transform: rotate(180deg) scale(0.8);
			  transform: rotate(180deg) scale(0.8); }
  
	100% {
	  -webkit-transform: rotate(360deg) scale(1);
			  transform: rotate(360deg) scale(1); }
}
@-webkit-keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg) scale(1);
			  transform: rotate(0deg) scale(1); }
  
	50% {
	  -webkit-transform: rotate(180deg) scale(0.8);
			  transform: rotate(180deg) scale(0.8); }
  
	100% {
	  -webkit-transform: rotate(360deg) scale(1);
			  transform: rotate(360deg) scale(1); }
}
.loadingCover img {
	position: absolute;
	top:45%;
	left: 50%;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;	
	-webkit-animation: opty .8s alternate infinite;
            animation: opty .8s infinite alternate;
}
@keyframes opty {
	from {
		transform:scale(1)
	}
	to {
		transform:scale(0.8)
	}
}
@-webkit-keyframes opty {
	from {
		transform:scale(1)
	}
	to {
		transform:scale(0.8)
	}
}	

/** header **/
#header {
	width:100%;
	margin: 0 auto;	
}
#header > h1 {
    position: fixed;
    width: 1px;
    height: 1px;
	color: #000;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
#header.sp-fix {
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	background:#FFF;
	-webkit-box-shadow: 0 2px 7px rgba(0%,0%,0%,0.3);
	   -moz-box-shadow: 0 2px 7px rgba(0%,0%,0%,0.3);
	        box-shadow: 0 2px 7px rgba(0%,0%,0%,0.3);
}  


/* ----- topHead ----- */
#topHead {
	position:relative;
	width:100%;
	margin: 0 auto;
}
#topHead .logo {
	position:relative;
	float:left;
	margin:10px;
}
#topHead .logo a {
	float:left;
	display:block;
	width:255px;
	height:50px;
	font-size:0;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/logo.png) no-repeat 0 50%;
	background-size:auto 50px;
}
@media screen and (max-width: 420px) {
	#topHead .logo a {
		width:180px;
		height:35px;
		background-size:auto 35px;
	}
}
@media screen and (min-width: 991px) {
	#topHead {
		min-height:107px;
	}
	#topHead .logo {
		margin:18px 0;
	} 
	#topHead .logo a {
		width:355px;
		height:70px;  
		background-size:auto 70px;
	} 
	#topHead .logo span {
		position:absolute;
		left:327px;
		top:43px;
		z-index:-1;	
	} 
}

/* ----- addon ----- */
.addon {
	float:right;
	width:100%;
	margin-top:15px;
}
.addon > ul {
	float:right;
	list-style:none;
}
.addon > ul > li {
	float:left;
	color:#000;
	font-size:1.3em;
	line-height:22px;
	text-align:left;
}
.addon > ul > li span {
	float:left;
	display:block;
	width:3px;
	height:22px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/addon-div.png) no-repeat 50% 50%;
	margin:0 6px;
}
.addon > ul > li a {
	color:#000;
	vertical-align:top;	
}
.addon > ul > li a.acKey {
	color: transparent;
	margin:0;	
}
.addon > ul > li a:hover,
.addon > ul > li a:focus {
	color:#F90;
}
.addon > ul > li a.btn-rss {
	color:#FFF;
	padding:0 5px;
	background:#C75000;	
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.addon > ul > li a.btn-rss:hover,
.addon > ul > li a.btn-rss:focus {
	background:#D53500;
}
.addon .textsize a {
	display: inline-block;
	border:1px solid #999;
	margin:0 -1px 0 0;
}
.addon .textsize a i {
	display:block;
	width:20px;
	height:20px;
	font-size:0;	
	vertical-align:top;
}
.addon .textsize a:hover,
.addon .textsize a:focus,
.addon .textsize a:active {
	background: #F4F4F4;
}
.addon .textsize a.ts-on {
	background: #999;
}
.addon .textsize a i.sizeS {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize-minus.png) 50% 50%;
}
.addon .textsize a.ts-on i.sizeS {
	background:#999 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize-minus-on.png) 50% 50%;
}
.addon .textsize a i.sizeM {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize.png) 50% 50%;
}
.addon .textsize a.ts-on i.sizeM {
	background:#999 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize-on.png) 50% 50%;
}
.addon .textsize a i.sizeL {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize-plus.png) 50% 50%;
}
.addon .textsize a.ts-on i.sizeL {
	background:#999 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/textsize-plus-on.png) 50% 50%;
}
@media screen and (min-width: 991px) {
	.addon {		
		width:600px;
	}  
}
#addon-sp {
	float:left;
	width:100%;
}
#addon-sp > ul {
	float:left;
	width:100%;
	list-style:none;
}
#addon-sp > ul > li {
	float:left;
	width:25%;	
}
#addon-sp > ul > li span {
	display:none;
}
#addon-sp > ul > li a {
	float:left;
	width:100%;
	height:100%;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
	vertical-align:middle;
	padding:15px 0;
	background:#216315;
	box-sizing:border-box;
	border-right: 1px solid rgba(255,255,255,.5);
}
#addon-sp > ul > li a.btn-rss {
	background:#F39800;	
	border-right: none;
}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {
	color:#216315;
	background: #A3D900;	
}

/* ----- target-menu ----- */
#target-menu-sp {
	float:left;
	width:100%;
	background:#FFF;
}
@media screen and (min-width: 991px) {
	#target-menu {
		position:absolute;
		right:50%;
		bottom:0;
		width:246px;
		margin-right:-495px;
	}  
}
@media screen and (min-width: 1200px) {
	#target-menu {
		margin-right:-600px;
	}  
}

.language {
	float:left;
	width:100%;
}
.language ul {
	float:left;
	width:100%;
	list-style:none;
}
.language ul li {
	float:left;
	width:33.33333%;
	border-right:1px solid #FFF;
	box-sizing:border-box;
}
.language ul li:last-child {
	border:none;
}
.language ul li a {
	float:left;
	width:100%;
	color: #006f00;
	font-size:1.5em;
	text-align:center;
	background:#C6E0B4;
	margin:0;
	padding:0;
}
.language ul li a:hover,
.language ul li a:focus {
	color:#FFF;
	background:#45C5F4;
}
.language ul li a.on,
.language ul li a:hover on,
.language ul li a:focus on {
	color:#FFF;
	background:#008A00;
}
.language ul li a span {
	display:block;
	padding-top:28px;
	margin:10px 0;
}
.language ul li a span,
.language ul li a.on span,
.language ul li a:hover span,
.language ul li a:focus span {
	background-position:50% 0;
	background-repeat:no-repeat;
}
.language ul li a span.lan1 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language1.png);
}
.language ul li a.on span.lan1,
.language ul li a:hover span.lan1,
.language ul li a:focus span.lan1 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language1-on.png);
}
.language ul li a span.lan2 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language2.png);
}
.language ul li a.on span.lan2,
.language ul li a:hover span.lan2,
.language ul li a:focus span.lan2 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language2-on.png);
}
.language ul li a span.lan3 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language3.png);
}
.language ul li a.on span.lan3,
.language ul li a:hover span.lan3,
.language ul li a:focus span.lan3 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language3-on.png);
}
.language ul li a span.lan4 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language4.png);
}
.language ul li a.on span.lan4,
.language ul li a:hover span.lan4,
.language ul li a:focus span.lan4 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language4-on.png);
}
.language ul li a span.lan5 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language5.png);
}
.language ul li a.on span.lan5,
.language ul li a:hover span.lan5,
.language ul li a:focus span.lan5 {
	background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-language5-on.png);
}
@media screen and (max-width: 420px) {
	.language ul li a {
		font-size:1.2em;		
	}
}
@media screen and (min-width: 991px) {	
	.language {
		width:auto;
	}
	.language ul {
		display:inherit;
		width:auto;
	}
	.language ul li {
		width:auto;
		border:none;
		margin:0 2px 0 0;
	}
	.language ul li a {
		width:60px;
		height:55px;
		font-size:1.2em;		
	}
	.language ul li a span {
		margin:8px 0 0 0;
	}
	.language ul li a span,
	.language ul li a.on span,
	.language ul li a:hover span,
	.language ul li a:focus span {
		background-position: 50% 0;
	}
}


/* ----- searchZone ----- */
.searchZone {
	float:left;
	width:100%;
}
.searchZone .lookBtn {
	position:absolute;
	top:0px;
	right:70px;
}
.searchZone .lookBtn a {
	float:left;
	font-size:0;
	text-align:center;
}
.searchZone .lookBtn a span {
	display:block;
	width:70px;
	height:70px;
}
.searchZone .lookBtn a span.open-search {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/lookbtn-search-mobile.png) no-repeat 50% 50%;
}
.searchZone .lookBtn a span.close-search {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/lookbtn-close-mobile.png) no-repeat 50% 50%;
}
.searchZone .search {
	display:none;
	position:relative; 
	float:left;
	width: 100%;
    background: #E6F2E1;	
}
.searchZone .box {
	position:relative;
	float:left;
	width: 100%;
	padding:10px 70px 10px 20px;
	background:none;
	box-sizing:border-box;
	-webkit-transition: .3s;
		    transition: .3s;
	-webkit-transition: all 200ms ease;
			transition: all 200ms ease;
}
.searchZone .keyWd {
	float:left;
	width: 100%;
	font-size:1.5em;
	line-height:125%;
	padding:0 20px 20px 20px;
	box-sizing:border-box;
}
.searchZone .keyWd a {
	margin:0 5px 0 0;
}
.searchZone .search-txt {
	float:left;
	width: 100%;
	color:#238C00;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:50px;
	padding:0 55px 0 0;
	border:none;	
	border-bottom: 2px solid #238C00;
	box-sizing:border-box;
	background:none;
}
.searchZone .search-txt:focus {
	color:#FF6A00;
    border-bottom: 2px solid #FF6A00;
}
.searchZone .search-btn {
	position:absolute;
	top:10px;
	right:70px;
	display:block;
	width:50px;
	height:50px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-input-search-mobile.png) no-repeat 50% 50%;
	margin: 0;		
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.searchZone .search-btn:hover,
.searchZone .search-btn:focus {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-input-search-mobile.png) no-repeat 50% 50%;
}
.searchZone .advanced {
	position:absolute;
	top:20px;
	right:20px;
	width:40px;
	height:40px;
	color:#FFF;
	font-size:1.3em;
	line-height:15px;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background:#238C00;
	box-sizing:border-box;
}
.searchZone .advanced:hover,
.searchZone .advanced:focus {
	background:#D53500;
	
}
@media screen and (max-width: 420px) {
	.searchZone .lookBtn {
		right:55px;
	}
	.searchZone .lookBtn a span {
		width:55px;
		height:55px;
	}
}
@media screen and (min-width: 991px) {	
	.searchZone {
		position:relative;
		float:right;
		width:auto;
	}
	.searchZone .lookBtn {
		float:right;
		top:0;
		right:0;
	}
	.searchZone .lookBtn a {
		float:left;
		display:block;
		width:60px;
		height:55px;
		color: #FFF;
		font-size:1.2em;
		text-align:center;
		background:#000;
	}
	.searchZone .lookBtn a:hover,
	.searchZone .lookBtn a:focus {
		background:#D53500;
	}
	.searchZone .lookBtn a span {
		display:block;
		width:auto;
		height:auto;
		padding-top:27px;
		margin-top:8px;
	}
	.searchZone .lookBtn a span.open-search {
		background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/lookbtn-search.png) no-repeat 50% 0;
	}
	.searchZone .lookBtn a span.close-search {
		background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/lookbtn-close.png) no-repeat 50% 0;
	}	
	.searchZone .search {
		display:none;
		position: absolute;
		top:0;
		right: 60px;    
		width: 350px;
		background: #F2F2F2;
		border:1px solid #DDD;
		box-sizing:border-box;
		z-index: 50; 
	}
	.searchZone .box {
		padding:10px 60px 10px 10px;
	}
	.searchZone .keyWd {
		padding:0 10px 10px 10px;
	}
	.searchZone .search-txt {
		float:left;
		height:41px;
		color:#000;
		font-size:1.5em;
		line-height:41px;
		padding:0 50px 0 10px;
		border:none;
		background:#FFF;
	}
	.searchZone .search-txt:focus {
		color:#FF6A00;
		border: 1px solid #FF6A00;
	}
	.searchZone .search-btn {
		top:10px;
		right:60px;
		display:block;
		width:45px;
		height:41px;
		background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-input-search.png) no-repeat 50% 50%;
		margin: 0;		
		text-indent:-9999px;
		cursor:pointer;
	}
	.searchZone .search-btn:hover,
	.searchZone .search-btn:focus {
		background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-input-search-hover.png) no-repeat 50% 50%;
	}
	.searchZone .advanced {
		top:10px;
		right:10px;
		width:41px;
		height:41px;
		color:#FFF;
		font-size:1.3em;
		line-height:15px;
		text-align:center;
		vertical-align:middle;
		padding:5px;
		background:#666;
		box-sizing:border-box;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
				border-radius:3px;
	}
}


/** main **/
#main {
	width: 100%;
	margin: 0 auto;
}


/** footer **/
#footer {
	position:relative;
	width: 100%;
	margin:0 auto;
	background:#008A00;
}
#footer .trigger {
	float:left;
	width: 100%;
	padding:20px 0;
	text-align:center;
}
#footer .trigger .tit-Panell {
	float:left;
	width: 100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;	
	margin-top:20px;
}
#footer .trigger a {
	width:110px;
	height:auto;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
#footer .trigger a:hover,
#footer .trigger a:focus {
	color:#aaff00;
}
#footer .trigger a.open-Panell,
#footer .trigger a.close-Panell {
	display:none;	
}
#footer .trigger a.open-Panell span,
#footer .trigger a.close-Panell span {
	display:block;
	width:110px;
	padding-top:20px;
	margin:0 auto;
}
#footer .trigger a.open-Panell span {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/open-Panell.png) no-repeat 50% 0;
}
#footer .trigger a.open-Panell:hover span,
#footer .trigger a.open-Panell:focus span {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/open-Panell-hover.png) no-repeat 50% 0;
}
#footer .trigger a.close-Panell span {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/close-Panell.png) no-repeat 50% 0;
}
#footer .trigger a.close-Panell:hover span,
#footer .trigger a.close-Panell:focus span {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/close-Panell-hover.png) no-repeat 50% 0;
}
@media screen and (min-width: 991px) {
	#footer {
		background-attachment: fixed !important;
		background:#008A00 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/footer_bg.jpg) no-repeat 50% bottom ;
		background-size: cover;
	}
}

/* ----- fatfooter ----- */
.fatfooter {
	width: 100%;
	margin:0 auto;
}
.fat-nav {
	float:left;
	width: 100%;
	padding:20px 0;
	margin:0 auto;
	overflow:hidden;
	border-top:1px dashed rgba(255, 2550, 255, 1)
}
.fat-nav > ul {
	float:left;
	width:100%;
	padding:15px 0;
	list-style:none;
}
.fat-nav > ul > li {
	float:left;
	width:20%;
	padding-right:30px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.fat-nav > ul > li > a {
	color:#fff45c;
	font-size:1.9em;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.fat-nav > ul > li > a:hover,
.fat-nav > ul > li > a:focus {
	color:#aaff00;
}
.fat-nav > ul > li > ul {	
	list-style:none;
}
.fat-nav > ul > li > ul > li {	
	margin-top:10px;
}
.fat-nav > ul > li > ul > li > a {
	color:#FFF;
	font-size:1.5em;
	line-height:120%;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.fat-nav > ul > li > ul > li > a:hover,
.fat-nav > ul > li > ul > li > a:focus {
	color:#aaff00;
}


/* ----- copyright ----- */
.copyright {
	width: 100%;
	padding:20px 0;
	margin:0 auto;
	background: rgba(255,255,255,.9)
}
.copyright .mark {
	width:100%;
	text-align:center;
	margin:0 auto;
}
.copyright .mark a {
	display:inline-block;
	margin:0 5px;
}
.copyright .wd {
	float:left;
	width:100%;
	margin:10px auto;
}
.copyright .wd dl {
	float:left;
}
.copyright .wd dt {
	color:#207D00;
	font-family: 微軟雅黑, "Microsoft YaHei";
	font-size:1.5em;
	line-height:140%;
	font-weight:bold;
	margin-bottom:10px;
}
.copyright .wd dd {
	color:#000;
	font-size:1.5em;
	line-height:120%;
	font-weight:bold;
	margin-top:8px;
}
.copyright .wd dd a.btn-map {
	color:#FFF;
	font-size:0.8rem;
	font-weight:bold;
	padding:1px 4px;
	background:#000;
	margin:0 0 0 5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.copyright .wd dd a.btn-map:hover,
.copyright .wd dd a.btn-map:focus {
	background:#D53500;
}
.copyright .wd dd a.btn-map span {
	padding-left:11px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/icon-map.png) no-repeat 0 50%;
}
.copyright .tel {
	float:left;
	width:100%;
	margin:0 auto;
}
.copyright .tel ul {
	float:left;
	width:100%;
	list-style:none;
}
.copyright .tel ul li {
	float:left;
	width:50%;
}
.copyright .tel dl {
	min-height: 70px;
	padding-left: 50px;
	box-sizing:border-box;
	margin:9px 0;
}
.copyright .tel dl.t1 {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/tel-icon1.png) no-repeat 0 50%;
}
.copyright .tel dl.t2 {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/tel-icon2.png) no-repeat 0 50%;
}
.copyright .tel dl.t3 {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/tel-icon3.png) no-repeat 0 50%;
}
.copyright .tel dl.t4 {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/tel-qrcode.jpg) no-repeat 0 50%;
}
.copyright .tel dt {
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:3px;
}
.copyright .tel dd {
	color:#C25700;
	font-family: Arial, Helvetica, sans-serif;
	font-size:2.7em;
	font-weight:bold;
}
.copyright .tel .dt-4 {
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:3px;
	padding-left:25px;
}
.copyright .tel .dd-4 {
	color:#ff7300;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	padding-left:25px;
	
}
.copyright .tel dd span {
    float:left;
	text-transform: uppercase;
	background: -webkit-linear-gradient(left, #C25700 10%,#CC5500 25%,#CC4E00 40%,#e52600 95%);
    -webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.agencyLink {
	position:relative;
	width:120px;
	display: inline-block;
	margin-left:2em;
}
.agencyLink > a {
	display: block;
	width:100%;
	color:#000;
	text-align:center;
	padding:2px 0;	
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.agencyLink > a span {
	padding-left:22px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/agencyLink.png) no-repeat 0 50%;
}
.agencyLink > a.show {
	color:#FFF;
	border-color:#C83722;
	background:#C83722;
}
.agencyLink > a.show span {
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/agencyLink-hover.png) no-repeat 0 50%;
}
.agencyLink .agencyNav {
	display:block;
	width:100%;
	list-style:none;
	box-sizing:border-box;
	border:1px solid #000;
	margin-top:-1px;	
}
.agencyLink .agencyNav a {	
	display:block;
	width:100%;
	color:#000;
	text-align:center;
	padding:5px 0;	
}
.agencyLink .agencyNav a:hover,
.agencyLink .agencyNav a:focus {	
	color:#FFF;
	background:#000;
}
.agencyLink .agencyNav.fix {
	display:none;
	position: absolute;
	bottom: 100%;
	right: 0;
	margin:0;
	background:#FFF;
	border:1px solid #C83722;
	z-index: 200;
}
.agencyLink .agencyNav.fix a {	
	color:#C83722;
}
.agencyLink .agencyNav.fix a:hover,
.agencyLink .agencyNav.fix a:focus {	
	background:#FDEAEA;
}
@media screen and (max-width: 990px) {	
	.copyright .container {
		width:90%;
		max-width:540px;
	}
}
@media screen and (max-width: 570px) {	
	.agencyLink {
		display: block;
		width:130px;
		margin:15px auto 0 auto;
	}
	.agencyLink > a {
		padding:5px 0;	
	}
	.agencyLink .agencyNav a {	
		padding:7px 0;	
	}
}
@media screen and (max-width: 520px) {	
	.copyright .tel dl {
		min-height:42px;
		padding-left:45px;
		margin:15px 0 0 0;
	}
	.copyright .tel dl.t1,
	.copyright .tel dl.t2,
	.copyright .tel dl.t3,
	.copyright .tel dl.t4 {
		background-size:42px auto;
	}
	.copyright .tel dd {
		font-size:2.3em;
	}
}
@media screen and (max-width: 420px) {
	.copyright .tel {
		float:none;
		width:190px;		
	}
	.copyright .tel ul li {
		width:100%;
	}
}
@media screen and (min-width: 991px) {
	.copyright {
		padding:25px 0;
	}
	.copyright .mark {
		float:left;
		margin-bottom:15px;
	}
	.copyright .wd {
		width: auto;
		margin:0;
	}
	.copyright .tel {
		float:right;
		width:440px;
		margin:-9px 0;
	}
	.copyright .tel dl {
		float:right;
	}
}
@media screen and (min-width: 1200px) {
	.copyright .mark {
		float:left;
		width:155px;
		text-align:left;
		margin:0;
	}
	.copyright .mark a {
		float:left;
		margin:0 5px 0 0;
	}
	.copyright .tel {
		width:460px;
	}
}


/* ----- botLink ----- */
.botLink {
	width: 100%;	
	padding:15px 0;
	margin:0 auto;
}
.botLink .wd {
	color:#FFF;
	font-size:1.4em;
	line-height:140%;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.botLink .wd span {
	width: 100%;
	text-align:center;
}
.botLink a {
	color:#FFF;
}
.botLink a:hover,
.botLink a:focus {
	color:#aaff00;
}
@media screen and (max-width: 420px) {
	.botLink .container {
		width:90%;		
	}
}
@media screen and (min-width: 991px) {
	.botLink .wd span {
		width: auto;
		text-align:inherit;	
	}
}


/* ----- goTop ----- */
#goTop {
	position:fixed;
	display:block;
	right:15px;
	bottom:15px;
	z-index:900;
}
#goTop a {
	float:left;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-top.png) no-repeat 50% 50%;
}
#goTop a:hover,
#goTop a:focus {
	border:1px solid rgba(89,178,0,.5);
	background:rgba(89,178,0,0.8) url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180517170616/https://www.swcb.gov.tw/images/btn-top-hover.png) no-repeat 50% 50%;
}
@media screen and (min-width: 991px) {
	#goTop {
		right:30px;
		bottom:30px;
	}
}


@page {
    size: A4;
    margin: 1cm;
    size: auto ;
	size: portrait;
}
@media print {
	.body {
		margin: 0!important;
		padding: 0!important;		
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after:avoid;
		page-break-inside:avoid;
	}
	blockquote, table, pre {
		page-break-inside:avoid;
	}
	ul, ol, dl {
		page-break-before:avoid;
	}
	img {
		max-width:100%!important;
		page-break-inside:avoid;
	}
	.container {
		max-width: 900px;
	}
	#topHead {
		min-height:inherit;
	}
	#topHead .logo {
		margin:0!important;
	}
	.addon,
	#target-menu,
	#topHead .logo span,
	.fatfooter,
	.copyright .tel,
	.copyright .mark,
	.botLink,
	#goTop {
		display:none!important;
	} 
	.copyright {
		padding:25px 0!important;
	}
	.copyright .wd {
		width: 100%!important;
		text-align:center;
		margin:0 auto!important;
	}
	.copyright .wd dl {
		float:none!important;
	}
}





/*
     FILE ARCHIVED ON 17:06:16 五月 17, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 3:57:58 五月 19, 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)).
*/