@charset "utf-8";
/** errorWrap **/
#errorWrap {width:100%;margin:0 auto;}
@media screen and (min-width:991px) {
	#errorWrap{
		display:flex;align-items:center;
		height:100%;min-height:100vh;
	}
}
/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin:0 auto;
}
#errorPage .logo {
    display:block;
    width:214px;height:44px;
	background:url(../images/logo.png) no-repeat 0 50%;
	background-size:auto 44px;
	margin:20px auto;
}
#errorPage .errorBox{
	position:relative;
    width:100%;
	text-align:center;
    padding:50px 15px;
	box-sizing:border-box;
    margin:0 auto;
	color:#123d83;
	background-color:#e7f8fd;
}
#errorPage .errorBox .acKey {
	position:absolute;
	top:20px;left:20px;
	color:transparent;
	font-size:1.1em;
}
#errorPage .errorBox .acKey:hover,
#errorPage .errorBox .acKey:focus {
	color:#FFF;
	outline:1px dashed #FF6600;
}
#errorPage .errorBox h2 {
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	font-size:4.3em;
	margin:0 0 10px 0;
	        
}
#errorPage .errorBox h3 {
	font-size:2.1em;
	margin:10px 0 25px 0;
}
#errorPage .errorBox p {
	font-size:1.9em;
	line-height:150%;
	font-weight:bold;
}
#errorPage .errorBox p.eng {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
}
#errorPage .errorBtn {
	width:100%;
	text-align:center;
    margin:2rem auto 1rem auto;
}
#errorPage .errorBtn a {
	display:inline-block;
	width:calc(100% - 10px);
	max-width:180px;color:#000;
    font-size:1.7em;padding:15px 0;
	border:1px solid #000;
	box-sizing:border-box;
	border-radius:0;margin:5px;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#000;
}
#errorPage .mark {
	text-align:center;
	margin:0 auto;
	padding:1rem 0;
}
#errorPage .mark a {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
#errorPage .wd {
	text-align:center;
	margin-top:1rem;
	box-sizing:border-box;
	padding:0 15px;
}
#errorPage .wd p {
	color:#000;font-size:1rem;
	line-height:165%;margin:0;
}
#errorPage .wd p strong {
    font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	font-size:1.2rem;
}
#errorPage .wd p span {
	display:inline-block;
	margin:0 10px;
}
.fatLine::before{
	content:"";display:inline-block;
	width:1px; height:16px;
	background-color:#000;
	vertical-align:middle;
}
@media screen and (max-width:480px) {
	#errorPage .errorBox h2 {font-size:3.6em;}
	#errorPage .errorBox h3 {font-size:1.7em;}	
}
@media screen and (min-width:991px) {
	#errorPage{min-height:640px;}
	#errorPage .logo {
		width:600px;height:62px;
		background-size: contain;
		margin:30px auto;
	}
	#errorPage .errorBox {	padding:60px 0;}	
	#errorPage .errorBox .acKey {
		top:30px;left:50%;margin-left:-450px;
	}
	#errorPage .errorBox h2 {font-size:4em;}
	#errorPage .errorBox h3 {font-size:2.1em;}
	#errorPage .errorBtn a{ max-width:220px;}
}
@media screen and (min-width:1200px) {
	#errorPage .logo {
        width:389px;height:80px;
    }
	#errorPage .errorBox h2 {font-size:5em;}
	#errorPage .errorBox h3 {font-size:2.6em;}
}
/** asideNav **/
#asideNav {
	position:relative;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	padding:10px;
	border-radius:16px;
	background-color:rgba(255,255,255,0.8);
	z-index:3;
}
#asideTitle {
	position:relative;
	display:flex;
	width:100%;
	height:120px;
	overflow:hidden;
	flex-wrap:wrap;
	z-index:1;
	border-radius:8px;
}
#asideTitle:before,#asideTitle::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;}
#asideTitle:before{
	background:#be5a13;
	background-image:linear-gradient(150deg, #008541 20%, #99b91b 70%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008541', endColorstr='#99b91b',GradientType=0 ); /* IE6-9 */
	z-index:-2;
}
#asideTitle::after{
	background-image:url(../images/aside.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	mix-blend-mode:overlay;
	z-index:-1;
}
#asideTitle .sideNav {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
#asideTitle strong {
	width:100%;
	font-family:"微软雅黑","微軟正黑體", sans-serif;
	color:#FFF;
	font-size:2.2em;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
	box-sizing:border-box;
	padding:20px;
}
#asideTitle strong em{
	text-shadow: 0px 0px 3px rgba(0,51,51,0.8),
  	0px 0px 6px rgba(0,51,51,0.9);
  	letter-spacing:0;
  	line-height:100%;
	font-style:normal;
}
#asideTitle strong span{
	font-size:0.45em;
	margin-top:0.15em;
	text-shadow: none;
	font-weight:normal;
	display:block;
}
@media screen and (max-width:990px) {
	#asideNav {
		width:100%;
		padding:0;
		margin-bottom:20px;
	}
	#asideTitle strong {
		width:100%;
		position:relative;
		color:#FFF;
		padding:15px;
		justify-content:center;
	}
	#asideTitle strong.open{}
	#asideTitle strong::after {
		position:absolute;
		right:15px;
		top:50%;
		content:"";
		width:25px;
		height:25px;
		display:inline-block;
		background-image:url(../images/sideNav-arrow.svg);
		background-position:50% 50%;
		background-repeat:no-repeat;
		margin-top:-12.5px;
		transition:all 0.4s ease;
	}
	#asideTitle strong.open::after {
		-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
				transform:rotate(180deg);
	}
}
@media screen and (min-width:991px) {
	#asideNav{margin-top:-4vw;}
	#asideTitle strong {
		font-size:2.7em;
		padding:25px;
	}
}
@media screen and (min-width:1200px) {
	#asideTitle {height:160px;}
	#asideTitle strong {
		font-size:3.4em;
		padding:28px;
		padding-top:40px;
	}
}
@media screen and (min-width:1440px) {
	#asideTitle {height:180px;}
}

