@charset "utf-8";

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


/** banner **/
#banner {
	position:relative;
	width:100%;
	margin:0 auto;
}
#banner .slick-list {
	overflow:inherit;
}
#banner .slick-slide > div {
	font-size:0;
}
#banner .slick-slide > div > .item {
	font-size:0.625rem;
}
#banner .listshow {
	width:100%;
	background:#000;
}
#banner .listshow a {
	display:block;	
	width:100%;
	height:100%;
}
#banner .listshow a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .listshow a .img {
	display:block;
	width:100%;
}
#banner .listshow a .img img {
	width:100%;
	height:auto;
}
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border:1px solid rgba(255,255,255,1);
	box-sizing:border-box;
	z-index:10;	
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .listshow .slick-prev {
	left:80px;
}
#banner .listshow .slick-next {
	right:80px;
}
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#banner .listshow .slick-prev:before,
#banner .listshow .slick-next:before {
	display:none;
}
#banner .listshow .slick-prev span,
#banner .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
#banner .listshow .slick-prev span:before,
#banner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-9px 0 0 -6px;
	border-left:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#banner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-9px -6px 0 0 ;
	border-right:3px solid #FFF;
    border-top:3px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#banner .listshow .slick-prev:hover,
#banner .listshow .slick-next:hover,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	background-color:rgba(255,255,255,.5);
}
@media screen and (max-width:640px) {
	#banner .listshow .slick-prev {
		left:20px;
	}
	#banner .listshow .slick-next {
		right:20px;
	}
	#banner .listshow a .img {
		background-position:center top;
		background-size:cover;
	}
}
@media screen and (max-width:480px) {
	#banner .listshow {
		max-height:270px;
	}
}
@media screen and (max-width:360px) {
	#banner .listshow {
		max-height:203px;
	}
}
@media screen and (min-width:641px) {
	#banner .listshow a .img {
		display:block;
		width:100%;
		height:0;
		padding-bottom:44%;
		z-index:0;
		background-position:center top;
		background-size:cover;
	}
	#banner .listshow a .img img {
		position:absolute;
		display:block;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
}
@media screen and (min-width:991px) {
	#banner:before {
		content:"";
		display:block; 
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:10px;    
		z-index:2;
		box-sizing:border-box;
		pointer-events:none;
		background:-moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		width:60px;
		height:60px;
	}
	#banner .listshow .slick-prev {
		left:-65px;
	}
	#banner .listshow .slick-next {
		right:-65px;
	}
	#banner .listshow .slick-prev span:before,
	#banner .listshow .slick-next span:before {
		width:23px;
		height:23px;
		margin-top:-11px;
	}
	#banner .listshow:hover .slick-prev {
		left:80px;
	}
	#banner .listshow:hover .slick-next {
		right:80px;
	}
	#banner .listshow .slick-prev:focus {
		left:80px;
	}
	#banner .listshow .slick-next:focus {
		right:80px;
	}
}
@media screen and (min-width:1200px) {
	#banner .listshow {
		max-height:528px;
	}
	#banner .listshow:hover .slick-prev {
		left:140px;
	}
	#banner .listshow:hover .slick-next {
		right:140px;
	}
	#banner .listshow .slick-prev:focus {
		left:140px;
	}
	#banner .listshow .slick-next:focus {
		right:140px;
	}
}
@media screen and (min-width:1440px) {
	#banner .listshow {
		max-height:inherit;
	}
	#banner .listshow a .img {
		padding-bottom:calc(100vh - 100px);
	}
}


/** demshow **/
.demshow {
	width:100%;
	margin:0 auto;
}
.demshow .demOpen,
.demshow .demClose {
	float:right;
	display:block;
	color:#FFF;
	width:60px;
	height:190px;
	text-align:center;	
}
.demshow .demClose {
	display:none;
}
.demshow .demOpen a,
.demshow .demClose a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	padding-top:55px;
	box-sizing:border-box;
	background:rgba(178,36,36,0.9);	
}
.demshow .demOpen a:before,
.demshow .demClose a:before {
	position:absolute;
	content:"";
    display:block;
	left:10px;
	top:10px;
    width:40px;
    height:40px;    
    z-index:2;
	border:1px solid #FFF;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/icon-public.svg) no-repeat 50% 50%;
	background-size:cover;
	box-sizing:border-box;
}
.demshow .demOpen a span,
.demshow .demClose a span {
	position:relative;
	display:inline-block;
	width:28px;
	vertical-align:middlel;
	padding-bottom:35px;
}
.demshow .demOpen a span:before,
.demshow .demClose a span:before {
	position:absolute;
	content:"";
	right:50%;
	bottom:5px;
	display:block;   
	width:2px;
	height:20px;
	margin-right:-1px;
	background:#FFF;
	z-index:1;
}
.demshow .demOpen a span:after,
.demshow .demClose a span:after {
	position:absolute;
	content:"";
	right:50%;
	bottom:14px;
	display:block;   
	width:20px;
	height:2px;
	margin-right:-10px;
	background:#FFF;
	z-index:1;
}
.demshow .demClose a span:before,
.demshow .demClose a span:after {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
.demshow .demBox {
	position:relative;
	float:left;
	display:none;
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	box-sizing:border-box;
	background:rgba(0,0,0,0.8);
}
.demshow.fix .demBox {
	max-width:440px;
	max-height:400px;
}
.demshow .demBox > ul {
	position:relative;
}
.demshow .demBox > ul > li {
	list-style:none;
}
.demshow .demBox > ul > li > a {
	float:left;
	display:block;
	width:100%;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	background:rgba(255,255,255,.3);
}
.demshow .demBox > ul > li > a.saTab,
.demshow .demBox > ul > li > a.saTabOn {
	position:absolute;
	top:0;
	width:130px;
	color:#FFF;
	text-align:center;
	background:rgba(255,255,255,.2);
	box-sizing:border-box;
}
.demshow .demBox > ul > li > a:hover,
.demshow .demBox > ul > li > a:focus {
	color:#000;
	background:rgba(255,244,92,1);
}
.demshow .demBox > ul > li > a.saTabOn {
	position:relative;
	color:#000;
	background:rgba(255,255,255,1);
	cursor:text;
	z-index:1;
}
.demshow .demBox > ul > li > a.tab1.saTab,
.demshow .demBox > ul > li > a.tab1.saTabOn {left:0;}
.demshow .demBox > ul > li > a.tab2.saTab,
.demshow .demBox > ul > li > a.tab2.saTabOn {left:135px;}
.demshow .demBox > ul > li > a.tab3.saTab,
.demshow .demBox > ul > li > a.tab3.saTabOn {left:270px;}
.demshow .demBox > ul > li > a.saTabOn:before {  
	content:'';
	display:block;
	position:absolute;
	bottom:-6px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 6px 0 6px;
	border-color:#FFF transparent transparent transparent;
	margin-left:-6px;
}
.demshow .demBox > ul > li > a h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.9em;
    font-weight:bold;
	line-height:20px;
}
.demshow .demBox > ul > li .saCont {
	position:relative;	
	float:left;
	width:100%;
	min-width:400px;
	border-top:1px solid #FFF;
	padding-top:30px;
}
.demshow .demBox > ul > li .saCont .box {
	width:100%;
}
.demshow .demBox > ul > li .saCont .box ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-15px -5px;
}
.demshow .demBox > ul > li .saCont .box ul li {
	display:inline-block;
	width:33.3333333%;
	letter-spacing:-0;
	padding:15px 5px;
	box-sizing:border-box;
}
.demshow .demBox > ul > li .saCont .box ul li a {
	display:block;
}
.demshow .demBox > ul > li .saCont .box ul li .icon {
	position:relative;
	display:block;
	width:90px;
	padding-bottom:90px;
	margin:0 auto 10px auto;
	background:#8fc31f;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.demshow .demBox > ul > li .saCont .box ul li a:hover .icon,
.demshow .demBox > ul > li .saCont .box ul li a:focus .icon {
	background:#ffea00;
}
.demshow .demBox > ul > li .saCont .box ul li .icon span {
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.demshow .demBox > ul > li .saCont .box ul li a:hover .icon span,
.demshow .demBox > ul > li .saCont .box ul li a:focus .icon span {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
.demshow .demBox > ul > li .saCont .box ul li a > span {
	color:#8fc31f;
    font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.7em;
    font-weight:bold;
	line-height:125%;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.demshow .demBox > ul > li .saCont .box ul li a:hover > span,
.demshow .demBox > ul > li .saCont .box ul li a:focus > span {
	color:#ffea00;
}
@media screen and (max-width:640px) {
	.demshow {
		min-height:60px;
		border-top:1px solid #FFF;
	}
	.demshow .demOpen,
	.demshow .demClose {
		width:100%;
		height:60px;
	}
	.demshow .demOpen a,
	.demshow .demClose a {
		min-height:60px;
		padding:0 0 0 55px;
	}
	.demshow .demOpen a span,
	.demshow .demClose a span {
		width:100%;
		text-align:left;
		line-height:60px;
		padding:0 45px 0 0;
		box-sizing:border-box;
	}
	.demshow .demOpen a span:before,
	.demshow .demClose a span:before {
		right:19px;
		bottom:50%;
		margin:0 0 -10px 0;
	}
	.demshow .demOpen a span:after,
	.demshow .demClose a span:after {
		right:10px;
		bottom:50%;
		margin:0 0 -1px 0;
	}
	.demshow .demBox > ul > li > a {
		padding:15px 0;
	}
	.demshow .demBox > ul > li > a.saTab,
	.demshow .demBox > ul > li > a.saTabOn {
		width:calc(33.3333% - 2px);
	}
	.demshow .demBox > ul > li:last-child > a.saTab,
	.demshow .demBox > ul > li:last-child > a.saTabOn {
		width:calc(33.3333% - 0px);
	}
	.demshow .demBox > ul > li > a.tab1.saTab,
	.demshow .demBox > ul > li > a.tab1.saTabOn {left:0;}
	.demshow .demBox > ul > li > a.tab2.saTab,
	.demshow .demBox > ul > li > a.tab2.saTabOn {left:33.3333%;}
	.demshow .demBox > ul > li > a.tab3.saTab,
	.demshow .demBox > ul > li > a.tab3.saTabOn {left:66.6666%;}
	.demshow .demBox > ul > li .saCont .box ul {
		margin:-10px -5px;
	}
	.demshow .demBox > ul > li .saCont {
		min-width:inherit;
		padding-top:20px;
	}
	.demshow .demBox > ul > li .saCont .box ul li {
		padding:10px 5px;
	}
	.demshow .demBox > ul > li .saCont .box ul li .icon {
		position:relative;
		display:block;
		width:55%;
		padding-bottom:55%;
		margin-bottom:5px;
	}
}
@media screen and (min-width:641px) {
	.demshow {
		position:absolute;
		left:0;
		top:100px;
		width:auto;
		z-index:20;
	}
}
@media screen and (min-width:991px) {
	.demshow {
		top:calc((100vh - 100px)/ 2);
		margin-top:-200px;
	}
}


/** qlinkList **/
#qlinkList {
	position:absolute;
	right:50%;
	bottom:-50px;
	width:460px;
	margin:0 -230px 0 0;
	z-index:10;
}
#qlinkList ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-15px -5px;
}
#qlinkList ul li {
	display:inline-block;
	width:25%;
	letter-spacing:-0;
	padding:15px 5px;
	box-sizing:border-box;
}
#qlinkList ul li a {
	display:block;
	width:100px;
	height:100px;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	font-size:1.5em;
	font-weight:bold;
	border:5px solid #fff;
	box-shadow:0 1px 10px rgba(0,0,0,.5);
	box-sizing:border-box;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	background:#598000;
}
#qlinkList ul li:nth-child(even) a {
	background-color:#3b863b;
}
#qlinkList ul li a:hover,
#qlinkList ul li a:focus{
	background:#D14900;
}
#qlinkList ul li a::before{
	content:"";
	width:30px;
	height:30px;
	display:block;
	background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/qlinkList-icon.svg);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:auto 30px;
	margin-bottom:5px;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
