@charset "utf-8";

/* ----- newsList ----- */
.newsList {
	position:relative;
	width:100%;
	margin:20px auto 0 auto;
}
.newsList ul {
	list-style:none;
}
.newsList ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsList ul li a {
	position:relative;
	display:block;
	width:100%;
	padding:15px 15px 15px 90px;
	box-sizing:border-box;
}
.newsList ul li a::before{
	position:absolute;
	left:15px;
	top:15px;
	content:"";
	display:block;
	width:60px;
	height:60px;
	background:#9fa3a6 url(../images/icon-news.svg) no-repeat 50% 50%;
	background-size:cover;
    -webkit-border-radius:10px 0 10px 0;
	   -moz-border-radius:10px 0 10px 0;
			border-radius:10px 0 10px 0;
}
.newsList ul li time {
	display:inline-block;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:23px;
	vertical-align:middle;
}
.newsList ul li .label {
	display:inline-block;
	color:#FFF;
	font-size:1.3em;
	line-height:23px;
	padding:0 10px;
	margin-left:10px;
	vertical-align:middle;
	background:#097c25;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsList ul li p {
	position:relative;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
    font-size:1.9em;
    font-weight:bold;
	line-height:155%;
	margin-top:5px;
}
.newsList ul li a:hover p,
.newsList ul li a:focus p {
	color:#A40000;
}
@media screen and (min-width:1440px) {
	.newsList ul li a {
		padding:20px 20px 20px 110px;
	}
	.newsList ul li a::before{
		left:20px;
		top:15px;
		width:70px;
		height:70px;
	}
	.newsList ul li time {
		font-size:1.5em;
		line-height:25px;
	}
	.newsList ul li .label {
		font-size:1.5em;
		line-height:25px;
	}
	.newsList ul li p {
		font-size:2.1em;
	}
}
@media screen and (min-width:1720px) {
	.newsList ul li a {
		padding:30px 30px 30px 120px;
	}
	.newsList ul li a::before{
		left:30px;
		top:25px;
		width:75px;
		height:75px;
	}
	.newsList ul li p {
		font-size:2.3em;
	}
}