/** asideMenu **/
#asideMenu {
	width:100%;
	box-sizing:border-box;
	padding:0;
	background-color:transparent;
}
#asideMenu > ul {
	list-style:none;
}
#asideMenu > ul > li {
	position:relative;
	width:100%;
	margin-top:10px;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	padding:15px 40px 15px 15px;
	box-sizing:border-box;
	border-radius:8px;
}
@media screen and (max-width:990px) {
	#asideMenu {
		display:none;
		background:#be5a13;
		background-image:linear-gradient(90deg, #be5a13 0%, #2f7c1e 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be5a13', endColorstr='#2f7c1e',GradientType=0 ); /* IE6-9 */
	}
	#asideMenu > ul > li {
		border-color:rgba(255,255,255,.3);
	}
	#asideMenu > ul > li:last-child {
		border-bottom:none;
	}
	#asideMenu > ul > li:hover > a,
	#asideMenu > ul > li > a:hover,
	#asideMenu > ul > li > a:focus {
		color:#fff100;
	}
	#asideMenu > ul > li > a:before {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		right:25px;
		width:7px;
		height:7px;
		border-top:2px solid #FFF;
		border-right:2px solid #FFF;
		margin-top:-5px;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		display:none;
	}
	#asideMenu > ul > li:hover > a:before,
	#asideMenu > ul > li > a:hover:before,
	#asideMenu > ul > li > a:focus:before {
		border-color:#fff100;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		content:"";
		position:absolute;
		display:block;
		width:14px;
		height:2px;
		top:25.5px;
		right:21px;
		border:none;
		margin:-1px 0 0 0;
		background-color:#FFF;
		-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
				transform:rotate(0deg);
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:after {
		content:"";
		position:absolute;
		display:block;
		width:2px;
		height:14px;
		top:25.5px;
		right:27px;
		margin:-7px 0 0 0;
		background-color:#FFF;
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:hover:before,
	#asideMenu > ul > li > a.dropBtn:hover:after {
		background-color:#fff100;
	}
	#asideMenu > ul > li > a.dropBtn.open:before,
	#asideMenu > ul > li > a.dropBtn.open:hover:after {
		background-color:#fff100;
	}
	#asideMenu > ul > li.unit-now > a.dropBtn:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:after,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:after {
		background-color:#fff100;
	}
	#asideMenu > ul > li > a.dropBtn.open {
		background:rgba(0,0,0,.5);
	}
	#asideMenu > ul > li > a.dropBtn.open:after {
		-webkit-transform:rotate(90deg);
		   -moz-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			 -o-transform:rotate(90deg);
				transform:rotate(90deg);
	}
}
@media screen and (min-width:991px) {
	#asideMenu {
		display:block;
	}
	#asideMenu > ul{ margin:0;}
	#asideMenu > ul > li {
		display:inline-block;
		border:none;
		box-sizing:border-box;
		background-color:transparent;
		background-image:linear-gradient(to right, #bebebe, #bebebe 2px, transparent 2px, transparent 4px);
		background-position: left bottom;
		background-repeat: repeat-x;
		background-size: 6px 1px;
		padding:0;
	}
	#asideMenu > ul > li:last-child {
		background-image:none;
	}
	#asideMenu > ul > li > a {
		color:#000;
		background-color:#f6f2ec;
		padding:20px 15px;
		box-sizing:border-box;
	}
	#asideMenu > ul > li.unit-now > a,
	#asideMenu > ul > li.unit-now > a.dropBtn.open{
		color:#fff;
		background-color:#000;
	}
	#asideMenu > ul > li > a:hover,
	#asideMenu > ul > li > a:focus{
		color:#016632;
	}
	#asideMenu > ul > li.unit-now > a:hover,
	#asideMenu > ul > li.unit-now > a:focus,
	#asideMenu > ul > li.unit-now > a.dropBtn.open:hover,
	#asideMenu > ul > li.unit-now > a.dropBtn.open:focus{
		background-color:#016632;
		color:#fff;
	}
	#asideMenu > ul > li > a.dropBtn.open{
		background-color:#093f91;
		background-image:linear-gradient(90deg, #093f91 0%, #2f7c1e 100%);
	}
	#asideMenu > ul > li > a::before{
		content:"";display:block;
		position:absolute;
		right:20px;top:22px;
		width:24px;height:24px;
		border:1px solid #000;
		border-radius:30px;
		box-sizing:border-box;
	}
	#asideMenu > ul > li > a:after{
		content:"";display:block;
		position:absolute;
		right: 30px;top:30px;
        width: 7px;height: 7px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		transform:rotate(45deg);
		transition:all 0.3s;
	}
	#asideMenu > ul > li > a.dropBtn::before,
	#asideMenu > ul > li > a.dropBtn:after{
		content:"";
		display:block;
		position:absolute;
		right:10px;
		top:27px;
		width:16px;
		height:2px;
		background-color:#fff;
		border:none;
	}
	#asideMenu > ul > li > a.dropBtn:after{
		transform:rotate(90deg);
	}
	#asideMenu > ul > li.unit-now > a:after,
	#asideMenu > ul > li.unit-now > a.dropBtn.open:after {
		border-color:#fff;
	}
	#asideMenu > ul > li > a.dropBtn.open:after{
		transform:rotate(0deg);
	}
	#asideMenu > ul > li > a:hover:after,
	#asideMenu > ul > li > a:focus:after,
	#asideMenu > ul > li > a:hover::before,
	#asideMenu > ul > li > a:focus::before{
		border-color:#016632;
	}
	#asideMenu > ul > li.unit-now > a::before{
		background-color:#99b91b;
		border-color:transparent;
	}
	#asideMenu > ul > li.unit-now > a:hover::before{
		background-color:#fff;
		border-color:transparent;
	}
	#asideMenu > ul > li.unit-now > a:hover:after{
		border-color:#016632;
	}
	#asideMenu > ul > li > a.dropBtn:hover::before,
	#asideMenu > ul > li > a.dropBtn:hover:after,
	#asideMenu > ul > li > a.dropBtn:focus::before,
	#asideMenu > ul > li > a.dropBtn:focus:after{
		background-color:#016632;
	}
	#asideMenu > ul > li > a.link::before,
	#asideMenu > ul > li > a.download::before{ display:none;}
	#asideMenu > ul > li > a.link:after,
	#asideMenu > ul > li > a.download:after {
		content:"";
		display:block;
		position:absolute;
		right:10px;
		top:20px;
		width:18px;
		height:18px;
		border:none;
		vertical-align:middle;
		border:none;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#fff;
		-webkit-mask-size:18px 18px;
				mask-size:18px 18px;
		-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
				transform:rotate(0deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > a.link:after {
		-webkit-mask-image:url(../images/nav-icon-link.svg);
				mask-image:url(../images/nav-icon-link.svg);
	}
	#asideMenu > ul > li > a.download:after {
		-webkit-mask-image:url(../images/nav-icon-download.svg);
				mask-image:url(../images/nav-icon-download.svg);
	}
	#asideMenu > ul > li > a.link:hover:after,
	#asideMenu > ul > li > a.link:focus:after,
	#asideMenu > ul > li > a.download:hover:after,
	#asideMenu > ul > li > a.download:focus:after {
		background-color:#016632;
	}
}
@media screen and (min-width:1200px) {
	#asideMenu > ul > li > a{
		padding:20px 25px 20px 20px
	}
	#asideMenu > ul > li > a span {left:15px;}
}
@media screen and (min-width:1440px) {
	#asideMenu > ul > li > a {font-size:2em;}
}
/** 左側選單 第二層 **/
@media screen and (max-width:990px) {
	#asideMenu > ul > li > ul {
		display:none;
		width:100%;
		list-style:none;
		padding:0;
		box-sizing:border-box;
		background:rgba(255,255,255,.8);
	}
	#asideMenu > ul > li > ul > li {
		display:inline-block;
		width:100%;
		border-bottom:1px dashed rgba(0,0,0,.3);
	}
	#asideMenu > ul > li > ul > li:last-child {
		border-bottom:none;		
	}
	#asideMenu > ul > li > ul > li a {
		position:relative;
		display:inline-block;
		width:100%;
		color:#333;
		font-size:1.9em;
		font-weight:bold;
		text-align:left;
		padding:15px 40px 15px 15px;
		box-sizing:border-box;
	}
	#asideMenu > ul > li > ul > li a:hover,
	#asideMenu > ul > li > ul > li a:focus {
		color:#eb6100;
	}
	#asideMenu > ul > li > ul > li.unit-now a {
		color:#008a3e;
	}
	#asideMenu > ul > li > ul > li a:before {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		right:25px;
		width:7px;
		height:7px;
		border-top:2px solid #333;
		border-right:2px solid #333;
		margin-top:-5px;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > ul > li.unit-now a:before {
		border-color:#008a3e;
	}
}
@media screen and (min-width:991px) {
	#asideMenu > ul > li > ul {
		position:relative;
		width:100%;margin:0;
		list-style:none;
		box-sizing:border-box;
		background:#fff;
	}
	#asideMenu > ul > li > ul > li {
		display:block;
		background-color:transparent;
		background-image:linear-gradient(to right, #bebebe, #bebebe 2px, transparent 2px, transparent 4px);
		background-position: left bottom;
		background-repeat: repeat-x;
		background-size: 6px 1px;
	}
	#asideMenu > ul > li > ul > li:last-child {
		background-image:none;
	}
	#asideMenu > ul > li > ul > li a {
		position:relative;
		display:block;
		color:#be5a13;
		font-size:1.9em;
		font-weight:bold;
		line-height:135%;
		text-align:left;
		padding:8px 8px 8px 25px;
		box-sizing:border-box;
		z-index:0;
	}
	#asideMenu > ul > li > ul > li a:hover,
	#asideMenu > ul > li > ul > li a:focus {
		color:#a06428;
	}
	#asideMenu > ul > li > ul > li.unit-now{
		background-color:#e7f8fd;
	}
	#asideMenu > ul > li > ul > li.unit-now a{
		color:#149696;
	}
	#asideMenu > ul > li > ul > li a:before {
		content:"";
		display:block;    
		position:absolute;
		left:10px;
		top:18px;
		width:7px;
		height:2px;
		background:#be5a13;
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > ul > li a:hover:before,
	#asideMenu > ul > li > ul > li a:focus:before {
		background:#a06428;
	}
	#asideMenu > ul > li > ul > li.unit-now a:before {
		background:#149696;
	}
	#asideMenu > ul > li > ul > li a.link:after,
	#asideMenu > ul > li > ul > li a.download:after {
		content:"";
		display:inline-block;
		width:15px;
		height:15px;
		border:0;
		margin-left:7px;
		vertical-align:middle;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#be5a13;
		opacity:.5;
		-webkit-mask-size:15px 15px;
		mask-size:15px 15px;
		transform:rotate(0deg);
		transition:all 0.3s;
	}
	#asideMenu > ul > li > ul > li a.link:after {
		-webkit-mask-image:url(../images/nav-icon-link.svg);
				mask-image:url(../images/nav-icon-link.svg);
	}
	#asideMenu > ul > li > ul > li a.download:after {
		-webkit-mask-image:url(../images/nav-icon-download.svg);
				mask-image:url(../images/nav-icon-download.svg);
	}
	#asideMenu > ul > li > ul > li a.link:hover:after,
	#asideMenu > ul > li > ul > li a.link:focus:after,
	#asideMenu > ul > li > ul > li a.download:hover:after,
	#asideMenu > ul > li > ul > li a.download:focus:after {
		background-color:#a06428;
	}
}
@media screen and (min-width:1200px) {
	#asideMenu > ul > li > ul > li a {
		padding:10px 10px 10px 25px;
	}
}
@media screen and (min-width:1440px) {
	#asideMenu > ul > li > ul > li a {
		padding:15px 10px 15px 25px;
	}
	#asideMenu > ul > li > ul > li a:before {
		left:15px;top:27px;
	}
}
/** comPage **/
#comPage {
	position:relative;
	width:100%;
	padding:100px 0 60px;
	margin:0 auto;
	min-height:200px;
}
#comPage > .container{position:relative;}
#wrapper.comWrap #comPage{
	background-color:transparent;
}
#wrapper.comWrap #comPage::before{
	content:""; display:block;
	width:100%;
	height:calc(100% + 10vw);
	background-color:#fff;
	position:absolute;
	top:3.8vw;
	transform-origin: left;
    transform: skewY(-5deg);
}
#comPage img {
	max-width:100%;
	height:auto;
}
#comPage .acKey {
	position: absolute;
    top: 0;
}
#comPage .pageLeft,
#comPage .pageRight,
#comPage .pageCenter{width:100%;}
@media screen and (max-width:990px) {
	#comPage .pageLeft { display:none;}
}
@media screen and (min-width:991px) {
	#comPage {padding:60px 0 90px;}
	#comPage .container{
		display: flex;flex-wrap: wrap;
		justify-content:space-between;
	}
	#comPage .pageLeft {width:220px;}
	#comPage .pageRight {
		width:calc(100% - 250px);
		padding-top:4vw;
	}
	#comPage .pageCenter{padding-top:4vw;}
}
@media screen and (min-width:1200px) {
	#comPage .pageLeft {width:288px;}
	#comPage .pageRight {width:calc(100% - 360px);}
}
/* ----- titHead ----- */
.titHead {width:100%;margin:0 auto;}
.pageRight .titHead {padding-bottom:15px;}
.pageRight .titHead.noneBorder{border-bottom:none;}
.pageRight .titHead.hasBorder{border-bottom:2px solid #333;}
.resHead{ margin-bottom:2.6vw;}
.titHead h2{
	font-family:"微软雅黑","微軟正黑體", sans-serif; color:#333;
	font-size:3.6em;line-height:115%;font-weight:normal;
}
.titHead.postHead h2{ font-weight:bold; word-wrap:break-word;}
.titHead .titLabel{
	width:100%; display:block; margin-bottom:0.5em;
	font-family:"微软雅黑","微軟正黑體", sans-serif; color:#000;
	font-size:2em;line-height:115%;font-weight:bold;
}
@media screen and (max-width:520px) {
	.titHead h2{font-size:3em;}
	.titHead .titLabel{ font-size:1.7em;}
}
@media screen and (min-width:1200px) {
	.pageRight .titHead {padding-bottom:30px;}
	.titHead h2{font-size:5.5em;}
	.titHead.postHead h2{font-size:4.1em;}
	.titHead .titLabel{ font-size:2.2em;}
}

/** breadcrumbs **/
#breadcrumbs {
	position:absolute;
	top:-30px;
	right:0;
	width:100%;
	text-align:right;
}
#breadcrumbs > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px 0;
}
#breadcrumbs > ul li {
	position:relative;
	display:inline-block;
	color:#555;
	font-size:1.5em;
	letter-spacing:0;
	line-height:135%;
	padding:5px 0;
}
#breadcrumbs > ul li + li {
	padding-left:29px;
}
#breadcrumbs > ul li + li:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:11px;
    top:50%;
    width: 6px;
    height: 6px;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    margin-top: -3px;
    z-index: 2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);			
}
#breadcrumbs > ul li a {
	position:relative;
	display:block;
	color:#707070;
}
#breadcrumbs > ul li a:hover,
#breadcrumbs > ul li a:focus {
	color:#c64e70;
}
#breadcrumbs > ul li a.bread-home {
	position:relative;
	padding-left:25px;
}
#breadcrumbs > ul li a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	margin:-8px 0 0 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#ddd;
	-webkit-mask-image:url(../images/icon-home.svg);
			mask-image:url(../images/icon-home.svg);
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#breadcrumbs > ul li a.bread-home:hover:before,
#breadcrumbs > ul li a.bread-home:focus span:before {
	background-color:#c64e70;
}
@media screen and (max-width:480px) {
	#breadcrumbs {
		text-align:left;
	}
}