#qlinkList ul li a:hover::before,
#qlinkList ul li a:focus::before {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
}
#qlinkList ul li:nth-of-type(1) a::before { background-position:0 0; }
#qlinkList ul li:nth-of-type(2) a::before { background-position:-30px 0; }
#qlinkList ul li:nth-of-type(3) a::before { background-position:-60px 0; }
#qlinkList ul li:nth-of-type(4) a::before { background-position:-90px 0; }
@media screen and (max-width:640px) {
	#qlinkList {
		position:relative;
		right:0;
		bottom:inherit;
		width:100%;
		height:92px;
		margin:0;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		box-sizing:border-box;
	}
	#qlinkList ul {
		margin:0;
	}
	#qlinkList ul li {
		padding:0;
		border-right:1px solid #FFF;
	}
	#qlinkList ul li:last-child {
		border-right:none;
	}
	#qlinkList ul li a {
		width:100%;
		height:auto;
		border:none;
		padding:20px 0;
		box-shadow:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
}
@media screen and (min-width:1200px) {
	#qlinkList {
		right:20px;
		top:50%;
		bottom:inherit;
		width:100px;
		margin:-240px 0 0 0;
	}
	#qlinkList ul {
		margin:-10px 0;
	}
	#qlinkList ul li {
		width:100%;
		padding:10px 0;
	}
}
@media screen and (min-width:1440px) {
	#qlinkList {
		top:calc((100vh - 100px)/ 2);
		margin:-230px 0 0 0;
	}
}



/** infoSection **/
#infoSection {
	position:relative;
	width:100%;
	padding:70px 20px 50px 20px;
	margin:0 auto;
	background:#005b4f url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/infoSection_bg.webp) no-repeat 50% bottom;
	box-sizing:border-box;
}
#infoSection .boxHead {
	color:#FFF;
}
@media screen and (max-width:560px) {
	#infoSection {
		padding:30px 20px 50px 20px;
	}
}
@media screen and (min-width:991px) {
	#infoSection {
		padding:50px 0 70px 0;
	}
	#infoSection .acKey {
		position:absolute;
		letter-spacing:0;
		top:30px;
	}
	#infoSection .acKey:focus {
		color:#FFF;
	}
}
@media screen and (min-width:1200px) {
	#infoSection {
		padding:70px 0 90px 0;
	}
}


/** policySection **/
#policySection {
	width:100%;
	padding:30px 20px 50px 20px;
	margin:0 auto;
	background:#1f8455 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/policySection_bg_m.webp) 50% bottom;
	box-sizing:border-box;
}
#policySection .boxHead {
	color:#FFF;
}
@media screen and (min-width:991px) {
	#policySection {
		padding:50px 0 70px 0;
		background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/policySection_bg.webp);
		background-repeat:no-repeat;
	}
}
@media screen and (min-width:1200px) {
	#policySection {
		padding:70px 0 90px 0;
	}
}


/** newsSection **/
#newsSection {
	width:100%;
	padding:30px 20px 50px 20px;
	margin:0 auto;
	background:#d5efe2 no-repeat 50% 0;
	box-sizing:border-box;
}
#newsSection .boxHead {
	color:#188d60;
}
@media screen and (min-width:991px) {
	#newsSection {
		padding:50px 0 70px 0;
		background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/newsSection_bg.webp);
	}
}
@media screen and (min-width:1200px) {
	#newsSection {
		padding:70px 0 90px 0;
	}
}


/** eventSection **/
#eventSection {
	width:100%;
	padding:30px 20px 50px 20px;
	margin:0 auto;
	background:#00A85D url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/eventSection_bg_m.webp) no-repeat 50% bottom;
	background-size:cover;	
	box-sizing:border-box;
}
#eventSection .boxHead {
	color:#FFF;
}
@media screen and (min-width:991px) {
	#eventSection {
		padding:50px 0 70px 0;
		background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/eventSection_bg.webp);
		background-attachment:fixed;
	}
}
@media screen and (min-width:1200px) {
	#eventSection {
		padding:70px 0 90px 0;
	}
}


/** topicSection **/
#topicSection {
	width:100%;
	padding:30px 20px 50px 20px;
	margin:0 auto;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/topicSection_bg.gif) 50% 0;
	box-sizing:border-box;
}
@media screen and (min-width:991px) {
	#topicSection {
		padding:50px 0 70px 0;
	}
}
@media screen and (min-width:1200px) {
	#topicSection {
		padding:70px 0 90px 0;
	}
}