/* ----- pdNavList ----- */
.pdNavList {
	width:100%;
	margin:0 auto;
}
.pdNavList > ul {
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	margin:-20px;
}
.pdNavList > ul > li {
	display:inline-block;
	width:33.3333%;
	padding:0 20px;
	border-left:1px solid #d9dfe5;
	box-sizing:border-box;
	margin:20px 0;
}
.pdNavList > ul > li:nth-child(3n+1) {
	border-left:none;
}
.pdNavList > ul > li > a {
	display:block;
	width:100%;
	box-sizing:border-box;
}
.pdNavList > ul > li .pic {
	position:relative;
	display:inline-block;
	width:100%;
	overflow:hidden;
	background:#F4F4F4;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdNavList > ul > li .pic .img {
	display:block;
	width:100%;
	padding-bottom:75%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.pdNavList > ul > li > a:hover .pic,
.pdNavList > ul > li > a:focus .pic {
    -webkit-transform:translate(-1px,-4px);
	   -moz-transform:translate(-1px,-4px);
        -ms-transform:translate(-1px,-4px);
         -o-transform:translate(-1px,-4px);    
            transform:translate(-1px,-4px);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
	   -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
			box-shadow:3px 3px 10px rgba(0,0,0,0.5);
}
.pdNavList > ul > li h3 {
	display:-webkit-box;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	margin:15px auto 10px auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdNavList > ul > li > a:hover h3,
.pdNavList > ul > li > a:focus h3 {
	color:#A40000;
}
.pdNavList > ul > li p {
	color:#000;
	font-size:1.7em;
	line-height:170%;
	text-align:justify;
	box-sizing:border-box;
}
@media screen and (max-width:768px) {
	.pdNavList > ul > li {
		width:50%;
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(3n+1) {
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(2n+1) {
		border-left:none;
	}
}
@media screen and (max-width:540px) {
	.pdNavList {
		max-width:420px;
		margin:0 auto;
	}
	.pdNavList > ul > li {
		width:100%;
		border-left:none !important;
	}
}
@media screen and (min-width:991px) {
	.pdNavList > ul > li {
		width:50%;
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(3n+1) {
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(2n+1) {
		border-left:none;
	}
}
@media screen and (min-width:1200px) {
	.pdNavList > ul > li {
		width:33.333%;
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(2n+1) {
		border-left:1px solid #d9dfe5;
	}
	.pdNavList > ul > li:nth-child(3n+1) {
		border-left:none;
	}
	.pdNavList > ul > li h3 {
		font-size:2.3em;
	}
}
@media screen and (min-width:1440px) {
	.pdNavList > ul {
		margin:-25px;
	}
	.pdNavList > ul > li {
		padding:0 25px;
		margin:25px 0;
	}
	.pdNavList > ul > li .pic {
		-webkit-border-radius:50px 0 50px 0;
		   -moz-border-radius:50px 0 50px 0;
				border-radius:50px 0 50px 0;
	}
	.pdNavList > ul > li h3 {
		font-size:2.5em;
	}
}
@media screen and (min-width:1720px) {
	.pdNavList > ul {
		margin:-30px;
	}
	.pdNavList > ul > li {
		padding:0 30px;
		margin:30px 0;
	}
	.pdNavList > ul > li h3 {
		font-size:2.7em;
	}
	.pdNavList > ul > li p {
		font-size:1.9em;
	}
}


/* ----- pdList ----- */
.pdList {
	width:100%;
	margin:30px auto 0 auto;
}
.pdList > ul {
	list-style:none;
	margin:-5px 0;
}
.pdList > ul > li {
	display:inline-block;
	width:100%;
	padding:5px 0;
	box-sizing:border-box;
}
.pdList > ul > li > a {
	position:relative;
	display:inline-block;
	color:#1e7a21;
	font-size:1.7em;
	line-height:135%;
	padding-left:25px;
	box-sizing:border-box;
}
.pdList > ul > li > a:hover,
.pdList > ul > li > a:focus {
	color:#A40000;
}
.pdList > ul > li .arrow {
	position:absolute;
	left:0;
	top:1px;
	display:block;
	width:21px;
	height:21px;
	box-sizing:border-box;
	border:1px solid #1e7920;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdList > ul > li > a:hover .arrow,
.pdList > ul > li > a:focus .arrow {
	border-color:#A40000;
	background:#A40000;
}
.pdList > ul > li .arrow span {
	display:block;
	width:100%;
	height:100%;
}
.pdList > ul > li .arrow span:before {
	position:absolute;
	content:"";
	display:block;   
	width:7px;
	height:7px;    
	z-index:2;
	box-sizing:border-box;
	right:50%;
	top:50%;
	margin:-3.5px -3.5px 0 0 ;
	border-right:1px solid #1e7920;
	border-top:1px solid #1e7920;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdList > ul > li .arrow span:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:8px;
	height:1px;    
	z-index:2;	
	box-sizing:border-box;
	background:#1e7920;
	margin:-0.5px 0 0 -4.5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.pdList > ul > li > a:hover .arrow span:before,
.pdList > ul > li > a:focus .arrow span:before {
	border-color:#FFF;
}
.pdList > ul > li > a:hover .arrow span:after,
.pdList > ul > li > a:focus .arrow span:after {
	background:#FFF;
}
.pdList > ul > li .download .arrow:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:11px;
	height:1px;
	z-index:2;	
	box-sizing:border-box;
	background:#1e7920;
	margin:5px 0 0 -5.5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.pdList > ul > li .download .arrow span:before {
	margin:-5.5px -3.5px 0 0 ;
	-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
			transform:rotate(135deg);
}
.pdList > ul > li .download .arrow span:after {
	width:1px;
	height:10px;
	margin:-7px 0 0 -0.5px;
}
.pdList > ul > li > a.download:hover .arrow:after,
.pdList > ul > li > a.download:focus .arrow:after {
	background:#FFF;
}
.pdList > ul > li .link .arrow:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:7px;
	height:1px;
	z-index:2;	
	box-sizing:border-box;
	background:#1e7920;
	margin:-0.5px 0 0 -3.5px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.pdList > ul > li .link .arrow span:before {
	width:6px;
	height:9px;
	margin:-7.5px -6px 0 0 ;
	border:1px solid #1e7920;
	border-left:none;
    -webkit-border-radius:0 8px 8px 0;
	   -moz-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.pdList > ul > li .link .arrow span:after {
	width:6px;
	height:9px;
	margin:-1.5px 0 0 -6px;
	border:1px solid #1e7920;
	border-right:none;
	background:none;
    -webkit-border-radius:8px 0 0 8px;
	   -moz-border-radius:8px 0 0 8px;
			border-radius:8px 0 0 8px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.pdList > ul > li > a.link:hover .arrow:after,
.pdList > ul > li > a.link:focus .arrow:after {
	background:#FFF;
}
.pdList > ul > li > a.link:hover .arrow span:after,
.pdList > ul > li > a.link:focus .arrow span:after {
	border-color:#FFF;
	background:none;
}


/** pdMore **/
.pdMore {
	width:100%;
	margin:20px auto 0 auto;
}
.pdMore a {
	position:relative;
	display:inline-block;
	width:100%;
	min-height:55px;
	color:#FFF;
	font-size:1.9em;
	line-height:25px;
	font-weight:bold;
	letter-spacing:0;
	padding:15px 55px 15px 20px;
	background:#333333;
	box-sizing:border-box;
}
.pdMore a:hover,
.pdMore a:focus {
	background:#A40000;
}
.pdMore a::before,
.pdMore a::after {
	content:"";
	position:absolute;
	display:block;
	width:16px;
	height:1px;
	top:50%;
	right:15px;
	margin-top:-0.5px;
	background-color:#FFF;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.pdMore a::after {
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
@media screen and (min-width:1720px) {
	.pdMore a {
		padding:15px 60px 15px 25px;
	}
	.pdMore a:before,
	.pdMore a::after {
		right:20px;
		width:19px;
	}
}


/* ----- productList ----- */
.productList {
	width:100%;
	margin:0 auto;
}
.productList > ul {
	list-style:none;
}
.productList > ul > li {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
.productList > ul > li + li {
	margin-top:30px;
}
.productList > ul > li > a {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	align-items:flex-start;
	background:#f3f2f1;
	box-sizing:border-box;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.productList > ul > li > a:hover,
.productList > ul > li > a:focus {
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
	   -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
			box-shadow:3px 3px 10px rgba(0,0,0,0.5);
}
.productList > ul > li .pic {
	position:relative;
	display:inline-block;
	width:300px;
	overflow:hidden;
	background:#F4F4F4;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
}
.productList > ul > li .pic .img {
	display:block;
	width:100%;
	padding-bottom:75%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.productList > ul > li > a:hover .pic .img,
.productList > ul > li > a:focus .pic .img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
.productList > ul > li .word {
	position:relative;
	display:inline-block;
	width:calc(100% - 300px);
	min-height:225px;
	padding:20px;
	box-sizing:border-box;
}
.productList > ul > li .word h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.productList > ul > li > a:hover .word h3,
.productList > ul > li > a:focus .word h3 {
	color:#A40000;
}
.productList > ul > li .word p {
	color:#000;
	font-size:1.7em;
	line-height:170%;
	text-align:justify;
	box-sizing:border-box;
	margin-top:10px;
}
.productList > ul > li .word p:after {
	content:"";
	float:right;
	display:block;
	width:35px;
	height:35px;
	margin:5px 0 0 10px;
}
.productList > ul > li .arrow {
	position:absolute;
	right:20px;
	bottom:20px;
	display:block;
	width:35px;
	height:35px;
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.productList > ul > li .arrow span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.productList > ul > li .arrow span:before {
	position:absolute;
	content:"";
	display:block;   
	width:9px;
	height:9px;    
	z-index:2;
	box-sizing:border-box;
	right:50%;
	top:50%;
	margin:-4.5px -5.5px 0 0 ;
	border-right:1px solid #000;
	border-top:1px solid #000;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.productList > ul > li .arrow span:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:15px;
	height:1px;
	z-index:2;	
	box-sizing:border-box;
	background:#000;
	margin:-0.5px 0 0 -7.5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.productList > ul > li > a:hover .arrow,
.productList > ul > li > a:focus .arrow {
	border-color:#A40000;
	background:#A40000;
}
.productList > ul > li > a:hover .arrow span:before,
.productList > ul > li > a:focus .arrow span:before {
	border-color:#FFF;
}
.productList > ul > li > a:hover .arrow span:after,
.productList > ul > li > a:focus .arrow span:after {
	background:#FFF;
}
.productList > ul > li .download .arrow:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:15px;
	height:1px;
	z-index:2;	
	box-sizing:border-box;
	background:#000;
	margin:6.5px 0 0 -7.5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.productList > ul > li .download .arrow span:before {
	margin:-7.5px -4.5px 0 0 ;
	-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
			transform:rotate(135deg);
}
.productList > ul > li .download .arrow span:after {
	width:1px;
	height:14px;
	margin:-10px 0 0 -0.5px;
}
.productList > ul > li > a.download:hover .arrow:after,
.productList > ul > li > a.download:focus .arrow:after {
	background:#FFF;
}
.productList > ul > li .link .arrow:after {
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;   
	width:11px;
	height:1px;
	z-index:2;	
	box-sizing:border-box;
	background:#000;
	margin:-0.5px 0 0 -5.5px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.productList > ul > li .link .arrow span:before {
	width:9px;
	height:14px;
	margin:-11.5px -9px 0 0 ;
	border:1px solid #000;
	border-left:none;
    -webkit-border-radius:0 8px 8px 0;
	   -moz-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.productList > ul > li .link .arrow span:after {
	width:9px;
	height:14px;
	margin:-2px 0 0 -9px;
	border:1px solid #000;
	border-right:none;
	background:none;
    -webkit-border-radius:8px 0 0 8px;
	   -moz-border-radius:8px 0 0 8px;
			border-radius:8px 0 0 8px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.productList > ul > li > a.link:hover .arrow:after,
.productList > ul > li > a.link:focus .arrow:after {
	background:#FFF;
}
.productList > ul > li > a.link:hover .arrow span:after,
.productList > ul > li > a.link:focus .arrow span:after {
	border-color:#FFF;
	background:none;
}
@media screen and (max-width:768px) {
	.productList > ul {
		display:flex;
		flex-wrap:wrap;
		margin:-15px;
	}
	.productList > ul > li {
		width:50%;
		padding:15px;
	}
	.productList > ul > li + li {
		margin-top:0;
	}
	.productList > ul > li > a {
		flex-direction:column;
		height:100%;
	}
	.productList > ul > li .pic {
		width:100%;
	}
	.productList > ul > li .word {
		width:100%;
	}
}
@media screen and (max-width:540px) {
	.productList {
		max-width:420px;
		margin:0 auto;
	}
	.productList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.productList > ul > li {
		padding:15px 0 0 15px;
	}
	.productList > ul > li .pic {
		width:240px;
		margin:-15px 0 0 -15px;
	}
	.productList > ul > li .word {
		width:calc(100% - 225px);
		min-height:180px;
		padding:20px;
	}
	.productList > ul > li .word p:after {
		margin:10px 0 0 10px;
	}
}
@media screen and (min-width:1200px) {
	.productList > ul > li .word h3 {
		font-size:2.3em;
	}
}
@media screen and (min-width:1440px) {
	.productList > ul > li {
		padding:0;
	}
	.productList > ul > li + li {
		margin-top:40px;
	}
	.productList > ul > li > a,
	.productList > ul > li .pic {
		-webkit-border-radius:50px 0 50px 0;
		   -moz-border-radius:50px 0 50px 0;
				border-radius:50px 0 50px 0;
	}
	.productList > ul > li .pic {
		width:360px;
		margin:0;
	}
	.productList > ul > li .word {
		width:calc(100% - 360px);
		min-height:270px;
		padding:30px;
	}
	.productList > ul > li .word h3 {
		font-size:2.5em;
	}
	.productList > ul > li .word p:after {
		width:45px;
		height:45px;
		margin:15px 0 0 15px;
	}
	.productList > ul > li .arrow {
		right:30px;
		bottom:30px;
		width:45px;
		height:45px;
	}
}
@media screen and (min-width:1720px) {
	.productList > ul > li .word {
		padding:35px;
	}
	.productList > ul > li .word h3 {
		font-size:2.7em;
	}
	.productList > ul > li .word p {
		font-size:1.9em;
	}
	.productList > ul > li .word p:after {
		width:55px;
		height:55px;
	}
	.productList > ul > li .arrow {
		right:35px;
		bottom:35px;
		width:55px;
		height:55px;
	}
}


/* ----- pdTop ----- */
.pdTop {
	display:flex;
	width:100%;
    flex-direction:row;
	align-items:flex-start;
	margin:0 auto;
}
.pdTop .pic {
	position:relative;
	display:inline-block;
	width:300px;
	overflow:hidden;
	background:#F4F4F4;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
}
.pdTop .pic .img {
	display:block;
	width:100%;
	padding-bottom:75%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.pdTop .word {
	position:relative;
	display:inline-block;
	width:calc(100% - 320px);
	margin-left:20px;
	box-sizing:border-box;
}
.pdTop .word h3 {
	color:#1e7a21;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.5em;
	font-weight:bold;
	line-height:135%;
}
.pdTop .word p {
	font-size:1.7em;
	line-height:170%;
	text-align:justify;
	box-sizing:border-box;
	margin-top:10px;
}
.pdTop .word .btn {
	width:100%;
	margin-top:20px;
}
.pdTop .word .btn a {
	display:inline-block;
	width:calc(50% - 5px);
	max-width:240px;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-weight:bold;
	font-size:1.9em;
	text-align:center;
	line-height:55px;	
	background:#999999;
	box-sizing:border-box;
	vertical-align:middle;
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
.pdTop .word .btn a + a {
	margin-left:10px;	
}
.pdTop .word .btn a span {
	position:relative;
	display:inline-block;
	padding-left:30px;
}
.pdTop .word .btn a span:before {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;
	width:25px;
    height:25px;
	margin-top:-12.5px;
	background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#FFF;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;	
    z-index:2;
}
.pdTop .word .btn a.btnContact {
	background:#1e7920;
}
.pdTop .word .btn a.btnContact span:before {
	-webkit-mask-image:url(../images/icon-contact.svg);
			mask-image:url(../images/icon-contact.svg);
}
.pdTop .word .btn a.btnDownload {
	background:#85b200;
}
.pdTop .word .btn a.btnDownload span:before {
	-webkit-mask-image:url(../images/icon-download-file.svg);
			mask-image:url(../images/icon-download-file.svg);
}
.pdTop .word .btn a:hover,
.pdTop .word .btn a:focus {
	background:#A40000;
}
@media screen and (max-width:768px) {
	.pdTop .pic {
		width:40%;		
	}
	.pdTop .word {
		width:calc(60% - 20px);
	}
}
@media screen and (max-width:540px) {
	.pdTop {
		width:100%;
		flex-direction:column;
	}
	.pdTop .pic {
		width:100%;
		max-width:420px;
		margin:0 auto;
	}
	.pdTop .word {
		width:100%;
		max-width:420px;
		margin:20px auto 0 auto;
	}
}
@media screen and (min-width:991px) {
	.pdTop .pic {
		width:240px;
	}
	.pdTop .word {
		width:calc(100% - 260px);
	}
}
@media screen and (min-width:1200px) {
	.pdTop .pic {
		width:300px;
	}
	.pdTop .word {
		width:calc(100% - 320px);
	}
	.pdTop .word h3 {
		font-size:2.9em;
	}
}
@media screen and (min-width:1440px) {
	.pdTop .pic {
		width:360px;
		margin:0;
		-webkit-border-radius:50px 0 50px 0;
		   -moz-border-radius:50px 0 50px 0;
				border-radius:50px 0 50px 0;
	}
	.pdTop .word {
		width:calc(100% - 390px);
		margin-left:30px;
	}
	.pdTop .word h3 {
		font-size:3.1em;
	}
}
@media screen and (min-width:1720px) {
	.pdTop .word {
		width:calc(100% - 395px);
		margin-left:35px;
	}
	.pdTop .word h3 {
		font-size:3.5em;
	}
	.pdTop .word p {
		font-size:1.9em;
	}
	.pdTop .word .btn a {
		font-size:2.1em;
		line-height:60px;
	}
	.pdTop .word .btn a span {
		padding-left:37px;
	}
	.pdTop .word .btn a span:before {
		width:29px;
		height:29px;
		margin-top:-14.5px;
	}
}


/* ----- pdIntro ----- */
.pdIntro {
	width:100%;
	margin-top:30px;
}
.pdIntro .infoTop {
	display:block;
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	padding:10px 15px;
	box-sizing:border-box;
	border-bottom:3px solid #1e7920;
	background:linear-gradient(45deg, #ebf3f5 0%,#f5f2f0 100%);
    -webkit-border-radius:15px 15px 0 0;
	   -moz-border-radius:15px 15px 0 0;
			border-radius:15px 15px 0 0;
}
.pdIntro .infoTop span {
	position:relative;
	display:inline-block;
	padding-left:35px;
}
.pdIntro .infoTop span:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:2px;
    width:25px;
    height:25px;
	background: linear-gradient(to bottom,  #8cb716 0%,#207a22 100%);
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pdIntro .infoTop span:after {
    content:"";
    display:block;
    position:absolute;
    left:8px;
	top:13px;
    width:0;
	height:0;
	border-style:solid;
	border-width:5px 5px 0 5px;
	border-color:#ffffff transparent transparent transparent;
	z-index:1;
}
.pdIntro .infoTop + .pageWord {
	margin-top:30px;
}
@media screen and (min-width:1200px) {
	.pdIntro {
		margin-top:40px;
	}
	.pdIntro .infoTop {
		font-size:2.3em;
	}
}
@media screen and (min-width:1720px) {
	.pdIntro {
		margin-top:50px;
	}
	.pdIntro .infoTop {
		font-size:2.5em;
		padding:15px 20px;
	}
	.pdIntro .infoTop span:before {
		top:3px;
		width:27px;
		height:27px;
	}
	.pdIntro .infoTop span:after {
		left:8px;
		top:14px;
		border-width:6px 6px 0 6px;
	}
}


/* ----- reportList ----- */
.reportList {
	width:100%;
	margin:0 auto;
}
.reportList > ul {
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	margin:-15px;
}
.reportList > ul > li {
	display:inline-block;
	width:33.3333%;
	padding:15px;
	box-sizing:border-box;
}
.reportList > ul > li > a {
	display:block;
	width:100%;
	box-sizing:border-box;
}
.reportList > ul > li .pic {
	position:relative;
	display:inline-block;
	width:100%;
	overflow:hidden;
	background:#F4F4F4;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.reportList > ul > li .pic .img {
	display:block;
	width:100%;
	padding-bottom:75%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.reportList > ul > li > a:hover .pic,
.reportList > ul > li > a:focus .pic {
    -webkit-transform:translate(-1px,-4px);
	   -moz-transform:translate(-1px,-4px);
        -ms-transform:translate(-1px,-4px);
         -o-transform:translate(-1px,-4px);    
            transform:translate(-1px,-4px);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
	   -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.5);
			box-shadow:3px 3px 10px rgba(0,0,0,0.5);
}
.reportList > ul > li h3 {
	position:relative;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	margin-top:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.reportList > ul > li > a:hover h3,
.reportList > ul > li > a:focus h3 {
	color:#A40000;
}
.reportList > ul > li a h3:after {
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-left:10px;
	margin-top:-2px;
	background:#000 url(../images/icon-download.svg) 50% 50% no-repeat;
	background-size:60% auto;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.reportList > ul > li > a:hover h3:after,
.reportList > ul > li > a:focus h3:after {
	background-color:#A40000;
}
@media screen and (max-width:768px) {
	.reportList > ul > li {
		width:50%;
	}
}
@media screen and (max-width:540px) {
	.reportList {
		max-width:420px;
		margin:0 auto;
	}
	.reportList > ul > li {
		width:100%;
		border-left:none !important;
	}
}
@media screen and (min-width:991px) {
	.reportList > ul > li {
		width:50%;
	}
}
@media screen and (min-width:1200px) {
	.reportList > ul > li {
		width:33.333%;
	}
	.reportList > ul > li h3 {
		font-size:2.3em;
	}
}
@media screen and (min-width:1440px) {
	.reportList > ul > li .pic {
		-webkit-border-radius:50px 0 50px 0;
		   -moz-border-radius:50px 0 50px 0;
				border-radius:50px 0 50px 0;
	}
	.reportList > ul > li h3 {
		font-size:2.5em;
	}
	.reportList > ul > li a h3:after {
		width:29px;
		height:29px;
		margin-top:-4px;
	}
}
@media screen and (min-width:1720px) {
	.reportList > ul {
		margin:-20px;
	}
	.reportList > ul > li {
		padding:20px;
	}
	.reportList > ul > li h3 {
		font-size:2.7em;
		margin-top:15px;
	}
	.reportList > ul > li a h3:after {
		width:31px;
		height:31px;
	}
}


/* ---------- form-list ---------- */
.contactForm {
	width:100%;
	margin:0 auto; 
}
.contactForm .word {
	width:100%;
    font-size:1.7em;
	line-height:170%;
    font-weight:bold;
	padding:15px 20px;
	background:linear-gradient(45deg, #ebf3f5 0%,#f5f2f0 100%);
	box-sizing:border-box;
	margin-bottom:20px;
}
.contactForm .spNote {
	color:#D90000;
}
.contactForm .spNote em {
 	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	background:#DB0010;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (min-width:991px) {
	.contactForm .word {
	    margin-bottom:30px;
	}
}
@media screen and (min-width:1440px) {
	.contactForm .word {
		margin-bottom:35px;
	}
}
@media screen and (min-width:1720px) {
	.contactForm .word {
		font-size:1.9em;
		padding:20px 30px;
	}
}


/* ---------- form-list ---------- */
.form-list {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:20px auto 0 auto;
}
.form-list:first-child {
	margin-top:0;
}
.form-list .formLabel {
	display:inline-block;
	width:120px;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size:1.7em;
    font-weight:bold;
	line-height:130%;
	letter-spacing:0;
	word-break:break-word;
	overflow:hidden;
	vertical-align:top;
}
.form-list .formLabel.lb2 {
	line-height:25px;
}
.form-list .formLabel > span {
	position:relative;
	width:100%;
	padding:0 0 0 25px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
    align-items:center;
	align-content:center;
	min-height:50px;
}
.form-list .formLabel > span strong {
	display:block;
}
.form-list .formLabel > span:before {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:3.5px;
	width:9px;
	height:9px;
	background:#000;
	margin:-4.5px 0 0 0;
}
.form-list .formLabel > span.required:before {
	display:none;
}
.form-list .formLabel > span.wd2{
	letter-spacing:2em;
	white-space:nowrap;
}
.form-list .formLabel > span.wd3 {
	letter-spacing:0.5em;
}
.form-list .formLabel > span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	text-align:left;
	text-indent:-999px;
	background:#ff0000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.form-list .formBox {
	width:calc(100% - 120px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.form-list .formInput {
	display:inline-block;
	width:100%;
	max-width:100%;
	height:50px;
    padding:0 10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	letter-spacing:0;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formInput:focus {
	outline:none;
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .formInput:disabled,
.form-list .formInput[readonly] {
    background:#e8f4cd;
	border-color:#e8f4cd;
}
.form-list .formInput.w1 {
	width:calc(50% - 5px);
}
.form-list .formInput.w2 {
    width:110px;
	margin-left:10px;
}
.form-list .note {
	display:inline-block;
	width:100%;	
	color:#E00013;
	font-size:1.5em;
	letter-spacing:0;
	line-height:135%;
	vertical-align:top;
	margin-top:10px;
}
.form-list .note.n1 {
	width:calc(50% - 5px);
	margin-left:10px;
	margin-top:0;
}
.form-list .note.n1 span {
	display:flex;
	width:100%;
	height:100%;
	min-height:50px;
	justify-content:left;
	align-items:center;
}
.form-list fieldset {
	display:inline-block;
	vertical-align:middle;
}
.form-list fieldset.sexRadio {
	margin-left:10px;
}
.form-list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
	color:#000;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.form-list .radionote {
	font-size:1.7em;
	margin:-5px;
	letter-spacing:-9px;
	vertical-align:top;
}
.form-list .radionote > label  {
	position:relative;
	display:inline-block;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1em;
	line-height:28px;
	letter-spacing:0;
	padding:0;
	box-sizing:border-box;
	margin:5px;
	cursor:pointer;
	transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"] {
	position:relative;
	display:inline-block;
	width:28px;
    height:28px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:middle;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:7px;
	left:7px;
	width:14px;
    height:14px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	top:6px;
	left:6px;
}
.form-list .radionote > label > input[type="text"] {
    width:120px;
	font-size:1em;
}
.form-list .listBar {
	width:100%;
	height:50px;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	vertical-align:top;
	letter-spacing:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	padding:0 10px;
	background:#FFFFFF url(../images/select-bg.svg) no-repeat right center;
	box-sizing:border-box;
	border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
}
.form-list .listBar:focus {
	background:#f8f2e2 url(../images/select-bg-on.svg) no-repeat right center;
    border:1px solid #FF9933;
    outline:0;	
}
.form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.svg) no-repeat right center;
	border:none;
}
.form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.form-list .formText {
	width:100%;
    padding:10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	letter-spacing:0;
    vertical-align:middle;
	background:#FFFFFF;
	box-sizing:border-box;
    border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formText:focus {
	outline:none;
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .btnReload {
	display:flex;
	align-items:center;
}
.form-list .btnReload .captchaImg {
	display:inline-block;
	vertical-align:middle;
}
.form-list .btnReload span {
	display:inline-block;
	position:relative;
	color:#FFF;
	width:50px;
	height:50px;
	text-indent:-999px;
	text-align:left;
	background:#757575;
	vertical-align:middle;
	overflow:hidden;
	margin-left:10px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.form-list .btnReload span:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
    background:url(../images/btnReload-icon.svg) 50% 50% no-repeat;
	background-size:cover;
}
.form-list .btnReload:hover span,
.form-list .btnReload:focus span {
	background:#A40000;
}
@media screen and (max-width:620px) {
	.form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.form-list .formLabel > span{ min-height:inherit;}
	.form-list .formLabel > span strong { display:inline; }
	.form-list .formBox { width:100%; }
	.form-list .formInput.add {
		float:left;
		width:100%;
		margin-top:10px;
	}
	.form-list .formInput.w1 {
		width:100%;
	}
	.form-list .note.n1 {
		width:100% !important;
		margin:10px 0 0 0 !important;
	}
	.form-list .note.n1 span {
		display:inline-block;
		min-height:inherit;
	}
	.form-list fieldset.sexRadio {
		margin-left:0;
	}
	.form-list .radionote > label {
		padding-bottom:0;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		padding:0 12px;
	}
	.form-list .formText {
		padding:12px;
	}
}
@media screen and (min-width:1720px) {
	.form-list .formLabel,
	.form-list .formBox > span,
	.form-list .listBar,
	.form-list .formInput,
	.form-list .radionote,
	.form-list .formText,
	.form-list .readonlyTx,
	.form-list .fileList {
		font-size:1.9em;
	}
	.form-list .note {
		font-size:1.7em;
	}
	.form-list .formLabel {
		width:150px;
	}
	.form-list .formLabel > span {
		min-height:55px;
	}
	.form-list .formBox {
		width:calc(100% - 150px);
	}
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		height:55px;
		line-height:55px;
		padding:0 15px;
	}
	.form-list .formText {
		padding:15px;
	}
	.form-list .radionote {
		margin:0 -7.5px;
	}
	.form-list .radionote > label  {
		margin:0 7.5px;
	}
	.form-list .btnReload span {
		width:55px;
		height:55px;
	}
}


/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.formBtn .box {
	margin:-5px;
}
.formBtn a,
.formBtn button {
	position:relative;	
	display:inline-block;
	width:100%;
	max-width:240px;
	color:#fff;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:20px 0;
	border:none;
	cursor:pointer;
	background:#1e7920;
	box-sizing:border-box;
	margin:5px;	
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.formBtn a:hover,
.formBtn a:focus,
.formBtn button:hover,
.formBtn button:focus {
	background:#A40000;
}
.formBtn .btnClear {
	background:#949494;
}
.formBtn .btnClear:hover,
.formBtn .btnClear:focus {
	background:#333;
}
.formBtn a span,
.formBtn button span {
	position:relative;
	display:inline-block;
	padding:0 30px 0 0;
}
.formBtn a span:before,
.formBtn button span:before {
	content:"";
	display:block;
	position:absolute;
	top:1px;
	right:0;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	z-index:1;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.formBtn .btnSend span:before {
	background-image:url(../images/btnSend.svg);
}
.formBtn .btnClear span:before {
	background-image:url(../images/btnClear.svg);
}
.formBtn .btnNext span:before {
	background-image:url(../images/btnNext.svg);
}
.formBtn .btnMail span:before {
	background-image:url(../images/btnMail.svg);
}
.formBtn .btnBack span:before {
	background-image:url(../images/btnBack.svg);
}
@media screen and (max-width:360px) {
	.formBtn a span:after,
	.formBtn button span:after{ display:none;}
}
@media screen and (min-width:991px){
	.formBtn {
		margin-top:50px;
	}
}
@media screen and (min-width:1200px) {
	.formBtn a,
	.formBtn button {
		font-size:2.1em;
	}
}


/* ----- jobTit ----- */
.jobTit {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:1em auto;
}
.jobTit .btn {
	margin:5px -5px;
}
.jobTit .btn a {
	position:relative;	
	display:inline-block;
	color:#fff;
	font-family:"Noto Serif TC", "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-weight:bold;
	padding:5px 20px;
	border:none;
	margin:5px;
	background:linear-gradient(to bottom, #8cb716 0%,#207a22 100%);
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;
}
.jobTit .btn a span {
	color:#ccff99;
}
.jobTit .btn a span + span {
	color:#ffff4d;
}
.jobTit .btn a:hover,
.jobTit .btn a:focus {
	background:linear-gradient(to bottom, #f06060 0%,#A40000 100%);
}
.jobTit .btn a:hover span,
.jobTit .btn a:focus span {
	color:#ffccd5;
}
.jobTit .btn a:hover span + span,
.jobTit .btn a:focus span + span {
	color:#ffff4d;
}


/** Sitemap **/
#sitemap {
	width:100%;
	text-align:left;
	margin:30px auto 0 auto;
}
#sitemap .info {
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:165%;	
}
#sitemap .info p {
	margin:15px 0;
}
#sitemap .sitemapList {
	width:100%;
	margin-top:20px;
}
#sitemap .sitemapList > ul {
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	letter-spacing:-5px;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	position:relative;
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;	
	z-index:1;
}
#sitemap .sitemapList > ul > li:before {
	position:absolute;
	content:"";
	left:10px;
	top:10px;
	display:block;   
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	list-style:none;
	padding:10px 20px;
	background:#f4f4f4;
	box-sizing:border-box;
	z-index:-1;
}
#sitemap .sitemapList > ul > li > a {
	display:block;
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:1.9em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px;
	background:#1e7920;
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#A40000;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:20px;
}
#sitemap .sitemapList > ul > li li + li {
	margin-top:20px;
}
#sitemap .sitemapList > ul > li li a {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:1.7em ;
	line-height:135%;
	padding-left:20px;	
}
#sitemap .sitemapList > ul > li li a:before {
	content:"";
	position:absolute;
	display:block; 
	left:2px;
	top:11px;
	width:6px;
	height:2px;
	background:#000;
	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;
}
#sitemap .sitemapList > ul > li li a:hover,
#sitemap .sitemapList > ul > li li a:focus {
	color:#A40000;
}
#sitemap .sitemapList > ul > li li a:hover:before,
#sitemap .sitemapList > ul > li li a:focus:before {
	background:#A40000;
}
@media screen and (max-width:480px) {
	#sitemap .sitemapList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {
		width:33.33%;
	}
}
@media screen and (min-width:991px) {
	#sitemap .sitemapList {
		margin-top:25px;
	}
	#sitemap .sitemapList > ul > li > a {
		padding:15px 25px;
	}
	#sitemap .sitemapList > ul > li ul {
		padding:25px;
	}
}
@media screen and (min-width:1440px) {
	#sitemap .info {
		font-size:1.9em;
	}
	#sitemap .sitemapList {
		margin-top:30px;
	}
	#sitemap .sitemapList > ul {
		margin:-15px;
	}
	#sitemap .sitemapList > ul > li {
		padding:15px;
	}
	#sitemap .sitemapList > ul > li:before {
		left:15px;
		top:15px; 
		width:calc(100% - 30px);
		height:calc(100% - 30px);
	}
	#sitemap .sitemapList > ul > li > a {
		font-size:2.1em ;
	}
	#sitemap .sitemapList > ul > li li a {
		font-size:1.9em ;
	}
}


/* ----- searchBox ----- */
.searchBox {
	width:100%;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
	margin:0 auto;
	background:#f0f0f0;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.searchBox .box {
	width:100%;
	margin:0;
	vertical-align:top;
	border:1px solid #DDD;
	box-sizing:border-box;
	background:#FFF;
	flex-wrap:wrap;
	display:flex;
	overflow:hidden;
	border-radius:5px
}
.searchBox .search-txt {
	display:inline-block;
	width:calc(100% - 50px);
	height:50px;
	color:#333;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.6em;
	line-height:60px;
	letter-spacing:0;
	padding:0 20px;
	background:#FFF;
	border:none;
	border-right:1px solid #DDD;
	box-sizing:border-box;
	vertical-align:top;
	border-radius:0;
}
.searchBox .search-txt:focus {
    color:#FF6A00;
}
.searchBox .search-btn {
	display:inline-block;
	width:50px;
	height:50px;
	text-align:center;
	letter-spacing:0;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#FFF;
	transition:all 0.5s ease;
	border-radius:0;
}
.searchBox .search-btn span {
	font-size:0;
}
.searchBox .search-btn span em {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin:4px 0 0 0;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchBox .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:2px solid #333;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.searchBox .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:12px;
	top:15px;
	width:8px;
	height:2px;	
	background:#333;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchBox .search-btn:hover,
.searchBox .search-btn:focus {
	background-image:linear-gradient(to bottom, #00bfc0 0%, #00b4cc 100%);
}
.searchBox .search-btn:hover span em::before,
.searchBox .search-btn:focus span em::before {
	border-color:#FFF;
}
.searchBox .search-btn:hover span em::after,
.searchBox .search-btn:focus span em::after {
	background:#FFF;
}
@media screen and (min-width:991px) {
	.searchBox {
		padding:25px;
	}
}
@media screen and (min-width:1720px) {
	.searchBox {
		padding:30px;
	}
}


/* ----- searchShow ----- */
.searchShow {
	width:100%;
	margin:30px auto 0 auto;
}


@media print {
	
}

.field-validation-error {
	color:#E00013;
	font-size:1rem;
	line-height:2rem;
}