/** searchCriteria **/
#searchCriteria {
	width:100%;
	text-align:center;
	padding:0;
	box-sizing:border-box;
	margin:0 auto 20px;
	background-color:transparent;
	border-radius:0;
}
#searchCriteria .searchform {
	display:flex;
	flex-wrap:wrap;
	margin:0;
}
#searchCriteria .sbox {
	display:inline-block;
	width:100%;
	margin:0;
	vertical-align:top;
}
#searchCriteria .sbox.sb1_2 {width:20%;}
#searchCriteria .sbox.sb1_25 {width:25%;}
#searchCriteria .sbox.sb1_3 {width:30%;}
#searchCriteria .sbox.sb1_33 {width:33.3333%;}
#searchCriteria .sbox.sb1_4 {width:40%;}
#searchCriteria .sbox.sb1_5 {width:50%;}
#searchCriteria .sbox.sb1_6 {width:60%;}
#searchCriteria .sbox.sb1_7{width:70%;}
#searchCriteria .sbox.sb1_75{width:75%;}
#searchCriteria .sbox.sb1_8{width:80%;}
/**/
#searchCriteria .dayInput {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:0;
}
#searchCriteria .dayInput span {
	width:45px;
	height:43px;
	color:#3C3C3C;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	padding:0;
	background:#FFF url(../images/date-query-icon.svg) no-repeat 50% 50%;
	box-sizing:border-box;
	vertical-align:top;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	border-radius:0;
}
#searchCriteria .dayInput input {
	display:inline-block;
	width:100%;
	height:43px;
	color:#3C3C3C;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:43px;
	padding:0 0 0 45px;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
	background:#FFF;
	border-radius:0;
}
#searchCriteria input[placeholder]{ color:#666; }
#searchCriteria input::-webkit-input-placeholder { color:#666; }
#searchCriteria input:-moz-placeholder { color:#666; }
#searchCriteria input::-moz-placeholder { color:#666; }
#searchCriteria input:-ms-input-placeholder { color:#666;}
#searchCriteria input:focus {
	color:#be5a13;
	border:none;
}
#searchCriteria .listBar {
	display:inline-block;
	width:100%;
	height:45px;	
	color:#3C3C3C;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;	
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	padding:0 20px 0 10px;
	border:1px solid #e0deda;
	box-sizing:border-box;
	background:#FFF url(../images/select-bg.svg) no-repeat right;
	appearance:none;
	border-radius:5px 0 0 5px;
}
#searchCriteria .keyGroup .listBar {
	margin-right:10px;
}
#searchCriteria .sbox.place .listBar {
	width:calc(100% - 180px);
}
#searchCriteria .listBar:focus {
	color:#FF6A00;
	border:none;
	background-color:#f6f2ec;
}
#searchCriteria .listBar option {
	color:#3C3C3C;
	padding:0 10px;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
#searchCriteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
#searchCriteria .search-query {
	display:inline-block;
	width:calc(100% - 85px);
	height:45px;
	color:#3C3C3C;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	padding:0 10px;
	border:1px solid #e0deda;
	box-sizing:border-box;
	vertical-align:top;
	background:#FFF;
	margin:0;
	border-radius:0;
}
#searchCriteria .search-query:focus {
	color:#FF6A00;
	background-color:#f6f2ec;
}
#searchCriteria .sbox.sb3 .search-query,
#searchCriteria .sbox.sb4 .search-query {
	width:calc(50% - 45px);
}
#searchCriteria .search-btn {
	width:85px;height:45px;
	text-align:center;
	padding:0;margin:0;
	border:none;
	cursor:pointer;
	background:#333333;
	border-radius:0;
	transition:all 0.5s ease;
	display:flex;align-items:center;
	justify-content:center;
	border-radius:0 5px 5px 0;
	color:#fff;
	font-size:1.4em;	
}
#searchCriteria .search-btn span {
	position:relative;
	display:block;
	width:auto;height:20px;
	vertical-align:middle;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	padding-left:22px;
	/*line-height:100%;*/
}
#searchCriteria .search-btn span::before {
	content:"";display:block;
	position:absolute;
	left:0;top:50%;
	height:15px;width:15px;
	border:2px solid #FFF;
	box-sizing:border-box;
	border-radius:100px;
	margin-top:-7px;
}
#searchCriteria .search-btn span::after {
	content: "";
    display: block;
    position: absolute;
    left: 10px;top: 50%;
    width: 7px;height: 2px;
    background: #FFF;
    transform: rotate(45deg);
    margin-top: 6px;
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background:#016632;
}
/**/
#searchCriteria .twoGroup,
#searchCriteria .oneSection,
#searchCriteria .twoSection,
#searchCriteria .dayGroup,
#searchCriteria .keyGroup{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
#searchCriteria .dayGroup .firstTx,
#searchCriteria .keyGroup .firstTx,
#searchCriteria .oneSection .firstTx,
#searchCriteria .twoSection .firstTx,
.checkGroup .firstTx {
	position:absolute;
	width:1px;height:1px;
	padding:0;margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
	text-align:left;
	text-indent:-9999px;
	background:none;
	font-size:1.7em;
	font-weight:bold;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#fff;
	display:flex;flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
/**/
#searchCriteria .oneSection select,
#searchCriteria .oneSection input{
	width:100%;
}
/**/
#searchCriteria .twoSection .lastBox {
	width:calc(100% - 100px);
	border-radius:5px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#searchCriteria .twoSection .lastBox select,