/** infoBox **/
#infoBox {
	width:100%;
	margin:20px auto 0 auto;
}
#infoBox > ul {
	position:relative;
}
#infoBox > ul > li {
	list-style:none;
}
#infoBox > ul > li > a {
	position:absolute;
	top:0;
	float:left;
	display:block;
	width:calc(25% - 1px);
	color:#bfe6ac;
	text-align:center;
	padding:20px 0;
	background:#00332c;
	box-sizing:border-box;
}
#infoBox > ul > li > a:hover,
#infoBox > ul > li > a:focus {
	background:#007013;
}
#infoBox > ul > li > a.saTabOn {
	color:#00332c;
	background:#bfe6ac;
	cursor:text;
	z-index:1;
}
#infoBox > ul > li > a.tab1 {
	position:relative;
}
#infoBox > ul > li > a.tab1 {left:0;}
#infoBox > ul > li > a.tab2 {left:25%;}
#infoBox > ul > li > a.tab3 {left:50%;}
#infoBox > ul > li > a.tab4 {left:75%; width:25%;}
#infoBox > ul > li > a h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.1em;
    font-weight:bold;
	line-height:30px;
}
#infoBox > ul > li > a h3 span {
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
#infoBox > ul > li > a h3 span em {
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	vertical-align:middle;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#infoBox > ul > li > a h3 span em.on {
	display:none;
}
#infoBox > ul > li > a.saTabOn h3 span em.on {
	display:inline-block;
}
#infoBox > ul > li > a.saTabOn h3 span em.off {
	display:none;
}
#infoBox > ul > li > a.saTabOn:before {  
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0 10px;
	border-color:#bfe6ac transparent transparent transparent;
	margin-left:-11px;
}
#infoBox > ul > li .saCont {
	position:relative;	
	float:left;
	width:100%;
	margin:30px auto;
}
#infoBox > ul > li .saCont.mTop {
	margin-bottom:0 !important;
}
@media screen and (max-width:720px) {
	#infoBox > ul > li > a {
		padding:10px 0;
	}
	#infoBox > ul > li > a h3 {
		font-size:1.9em;
		line-height:25px;
	}
	#infoBox > ul > li > a h3 span {
		flex-direction:column;
		min-height:55px;
	}
	#infoBox > ul > li > a h3 span em {
		width:25px;
		height:25px;
		margin:0 0 5px 0;
	}
}
@media screen and (max-width:480px) {
	#infoBox > ul > li > a h3 span {
		width:3em;
		margin:0 auto;
	}
}
@media screen and (max-width:360px) {
	#infoBox > ul > li > a h3 {
		font-size:1.7em;
	}
}
@media screen and (min-width:991px) {
	#infoBox {
		margin-top:40px;
	}
	#infoBox > ul > li > a h3 {
		font-size:2.7em;
		line-height:35px;
	}
	#infoBox > ul > li > a h3 span em {
		width:40px;
		height:40px;
	}
}
@media screen and (min-width:1200px) {
	#infoBox > ul > li .saCont {	
		margin:50px auto;
	}
}


/** infoGroup **/
.infoGroup {
	width:100%;
	letter-spacing:-9px;
	margin:0 auto;
}
.infoGroup .infoLeft {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:0;
	margin:0 auto;
	vertical-align:top;
}
.infoGroup .infoLeft a {
	display:block;
	width:100%;
	height:100%;
}
.infoGroup .infoLeft .photo {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:56%;
	background-color:#FFF;
	overflow:hidden;
}
.infoGroup .infoLeft .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.infoGroup .infoLeft a:hover .photo span,
.infoGroup .infoLeft a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
.infoGroup .infoLeft .word {
	position:absolute;
	display:flex;
	bottom:0;
	left:0px;
	width:100%;
	min-height:60%;
	padding:20px;
	box-sizing:border-box;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
	/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
	background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 */
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.infoGroup .infoLeft .word h4 {
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);
}
.infoGroup .infoLeft .word p {
	width:100%;
	color:#FFF;
	font-size:1.5em;
	line-height:155%;
	text-align:left;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);
	display:-webkit-box;
	overflow:hidden;
	margin-top:5px;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.infoGroup .infoRight {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:0;
	vertical-align:top;
	margin:20px 0 0 0;
}
.infoGroup .infoRight .infoPic {
	width:100%;
	margin:0 auto;
}
.infoGroup .infoRight .infoPic > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:0 -10px;
}
.infoGroup .infoRight .infoPic > ul > li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:0 10px;
	box-sizing:border-box;
}
.infoGroup .infoRight .infoPic > ul > li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.infoGroup .infoRight .infoPic > ul > li .photo {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:75%;
	background-color:#FFF;
	overflow:hidden;
}
.infoGroup .infoRight .infoPic > ul > li .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.infoGroup .infoRight .infoPic > ul > li a:hover .photo span,
.infoGroup .infoRight .infoPic > ul > li a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
.infoGroup .infoRight .infoPic > ul > li .word {
	position:absolute;
	display:flex;
	bottom:0;
	left:0px;
	width:100%;
	min-height:60%;
	padding:20px;
	box-sizing:border-box;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
	background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 */
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.infoGroup .infoRight .infoPic > ul > li .word h4 {
	position:relative;
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);
	padding-right:30px;
	box-sizing:border-box;
}
.infoGroup .infoRight .infoPic > ul > li .word h4:before {
	position:absolute;
	content:"";
    display:block;   
    width:25px;
    height:25px;
	right:0;
    top:50%;
	margin-top:-12.5px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/icon-arrow.svg) no-repeat 0 0;
	background-size:auto 25px;
}
.infoGroup .infoRight .infoWord {
	display:inline-block;
	width:100%;
	margin:20px auto 0 auto;
}
.infoGroup .infoRight .infoWord > ul {
	display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:stretch;
    align-content:stretch;
	list-style:none;
	letter-spacing:-9px;
	margin:0 -10px;
}
.infoGroup .infoRight .infoWord > ul > li {
	display:inline-block;
	width:33.333333%;
	letter-spacing:0;
	padding:0 10px;
	box-sizing:border-box;
	vertical-align:top;
}
.infoGroup .infoRight .infoWord > ul > li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-height:90px;
	padding:10px 35px 10px 15px;
	border:8px solid rgba(227,244,174,.5);
	box-sizing:border-box;
}
.infoGroup .infoRight .infoWord > ul > li a:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;
	right:15px;
    top:50%;
	margin:-11px 0 0 0 ;
	border-right:2px solid #FFF;
    border-top:2px solid #FFF;
	z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.infoGroup .infoRight .infoWord > ul > li a:hover,