#searchCriteria .twoSection .lastBox input{
	width:calc(50% - 5px);
}
/**/
#searchCriteria .dayGroup .dayBox{
	width:calc(100% - 100px);
	border:1px solid #cccccc;
	background-color:#fff;
	border-radius:0;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#searchCriteria .dayGroup .inTx{
	width:30px;font-size:1.7em;font-weight:bold;
	display:block;text-align:center;
}
#searchCriteria .dayGroup .dayInput { width:calc(50% - 15px);}
/**/
.checkGroup {
	width:calc(100% - 10px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:5px;
}
.checkGroup .firstTx {
	width:100px;
	font-size:1.7em;
	font-weight:bold;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
}
.checkGroup .fixGroup {
	width:calc(100% - 100px);
	display:flex;
    flex-wrap:wrap;
	margin:-5px 0;
}
/**/
.tx4em{
	width:4em;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto;
}
@media screen and (max-width:600px) {
	#searchCriteria .dayInput span{
		width:34px;background-size:24px auto;
		background-position:center right;
	}
	#searchCriteria .dayInput input{padding-left:40px;}
	#searchCriteria .sbox.sb1_25,
	#searchCriteria .sbox.sb1_25 + .sbox.sb1_75{width:100%;}
	#searchCriteria .sbox.sb1_25 + .sbox.sb1_75{ margin-top:10px;}
	#searchCriteria .listBar{ border-radius:5px;}
	#searchCriteria .search-query{ border-radius:5px 0 0 5px;}
}
@media screen and (max-width:400px) {
	#searchCriteria .searchform {margin:0;}
	#searchCriteria .sbox + .sbox{ margin-top:10px;}
	.tx4em{ margin:0;}
	#searchCriteria .dayGroup .dayBox,
	#searchCriteria .twoSection .lastBox,
	#searchCriteria .oneSection select,
	#searchCriteria .oneSection input,
	.checkGroup .fixGroup{width:100%;}
	#searchCriteria .keyGroup .search-query,
	#searchCriteria .keyGroup .listBar {
		width:calc(100% - 45px);
	}
	#searchCriteria .search-btn{ width:45px;}
	#searchCriteria .search-btn span{
		width:20px;
		overflow:hidden;
		padding-left:0;
		text-indent:-999px;
	}
	#searchCriteria .search-btn span::before{
		width:16px; height:16px;
		margin-top:0;top:0;
	}
	#searchCriteria .search-btn span::after{left:12px;}
	/**/
	#searchCriteria .dayGroup .dayBox {
		border:none;
		background:none;
	}
	#searchCriteria .dayGroup .dayInput {
		position:relative;
		width:100%;
		border:none;
		background-color:#fff;
		box-sizing:border-box;
	}
	#searchCriteria .dayGroup .dayInput + span + .dayInput {
		margin-top:10px;
	}
	#searchCriteria .dayGroup .dayInput:before {
		content:"起";
		display:block;
		position:absolute;
		top:4px;
		right:5px;
		width:35px;
		height:35px;
		color:#FFF;
		font-size:1.5em;
		line-height:35px;		
		background:#333;
	}
	#searchCriteria .dayGroup .dayInput + span + .dayInput:after {
		content:"迄";
		display:block;
		position:absolute;
		top:4px;
		right:5px;
		width:35px;
		height:35px;
		color:#FFF;
		font-size:1.5em;
		line-height:35px;
		background:#333;
	}
	#searchCriteria .dayInput input,
	#searchCriteria span + .dayInput input {
		padding-right:45px;
	}
	#searchCriteria .dayGroup .inTx {display:none;}
}
@media screen and (min-width:601px) {
	#searchCriteria .sbox:has(+.sbox) input,
	#searchCriteria .sbox:has(+.sbox) select{
		border-right:none !important;
	}
}
@media screen and (min-width:991px) {
	#searchCriteria {padding:20px;margin-bottom:25px;}
	#searchCriteria .search-btn{ font-size:1.6em;}
}
@media screen and (min-width:1200px) {
	#searchCriteria .dayInput span{
		width:50px;
		height:48px;
		line-height:48px;
	}
	#searchCriteria .dayInput input {
		height:48px;
		line-height:48px;font-size:1.7em;
		padding-left:50px;
	}
	#searchCriteria .listBar {
		height:50px;
		font-size:1.7em;line-height:50px;
		padding:0 20px 0 15px;
	}
	#searchCriteria .search-query {
		height:50px;
		font-size:1.7em;line-height:60px;
		padding:0 15px;
	}
	#searchCriteria .search-btn {width:100px;height:50px;}
	#searchCriteria .keyGroup .search-query,
	#searchCriteria .keyGroup .listBar {
		width:calc(100% - 100px);
	}
	.checkGroup {margin-bottom:10px;}
	.checkGroup .firstTx {font-size:1.9em;}
}
/* ----- listHead ----- */
.listHead{
	width:100%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content:space-between;
}
.pageRight .listHead{ margin-bottom:30px;}
@media screen and (max-width:990px) {
}
@media screen and (min-width:991px) {
	.listHead .titHead,
	.listHead #searchCriteria{ margin:0; padding:0;}
	.pageRight .listHead{ margin-bottom:50px;}
	.listHead .titHead{ width:44%;}
	.listHead #searchCriteria{ width:54%;}
}
/* ----- infoWrap ----- */
.infoWrap{width:100%;}
.infoWrap strong{
	position:relative;
	font-family:Arial, "微軟正黑體", Helvetica, sans-serif;
	color:#333333;f
	ont-size:2em;
    font-weight:bold;
	line-height:150%;
	word-wrap:break-word;
	word-break: break-all; 	
}
a:hover .infoWrap strong,
a:focus .infoWrap strong {
	color:#016632;
}
.infoWrap strong + p{
	font-size:1.6em;
	line-height:150%;
	color:#666;margin-top:3px;
	overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.infoWrap .postInfo{ font-weight:bold;}
@media screen and (min-width:991px) {
	.infoWrap strong{font-size:2.3em;}
}
@media screen and (min-width:1600px) {
	.infoWrap strong{font-size:2.8em;}
	.infoWrap strong + p{-webkit-line-clamp:3;}
}
.dataBot{
	font-size:1.9em;
	line-height:130%;
	color:#be5a13;
}
.infoWrap strong + .dataBot{ margin-top:3px;}
.dataBot span{
	line-height:20px;
	margin-right:1em;
	display:inline-block;
}
.infoWrap .dataBot em{
	width:20px;height:20px;
	overflow:hidden;
	position:relative;
	display:inline-block;
	text-indent:-999px;
	vertical-align:middle;
	margin-right:4px;
}
.infoWrap .dataBot em:before{
	content: "";display: block;
    position: absolute;
    left: 0;top: 0;
    width:20px;height:20px;
    box-sizing: border-box;
    background-image: url(../images/postInfo.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #be5a13;
    border-radius: 20px;
}
.infoWrap .dataBot em.ico1:before{background-position: 0 0;}
.infoWrap .dataBot em.ico2:before{background-position: -20px 0;}
.infoWrap .dataBot em.ico3:before{background-position: -40px 0;}
.infoWrap .dataBot em.ico4:before{background-position: -60px 0;}
.dataBot .category{display:flex;align-items:center;}
.dataBot .category::before{
	content:"";
    display:inline-block;
    width:23px;
    height:23px;
    border-radius:100%;
	background-color:#fff;
	background-image:url(../images/icon-more.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 50%;
	margin-right:5px;
	border:3px solid #000;
	box-sizing:border-box;
}
.infoWrap .fixTag{
	display:inline-block;
	vertical-align:middle;
	margin-left:0.5em;
	font-size:0.95rem;
	font-style:normal;
	font-weight:normal;
	line-height:24px;
}
.infoWrap .fixTag::before{
	content:"";
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	border:none;
	transform:rotate(0deg);
	transition:all 0.3s;
	border-radius:0;
	background-color:#ffffff;
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-position:center;
	mask-repeat:no-repeat;
	mask-size:contain;
}
.btn_Link .infoWrap .fixTag,
.btn_category .infoWrap .fixTag{
	background-color:#ddd;
	border-radius:20px;
	width:28px;
	height:28px;
	text-align:center;
	box-sizing:border-box;
}
.btn_Link .infoWrap .fixTag::before,
.btn_category .infoWrap .fixTag::before{
	background-color:#000;
}
.btn_Link .infoWrap .fixTag::before{
	-webkit-mask-image:url(../images/nav-icon-link.svg);
	mask-image:url(../images/nav-icon-link.svg);
}
.btn_category .infoWrap .fixTag::before{
	-webkit-mask-image:url(../images/nav-icon-category.svg);
	mask-image:url(../images/nav-icon-category.svg);
}
.btn_Down .infoWrap .fixTag{
	display:inline-block;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	padding:0 6px;
	background:#000;
	border-radius:3px;
}
.btn_Down .infoWrap .fixTag::before{
	-webkit-mask-image:url(../images/nav-icon-download.svg);
	mask-image:url(../images/nav-icon-download.svg);
	margin-right:4px;
	vertical-align: text-bottom;
}
.infoWrap .fixTag.pdf,
.infoWrap .fixTag.PDF {
	background:#a40000;
}
.infoWrap .fixTag.odt,
.infoWrap .fixTag.doc,
.infoWrap .fixTag.docx,
.infoWrap .fixTag.ODT,
.infoWrap .fixTag.DOC,
.infoWrap .fixTag.DOCX {
	background:#0068b7;
}
.infoWrap .fixTag.ods,
.infoWrap .fixTag.xls,
.infoWrap .fixTag.xlsx,
.infoWrap .fixTag.ODS,
.infoWrap .fixTag.XLS,
.infoWrap .fixTag.XLSX {
	background:#378837;
}
.infoWrap .fixTag.odp,
.infoWrap .fixTag.ppt,
.infoWrap .fixTag.pptx,
.infoWrap .fixTag.ODP,
.infoWrap .fixTag.PPT,
.infoWrap .fixTag.PPTX {
	background:#FF6600;
}
.infoWrap .fixTag.rar,
.infoWrap .fixTag.RAR {
	background:#67005E;
}
.infoWrap .fixTag.zip,
.infoWrap .fixTag.ZIP {
	background:#6a3906;
}
/* ----- pictureList ----- */
.pictureList {width:100%;margin:0 auto;}
.pictureList > ul {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0;
}
.pictureList > ul > li {
	display:inline-block;
	width:100%;padding:0;margin:0;
	box-sizing:border-box;
}
.pictureList > ul > li + li{ margin-top:20px;}
.pictureList > ul > li a {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0;
	box-sizing:border-box;
	border-bottom:1px solid #e0deda;
}
.pictureList .onePost{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
}
.pictureList .photo {
	position:relative;
	display:inline-block;
	width:80px;
	vertical-align:top;
	margin:0;
	overflow:hidden;
}
.pictureList .photo .img {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	transition: all 0.4s ease;
	background-image: url(../images/icon-news.svg);
}
.pictureList a:hover .photo .img,
.pictureList a:focus .photo .img{
    transform:scale(1.08);
}
.pictureList .infoWrap{
	width:calc(100% - 80px);
	vertical-align:top;
	margin:0;
	box-sizing:border-box;
	padding:10px;
	padding-bottom:25px;
	display:flex;flex-wrap:wrap;
	align-items:stretch;
	justify-content:center;
	flex-direction: column;
}
@media screen and (max-width:400px) {
	.pictureList .onePost .infoWrap {width:100%; margin:10px 0 0;}
	.pictureList .photo {display:none;}
}
@media screen and (min-width:768px){
	.pictureList .dataBot{margin-top:0.6em;}
}
@media screen and (min-width:991px) {
	.pictureList .photo {width:100px;}
	.pictureList .onePost .infoWrap {width:calc(100% - 100px);}	
	.dataBot{font-size:1.8em;}
}
@media screen and (min-width:1200px) {
	.pictureList > ul > li + li{ margin-top:30px;}	
	.pictureList .onePost .infoWrap {padding-bottom:35px;}
}
/* ----- lecturerList ----- */
.lecturerList {
	width:100%;
	margin:0 auto;
}
.lecturerList ul {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.lecturerList ul li {
	display:inline-block;
	width:calc(33.3333% - 10px);
	padding:10px;
    box-sizing:border-box;
    vertical-align:top;
	position:relative;
	margin:5px;
}
.lecturerList > h3{
	display: block;
    width: 100%;
    font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size: 1.9em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
	margin:1em 0;
}
.lecturerList .oneWrap{
	position:relative;
	width:100%;
	padding:0; margin:0;
	box-sizing:border-box;
	display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
	flex-direction:column;
	min-height:100%;
}
.lecturerList .oneWrap{
	flex-wrap: wrap;
	display: flex;
	width:100%;
}
.lecturerList .oneWrap .photo{
	width:100%;
	box-sizing:border-box;
	position:relative;
	border-radius:150px;
	overflow:hidden;
	background-color:transparent;
	margin:15px auto;
	max-width:160px;
}
.lecturerList .oneWrap .photo > span{
	width:100%;
	height:auto;
	padding-bottom:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	box-sizing:border-box;
	border-radius:150px;
	transition: all 0.4s ease-in-out;
}
.lecturerList a:hover .oneWrap .photo > span,
.lecturerList a:focus .oneWrap .photo > span{
	transform: scale(1.1);
}
.lecturerList .oneWrap .photo::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	z-index:1;
	transition: all 0.4s ease-in-out;
	transform: translate3d(-50%, -50%, 0);
	border-radius:150px;
	box-sizing:border-box;
	box-shadow: 
	inset 0 0 0 0px rgba(0,133,65, 0),
	0 0 2px rgba(0,0,0,0);
}
.lecturerList a:hover .oneWrap .photo::before,
.lecturerList a:focus .oneWrap .photo::before{
	box-shadow: 
	inset 0 0 0 100px rgba(0,133,65, 0.7),
	0 0 2px rgba(0,0,0,0.1);
}
.lecturerList .oneWrap .photo::after{
	content:"";
	position:absolute;
	top:100%;left:50%;
	width:40px;height:40px;
	z-index:1;
	transition: all 0.4s ease-in-out;
	background-image: url(../images/photo_zoom.svg);
    background-repeat: no-repeat;
	background-size:contain;
	background-position:50% 50%;
	opacity:0;z-index:2;
	margin-top:-20px;
	margin-left:-20px;
	box-sizing:border-box;
}
.lecturerList a:hover .oneWrap .photo::after,
.lecturerList a:focus .oneWrap .photo::after{
	top:50%;
	opacity:1;
}
.lecturerList .lecBtn{ display:block;border-radius:10px;}
.lecturerList .lecBtn.current:focus{ outline:none !important;}
.lecturerList .lecBtn.current .oneWrap .photo::before,
.lecturerList .lecBtn.current:focus .oneWrap .photo::before{
	box-shadow: 
	inset 0 0 0 0px rgba(0,133,65, 0),
	0 0 2px rgba(0,0,0,0);
}
.lecturerList .lecBtn.current .oneWrap .photo::after,
.lecturerList .lecBtn.current:focus .oneWrap .photo::after{
	top:100%;opacity:0;
}
.lecturerList .textBox{
	display:block;
	width:100%;
	padding:15px;
    box-sizing:border-box;
	text-align:center;
	color:#000;
}
.lecturerList .textBox strong{
	display:block;
	width:100%;
	font-size:2em;
	line-height:150%;
}
.lecturerList a:hover .textBox strong,
.lecturerList a:focus .textBox strong{
	color:#BE5A13;
}
.lecturerList .textBox strong span{
	font-size: 0.6125em;
    margin-left: 0.5em;
}
.lecturerList .textBox p{
	display:block;
	width:100%;
	color: #016632;
	font-size:1.7em;
	line-height:150%;
    font-weight: bold;
	margin:0.5em auto 0;
	max-width:12em;
}
.lecturerList .lecClose{
	position:absolute;
	top:20px; left:20px;
	width:40px; height:40px;
	background-color:rgba(0,0,0,0.5);
	border-radius:40px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.lecturerList .lecClose em{font-style:normal;}
.lecturerList .lecClose	span{
	width:20px; height:20px;
	position:relative;
}
.lecturerList .lecClose span::before,
.lecturerList .lecClose span::after{
	content:""; display:block;
	width:1px; height:20px;
	transform: rotate(45deg);
	position:absolute;
	left:50%;top:50%;
	margin-top:-10px;
	background-color:#fff;
}
.lecturerList .lecClose span::after{
	transform: rotate(-45deg);
}
.lecturerList .lecWrap{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,110,40,0.85);
	box-sizing:border-box;
	padding:70px 15px 15px;
	font-size:1.5em;
	line-height:180%;
	z-index:2;
	border-radius:10px;
	color:#fff;
	display:flex;flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
}
.lecturerList .lecWrap p + p{ margin-top:1em;}
.lecWrap .lecWd{
	width:100%;
	height:100%;
	display:block;
	overflow:auto;
}
.lecWrap .lecWd::-webkit-scrollbar{
	width:6px;height:6px;
	background-color:#e0e0e0;
}
.lecWrap .lecWd::-webkit-scrollbar-track{
	background-color:#016632;
}
.lecWrap .lecWd::-webkit-scrollbar-thumb{
	border-radius:0;
	background-color:#000;
}
.lecWrap .lecWd::-webkit-scrollbar-thumb:hover{
	background-color:#99b91b;
}
#comPage .scrollbar-thumb{
	width:6px;height:6px;}
#comPage .scrollbar-track{
	background-color:#016632;
}
#comPage .scrollbar-track-y{width:6px;}
#comPage .scrollbar-thumb{
	border-radius:0;
	background-color:#000;}
@media screen and (max-width:767px) {
	.lecturerList ul li {width:calc(50% - 10px);}
}
@media screen and (max-width:480px) {
	.lecturerList ul li {width:100%;}
}
@media screen and (min-width:991px) {
	.lecturerList > h3{font-size:3em;}
	.lecturerList .textBox strong{font-size:2.3em;}
	.lecturerList .oneWrap .photo{max-width:200px;}
}
@media screen and (min-width:991px) and (max-width:1200px) {
	.lecturerList ul li {width:calc(50% - 10px);}
}
@media screen and (min-width:1600px) {
	.lecturerList ul li {width:calc(25% - 10px);}
	.lecturerList .lecWrap{ padding:70px 25px 25px;}
	.lecturerList > h3{font-size:3.6em;}
	.lecturerList .textBox strong{font-size:2.8em;}
	.lecWrap .lecWd{ min-height:260px;}
}
/** page **/
#page{
	display:flex;
	width:100%;	
	flex-direction:column;
	margin:30px auto 0 auto;
}	
#page .total {
	width:100%;
	display:inline-block;
	color:#3C3C3C;
	font-size:1.7em;
	line-height:150%;
	text-align:center;
}
#page .total span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1rem;
	display:inline-block;
	color:#a06428;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	font-weight:bold;
	background:#eeeeee;
	vertical-align:middle;
	overflow:hidden;
	margin:0 15px;
}
#page .num .cur {	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:45px;
	vertical-align:middle;
	cursor:text;
	margin:0 10px;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#000;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;left:50%;
	width:1px;height:10px;
	background-color:#fff;
	margin:-5px 0 0 -5px;
	z-index:2;
	transition:all 0.3s ease;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;height:7px;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:-4px 0 0 1px;
	z-index:2;
	transform:rotate(45deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#626262;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;left:50%;
	width:7px;height:7px;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:-4px 0 0 -3px;
	z-index:2;
	transform:rotate(45deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#626262;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;height:7px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	margin:-4px -3px 0 0 ;
	z-index:2;
	transform:rotate(45deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#000;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;right:50%;
	width:1px;height:10px;
	background-color:#fff;
	margin:-5px -5px 0 0;
	z-index:2;
	transition:all 0.3s ease;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;height:7px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	margin:-4px 1px 0 0;
	z-index:2;
	transform:rotate(45deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#page .num a.btn-first,
#page .num a.btn-prev,
#page .num a.btn-next,
#page .num a.btn-last {
	border-radius:40px;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus {
	background:#be5a13;
}
@media screen and (min-width:991px) {
	#page {
		justify-content:space-between;
		flex-direction:column;
		align-items:center;
		margin-top:40px;
	}
	#page:after {
		display:none;
	}
	#page .num {
		text-align:left;
		margin:20px 0 0;
	}
	#page .num a {
		display:inline-block;
		width:45px;
		height:45px;
		font-size:1.5em;
		font-weight:normal;
		text-align:center;
		line-height:45px;
		border:none;
		background:#f6f2ec;
		box-sizing:border-box;
		margin:3px;
		border-radius:50px;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#FFF;
		border-color:#be5a13;
		background:#be5a13;
	}
	#page .num .cur {
		display:inline-block;
		width:45px;
		height:45px;
		color:#FFF;
		font-size:1.5em;		
		line-height:45px;
		text-align:center;
		background:#be5a13;
		margin:3px;
		border-radius:50px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		display:inline-block;
		width:45px;
		height:45px;
		text-align:left;
		border:none;
		background:#626262;
		margin:3px;
		border-radius:50px;
	}
	#page .num a.btn-first,
	#page .num a.btn-last {
		background:#000000;
	}
	#page .num a.btn-first:hover,
	#page .num a.btn-first:focus,
	#page .num a.btn-prev:hover,
	#page .num a.btn-prev:focus,
	#page .num a.btn-next:hover,
	#page .num a.btn-next:focus,
	#page .num a.btn-last:hover,
	#page .num a.btn-last:focus {
		background:#be5a13;
	}
}
@media screen and (min-width:1200px) {
	#page .num a {
		width:50px;
		height:50px;
		font-size:1.7em;
		line-height:50px;
		margin:5px;
	}
	#page .num .cur {
		width:50px;
		height:50px;
		font-size:1.7em;	
		line-height:50px;
		margin:5px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		width:50px;
		height:50px;
		margin:5px;
	}
}
/* ----- postInfo ----- */
.postInfo {width:100%;margin:0;}
.pageRight .titHead + .postInfo{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
    background-color:#fff;
	margin-top:-2px;
	padding:20px 0;
	box-sizing:border-box;
}
.postInfo > ul {
	list-style:none;
	display:flex;flex-wrap:wrap;
}
.postInfo > ul > li {
	display:inline-block;
	color:#3C3C3C;
	font-size:1.7em;
	font-weight:bold;
	line-height:180%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:5px 20px 5px 0;
}
.postInfo > ul > li:last-child {
	margin-right:0;
}
.postInfo > ul > li > span {
	padding-left:37px;
	position:relative;
	z-index:1;
}
.postInfo > ul > li > span:before,
.postInfo > ul > li > span::after {
	content:"";display:block;
	position:absolute;
	border-radius:20px;
	box-sizing:border-box;
}
.postInfo > ul > li > span:before{	
	background-image:url(../images/postInfo.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:24px;height:24px;
	left:3px;top:3px;
}
.postInfo > ul > li > span::after{
	left:0;top:0;
	width:30px;height:30px;
	background-color:#333;
	z-index:-1;
}
.postInfo > ul > li span.pf1:before{
	background-position:0 0;
}
.postInfo > ul > li span.pf2:before{
	background-position:-24px 0;
}
.postInfo > ul > li span.pf3:before{
	background-position:-48px 0;
}
.postInfo > ul > li span.pf4:before{
	background-position:-72px 0;
}
@media screen and (max-width:580px) {
	.pageRight .titHead + .postInfo{
		padding:15px 0;
	}
	.postInfo > ul > li {
		width:100%;
		margin:5px 0;
	}
}
@media screen and (min-width:1200px) {
	.postInfo > ul > li {font-size:1.9em;}
}
/* ----- paragraph ----- */
.paragraph + .paragraph,
.paragraph + p{ margin-top:1em;}
.paragraph > p{padding-left:2em;}
/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:200%;
	margin:0 auto;
	word-wrap:break-word;
}
.boxInfo + .pageWord,
.postInfo + .pageWord,
.pageWord + .pageWord { margin-top:1.5em;}
.pageWord img {
	max-width:100%;
	height:auto !important;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:1em 0 1em 1.5em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
}
.pageWord .stit {
	position:relative;
	color:#008541;
	font-family:"微软雅黑","微軟正黑體",Arial, sans-serif;
	font-size:1.4375em;
	font-weight:bold;
	line-height:135%;
	padding-left:1.5em;
}
.pageWord .stit:before {
    content:"";
    display:block;
    position:absolute;
    left:0;top:0.15em;
    width:28px;height:28px;
    z-index:1;
	background-color:#008541;
	background-image:linear-gradient(45deg, #008541 50%, #006633 100%);
	border-radius:2px;
}
.pageWord .stit:after {
    content:"";
    display:block;
    position:absolute;
	left: 9px;
    top: 0.65em;
    width:0;height:0;
    border-style:solid;
    border-width:7px 5px 0 5px;
    border-color:#FFFFFF transparent transparent transparent;
    z-index:2;
}
.pageWord figure + p,
.pageWord .stit + table,
.pageWord table + .stit,
.pageWord table + p,
.video-wrapper + p{margin-top:1.5em;}
.pageWord p + .stit,.pageWord p + h3,
.pageWord p + table,.pageWord p + p{ margin-top:1em;}
.pageWord .stit + p,.pageWord h3 + p{margin-top:0.5em;}
.pageWord p + .stit:last-child,
.pageWord .stit + p:last-child,
.pageWord p + p:last-child {margin-bottom:0;}
.pageWord > h3{ font-size:1.125em;}
.pageWord table {
	font-size:1em;
	border:1px solid #c2cad6;
	border-collapse:collapse;
}
.pageWord table caption {
	margin-bottom:10px;
}
.pageWord table th {
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	background:#2e466b;	
	box-sizing:border-box;
}
.pageWord table td {
	color:#3C3C3C;
	padding:15px 5px;
	vertical-align:middle;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.pageWord table ul,.pageWord table ol{ margin-left:1.5em;}




/**/
ul.agandaInfo{
	width:100%;
	list-style:none;
	margin:0 0 30px 0;
}
ul.agandaInfo li{
	width:100%;	
	display:block;
	color:#28746c;
	font-family:"微软雅黑","微軟正黑體", sans-serif;	
	font-weight:bold;
	line-height:1.45;
	padding-left:10px;
	box-sizing:border-box;
}
ul.agandaInfo li:last-child{
	border-bottom:none;
}
ul.agandaInfo li span {
	position:relative;	
    font-weight:bold;
	padding-left:25px;
}
ul.agandaInfo li span:before {
 	content:"";
	display:block;
	position:absolute;	
    left:0;
	top:5px;
	width:21px;
	height:21px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
ul.agandaInfo li span.date:before { background-image:url(../images/eventList-time.svg); }
ul.agandaInfo li span.loca:before { background-image:url(../images/eventList-location.svg); }
ul.agandaInfo li span.aganda:before { background-image:url(../images/eventList-list.svg); }

/**/
.pageWord .agandaTab{
	width:100%;
}
.pageWord .agandaTab th,.pageWord .agandaTab td{
	padding:10px 15px;
	box-sizing:border-box;
	vertical-align:middle;
	border:1px dashed #ccc;
	border-collapse:collapse;
}
.pageWord .agandaTab th{
	font-family:"微软雅黑","微軟正黑體", sans-serif;
	color:#fff;
	background:#333;	
}
.pageWord .agandaTab td:first-of-type{
	width:15%;
	text-align:center;
	font-weight:bold;
	/*background:#f9f3ef;
	color:#fff;
	background:#5f5151;	*/
	color:#28746c;
	background:#f5fcfa;
}
.pageWord .agandaTab td small{
	font-size:80%;
	color:#757575;
}
.pageWord .agandaTab td:nth-of-type(3){
	width:40%;
}
.pageWord .agandaTab td.sessions{
	background-color:#f9f3ef;
	color:#fff;
	/*background-color:#28746c;	*/		
}
.pageWord .agandaTab td.sessions small{
	display:block;
	color:#705040;
	font-size:90%;
	line-height:1.5;
}
.pageWord .agandaTab td.sessions strong{
	display:block;
	font-family:"微软雅黑","微軟正黑體", sans-serif;	
	font-size:130%;
	color:#993300;
}
@media screen and (max-width:480px) {
	.pageWord .agandaTab{font-size:90%; line-height:1.5;}	
	.pageWord .agandaTab td:first-of-type{width:10%; line-height:1.2;}
	.pageWord .agandaTab td:first-of-type span{display:block;}	
	.pageWord .agandaTab th,.pageWord .agandaTab td{padding:8px; word-wrap:break-word;}	
}


.pageWord .btnTag {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem;
	padding:5px 10px;
	text-align:center;
	background-color:#000;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.pageWord .btnTag::before {
	content:"";
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	border:none;
	-webkit-mask-image:url(../images/nav-icon-download.svg);
	mask-image:url(../images/nav-icon-download.svg);
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	background-color:#ffffff;
	margin-top:-2px;
}
.pageWord .btnTag.pdf,
.pageWord .btnTag.PDF {
	background:#a40000;
}
.pageWord .btnTag.odt,
.pageWord .btnTag.doc,
.pageWord .btnTag.docx,
.pageWord .btnTag.ODT,
.pageWord .btnTag.DOC,
.pageWord .btnTag.DOCX {
	background:#0068b7;
}
.pageWord .btnTag.ods,
.pageWord .btnTag.xls,
.pageWord .btnTag.xlsx,
.pageWord .btnTag.ODS,
.pageWord .btnTag.XLS,
.pageWord .btnTag.XLSX {
	background:#378837;
}
.pageWord .btnTag.odp,
.pageWord .btnTag.ppt,
.pageWord .btnTag.pptx,
.pageWord .btnTag.ODP,
.pageWord .btnTag.PPT,
.pageWord .btnTag.PPTX {
	background:#FF6600;
}
.pageWord .btnTag.rar,
.pageWord .btnTag.RAR {
	background:#67005E;
}
.pageWord .btnTag.zip,
.pageWord .btnTag.ZIP {
	background:#6a3906;
}
.pageWord .btnTag:hover,
.pageWord .btnTag:focus {
	background:#364349;
}
.pageWord .btnTag.pdf:hover,
.pageWord .btnTag.pdf:focus,
.pageWord .btnTag.PDF:hover,
.pageWord .btnTag.PDF:focus {
	background:#7a0000;
}
.pageWord .btnTag.odt:hover,
.pageWord .btnTag.odt:focus,
.pageWord .btnTag.doc:hover,
.pageWord .btnTag.doc:focus,
.pageWord .btnTag.docx:hover,
.pageWord .btnTag.docx:focus,
.pageWord .btnTag.ODT:hover,
.pageWord .btnTag.ODT:focus,
.pageWord .btnTag.DOC:hover,
.pageWord .btnTag.DOC:focus,
.pageWord .btnTag.DOCX:hover,
.pageWord .btnTag.DOCX:focus {
	background:#004B85;
}
.pageWord .btnTag.ods:hover,
.pageWord .btnTag.ods:focus,
.pageWord .btnTag.xls:hover,
.pageWord .btnTag.xls:focus,
.pageWord .btnTag.xlsx:hover,
.pageWord .btnTag.xlsx:focus,
.pageWord .btnTag.ODS:hover,
.pageWord .btnTag.ODS:focus,
.pageWord .btnTag.XLS:hover,
.pageWord .btnTag.XLS:focus,
.pageWord .btnTag.XLSX:hover,
.pageWord .btnTag.XLSX:focus {
	background:#265E26;
}
.pageWord .btnTag.odp:hover,
.pageWord .btnTag.odp:focus,
.pageWord .btnTag.ppt:hover,
.pageWord .btnTag.ppt:focus,
.pageWord .btnTag.pptx:hover,
.pageWord .btnTag.pptx:focus,
.pageWord .btnTag.ODP:hover,
.pageWord .btnTag.ODP:focus,
.pageWord .btnTag.PPT:hover,
.pageWord .btnTag.PPT:focus,
.pageWord .btnTag.PPTX:hover,
.pageWord .btnTag.PPTX:focus {
	background:#A33C00;
}
.pageWord .btnTag.rar:hover,
.pageWord .btnTag.rar:focus,
.pageWord .btnTag.RAR:hover,
.pageWord .btnTag.RAR:focus {
	background:#42003D;
}
.pageWord .btnTag.zip:hover,
.pageWord .btnTag.zip:focus,
.pageWord .btnTag.ZIP:hover,
.pageWord .btnTag.ZIP:focus {
	background:#004741;
}
@media screen and (min-width:991px) {	
	.pageWord {font-size:1.9em;}
	.boxInfo + .pageWord,
	.postInfo + .pageWord,
	.pageWord + .pageWord{margin-top:2em;}
	.pageWord > h3{ font-size:1.25em;}
	.pageWord .stit {
		font-size:1.5em;
		padding-left:1.25em;
	}
	.pageWord .stit:before {
		top:0.25em;
		width:32px;height:32px;
	}
	.pageWord .stit:after {
		left: 10px;
		border-width:8px 6px 0 6px;
	}
	.pageWord .stripedTab th,
	.pageWord .stripedTab td{padding:10px 20px;}
}
@media screen and (min-width:1200px) {	
	.pageWord {font-size:2.3em;}
}
/* 圖片說明 */
.noteBtn{
	padding:20px 0 0;text-align:left; font-size:1rem;}
.noteBtn .disBtn{
	padding:5px 15px;
	border:none;
	text-decoration:none;
	display: inline-block;
	border-radius:0;
	background-color:#f5f5f5;
	color:#000;
}
.noteBtn.current .disBtn{
	background-color:#be5a13;
	background-image:linear-gradient(0deg, #2f7c1e 50%, #be5a13 100%);
	border-color:transparent;
	color:#fff;
}
.noteZone{
	background-color:#f5f5f5;
	border-radius:0;
	color:#333;font-size:1rem;
	padding:15px;line-height:160%;
	margin:0 0 20px;
}
.noteBtn.current + .noteZone{
	border-top: solid 3px #2f7c1e;
}
.noteZone p{ margin:0;}
.noteZone > p + p{ margin:1.5em;}
.noteZone ol,.noteZone ul{ margin-left:1.5em;}
.noteZone > ul > li{list-style-type:disc;}
.noteZone > ul > li > ul > li{list-style-type:circle;}
.noteZone ul li ul li{padding-left:0;background:none;}
.noteZone > strong{
	font-size:1.125em;
	font-weight:700;
	display:block;
	margin-top:1em;
}
.noteZone h3,.noteZone h4{
	display:block;font-size:1.5em;
	font-weight:700;color:#3371b8;
}
@media screen and (min-width:991px) {
	.noteZone{ padding:25px;}
}
/** ----- articlesPart ----- **/
.articlesWrap{width:100%;}
.postInfo + .articlesWrap,
.articlesWrap + .pageWord{ margin-top:3em;}
.articlesPart{
	width:100%;
	font-size:1.7em;
	line-height:180%;
	margin:1.5em auto 0 auto;
	text-align:left;
	padding:0;
    box-sizing: border-box;
	display:inline-block;
	word-wrap: break-word;
}
.articlesPart:first-of-type{margin-top:0;}
.pageWord .articlesPart{font-size:1em;}
.articlesPart figure figcaption{
	margin-top:0.5em;
	font-size:0.75em;
	line-height:150%;
	color:#666;
	text-align:center;
}
.articlesPart + .articlesPart{ margin-top:3em;}
.filmPart{ margin-top:1em;}
.articlesPart.leftPic .pic{ float:left;}
.articlesPart.rightPic .pic{ float:right;}
.articlesPart.topPic .word,
.articlesPart.threePic .word,
.articlesPart.bottomPic .pic{
	margin-top:1.5em;
}
.articlesPart .word{word-wrap: break-word;}
.articlesPart .pic{text-align:center;}
.articlesPart .pic img{
	max-width:100%;
	width:auto;height:auto;
	padding:0;
    box-sizing: border-box;
    border-radius:0;
}
.picFull{
	position:relative;
	overflow:hidden;
	padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius:12px;
	text-align:center;
	z-index:1;
	background-color:#fff;
}
.picFull .coverPic{
	position:absolute;
	left:10px;top:10px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	display:block;z-index:-1;
	overflow:hidden;
	border-radius:12px;
}
.picFull .coverPic .img{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	filter: blur(20px);
}
.picFull img{
	padding:0 !important;
	border:none !important;
	border-radius:0 !important;
}
.articlesPart.leftPic .pic,
.articlesPart.rightPic .pic,
.articlesPart.leftPic img,
.articlesPart.rightPic img{
	width:100%;height:auto;
}
.imgBorder{
	background-image:linear-gradient(90deg, #093f91 0%, #618fcb 100%);
	box-sizing:border-box;
	padding:3px;
}
.imgBorder img{
	width:100%; height:auto;
	background-color:#fff;
	display:block;
}
.threePic .picGroup{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.threePic .picGroup .pic{
	width:100%;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-direction: column;
}
.atcTitle{
	width:100%;
	display: flex;flex-wrap: wrap;
	align-items: center;
	position:relative;
}
.atcTitle h3{
	display:block;margin-bottom:0.5em;
	position:relative;
	font-family:"微软雅黑","微軟正黑體",Arial, sans-serif;
	font-size:1.4375em;
	font-weight:bold;
	line-height:135%;
	color:#be5a13;
	padding-left:1.5em;
}
.atcTitle h3::before,
.atcTitle h3::after{
	content:"";display: inline-block;
	vertical-align: middle;
	position:absolute;
	top:0.15em;
}
.atcTitle h3::before{
	background-image:linear-gradient(0deg, #2f7c1e 50%, #be5a13 100%);
	border-radius:0;left:0;
	width:28px; height:28px;
}
.atcTitle h3::after{
	left:8px;
	width:8px;height:8px;
    visibility: visible;
    transform: rotate(45deg);
    border-bottom:4px solid #fff;
    border-right:4px solid #fff;
    margin: 6px auto 0;
}
.articlesPart .word p + p{
	margin-top:1.5em;
}
.articlesPart .word dt{ font-weight:bold;}
.articlesPart .word ul,
.articlesPart .word ol{
	margin-left:2em;
}
@media screen and (max-width:600px) {
	.articlesPart.leftPic .word,
	.articlesPart.rightPic .pic{ margin-top:1.5em;}
}
@media screen and (min-width:601px) {
	.threePic .picGroup .pic{
		width:calc(33.3333% - 14px);
	}
	.articlesPart.leftPic .pic,
	.articlesPart.rightPic .pic{
		max-width:45%;padding-bottom:1em;
	}
	.articlesPart.leftPic .pic{ padding-right:2em;}
	.articlesPart.rightPic .pic{ padding-left:2em;}
}
@media screen and (min-width:991px) {
	.picFull{padding: 15px;border-radius: 24px;}
	.picFull .coverPic{
		left:15px;top:15px;
		width:calc(100% - 30px);
		height:calc(100% - 30px);
	}
	.articlesPart{font-size:1.9em;}
	.pageWord .articlesPart{font-size:1em;}
	.atcTitle h3{
		padding-left:1.35em;
		font-size:1.6875em;
	}
	.atcTitle h3::before,
	.atcTitle h3::after{top:0.25em;}
	.atcTitle h3::before{width:32px; height:32px;}
	.atcTitle h3::after{left:9px;width: 10px;height: 10px;}
}
@media screen and (min-width:1200px) {	
	.articlesPart.leftPic .pic,
	.articlesPart.rightPic .pic{ max-width:560px;}
	.threePic .picGroup .pic{width:calc(33.3333% - 20px);}
}
/**/
.filmFrame{
	width:100%;
	margin:20px auto;
	box-sizing:border-box;
	background-image: linear-gradient(90deg, #093f91 0%, #618fcb 100%);
	padding:0;
}
.filmFrame .inBox{
	width:100%;
	padding-bottom:56%;
	position:relative;
}
.filmFrame .inBox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media screen and (min-width:768px) {
	.filmFrame{padding:10px;}
}
@media screen and (min-width:1200px) {
	.filmFrame{padding:15px;}
}
/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	display:block;
	width:100%;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	margin-bottom:10px;
	color:#333;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding:12px 15px 12px 45px;
}
.pageBot .tit span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:1;
}
.pageBot .tit span::after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	border-radius:45px;
	background:#333;
}
.pageBot .tit span.video:before {
	background-image:url(../images/pageBot-video.svg);
}
.pageBot .tit span.photo:before {
	background-image:url(../images/pageBot-photo.svg);
}
.pageBot .tit span.download:before {
	background-image:url(../images/pageBot-download.svg);
}
.pageBot .tit span.link:before {
	background-image:url(../images/pageBot-link.svg);
}
@media screen and (min-width:991px) {
	.pageBot {margin-top:50px;}
	
}
@media screen and (min-width:1200px) {
	.pageBot .tit {font-size:2.3em;}
	.pageBot .tit span:before,
	.pageBot .tit span::after{
		width:45px; height:45px;
		margin-top:-23px;
	}
	.pageBot .tit span {padding-left:55px;}
}
@media screen and (min-width:1400px) {
	.pageBot .tit {font-size:2.5em;}
}
/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
#gallery ul {
	list-style:none;
	margin:-10px;
}
#gallery ul li {
	display:inline-block;
	width:33.3333%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#333;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#016632;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	padding-bottom:67%;
	overflow:hidden;
	border-radius: 8px;
	position:relative;
}
#gallery figure .imgWrap{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate3d(-50%, -50%, 0);
	width:100%;
	height:100%;
}
#gallery figure .pic img {
	display:block;
	width: auto;
	height:100%;
	transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
	transform:scale(1.08);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	font-weight: bold;
	text-align:center;
	margin-top:1em;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	font-size:1.3rem;
	margin-bottom:5px;
}
#gallery figure figcaption strong span {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
	line-height:100%;
	padding:5px 10px;
	background:#8c3c4a;
	margin-right:10px;
	vertical-align:top;
}
@media screen and (max-width:767px) {
	#gallery ul li {width:50%;}
}
@media screen and (max-width:360px) {
	#gallery ul li {width:100%;}
}
@media screen and (min-width:991px) {	
	#gallery figure figcaption {
		font-size:1.9em;
	}
}
@media screen and (min-width:1200px) {
	#gallery ul li {width:25%;}
}
/* ----- dnLink ----- */
.dnLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
}
.dnLink ul li:last-child {
	border-bottom: 1px dashed #555;	
}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	align-content:center;
	padding:15px;
	border-top: 1px dashed #555;
	box-sizing:border-box;		
}
.dnLink ul li a:hover,
.dnLink ul li a:focus{
	background-color:#f6f2ec;
}
.dnLink .labe {
	position:relative;
    width:50px;
    height:63px;
	text-transform:uppercase;
	background:#000;
	border-radius: 5px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.dnLink .labe:before {
	content:"";
	display:block;
	width:19px;
	height:18px;
	margin:-10px auto 0;
	background-color:#fff;
	mask-image: url(../images/labe-dn.svg);
	-webkit-mask-image: url(../images/labe-dn.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
}
.dnLink .labe:after {
	content:"";display:block;
	position:absolute;
	top:-1px;right:-1px;
	width:17px;height:17px;
	background-color:#fff;
	mask-image: url(../images/labe-deg.svg);
	-webkit-mask-image: url(../images/labe-deg.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
}
.dnLink a:hover .labe:before,
.dnLink a:focus .labe:before,
.dnLink a:hover .labe:after,
.dnLink a:focus .labe:after {
	background-color:#f6f2ec;
}
.dnLink .labe span {
	position:absolute;
	left:50%;
	bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;	
	-webkit-transform: translate(-50%,-50%);
		    transform: translate(-50%,0);
}
.dnLink a:hover .labe span,
.dnLink a:focus .labe span {color:#f6f2ec;}
.dnLink .labe.pdf{background:#a40000;}
.dnLink .labe.odt,
.dnLink .labe.doc,
.dnLink .labe.docx{background:#0068b7;}
.dnLink .labe.ods,
.dnLink .labe.xls,
.dnLink .labe.xlsx{background:#378837;}
.dnLink .labe.odp,
.dnLink .labe.ppt,
.dnLink .labe.pptx{background:#FF6600;}
.dnLink .labe.rar{background:#67005E;}
.dnLink .labe.zip{background:#6a3906;}
.dnLink a:hover .labe,
.dnLink a:focus .labe{
	background-color:#be5a13;
}
.dnLink dl{
	display:flex;
	width:calc(100% - 65px);
    justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt{
	color:#333;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.dnLink a:hover dt,
.dnLink a:focus dt{
	color:#B05410;
}
.dnLink dd{
	color:#666;
	font-size:1.3em;
	line-height:150%;
	margin-top:5px;
}
.dnLink dd span{
	position:relative;
	padding-left:10px;
	margin-right:15px;
	vertical-align:top;
}
.dnLink dd span:before{
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#666;
}
@media screen and (min-width:1200px) {	
	.dnLink ul li a {padding:20px;}
	.dnLink dt{font-size:2.3em;}
	.dnLink dd{font-size:1.5em;}
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.getLink ul li:last-child {
	border-bottom: 1px dashed #555;	
}
.getLink ul li a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 15px;
	border-top: 1px dashed #555;
	box-sizing: border-box;	
}
.getLink ul li a:hover,
.getLink ul li a:focus{
	background-color:#f6f2ec;
}
.getLink dl {
	position:relative;
	width:100%;
	padding-left:65px;
	box-sizing:border-box;
}
.getLink dl:before,
.getLink dl::after{
	content:"";display:block;
	position:absolute;
	top:-8px;left:-8px;
	width:60px;height:60px;
	border-radius:60px;
	box-sizing:border-box;
}
.getLink dl:before{
	background-color:#333;
	mask-image: url(../images/icon-getLink.svg);
	-webkit-mask-image: url(../images/icon-getLink.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:100% auto;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:100% auto;
}
.getLink dl::after{border:1px solid #ccc;}
.getLink ul li a:hover dl:before,
.getLink ul li a:focus dl:before{
	background-color:#be5a13;
}
.getLink dt {
	color:#333;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.getLink a:hover dt,
.getLink a:focus dt {
	color:#B05410;
}
.getLink dd {
	color:#666;
	font-size:1.5em;
	line-height:150%;
	margin-top:5px;
	word-wrap:break-word;
}
@media screen and (min-width:1200px) {	
	.getLink ul li a{padding:20px;}
	.getLink dl:before,.getLink dl::after{
		width:70px;
		height:70px;
	}
	.getLink dl {
		padding-left:75px;
	}		
	.getLink dt{ font-size:2.3em;}
}
/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:40px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:2em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px;
	margin:0 auto;
	background:#3c3c3c;
	border-radius:8px;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#016632;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 35px 0 0;
}
#pageBack a span:before {
    content:"";
    display:block;
    position:absolute;
    right:15px;
    top:50%;
	margin-top:-8px;
	z-index:2;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 6px 5px 0;
	border-color:transparent #fff transparent transparent;
	transition:all 0.3s ease;
}
#pageBack a span:after{
    content:"";
    display:block;
    position:absolute;
    right:4px;
    top:50%;
    width:10px;
    height:5px;
	border:3px solid #fff;
    border-left:none;
	border-radius:0 20px 20px 0;
	margin-top:-5px;
	z-index:2;
	transition:all 0.3s ease;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBack {
		margin-top:60px;
	}
	#pageBack a {
		font-size:2.5em;
		line-height:30px;
		padding:15px 35px;
	}
	#pageBack a:after {
		right:40px;
	}
	#pageBack a span {
		padding:0 30px 0 0;
	}
	#pageBack a:after {
		width:32px;
		height:32px;
		margin-top:-16px;
	}
	#pageBack a span:before {
		right:14px;
		margin-top: -10px;
        border-width: 7px 8px 7px 0;
	}
	#pageBack a span:after{
		right:0;
		width:12px;
		height:9px;
		margin-top:-5px;
		border-width: 4px;
	}
}
/* ----- albumWrap ----- */
.albumWrap{
	width:100%;
	max-width:1600px;
	margin:0 auto;
	background-color: transparent;
	border-radius:40px;
	box-sizing:border-box;
	padding:0 4vw;
}
.albumWrap .f-carousel .f-carousel__slide{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.albumWrap .f-carousel__slide img{
	border-radius:20px;
	width:auto; height:auto;
}
.albumWrap .f-thumbs__slide__img{
	width:100%;
	height:100% !important;
}
.albumWrap .f-thumbs.is-horizontal .f-thumbs__track{
	padding-top:40px;
}
.albumWrap .f-thumbs.is-horizontal .f-thumbs__slide{
	margin-right:10px;
	border-radius:6px;
	overflow:hidden;
}
.albumWrap .f-thumbs .f-thumbs__slide.is-nav-selected{
	overflow:inherit;
}
.albumWrap .f-thumbs .f-thumbs__slide.is-nav-selected .f-thumbs__slide__img{
	border-radius:6px;
}
.albumWrap .f-carousel__nav .f-button{
	border-radius:60px;
	background-color:rgba(0,0,0,0.2);
	color:#fff;
}
.albumWrap .f-carousel__nav .f-button:hover{
	box-shadow:1px 1px 3px rgba(0,0,0,0.3),
	1px 1px 10px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,1);
	color:#000;
}
@media screen and (max-width:990px) {
	.albumWrap{padding:0;}
	.albumWrap .f-carousel__slide img{max-height:70vh;}
}
@media screen and (min-width:991px) {
	.albumWrap .f-carousel__slide img{max-height:42vw;}
}
/* ----- videoWrap ----- */
.videoWrap{
	width:100%;
	display: flex;flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom:2.6vw;
}
.videoWrap .oneWrap{width:100%;}
.videoWrap .coverWrap{
	width:100%;
	overflow:hidden;
	border-radius:20px;
	position:relative;
}
.videoWrap .coverWrap::before{
	content:""; display:block;
	width:5.26vw; height:5.26vw;
	border-radius:5.26vw;
	opacity:0.6;
	transition:all 0.4s ease;
	position:absolute;
	left:50%;top:50%;
	margin-left:-2.63vw;
	margin-top:-2.63vw;
	z-index:2;
	background-color:#000;
	mask-image: url(../images/video_play.svg);
	-webkit-mask-image: url(../images/video_play.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
}
.videoWrap .inBox:hover .coverWrap::before,
.videoWrap .inBox:focus .coverWrap::before{
	background-color:#FF0000;
}
.videoWrap .coverWrap::after{
	position:absolute;
	left:0%;bottom:0%;
	content:""; display:block;
	width:100%; height:0;
	transition:all 0.4s ease;
	background-image:linear-gradient(0deg,
	rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 80%);
}
.videoWrap .inBox:hover .coverWrap::after,
.videoWrap .inBox:focus .coverWrap::after{
	height:100%;
}
.videoWrap .coverWrap .img {
	display:block;
	width:100%;
	padding-bottom:56%;
	height:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	transition:all 0.4s ease;
}
.videoWrap .inBox:hover .coverWrap .img,
.videoWrap .inBox:focus .coverWrap .img{
    transform:scale(1.08);
}
.videoWrap .inBox > p{
	font-size:2em;
	line-height:160%;
	margin-top:0.5em;
	font-weight:bold;
	color:#333;
	transition:all 0.4s ease;
}
.videoWrap .inBox:hover > p,
.videoWrap .inBox:focus > p{color:#00803e;}
@media screen and (min-width:768px) {
	.videoWrap .oneWrap{width:calc(50% - 2.368vw)}
	.videoWrap .inBox > p{font-size:2.5em;}
}
@media screen and (min-width:1200px) {
	.videoWrap{margin-bottom:3.9vw;}
	.videoWrap .inBox > p{font-size:2.8em;}
}
/** Sitemap **/
#sitemap {
	width:100%;
	margin:0 auto;
}
#sitemap .info {
	width:100%;color:#333;
	font-size:1.7em;line-height:165%;	
}
#sitemap .info .colorText {color:#28746c;}
#sitemap .info p {text-align:justify;}
#sitemap .info p + p{margin-top:1.5em;}
#sitemap .info ul {
	list-style:none;	
	margin:10px 0; 
	padding:0px;
}
#sitemap .info ul li {
	margin:10px 0 10px 1.5em;
}
#sitemap .sitemapList {
	width:100%;
	padding-top:25px;
	margin-top:20px;
	border-top:1px dashed #CCC;
}
#sitemap .sitemapList > ul {
	list-style:none;
	display:flex;flex-wrap:wrap;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	display:inline-block;
	width:calc(50% - 20px);
	vertical-align:top;padding:0;
	box-sizing:border-box;
	margin:10px;
}
#sitemap .sitemapList > ul > li > a {
	display:block;
	color:#FFF;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:2.1em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px;
	background:#965c26;
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#28746c;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:10px 0;
	box-sizing:border-box;
}
#sitemap .sitemapList > ul > li ul ul{
	background-color:#f5f5f5;
	margin-top:10px;
}
#sitemap .sitemapList > ul > li li{
	box-sizing:border-box;
	padding:10px 0;
}
#sitemap .sitemapList > ul > li > ul > li + li{
	border-top:1px dashed #ccc;
}
#sitemap .sitemapList > ul > li li a {
	position:relative;
	display:block;
	color:#333;
	font-size:1.7em ;
	line-height:135%;
	padding-left:40px;
	margin-left:20px;
}
#sitemap .sitemapList > ul > li li li a {
	padding-left:60px;
	font-size:1.5em ;
}
#sitemap .sitemapList > ul > li li a span {
	position:absolute;
	left:0;
	top:0;
	font-size:1rem ;
}
#sitemap .sitemapList > ul > li li a:hover,
#sitemap .sitemapList > ul > li li a:focus {
	color:#28746c;
}
#sitemap .sitemapList > ul > li li li a:hover,
#sitemap .sitemapList > ul > li li li a:focus {
	color:#149696;
}
.sitemapList ul > li > ul > li a.link:after,
.sitemapList ul > li > ul > li a.download:after {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	border:0;
	margin-left:7px;
	vertical-align:middle;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#666;
	opacity:.5;
	-webkit-mask-size:15px 15px;
	mask-size:15px 15px;
	transform:rotate(0deg);
	transition:all 0.3s;
}
.sitemapList ul > li > ul > li a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
.sitemapList ul > li > ul > li a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
.sitemapList ul > li > ul > li a.link:hover:after,
.sitemapList ul > li > ul > li a.link:focus:after,
.sitemapList ul > li > ul > li a.download:hover:after,
.sitemapList ul > li > ul > li a.download:focus:after {
	background-color:#28746c;
}
.sitemapList ul > li > ul > li li a.link:hover:after,
.sitemapList ul > li > ul > li li a.link:focus:after,
.sitemapList ul > li > ul > li li a.download:hover:after,
.sitemapList ul > li > ul > li li a.download:focus:after {
	background-color:#149696;
}
@media screen and (max-width:580px) {
	#sitemap .sitemapList > ul > li {width:100%;}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {width:calc(33.33% - 20px);}
}
@media screen and (min-width:991px) {
	#sitemap .info{ font-size:1.9em;}
	#sitemap .sitemapList > ul > li > a {
		font-size:2.3em;
		padding:15px 25px;
	}
	#sitemap .sitemapList > ul > li li a {
		font-size:1.9em;
		margin-left:25px;
	}
	#sitemap .sitemapList > ul > li li li a {font-size:1.7em;}
	#sitemap .sitemapList {padding-top:30px;margin-top:25px;}
}
@media screen and (min-width:1200px) {
	#sitemap .sitemapList > ul {margin:-18px;}
	#sitemap .sitemapList > ul > li{
		width: calc(33.33% - 60px);
		margin:15px;
	}
}