.infoGroup .infoRight .infoWord > ul > li a:focus {
	border-color:rgba(227,244,174,1);
}
.infoGroup .infoRight .infoWord > ul > li .box {
	display:flex;
    flex-wrap:wrap;
    width:100%;
    height:100%;
    align-items:center;
    align-content:center;
    box-sizing:border-box;
}
.infoGroup .infoRight .infoWord > ul > li h4 {
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);
}
@media screen and (max-width:520px) {
	.infoGroup .infoRight .infoWord > ul {
		flex-direction:column;
		margin:-10px 0;
	}
	.infoGroup .infoRight .infoWord > ul > li {
		width:100%;
		padding:10px 0;
	}
	.infoGroup .infoRight .infoWord > ul > li a {
		min-height:inherit;
	}
	.infoGroup .infoRight .infoWord > ul > li .box {
		min-height:40px;
	}
}
@media screen and (max-width:420px) {
	.infoGroup .infoLeft .word h4 {
		position:relative;
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		  -o-text-overflow:ellipsis;
			 text-overflow:ellipsis;
		-webkit-line-clamp:2;
		padding-right:30px;
		box-sizing:border-box;
	}
	.infoGroup .infoLeft .word h4:before {
		position:absolute;
		content:"";
		display:block;   
		width:25px;
		height:25px;
		right:0;
		top:50%;
		margin-top:-12.5px;
		background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/icon-arrow.svg) no-repeat 0 0;
		background-size:auto 25px;
	}
	.infoGroup .infoLeft .word p {
		display:none;
	}
	.infoGroup .infoRight .infoPic > ul {
		margin:-10px 0;
	}
	.infoGroup .infoRight .infoPic > ul > li {
		width:100%;
		padding:10px 0;
	}
	.infoGroup .infoRight .infoPic > ul > li .photo {
		padding-bottom:56%;
	}
	.infoGroup .infoRight .infoPic > ul > li .word h4 {
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		  -o-text-overflow:ellipsis;
			 text-overflow:ellipsis;
		-webkit-line-clamp:2;
	}
}
@media screen and (min-width:991px) {
	.infoGroup .infoLeft {
		width:50%;
	}
	.infoGroup .infoRight {
		width:calc(50% - 20px);
		margin:0 0 0 20px;
	}
	.infoGroup .infoRight .infoWord > ul > li a {
		min-height:85px;
		border-width:6px;
		padding:5px 25px 5px 10px;
	}
	.infoGroup .infoRight .infoWord > ul > li a:before {  
		width:13px;
		height:13px;
		right:10px;
		margin:-6px 0 0 0 ;
	}
}
@media screen and (min-width:1200px) {
	.infoGroup .infoLeft .word h4 {
		font-size:2.1em;
	}
	.infoGroup .infoLeft .word p {
		font-size:1.7em;
	}
	.infoGroup .infoRight .infoPic > ul > li .word h4 {
		font-size:2.1em;
		padding-right:35px;
	}
	.infoGroup .infoRight .infoPic > ul > li .word h4:before { 
		width:30px;
		height:30px;
		margin-top:-15px;
		background-size:auto 30px;
	}
	.infoGroup .infoRight .infoWord > ul > li a {
		min-height:104px;
		padding:10px 35px 10px 15px;
		border-width:8px;
	}
	.infoGroup .infoRight .infoWord > ul > li a:before {  
		width:19px;
		height:19px;
		right:15px;
		margin:-11px 0 0 0 ;
	}
	.infoGroup .infoRight .infoWord > ul > li h4 {
		font-size:2.1em;
	}
}
@media screen and (min-width:1440px) {
	.infoGroup .infoLeft .word h4 {
		font-size:2.5em;
	}
	.infoGroup .infoLeft .word p {
		font-size:1.9em;
	}
	.infoGroup .infoRight .infoPic > ul > li .word h4 {
		font-size:2.5em;
		padding-right:40px;
	}
	.infoGroup .infoRight .infoPic > ul > li .word h4:before { 
		width:35px;
		height:35px;
		margin-top:-17.5px;
		background-size:auto 35px;
	}
	.infoGroup .infoRight .infoWord > ul > li a {
		min-height:125px;
		padding:10px 35px 10px 15px;
	}
	.infoGroup .infoRight .infoWord > ul > li h4 {
		font-size:2.5em;
	}
}


/** policyList **/
.policyList {
	width:100%;
	margin:20px auto 0 auto;
}
.policyList ul {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	align-content:stretch;
	list-style:none;
	margin:-10px;
	letter-spacing:-9px;
}
.policyList ul li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.policyList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.policyList ul li .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:25px 25px 90px 25px;
	text-align:center;
	box-sizing:border-box;
	background:#FFF;
}
.policyList ul li a:hover .box,
.policyList ul li a:focus .box {
	background:#d7ebd3;
}
.policyList ul li .img {
	position:relative;
    display:block;
	width:100px;
	height:100px;
	margin:0 auto;
}
.policyList ul li .img:before {
	content:"";
	display:block; 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
    -webkit-border-radius:100%;
       -moz-border-radius:100%;
            border-radius:100%;
	z-index:1;
}
.policyList ul li:nth-child(1) .img:before { background:#4b8500; }
.policyList ul li:nth-child(2) .img:before { background:#008542; }
.policyList ul li:nth-child(3) .img:before { background:#008c8c; }
.policyList ul li:nth-child(4) .img:before { background:#0075a9; }
.policyList ul li .img:after {
	content:"";
	display:block; 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/policyList-icon.svg) no-repeat 0 0;
	background-size:auto 100px;
    -webkit-border-radius:100%;
       -moz-border-radius:100%;
            border-radius:100%;
	z-index:1;
}
.policyList ul li:nth-child(1) .img:after { background-position:0 0; }
.policyList ul li:nth-child(2) .img:after { background-position:-100px 0; }
.policyList ul li:nth-child(3) .img:after { background-position:-200px 0; }
.policyList ul li:nth-child(4) .img:after { background-position:-300px 0; }
.policyList ul li .img span {
	position:absolute;
	left:0;
	top:0;
    display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:2;
}
.policyList ul li h3 {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.2em;
    font-weight:bold;
	line-height:135%;
	margin:5px 0;
}
.policyList ul li:nth-child(1) h3 { color:#4b8500; }
.policyList ul li:nth-child(2) h3 { color:#008542; }
.policyList ul li:nth-child(3) h3 { color:#008c8c; }
.policyList ul li:nth-child(4) h3 { color:#0075a9; }
.policyList ul li p {
	display:inline-block;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:165%;
	text-align:left;
	margin:0 auto;
}
.policyList ul li .btn-more {
	position:absolute;
	left:0;
	bottom:25px;
	width:100%;
	text-align:center;
}
.policyList ul li .btn-more a {
	display:block;
	width:180px;
	height:50px;
	color:#000;
    font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.7em;
    line-height:48px;
    font-weight:bold;
	border:1px solid #000;
	box-sizing:border-box;
	margin:0 auto;
}
.policyList ul li .btn-more a:hover,
.policyList ul li .btn-more a:focus {
	color:#FFF;
	background:#000;
}
.policyList ul li .btn-more a span {
	position:relative;
	display:inline-block;
	padding-right:30px;
}
.policyList ul li .btn-more a span:after {
	content:"";
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	top:50%;
	right:0px;
	margin-top:-12.5px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/icon-arrow.svg) no-repeat -25px 0;
	background-size:auto 25px;	
}
.policyList ul li .btn-more a:hover span:after,
.policyList ul li .btn-more a:focus span:after {
	background-position:0 0;
}
.policyList ul li a:hover .btn-more span {
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
@media screen and (max-width:520px) {
	.policyList ul li {
		width:100%;
	}
}
@media screen and (min-width:390px) and (max-width:520px) {
	.policyList ul li .box {
		letter-spacing:-9px;
	}
	.policyList ul li .img {
		display:inline-block;
		width:100px;
		height:100px;
		letter-spacing:0;
		margin:0;
		vertical-align:middle;
	}
	.policyList ul li .wd {
		display:inline-block;
		width:calc(100% - 110px);
		text-align:left;
		letter-spacing:0;
		vertical-align:middle;
		margin-left:10px;
	}
	.policyList ul li .btn-more a {
		width:calc(100% - 50px);
		letter-spacing:0;
	}
}
@media screen and (min-width:991px) {
	.policyList {
		margin-top:40px;
	}
	.policyList ul li {
		width:25%;
	}
	.policyList ul li p {
		width:180px;
	}
}
@media screen and (min-width:1200px) {
	.policyList ul li .box {
		padding:35px 20px 100px 20px;
	}
	.policyList ul li .img {
		width:120px;
		height:120px;
	}
	.policyList ul li .img:after {
		background-size:auto 120px;
	}
	.policyList ul li:nth-child(1) .img:after { background-position:0 0; }
	.policyList ul li:nth-child(2) .img:after { background-position:-120px 0; }
	.policyList ul li:nth-child(3) .img:after { background-position:-240px 0; }
	.policyList ul li:nth-child(4) .img:after { background-position:-360px 0; }
	.policyList ul li h3 {
		font-size:2.9em;
	}
	.policyList ul li p {
		width:230px;
		font-size:1.9em;
	}
	.policyList ul li .btn-more {
		bottom:30px;
	}
}
@media screen and (min-width:1440px) {
	.policyList ul li h3 {
		font-size:3.3em;
	}
	.policyList ul li p {
		width:270px;
	}
}


/** newsBox **/
#newsBox {
	width:100%;
	margin:20px auto 0 auto;
}
#newsBox > ul {
	position:relative;
}
#newsBox > ul > li {
	list-style:none;
}
#newsBox > ul > li > a {
	float:left;
	display:block;
	width:25%;
	color:#FFF;
	text-align:center;
	padding:0 10px;
	background:#282f2d;
	box-sizing:border-box;
}
#newsBox > ul > li > a:hover,
#newsBox > ul > li > a:focus {
	background:#bf2626;
}
#newsBox > ul > li > a.saTab,
#newsBox > ul > li > a.saTabOn {
	position:absolute;
	top:0;
	width:25%;
	text-align:center;
	border-right:1px solid #FFF;
	box-sizing:border-box;
}
#newsBox > ul > li > a.saTabOn {
	position:relative;
	background:#188d60;
	cursor:text;
	z-index:1;
}
#newsBox > ul > li > a.tab1.saTab,
#newsBox > ul > li > a.tab1.saTabOn {left:0;}
#newsBox > ul > li > a.tab2.saTab,
#newsBox > ul > li > a.tab2.saTabOn {left:25%;}
#newsBox > ul > li > a.tab3.saTab,
#newsBox > ul > li > a.tab3.saTabOn {left:50%;}
#newsBox > ul > li > a.tab4.saTab,
#newsBox > ul > li > a.tab4.saTabOn {left:75%; border-right:none;}
#newsBox > ul > li > a h3 {
	display:flex;
	width:100%;
	min-height:70px;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.1em;
    font-weight:bold;
	line-height:30px;
	text-align:center;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#newsBox > ul > li > a.saTabOn:before {  
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:transparent transparent #FFF transparent;
	margin-left:-11px;
}
#newsBox > ul > li .saCont {
	position:relative;	
	float:left;
	width:100%;
}
@media screen and (max-width:720px) {
	#newsBox > ul > li > a {
		padding:0;
	}
	#newsBox > ul > li > a span {
		width:4em;
	}
	#newsBox > ul > li > a h3 {
		font-size:1.9em;
		line-height:25px;
	}
}
@media screen and (max-width:480px) {
	#newsBox > ul > li > a {
		position:absolute;
		top:0;
	}
	#newsBox > ul > li > a.tab1 {
		position:relative;
	}
	#newsBox > ul > li > a.tab1 {left:0;}
	#newsBox > ul > li > a.tab2 {left:25%;}
	#newsBox > ul > li > a.tab3 {left:50%;}
	#newsBox > ul > li > a.tab4 {left:75%; width:25%;}
}
@media screen and (max-width:360px) {
	#newsBox > ul > li > a h3 {
		font-size:1.7em;
	}
}
@media screen and (min-width:991px) {
	#newsBox {
		margin-top:40px;
	}
	#newsBox > ul > li > a h3 {
		font-size:2.7em;
		line-height:35px;
	}
}


/** newsGroup **/
.newsGroup {
	width:100%;
	letter-spacing:-9px;
	padding:20px;
	box-sizing:border-box;
	margin:0 auto;
	background:#FFF;
}
.newsGroup .newsShow {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:0;
	margin:0 auto;
	vertical-align:top;
}
.newsGroup .newsShow a {
	display:block;
	width:100%;
	height:100%;
}
.newsGroup .newsShow .photo {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:75%;
	background-color:#FFF;
	overflow:hidden;
}
.newsGroup .newsShow .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.newsGroup .newsShow a:hover .photo span,
.newsGroup .newsShow a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
.newsGroup .newsShow .word {
	position:absolute;
	bottom:0;
	left:0px;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:rgba(0,0,0,.8);
}
.newsGroup .newsShow .word h4 {
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:3;	
}
.newsGroup .newsShow .word time {
	display:inline-block;
	color:#fff45c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	margin-top:10px;
}
.newsGroup .newsList {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:0;
	margin:0 auto;
	vertical-align:top;
}
.newsGroup .newsList ul {
	list-style:none;
	border-top:1px dashed #CCC;
}
.newsGroup .newsList ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsGroup .newsList ul li a {
	position:relative;
	display:block;
	width:100%;
	padding:15px 0 40px 0;
	box-sizing:border-box;
}
.newsGroup .newsList ul li time {
	position:absolute;
	left:0;
	bottom:15px;
	color:#19802A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
}
.newsGroup .newsList ul li h4 {
	display:-webkit-box;
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.9em;
    font-weight:bold;
	line-height:135%;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.newsGroup .newsList ul li a:hover h4,
.newsGroup .newsList ul li a:focus h4 {
	color:#bf2626;
}
@media screen and (max-width:990px) {
	.newsGroup .newsShow {
		margin-bottom:20px;
	}
	.newsGroup .newsShow a {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		height:100%;
		letter-spacing:-9px;
		align-items:center;
		align-content:center;
		background:#F4F4F4;
	}
	.newsGroup .newsShow .photo {
		position:relative;
		display:inline-block;
		width:300px;
		height:0;
		padding-bottom:225px;
		background:#000;
	}
	.newsGroup .newsShow .word {
		position:relative;
		display:inline-block;
		width:calc(100% - 300px);
		letter-spacing:0;
		padding:0 20px;
		box-sizing:border-box;
		vertical-align:top;
		background:none;
	}
	.newsGroup .newsShow .word h4 {
		color:#000;	
		-webkit-line-clamp:5;
	}
	.newsGroup .newsShow a:hover h4,
	.newsGroup .newsShow a:focus h4 {
		color:#bf2626;
	}
	.newsGroup .newsShow .word time {
		color:#19802A;
	}
}
@media screen and (max-width:720px) {
	.newsGroup .newsShow .photo {
		width:240px;
		padding-bottom:180px;
	}
	.newsGroup .newsShow .word {
		width:calc(100% - 240px);
	}
}
@media screen and (max-width:640px) {
	.newsGroup .newsShow .photo {
		width:200px;
		padding-bottom:150px;
	}
	.newsGroup .newsShow .word {
		width:calc(100% - 200px);
	}
	.newsGroup .newsShow .word h4 {
		color:#000;	
		-webkit-line-clamp:4;
	}
}
@media screen and (max-width:520px) {
	.newsGroup .newsShow .photo {
		width:100%;
		padding-bottom:75%;
	}
	.newsGroup .newsShow .word {
		width:100%;
		padding:20px;
	}
}
@media screen and (min-width:991px) {
	.newsGroup {
		padding:25px;
	}
	.newsGroup .newsShow {
		width:400px;
	}
	.newsGroup .newsList {
		width:calc(100% - 420px);
		margin-left:20px;
	}
	.newsGroup .newsList ul li a {		
		padding:16px 0 17px 80px;
	}
	.newsGroup .newsList ul li time {
		bottom:21px;
	}
	.newsGroup .newsList ul li h4 {
		-webkit-line-clamp:1;
	}
}
@media screen and (min-width:1200px) {
	.newsGroup {
		padding:45px;
	}
	.newsGroup .newsShow {
		width:480px;
	}
	.newsGroup .newsShow .word h4 {
		font-size:2.1em;
	}
	.newsGroup .newsList {
		width:calc(100% - 520px);
		margin-left:40px;
	}
	.newsGroup .newsList ul li a {		
		padding:21px 0 22px 90px;
	}
	.newsGroup .newsList ul li time {
		bottom:28px;
	}
	.newsGroup .newsList ul li h4 {
		font-size:2.1em;
	}
}


/** eventBox **/
#eventBox {
	letter-spacing:-9px;
	margin-top:20px;
}
#eventBox .eventBanner {
	display:inline-block;
	width:100%;
	letter-spacing:0;
	box-sizing:border-box;
	vertical-align:top;
}
#eventBox .eventBanner .slick-list {
	overflow:inherit;
}
#eventBox .eventBanner .listshow {
	float:left;
	width:100%;
	background:#000;
	margin:0;
}
#eventBox .eventBanner .listshow a {
	float:left;
	width:100%;
}
#eventBox .eventBanner .listshow a:focus {
	opacity:0.5;
	filter:alpha(opacity=50);
}
#eventBox .eventBanner .listshow a .img {
	display:block;
	width:100%;
	height:0;
	padding-bottom:62%;
	z-index:0;
	background-position:center top;
	background-size:cover;
}
#eventBox .eventBanner .slick-dots {
	position:absolute;
	right:10px;
	bottom:10px;
	text-align:right;
	z-index:10;
}
#eventBox .eventBanner .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 5px;
	padding:0;
	vertical-align:top;
}
#eventBox .eventBanner .slick-dots li button {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	vertical-align:top;
}
#eventBox .eventBanner .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
    background:rgba(0,0,0,.5);
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#eventBox .eventBanner .slick-dots li.slick-active button:before {
    background:rgba(255,255,255,1);
}
#eventBox .eventList {
	display:inline-block;
	width:100%;
	margin:20px auto 0 auto;
	vertical-align:top;
}
#eventBox .eventList ul {
	list-style:none;
	margin:-10px 0;
}
#eventBox .eventList ul li {
	width:100%;
	padding:10px 0;
}
#eventBox .eventList a {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:100%;
	letter-spacing:-9px;
	align-items:center;
	align-content:center;
	background:#FFF;
}
#eventBox .eventList .photo {
	position:relative;
	display:inline-block;
	width:300px;
	height:0;
	padding-bottom:225px;
	overflow:hidden;
}
#eventBox .eventList .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#eventBox .eventList a:hover .photo span,
#eventBox .eventList a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
#eventBox .eventList .word {
	position:relative;
	display:inline-block;
	width:calc(100% - 300px);
	letter-spacing:0;
	padding:0 20px;
	box-sizing:border-box;
	vertical-align:top;
	background:none;
}
#eventBox .eventList .word h3 {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:2;	
}
#eventBox .eventList a:hover .word h3,
#eventBox .eventList a:focus .word h3 {
	color:#bf2626;
}
#eventBox .eventList .word p {
	position:relative;
	color:#008039;
	font-size:1.5em;
	line-height:135%;
	padding-left:5.5em;
	margin-top:10px;
}
#eventBox .eventList .word p span {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:5em;
	line-height:100%;
	text-align:center;
	color:#FFF;
	padding:3px 0;
	background:#008039;
}
@media screen and (max-width:720px) {
	#eventBox .eventList .photo {
		width:240px;
		padding-bottom:180px;
	}
	#eventBox .eventList .word {
		width:calc(100% - 240px);
	}
	#eventBox .eventList .word p {
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		  -o-text-overflow:ellipsis;
			 text-overflow:ellipsis;
		-webkit-line-clamp:2;
	}
}
@media screen and (max-width:640px) {
	#eventBox .eventList .photo {
		width:200px;
		padding-bottom:150px;
	}
	#eventBox .eventList .word {
		width:calc(100% - 200px);
	}
	#eventBox .eventList .word p {
		-webkit-line-clamp:1;
	}
}
@media screen and (max-width:520px) {
	#eventBox .eventList .photo {
		width:100%;
		padding-bottom:75%;
	}
	#eventBox .eventList .word {
		width:100%;
		padding:20px;
	}
	#eventBox .eventList .word p {
		-webkit-line-clamp:2;
	}
}
@media screen and (min-width:991px) {
	#eventBox {
		margin:30px -10px 0 -10px;
	}
	#eventBox .eventBanner {
		width:50%;
		padding:0 10px;
		box-sizing:border-box;
	}
	#eventBox .eventList {
		width:50%;
		padding:0 10px;
		margin-top:0;
		box-sizing:border-box;
	}
	#eventBox .eventList a {
		align-items:flex-start;
	}
	#eventBox .eventList .photo {
		width:188px;
		padding-bottom:140px;
	}
	#eventBox .eventList .word {
		width:calc(100% - 188px);
		padding:10px 15px;
	}
	#eventBox .eventList .word p {
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		  -o-text-overflow:ellipsis;
			 text-overflow:ellipsis;
		-webkit-line-clamp:1;
	}
}
@media screen and (min-width:1200px) {
	#eventBox .eventList .photo {
		width:232px;
		padding-bottom:173px;
	}
	#eventBox .eventList .word {
		width:calc(100% - 232px);
		padding:15px 20px;
	}
	#eventBox .eventList .word h3 {
		font-size:2.1em;
	}
}
@media screen and (min-width:1440px) {
	#eventBox .eventList .photo {
		width:280px;
		padding-bottom:210px;
	}
	#eventBox .eventList .word {
		width:calc(100% - 280px);
		padding:20px;
	}
	#eventBox .eventList .word p {
		-webkit-line-clamp:2;
	}
}