/** partTitle **/
.partTitle {
    position: relative;	
    font-size: 155%;
    font-weight: bold;
    color: #016632;
    padding-top: 25px;
}


/** 交通資訊 **/
.map-iframe{
	width:100%;
	padding:20px;
	box-sizing:border-box;	
	border:solid 1px #ddd;
	margin:15px auto 0;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
	overflow:hidden;
}
.mapBtn a{
	display:inline-block;
	margin:-5px 0 0 10px;
	padding:5px 20px;
	background:#236632;
	color:#fff;
	font-size:0.85em;
	border-radius:40px;
	box-sizing:border-box;
}
.mapBtn a:hover,
.mapBtn a:focus{
	background:#be5a13;
}
.trafficInfo {
	width:100%;
	margin-top:15px;
}
.trafficInfo dl {
	width:100%;	
	padding:0 0 15px 70px;
	box-sizing:border-box;
}
.trafficInfo dl.ico1 {background: url(../images/tf-icon1.svg) no-repeat;}
.trafficInfo dl.ico2 {background: url(../images/tf-icon2.svg) no-repeat;}
.trafficInfo dl.ico3 {background: url(../images/tf-icon3.svg) no-repeat;}
.trafficInfo dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #be5a13;
	line-height:1.5;
}
.trafficInfo dd {
	color:#000;
	text-align:justify;
}
@media screen and (max-width:440px) {
	.mapBtn a{
		display:block;
		margin-top:5px;	
	}
	.ac {
		text-align:center;
	}
}