/** leaderBox **/
#leaderBox {
	position:relative;
	width:100%;
	letter-spacing:-9px;
	margin-top:70px;
	z-index:1;
}
#leaderBox .leaderPic {
	position:absolute;
	display:block;
	left:20px;
	top:-50px;
	width:260px;
	height:0;
	padding-bottom:460px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/leader-pic.webp) no-repeat 50% bottom;
	background-size:cover;
	z-index:-1;
}
#leaderBox .leaderWord {
	position:relative;
	width:100%;
	letter-spacing:0;
	padding:20px 0 20px 290px;
	box-sizing:border-box;
}
#leaderBox .leaderWord:before {
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:100vw;
	height:100%;
    background:rgba(179,212,101,.7);
	-moz-transform-origin:bottom;
		   -moz-transform:skewX(-30deg);
	-webkit-transform-origin:bottom;
		   -webkit-transform:skewX(-30deg);
	z-index:-2; 
}
#leaderBox .leaderWord h2 {
	color:#00521B;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:4.1em;
    font-weight:bold;
	line-height:135%;
}
#leaderBox .leaderWord p {
	color:#000;
    font-size:1.7em;
	font-weight:bold;
	line-height:165%;
	margin-top:10px;
}
#leaderBox .youngerList {
	width:100%;
	margin-top:30px;
	box-sizing:border-box;
}
#leaderBox .youngerList ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
#leaderBox .youngerList ul li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
#leaderBox .youngerList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:15px;
	background:#FFF;
	box-sizing:border-box;
	-webkit-box-shadow:0 0 5px rgba(0%,0%,0%,0.3);
	   -moz-box-shadow:0 0 5px rgba(0%,0%,0%,0.3);
	        box-shadow:0 0 5px rgba(0%,0%,0%,0.3);
}
#leaderBox .youngerList ul li a:before {
	position:absolute;
	content:"";
	display:block;
	left:7px;
	top:-8px;
	width:45%;
	height:0;
	padding-bottom:29%;
    background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/younger-label.png) no-repeat 0 0;
	background-size:cover;
	z-index:1; 
}
#leaderBox .youngerList .photo {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:75%;
	overflow:hidden;
}
#leaderBox .youngerList .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#leaderBox .youngerList a:hover .photo span,
#leaderBox .youngerList a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
#leaderBox .youngerList .word {
	width:100%;
	min-height:73px;
	margin-top:10px;
}
#leaderBox .youngerList .word h3 {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
#leaderBox .youngerList a:hover .word h3,
#leaderBox .youngerList a:focus .word h3 {
	color:#bf2626;
}
#leaderBox .youngerList .word time {
	display:inline-block;
	color:#008039;
	font-size:1.5em;
	margin-top:7px;
}
@media screen and (min-width:561px) and (max-width:700px) {
	#leaderBox {
		margin-top:100px;
	}
	#leaderBox .leaderPic {
		left:0;
		top:0;
		width:210px;
		padding-bottom:370px;
	}
	#leaderBox .leaderWord {
		padding:20px 0 20px 210px;
	}
	#leaderBox .leaderWord h2 {
		position:absolute;		
		left:0;
		top:calc(-1em - 25px);
		width:100%;
		text-align:center;
	}
	#leaderBox .leaderWord p {
		margin:0;
	}
	#leaderBox .youngerList {
		margin-top:20px;
	}
}
@media screen and (max-width:560px) {
	#leaderBox {
		margin-top:30px;
	}
	#leaderBox .leaderPic {
		position:relative;
		display:inline-block;
		left:0;
		top:0;
		width:50%;
		padding:25% 0;
		margin:0 25%;
		background-color:rgba(255,255,255,.5);
		background-position:100% 20px;
		background-size:90% auto;
		-webkit-border-radius:50%;
		   -moz-border-radius:50%;
				border-radius:50%;
	}
	#leaderBox .leaderWord {
		display:inline-block;
		width:100%;
		padding:0;
		vertical-align:bottom;
	}
	#leaderBox .leaderWord h2 {
		text-align:center;
	}
	#leaderBox .leaderWord:before {
		display:none;
	}
	#leaderBox .youngerList {
		margin-top:20px;
	}
}
@media screen and (max-width:420px) {
	#leaderBox .youngerList ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	#leaderBox {
		margin-top:50px;
	}
	#leaderBox:before {
		position:absolute;
		content:"";
		display:block;
		left:0;
		top:calc(8em + 5px);
		width:400px;
		height:0;
		padding-bottom:480px;
		background:rgba(179,212,101,.5);
		margin-left:-240px;
		-moz-transform-origin:bottom;
			   -moz-transform:skewX(-30deg);
		-webkit-transform-origin:bottom;
			   -webkit-transform:skewX(-30deg);
		z-index:-2; 
	}	
	#leaderBox .leaderPic {
		position:absolute;
		display:block;
		left:50%;
		top:inherit;
		bottom:0;
		width:400px;
		padding-bottom:705px;
		margin:0 0 -70px -510px;		
	}
	#leaderBox .leaderWord {
		padding:0 0 0 350px;
	}
	#leaderBox .leaderWord:before {
		display:none;
	}
	#leaderBox .leaderWord h2 {
		font-size:5.5em;
	}
	#leaderBox .leaderWord p {
		font-size:1.9em;
		margin-top:20px;
	}
	#leaderBox .youngerList {
		position:relative;
		padding-left:350px;
	}
	#leaderBox .youngerList:before {
		position:absolute;
		content:"";
		display:block;
		left:0;
		top:-10px;
		width:100vw;
		height:calc(100% + 20px);
		background:rgba(0,113,48,.5);
		z-index:-3; 
		-moz-transform-origin:bottom;
		       -moz-transform:skewX(-30deg);
		-webkit-transform-origin:bottom;
		       -webkit-transform:skewX(-30deg);
	}
	#leaderBox .youngerList ul li a:before {
		width:160px;
		padding-bottom:99px;
	}
}
@media screen and (min-width:1200px) {
	#leaderBox:before {
		top:calc(9em + 5px);
		padding-bottom:540px;
	}
	#leaderBox .leaderWord h2 {
		font-size:6.5em;
	}
	#leaderBox .leaderPic {
		width:450px;
		padding-bottom:795px;
		margin:0 0 -90px -620px;
	}
	#leaderBox .leaderWord {
		padding-left:400px;
	}
	#leaderBox .youngerList {
		margin-top:50px;
		padding-left:400px;
	}
	#leaderBox .youngerList:before {
		top:-20px;
		height:calc(100% + 40px);
	}
	#leaderBox .youngerList ul li a {
		padding:20px;
	}
	#leaderBox .youngerList ul li a:before {
		top:-10px;
		width:210px;
		padding-bottom:131px;
	}
	#leaderBox .youngerList .word {
		min-height:78px;
	}
	#leaderBox .youngerList .word h3 {
		font-size:2.1em;
		-webkit-line-clamp:2;
	}
}
@media screen and (min-width:1440px) {
	#leaderBox:before {
		top:calc(9em + 10px);
		width:440px;
		padding-bottom:650px;
	}
	#leaderBox .leaderPic {
		width:474px;
		padding-bottom:836px;
		margin:0 0 -90px -740px;
	}
	#leaderBox .leaderWord {
		padding-left:355px;
	}
	#leaderBox .leaderWord p {
		margin-top:30px;
	}
	#leaderBox .youngerList {
		padding-left:420px;
		margin-top:70px;
		margin-bottom:30px;
	}
	#leaderBox .youngerList:before {
		top:-30px;
		height:calc(100% + 60px);
	}
	#leaderBox .youngerList ul li a:before {
		width:230px;
		padding-bottom:143px;
	}
}