/* ----- webexBtn ----- */
.webexBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.webexBtn a {
	position:relative;	
	display:inline-block;
	width:100%;
	max-width:320px;
	color:#fff;
	font-size:1em;
	line-height:1.5;
	padding:20px 0;
	border:none;
	cursor:pointer;
	box-sizing:border-box;
	margin:5px;	
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
            border-radius:10px;
}
.webexBtn small {
	display:block;
	font-size:75%;	
}
.webexBtn em {
	display:block;	
	font-style:normal;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-weight:bold;		
}
.webexBtn a.btnLive,
.webexBtn a.btnFile {
	background: linear-gradient(to right, #417328 0%, #608500 60%);	
}
.webexBtn a:hover,
.webexBtn a:focus {
	background:#b9781b;
}
.webexBtn a span{
	position:relative;
	display:inline-block;
	padding:0 75px 0 0;
}
.webexBtn a span:before,
.webexBtn a span:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:3px;
	right:0;
	width:60px;
	height:60px;						
}
.webexBtn a span:before {
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;			
	background-color:#fff;	
}
.webexBtn a span:after{
	background-color:#b9781b;	
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:60%;	
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:60%;
}
.webexBtn .btnLive span:after {
	mask-image:url(../images/mainbtn3.svg);
	-webkit-mask-image: url(../images/mainbtn3.svg);
}
.webexBtn .btnFile span:after {
	mask-image:url(../images/mainbtn2.svg);
	-webkit-mask-image: url(../images/mainbtn2.svg);
}
@media screen and (max-width:360px) {
	/*.webexBtn a span:after,
	.webexBtn button span:after{ display:none;}*/
}
@media screen and (min-width:991px){
	.webexBtn { margin-top:45px; }
}
@media screen and (min-width:1200px) {
	.webexBtn a { font-size:1.1em; }
}


@media print {
	#comPage {
		display:block;
		padding:0!important;
		margin:0!important;
	}
	#comPage .comPage-bg,
	#comPage .comPage-pic1,
	#comPage .comPage-pic2,
	#pageTitle,
	#comCenter .pageLeft,
	.scoreBox,
	#pageBack,
	#page .total {
		display:none!important;
	}
	#comCenter .comBg {
		margin:0!important;
	}
	#breadcrumbs,
	#breadcrumbs dl {
		margin:0!important;
	}
	#article-box {
		display:block;
		padding:20px 0 0 0!important;
	}
	.lawsWord {
		display:block;
	}
	#gallery ul li {
		width:33.33%;
	}
}