/** boxHead **/
.boxHead {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
}
.boxHead h2 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:4.1em;
    font-weight:bold;
	line-height:135%;
}
.boxHead p {
	color:#000;
    font-size:1.7em;
	font-weight:bold;
	line-height:165%;
}
@media screen and (min-width:991px) {
	.boxHead h2 {
		font-size:5.5em;
	}
	.boxHead p {
		font-size:2.1em;
		margin-top:10px;
	}
}
@media screen and (min-width:1200px) {
	.boxHead h2 {
		font-size:6.5em;
	}
	.boxHead p {
		font-size:2.5em;
		margin-top:10px;
	}
}


/** moreBtn **/
.moreBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.moreBtn .box {
	margin:-5px;
	letter-spacing:-9px;
}
.moreBtn a {
	display:inline-block;
	width:100%;
	max-width:240px;
	letter-spacing:0;
	padding:12px 0;
	margin:5px;
	border:1px solid #188d60;
	box-sizing:border-box;
}
#eventBox .moreBtn a {
	border-color:#FFF;
}
.moreBtn a span {
	position:relative;
	color:#188d60;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
    line-height:24px;
	font-weight:bold;
	padding-left:30px;
}
#eventBox .moreBtn a span {
	color:#FFF;
}
.moreBtn a:hover,
.moreBtn a:focus {
	border-color:#188d60 !important;
	background:#188d60;
}
.moreBtn a:hover span,
.moreBtn a:focus span {
	color:#FFF;
}
.moreBtn a span:before {
	position:absolute;
	content:"";
	display:block; 
	left:0;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 0 0 0;
	background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/moreBtn-icon.svg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:auto 24px;
	z-index:2;
}
#eventBox .moreBtn a  span:before {
	background-position:-24px 0;
}
.moreBtn a:hover span:before,
.moreBtn a:focus span:before {
	background-position:-24px 0;
}


/** snsList **/
#snsList {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	margin:20px auto 0 auto;	
}
#snsList ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px;
}
#snsList ul li {
	display:inline-block;
	padding:5px;
	letter-spacing:0;
	box-sizing:border-box;
	vertical-align:top;
}
#snsList ul li a {
	display:block;
	padding:10px 20px 10px 10px;
	background:#FFF;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#snsList ul li a.fb { background:#1877f2; }
#snsList ul li a.youtube { background:#ff0002; }
#snsList ul li a.instagram { background:#de2a83; }
#snsList ul li a span {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	padding-left:45px;
}
#snsList ul li a span:before {
	position:absolute;	
	content:"";
	display:block;
	left:0;
	top:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
	background-repeat:no-repeat;
	background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/snsList-icon.svg);
	background-size:auto 80px;
}
#snsList ul li a.fb span:before { background-position:0 0; }
#snsList ul li a.youtube span:before { background-position:-40px 0; }
#snsList ul li a.instagram span:before { background-position:-80px 0; }
#snsList ul li a.fb:hover,
#snsList ul li a.fb:focus { background:#0c5eca; }
#snsList ul li a.youtube:hover,
#snsList ul li a.youtube:focus { background:#cc0000; }
#snsList ul li a.instagram:hover,
#snsList ul li a.instagram:focus { background:#d00b6e; }
@media screen and (max-width:560px) {
	#snsList ul li a {
		padding:10px;
	}
	#snsList ul li a span {
		font-size:1.7em;
	}
}
@media screen and (max-width:480px) {
	#snsList ul li a {
		min-width:260px;
	}
	#snsList ul li a span {
		display:block;
		font-size:1.9em;
		line-height:35px;
	}
}
@media screen and (min-width:991px) {
	#snsList {
		margin-top:30px;
	}
	#snsList ul li a span {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
	#snsList ul li a span {
		font-size:1.9em;
	}
}


/** snsNews **/
#snsNews {
	width:100%;
	padding-bottom:30px;
	margin:20px auto 0 auto;	
	border-bottom:1px dashed #a0a0a0;
}
#snsNews .listshow {
	letter-spacing:-9px;
	margin:-10px;
}
#snsNews .listshow .item {
	display:inline-block;
	width:20%;
	padding:10px;
	letter-spacing:0;
	box-sizing:border-box;
}
#snsNews .listshow .item a {
	display:inline-block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#snsNews .listshow .box {
	position:relative;
	display:block;
	width:100%;
	padding-bottom:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
#snsNews .listshow .label {
	position:absolute;
	right:15px;
	bottom:15px;
	z-index:1;
}
#snsNews .listshow .label span {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	background:rgba(255,255,255,.8);
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow .label span:before {
	position:absolute;	
	content:"";
	display:block;
	left:5px;
	top:5px;
	width:35px;
	height:35px;
	background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102659/https://www.ardswc.gov.tw/Home/images/snsList-icon.svg);
	background-position:0 -35px;
	background-repeat:no-repeat;
	background-size:auto 70px;
	z-index:5;
}
#snsNews .listshow .label.fb span:before { background-position:0 -35px; }
#snsNews .listshow .label.youtube span:before { background-position:-35px -35px; }
#snsNews .listshow .label.instagram span:before { background-position:-70px -35px; }
#snsNews .listshow .wap {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	width:100%;
	height:100%;
	justify-content:space-around;
	background:rgba(0,0,0,.8);
	filter:alpha(opacity=0);
	opacity:0;
	z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow a:hover .wap,
#snsNews .listshow a:focus .wap {
	filter:alpha(opacity=100);
	opacity:1;
}
#snsNews .listshow .wap p {
	display:flex;
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:165%;
	justify-content:center;
	align-items:center;
	padding:15px;
	box-sizing:border-box;
}
#snsNews .listshow .wap p span {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:6;
}
#snsNews .slick-dots {
	position:relative;
	bottom:0;
	width:100%;
	text-align:center;
	margin:10px auto 0 auto;
}
#snsNews .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 5px;
	padding:0;
	vertical-align:middle;
}
#snsNews .slick-dots li button {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#snsNews .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
    background:rgba(0,0,0,.5);
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#snsNews .slick-dots li.slick-active button:before {
    background:rgba(0,0,0,1);
}
@media screen and (min-width:991px) {
	#snsNews {
		margin-top:30px;
	}
	#snsNews .listshow .item {
		width:20%;
	}
}

 
/** adLink **/
.adLink {
	position:relative;
	width:100%;
	margin:20px auto 0 auto;
}
.adLink .listshow {	
	display:block;
	width:100%;
	padding:0 50px;
	margin:0 auto;
	box-sizing:border-box;
	letter-spacing:-0.9em;
}
.adLink .listshow .slick-list {
	margin:-7.5px
}
.adLink .listshow .item {
	display:inline-block;
	width:20%;
	text-align:center;
	padding:7.5px;
	box-sizing:border-box;
	letter-spacing:0;
}
.adLink .listshow .item a {
	display:inline-block;
	width:100%;
	max-width:210px;
	height:100%;
	background:#000;
	box-sizing:border-box;
}
.adLink .listshow .item a img {
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink .listshow .item a:focus {	
	outline:1px dashed #FF6600;
}
.adLink .listshow .item a:focus img {
	opacity:0.7;
}
.adLink .listshow img {
	width:100%;
	max-width:210px;
	height:auto;
	margin:0 auto;
}
.adLink .listshow .slick-prev,
.adLink .listshow .slick-next {	
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	z-index:10;
	overflow:hidden;
}
.adLink .listshow .slick-prev {
	left:0;	
}
.adLink .listshow .slick-next {
	right:0;
}
.adLink .listshow .slick-prev:before,
.adLink .listshow .slick-next:before {
	display:none;
}
.adLink .listshow .slick-prev span,
.adLink .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adLink .listshow .slick-prev span:before,
.adLink .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    z-index:2;
}
.adLink .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin:-11px 0 0 5px;
	border-left:3px solid #333;
    border-top:3px solid #333;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.adLink .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin:-11px 5px 0 0 ;
	border-right:3px solid #333;
    border-top:3px solid #333;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.adLink .listshow .slick-prev:hover span:before,
.adLink .listshow .slick-next:hover span:before,
.adLink .listshow .slick-prev:focus span:before,
.adLink .listshow .slick-next:focus span:before {
	border-color:#b34658;
}
@media screen and (min-width:991px) {
	.adLink {
		margin-top:30px;
	}
	.adLink .listshow {
		max-width:990px;
		padding:0 40px;
	}
	.adLink .listshow .slick-list {
		margin:-10px
	}
	.adLink .listshow .item {
		width:20%;
		padding:10px;
	}
	.adLink .listshow .slick-prev,
	.adLink .listshow .slick-next {
		width:30px;
		height:40px;
	}
	.adLink .listshow .slick-prev span:before,
	.adLink .listshow .slick-next span:before {
		width:23px;
		height:23px;    
	}
	.adLink .listshow .slick-prev span:before {
		margin:-13px 0 0 6px;
	}
	.adLink .listshow .slick-next span:before {
		margin:-13px 6px 0 0 ;
	}
}
@media screen and (min-width:1200px) {
	.adLink .listshow .slick-list {
		margin:-10px
	}
	.adLink .listshow {
		max-width:1200px;
	}
}
@media screen and (min-width:1440px) {
	.adLink .listshow {
		max-width:1440px;
	}
}

	
	
@media print {
	#main {
		position:relative;
		float:none!important;
		display:block;
		height:auto;
		padding:0!important;
		margin:0!important;
	}
	section {
		position:relative;
		float:none!important;
		display:block;
		height:auto;
		padding:20px!important;
		margin:0!important;
	}
	#banner {
		display:block!important;
		width:720px!important;
		height:315px!important;
		padding:0!important;
		margin:60px 0 0 0!important;
	}
	#banner .listshow {
		position:relative;
		display:block!important;
		width:720px!important;
		padding-bottom:315px!important;
	}
	#banner .listshow .slick-slide {
		position:absolute!important;
		left:0!important;
		top:0!important;
		float:none!important;
		display:none!important;
	}
	#banner .listshow .slick-current {
		display:block!important;
	}
	#banner .listshow a .img {
		display:block!important;
		width:720px!important;
		padding-bottom:315px!important;
		background-size:720px 315px!important;
	}
	#banner .listshow img {
		display:none!important;
	}
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		display:none!important;
	}
	#infoSection a.tab1 {
		color:#00332c;
		background:#bfe6ac;
	}
	#infoSection a.tab1 h3 span em {
		display:none;
	}
	#infoSection a.tab1 h3 span em.on {
		display:block;
	}
	#infoSection a + .saCont {
		display:none!important;
	}
	#infoSection a.tab1 + .saCont {
		display:block!important;
	}
	.policyList ul li .box {
		padding: 35px 20px;
	}
	.policyList ul li .btn-more {
		position:relative;
		bottom:0;
		margin-top:10px;
	}
	#newsBox > ul {
		display:block!important;
		height:inherit!important;
		margin:-10px!important;
		letter-spacing:-9px;
	}
	#newsBox > ul > li {
		float:none!important;
		display:inline-block;
		width:50%;
		letter-spacing:0;
		padding:10px!important;
		box-sizing:border-box;
		vertical-align:top;
	}
	#newsBox > ul > li > a {
		position:relative!important;
		left:0!important;
		top:0!important;
		float:none!important;
		display:block!important;
		width:100%!important;
	}
	#newsBox > ul > li > a h3 {
		line-height:100%;
	}
	#newsBox > ul > li .saCont {
		float:none!important;
		display:block!important;		
	}
	#newsBox > ul > li .moreBtn {
		display:none!important;
	}
	.newsGroup {
		padding-bottom:5px!important;
	}
	.newsGroup .newsList ul li:last-child {
		border-bottom:none !important;
	}
	#eventBox .eventBanner {
		display:block!important;
		width:680px!important;
		height:420px!important;
		padding:0!important;
		margin:0!important;
		overflow:hidden !important;
	}
	#eventBox .eventBanner .listshow {
		position:relative;
		display:block!important;
		width:680px!important;
		padding-bottom:420px!important;
	}
	#eventBox .eventBanner .listshow .slick-slide {
		position:absolute!important;
		left:0!important;
		top:0!important;
		float:none!important;
		display:none!important;
	}
	#eventBox .eventBanner .listshow .slick-current {
		display:block!important;
	}
	#eventBox .eventBanner .slick-dots {
		display:none!important;
	}
	#eventBox .eventBanner .listshow {
		float:none!important;
		display:block!important;
		width:680px!important;
		padding-bottom:420px!important;
	}
	#eventBox .eventBanner .listshow a {
		float:none!important;
		display:block!important;
	}
	#eventBox .eventBanner .listshow a .img {
		display:block!important;
		width:680px!important;
		padding-bottom:420px!important;
		background-size:680px 420px!important;
	}
	#leaderBox {
		display:block!important;
		padding-top:70px;
	}
	#leaderBox .leaderPic {
		top:20px;
	}
	.adLink .listshow .item {
		width:199px!important;
	}
	.adLink .listshow .item {
		width:199px!important;
	}
	.demshow {
		display:none!important;
	}
}





/*
     FILE ARCHIVED ON 10:26:59 五月 17, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 3:46:33 五月 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)).
*/