@charset "utf-8";

/* ----- resultsBox ----- */
.resultsBox {
	width:100%;
	margin:30px auto 0 auto;
}
.resultsBox + .resultsBox {
	margin-top:70px;
}
.resultsBox:has(.tit) + .resultsBox:has(.tit) {
	margin-top:50px;
}
.resultsBox .tit {
	position:relative;
	color:#333333;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:4.1em;
	font-weight:bold;
	line-height:55px;
}
.resultsBox .tit:before {
    content:"";
	display:inline-block;
	width:55px;
	height:55px;
	vertical-align:text-top;
	margin-right:10px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#333333;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/resultsBox-tit-icon.svg);
			mask-image:url(../images/resultsBox-tit-icon.svg);
}
@media screen and (max-width:768px) {
	.resultsBox .tit {
		font-size:3.9em;
		line-height:50px;
	}
	.resultsBox .tit:before {
		width:50px;
		height:50px;
	}
}
@media screen and (max-width:560px) {
	.resultsBox .tit {
		max-width:440px;
		font-size:3.5em;
		box-sizing:border-box;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.resultsBox {
		margin-top:50px;
	}
	.resultsBox:has(.tit) {
		margin-top:30px;
	}
	.resultsBox + .resultsBox {
		margin-top:90px;
	}
	.resultsBox:has(.tit) + .resultsBox:has(.tit) {
		margin-top:70px;
	}
}
@media screen and (min-width:1540px) {
	.resultsBox {
		margin-top:70px;
	}
	.resultsBox:has(.tit) {
		margin-top:50px;
	}
	.resultsBox + .resultsBox {
		margin-top:120px;
	}
	.resultsBox:has(.tit) + .resultsBox:has(.tit) {
		margin-top:90px;
	}
	.resultsBox .tit {
		font-size:4.5em;
		line-height:65px;
	}
	.resultsBox .tit:before {
		width:65px;
		height:65px;
	}
}


/* ----- resultsWord ----- */
.resultsWord {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord {
    flex-direction:row;/* 單數 */
}
#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord {
    flex-direction:row-reverse; /* 雙數 */
}
.resultsWord .picBox {
	width:34%;
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox {
	margin-left:-10px;
}
.resultsWord .picBox .pic {
	position:relative;
	width:100%;
	z-index:1;
}
.resultsWord .picBox .pic:before {
	display:block;
	content:'';
	position:absolute;
	left:-4%;
	bottom:0.8%;
	width:29.28%;
	padding-bottom:24.32%;
	background-color:#1d2088;
	mask-repeat:no-repeat;
	mask-position:top center;
	mask-size:contain;
	z-index:1;
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox .pic:before {
    left:-4%;
	bottom:0.8%;
	width:29.28%;
	padding-bottom:24.32%;
	mask-image:url(../images/resultsWord-picBox-fg1.svg);
}
#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .picBox .pic:before {
    left:-2.4%;
	bottom:5.6%;
	width:25.6%;
	padding-bottom:18.7%;
	mask-image:url(../images/resultsWord-picBox-fg2.svg);
}
.resultsWord .picBox .pic:after {
	display:block;
	content:'';
	position:absolute;
	bottom:0;
	height:0;
	background-color:#b2e0f7;
	mask-repeat:no-repeat;
	mask-position:top center;
	mask-size:contain;
	z-index:-1;
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox .pic:after {
    right:-6.72%;
	width:56%;
	padding-bottom:48.8%;
	mask-image:url(../images/resultsWord-picBox-bg1.svg);
}
#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .picBox .pic:after {
    right:-13.6%;
	width:55.2%;
	padding-bottom:60.8%;
	mask-image:url(../images/resultsWord-picBox-bg2.svg);
}
.resultsWord .picBox .pic .img {
	display:block;
	width:100%;
	height:0;
	padding-bottom:74.4%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;	
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox .pic .img {
    mask-image:url(../images/resultsWord-picBox1.svg);
}
#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .picBox .pic .img {
    mask-image:url(../images/resultsWord-picBox2.svg);
}
.resultsWord .wordBox {
	width:calc(66% - 30px);
}
#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .wordBox {
    margin-left:20px;
}
#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .wordBox {
    margin-right:30px;
}
.resultsWord .wordBox dl {
	position:relative;
	width:100%;
	padding-left:12em;
	box-sizing:border-box;
	margin:0 auto;
}
.resultsWord .wordBox dl:before {
	display:block;
	content:attr(data-index);
	position:absolute;
	left:-0.1em;
	color:#0887ce;
	font-family:"Noto Serif TC", "微軟雅黑", "Microsoft YaHei";
	font-size:9.1em;
	font-style:italic;
	font-weight:bold;
	line-height:90%;
}
.resultsWord .wordBox dt {
	color:#333;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:3.9em;
	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;
}
.resultsWord .wordBox dd {
	color:#0887ce;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	margin-top:5px;
}
.resultsWord .wordBox dd strong {
	font-family:Arial, Helvetica, sans-serif;
	color:#ca4e10;
	font-size:2rem;
	font-weight:bold;
	margin:0 5px;
}
.resultsWord .wordBox p {
	font-size:2.1em;
	line-height:175%;
	margin-top:20px;
}
.resultsWord .btnBox {
	width:100%;
	letter-spacing:-9px;
	margin-top:20px;
}
.resultsWord .btnBox .linkBtn {
	display:inline-block;
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#fff;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	letter-spacing:0;
	text-align:left;
	vertical-align:middle;
	padding:10px 20px;
	background:#0887ce;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.resultsWord .btnBox .linkBtn:hover,
.resultsWord .btnBox .linkBtn:focus {
	background:#CC4E00;
}
.resultsWord .btnBox .linkBtn span {
	position:relative;
	display:block;
	width:100%;
}
.resultsWord .btnBox .linkBtn span:before,
.resultsWord .btnBox .linkBtn span:after {
	content:"";
	position:absolute;
	display:block;
	width:20px;
	height:4px;
	top:50%;
	right:0;
	margin-top:-2px;
	background-color:#fff;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.resultsWord .btnBox .linkBtn span:after {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
@media screen and (max-width:990px) {
	.resultsWord {
		position:relative;
		flex-direction:column !important;
	}
	.resultsWord .picBox {
		position:absolute;
		right:0;
		bottom:0;
		width:40%;
	}
	.resultsWord .wordBox {
		width:100%;
		margin:0 !important;
	}
	.resultsWord .wordBox p {
		width:calc(60% - 20px);
		font-size:1.9em;
	}
	.resultsWord .btnBox {
		width:calc(60% - 20px);
		margin:10px -5px 0 -5px;
	}
	.resultsWord .btnBox .linkBtn {
		max-width:150px;
		margin:10px 5px 0 5px;
	}
}
@media screen and (max-width:640px) {
	.resultsWord .picBox {
		position:relative;
		right:inherit;
		bottom:inherit;
		width:90%;
		max-width:440px;
		margin:0 auto 20px auto !important;
	}
	.resultsWord .wordBox dl {
		padding-left:11em;
	}
	.resultsWord .wordBox dl:before {
		font-size:8.1em;
	}
	.resultsWord .wordBox dt {
		font-size:3.5em;
	}
	.resultsWord .wordBox p,
	.resultsWord .btnBox {
		width:100%;
	}
	.resultsWord .btnBox {
		text-align:center;
	}
}
@media screen and (max-width:440px) {
	.resultsWord .picBox {
		margin-bottom:40px !important;
	}
	.resultsWord .wordBox dl {
		padding-left:0;
	}
	.resultsWord .wordBox dl:before {
		top:-1.2em;
		font-size:3.1em;
	}
	.resultsWord .wordBox dl:after {
		content:"";
		position:absolute;
		display:block;
		width:20%;
		height:1px;
		top:-1.4em;
		left:4.5em;
		background-color:#0887ce;
	}
	.resultsWord .btnBox .linkBtn {
		max-width:45px;
		padding:10px;
	}
	.resultsWord .btnBox .linkBtn span {
		width:17px;
		font-size:0;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.resultsWord .btnBox .linkBtn {
		max-width:180px;
	}
}
@media screen and (min-width:1200px) {
	.resultsWord .picBox {
		width:40%;
	}
	#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox {
		margin-left:-15px;
	}
	#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .picBox {
		margin-right:10px;
	}
	.resultsWord .wordBox {
		width:calc(60% - 50px);
	}
	#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .wordBox {
		margin-left:50px;
	}
	#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .wordBox {
		margin-right:40px;
	}
	.resultsWord .wordBox dl {
		padding-left:14em;
	}
	.resultsWord .wordBox dl:before {
		font-size:9.7em;
	}
	.resultsWord .wordBox dt {
		font-size:4.3em;
	}
	.resultsWord .wordBox p {
		font-size:2.3em;
	}
	.resultsWord .btnBox .linkBtn {
		max-width:220px;
		line-height:25px;
		padding:15px 30px;
	}
}
@media screen and (min-width:1540px) {
	.resultsWord .picBox {
		width:44.6%;
	}
	#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .picBox {
		margin-left:-20px;
	}
	#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .picBox {
		margin-right:35px;
	}
	.resultsWord .wordBox {
		width:calc(55.4% - 75px);
	}
	#searchCriteria ~ .resultsBox:nth-child(odd) .resultsWord .wordBox {
		margin-left:75px;
	}
	#searchCriteria ~ .resultsBox:nth-child(even) .resultsWord .wordBox {
		margin-right:40px;
	}
	.resultsWord .wordBox dl {
		padding-left:15em;
	}
	.resultsWord .wordBox dl:before {
		font-size:10.9em;
	}
	.resultsWord .wordBox dt {
		font-size:4.9em;
	}
	.resultsWord .wordBox dd strong {
		font-size:2rem;
	}
	.resultsWord .wordBox p {
		font-size:2.5em;
	}
	.resultsWord .btnBox .linkBtn {
		max-width:250px;
		font-size:2.1em;
		line-height:30px;
	}
}


/* ----- results_control ----- */
.results_control {
	display:none;
	letter-spacing:-9px;
	vertical-align:middle;
	padding:0;
}
.resultsWord .btnBox .linkBtn + .results_control {
	margin-left:10px;
}
.results_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:none;
	box-sizing:border-box;
	background:#989898;
	vertical-align:middle;
	margin:0 5px;
	-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;
}
.results_control .btn-stop,
.results_control .btn-play {
	background:#323232;
}
.results_control .button:hover,
.results_control .button:focus {
	background:#CC4E00;
}
.results_control .btn-play {
	position:relative;
	display:none;
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.results_control .btn-play span {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:10px;
	height:10px;
	background-color:#FFF;
	margin:-8px 0 0 -6px;
	-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
		-ms-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
			transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.results_control .btn-play span:before,
.results_control .btn-play span:after {
	content:'';
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	background-color:inherit;
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.results_control .btn-play span:before {
	-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
		-ms-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
			transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
}
.results_control .btn-play span:after {
	-webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
		-ms-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
			transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
}
.results_control .btn-stop span:before,
.results_control .btn-stop span:after {
	position:absolute;
	content:"";
	display:block; 
	top:50%;  
	left:50%;
	width:4px;
	height:19px;
	background:#fff;
	margin:-9.5px 0 0 0;   
    z-index:2;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.results_control .btn-stop span:before {
	margin-left:-7.5px;
}
.results_control .btn-stop span:after {
	margin-left:3.5px;
}
.results_control .btn-prev span,
.results_control .btn-next span {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:middle;
}
.results_control .btn-prev span {
	margin-top:-2px;
	margin-left:5px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.results_control .btn-next span {
	margin-top:-2px;
	margin-right:5px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.results_control .btn-prev span:before,
.results_control .btn-next span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:4px;
	height:100%;
	background:#fff;
	z-index:2;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.results_control .btn-prev span:before {
	left:0;
}
.results_control .btn-next span:before {
	right:0;
}
.results_control .btn-prev span:after,
.results_control .btn-next span:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:4px;
	background:#fff;
	z-index:2;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.results_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:middle;
	margin:0 5px;
}
.results_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.results_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.results_control .total .line:before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;	
	   -moz-transform-origin:bottom;
		-ms-transform-origin:bottom;	
		 -o-transform-origin:bottom;
			transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	   -moz-transform:skewX(-30deg);
		-ms-transform:skewX(-30deg);
		 -o-transform:skewX(-30deg);	
			transform:skewX(-30deg);
}
.results_control .dot {
	display:inline-block;
	max-width:calc(100% - 155px);
	letter-spacing:0;
	vertical-align:middle;
	margin:0 5px;
}
.results_control .dot .slick-dots {
	position:relative;
	bottom:inherit;
}
.results_control .dot .slick-dots li {
    display:inline-block;
	width:13px;
	height:13px;
	margin:0 4px;
	padding:0;
	vertical-align:top;
}
.results_control .dot .slick-dots li button {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	vertical-align:top;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.results_control .dot .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	border:none;
	background:#323232;
	overflow:hidden;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.results_control .dot .slick-dots li button:hover:before,
.results_control .dot .slick-dots li button:focus:before {
	background:#CC4E00;
}
.results_control .dot .slick-dots li.slick-active button:before {
    background:#0887ce;
}
.results_control .dot .slick-dots li button:focus {
	outline:2px dashed #FF6600;
}
@media screen and (max-width:990px) {
	.resultsWord .btnBox .linkBtn + .results_control {
		margin:10px 0 0 0;
	}
	.results_control .dot {
		display:none;
	}
}
@media screen and (max-width:720px) {
}
@media screen and (max-width:460px) {
}
@media screen and (min-width:991px) {
	.results_control .total {
		display:none;
	}
}
@media screen and (min-width:1200px) {
	.results_control .button {
		width:55px;
		height:55px;
	}
	.results_control .dot .slick-dots li {
		width:15px;
		height:15px;
	}
	.results_control .total {
		min-height:55px;
	}
	.results_control .total span {
		line-height:55px;
	}
}
@media screen and (min-width:1540px) {
	.results_control .button {
		width:60px;
		height:60px;
	}
	.results_control .dot .slick-dots li {
		width:19px;
		height:19px;
		margin:0 5px;
	}
	.results_control .total {
		min-height:60px;
	}
	.results_control .total span {
		line-height:60px;
	}
}



/* ----- picList ----- */
.picList {
	position:relative;
	width:100%;
	margin:25px auto 0 auto;
}
.resultsWord + .picList {
	margin-top:30px;
}
.picList .slick-list {
	width:100% !important;
}
.picList .slick-slide {
	width:33.333%;
}
.picList ul,
.picList ul.slick-dotted.slick-slider {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-15px;
}
.picList ul li {
	position:relative;
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:15px;
	box-sizing:border-box;
	vertical-align:top;
}
.picList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-border-radius:20px 20px 10px 10px;
	   -moz-border-radius:20px 20px 10px 10px;
	        border-radius:20px 20px 10px 10px;
}
.picList .picBox {
	position:relative;
}
.picList .picBox:before {
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:14.6%;
	height:0;
	padding-bottom:14.6%;
	background-color:#333333;
	background-image:url(../images/icon-more.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:40% auto;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.picList .folder .picBox:before { background-image:url(../images/icon-folder.svg); }
.picList .link .picBox:before {	background-image:url(../images/icon-link.svg); }
.picList .download .picBox:before {	background-image:url(../images/icon-download.svg); }
.picList .photo {
	position:relative;
	width:100%;
	padding-bottom:68.2%;
	overflow:hidden;
	z-index:1;
	mask-image:url(../images/pic-box.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}
.picList .photo .img {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#b8c5d1;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.picList a:hover .photo .img,
.picList a:focus .photo .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);
}
.picList .infoWrap {
	width:100%;
	margin:15px auto 0 auto;
}
.picList .infoWrap p {
	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;
}
.picList a:hover .infoWrap p,
.picList a:focus .infoWrap p {
    color:#CC4E00;
}
.picList .infoWrap p span.file {
	display:inline-block;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.95rem;
	font-style:normal;
	line-height:25px;
	padding:0 10px;
	background:#eb0014;
	vertical-align:middle;
	margin:-5px 0 1px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.picList .infoWrap p span.file.pdf {
	background:#a40000;
}
.picList .infoWrap p span.file.odt,
.picList .infoWrap p span.file.doc,
.picList .infoWrap p span.file.docx {
	background:#0068b7;
}
.picList .infoWrap p span.file.ods,
.picList .infoWrap p span.file.xls,
.picList .infoWrap p span.file.xlsx {
	background:#378837;
}
.picList .infoWrap p span.file.odp,
.picList .infoWrap p span.file.ppt,
.picList .infoWrap p span.file.pptx{
	background:#FF6600;
}
.picList .infoWrap p span.file.rar {
	background:#67005E;
}
.picList .infoWrap p span.file.zip {
	background:#6a3906;
}
.picList .infoWrap time {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1.3em;
	line-height:135%;
	margin:5px auto;
}
@media screen and (max-width:990px) {
	.picList .slick-slide {
		width:50%;
	}
	.picList ul,
	.picList ul.slick-dotted.slick-slider {
		margin:-12.5px;
	}
	.picList ul li {
		padding:12.5px;
	}
}
@media screen and (max-width:560px) {
	.picList .slick-list {
		max-width:460px;
		margin:0 auto;
	}
	.picList .slick-slide {
		width:100%;
	}
	.picList ul li {
		width:100%;
		max-width:460px;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.resultsWord + .picList {
		margin-top:50px;
	}
	.picList ul li {
		width:33.333%;
	}
	.pageRight .picList ul,
	.picList ul.slick-dotted.slick-slider {
		margin:-12.5px;
	}
	.pageRight .picList ul li {
		width:50%;
		padding:12.5px;
	}
}
@media screen and (min-width:1200px) {
	.pageRight .picList ul li {
		width:33.333%;
	}
	.resultsBox .picList .infoWrap p {
		font-size:2.5em;
	}
}
@media screen and (min-width:1540px) {
	.picList {
		margin-top:35px;
	}
	.resultsWord + .picList {
		margin-top:70px;
	}
	.pageRight .picList {
		margin-top:30px;
	}
	.picList ul,
	.picList ul.slick-dotted.slick-slider {
		margin:-20px;
	}
	.picList ul li {
		padding:20px;
	}
	.picList .infoWrap p {
		font-size:2.3em;
	}
	.resultsBox .picList .infoWrap p {
		font-size:2.7em;
	}
	.picList .infoWrap time {
		font-size:1.5em;
	}
}


/* ----- txtList ----- */
.txtList {
	position:relative;
	width:100%;
	margin:10px auto 0 auto;
}
.pageRight .txtList {
	margin-top:5px;
}
.txtList ul {
	list-style:none;
}
.txtList ul li {
	width:100%;
	margin:0 auto;
	border-bottom:1px dashed #aaaaaa;
}
.txtList ul li a {
	position:relative;
	display:flex;
	width:100%;
	min-height:90px;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	padding:20px 20px 20px 70px;
	box-sizing:border-box;
}
.txtList ul li a:before {
	position:absolute;
	left:15px;
	top:20px;
	content:"";
	display:block;
	width:45px;
	height:50px;
	background-color:#000;
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:100% 100%;
	-webkit-mask-image:url(../images/txtList-icon.svg);
			mask-image:url(../images/txtList-icon.svg);
}
.txtList.t2 ul li a:before {
	-webkit-mask-image:url(../images/txtList-icon2.svg);
			mask-image:url(../images/txtList-icon2.svg);
}
.txtList ul li a.folder:before {
	-webkit-mask-image:url(../images/txtList-icon-folder.svg);
			mask-image:url(../images/txtList-icon-folder.svg);
}
.txtList ul li .tag {
	display:inline-block;
}
.txtList ul li time {
	display:inline-block;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:135%;
}
.txtList ul li .tag span {
	display:inline-block;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	line-height:13px;
	padding:5px 10px;
	background:#077cc0;
	margin-left:10px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
.txtList ul li .tag span + span {
	margin-left:5px;
	background:#0757b3;
}
.txtList ul li .tag span + span + span {
	background:#1d2089;
}
.txtList ul li p {
	position:relative;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
}
.txtList ul li a:hover p,
.txtList ul li a:focus p {
	color:#CC4E00;
}
.txtList ul li a.link p:after {
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	background:#000 url(../images/icon-link.svg) 50% 50% no-repeat;
	background-size:60% auto;
	vertical-align:middle;
	margin:-2px 0 2px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.txtList ul li a p .file {
	position:relative;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.95rem;
	font-style:normal;
	font-weight:normal;
	line-height:23px;
	padding:0 7px 0 8px;
	background:#eb0014;
	vertical-align:middle;
	margin:-3px 0 3px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.txtList ul li a p .file.pdf {
	background:#a40000;
}
.txtList ul li a p .file.odt,
.txtList ul li a p .file.doc,
.txtList ul li a p .file.docx {
	background:#0068b7;
}
.txtList ul li a p .file.ods,
.txtList ul li a p .file.xls,
.txtList ul li a p .file.xlsx {
	background:#378837;
}
.txtList ul li a p .file.odp,
.txtList ul li a p .file.ppt,
.txtList ul li a p .file.pptx{
	background:#FF6600;
}
.txtList ul li a p .file.rar {
	background:#67005E;
}
.txtList ul li a p .file.zip {
	background:#6a3906;
}
.txtList ul li a p .file:before {
    content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../images/icon-download.svg) 50% 50% no-repeat;
	background-size:cover;
	vertical-align:middle;
	margin:-2px 5px 2px 0;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1540px) {
	.txtList ul li a {
		min-height:105px;
		padding:25px 15px 25px 75px;
	}
	.txtList ul li a:before {
		top:25px;
		width:50px;
		height:55px;
	}
	.txtList ul li time {
		font-size:1.5em;
	}
	.txtList ul li .tag span {
		font-size:1.5em;
		line-height:15px;
		padding:5px 15px;
	}
	.txtList ul li p {
		font-size:2.3em;
	}
	.txtList ul li a p .file {
		line-height:25px;
	}
	.txtList ul li a.link p:after {
		width:27px;
		height:27px;
	}
	.txtList ul li a p .file:before {
		width:15px;
		height:15px;
	}
}


/* ----- statisticsList ----- */
.statisticsList {
	position:relative;
	width:100%;
	margin:25px auto 0 auto;
}
.statisticsList ul {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-12.5px;
}
.statisticsList ul li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:12.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.statisticsList ul li .box {
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	padding:25px 15px;
	background:#fff;
	box-sizing:border-box;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
            border-radius:20px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
        -ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
			box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.statisticsList .icon {
    display:block;
    width:46%;
    height:0;
	padding-bottom:46%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0 auto;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.statisticsList li:nth-child(odd) .icon { background-color:#00a698; }
.statisticsList li:nth-child(even) .icon { background-color:#008aa6; }
.statisticsList dl {
	text-align:center;
	margin-top:10px;
}
.statisticsList dt {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
    font-size:2.3em;
    font-weight:bold;
	line-height:135%;
}
.statisticsList dd {
	color:#e13019;
    font-size:2.5em;
	font-weight:bold;
	line-height:135%;
	margin-top:15px;
}
.statisticsList dd em {
	font-family:Arial, Helvetica, sans-serif;
    font-size:2.1em;
	font-style:normal;
}
.statisticsList dd:last-child {
	color:#666;
	font-size:1.7em;
	margin-top:5px;
}
@media screen and (min-width:769px) and (max-width:990px) {
	.statisticsList ul li .box {
		flex-direction:row;
		align-items:center;
		justify-content:center;
		padding:25px 20px;
	}
	.statisticsList .icon {
		display:inline-block;
		width:36%;
		padding-bottom:36%;
		margin:0 2%;
	}
	.statisticsList dl {
		display:inline-block;
		max-width:17em;
		text-align:left;
		width:calc(60% - 15px);
		margin:0 0 0 15px;
	}
}
@media screen and (max-width:768px) {
	.statisticsList {
		max-width:540px;
	}
	.statisticsList .icon {
		width:140px;
		padding-bottom:140px;
	}
}
@media screen and (max-width:460px) {
	.statisticsList ul li {
		width:100%;
	}
	.statisticsList ul li .box {
		flex-direction:row;
		align-items:center;
		justify-content:center;
		padding:25px 15px;
	}
	.statisticsList .icon {
		width:120px;
		padding-bottom:120px;
		margin:0 2%;
	}
	.statisticsList dl {
		display:inline-block;
		max-width:15em;
		text-align:left;
		width:calc(96% - 135px);
		margin:0 0 0 15px;
	}
	.statisticsList dt {
		font-size:2.1em;
	}
	.statisticsList dd {
		font-size:2.3em;
	}
}
@media screen and (min-width:991px) {
	.statisticsList ul li {
		width:25%;
	}
	.statisticsList dt {
		font-size:2.5em;
	}
	.statisticsList dd {
		font-size:2.7em;
	}
}
@media screen and (min-width:1200px) {
	.statisticsList ul li .box {
		padding:30px 20px;
	}
	.statisticsList .icon {
		width:66%;
		padding-bottom:66%;
	}
	.statisticsList dl {
		margin-top:15px;
	}
	.statisticsList dt {
		font-size:2.9em;
	}
	.statisticsList dd {
		font-size:3.1em;
	}
}
@media screen and (min-width:1540px) {
	.statisticsList {
		margin-top:35px;
	}
	.statisticsList ul {
		margin:-15px;
	}
	.statisticsList ul li {
		padding:15px;
	}
	.statisticsList ul li .box {
		padding:35px 25px;
		-webkit-border-radius:25px;
		   -moz-border-radius:25px;
				border-radius:25px;
	}
	.statisticsList .icon {
		width:62%;
		padding-bottom:62%;
	}
	.statisticsList dt {
		font-size:3.3em;
	}
	.statisticsList dd {
		font-size:3.5em;
	}
	.statisticsList dd:last-child {
		font-size:1.9em;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding:15px 0 0 0;
	border-top:1px solid #000;
	margin:20px auto 0 auto;
}
.postInfo > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px -12px;
}
.postInfo > ul > li {
	display:inline-block;
	font-size:1.5em;
	line-height:25px;
	letter-spacing:0;
	vertical-align:top;	
	box-sizing:border-box;
	padding:5px 12px;
}
.postInfo > ul > li:last-child {
	margin-right:0;
}
.postInfo > ul > li > span {
	position:relative;
	display:inline-block;
	font-weight:bold;
	padding-left:25px;
}
.postInfo > ul > li > span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:1px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	width:21px;
	height:21px;
	box-sizing:border-box;
}
.postInfo > ul > li span.pf1:before {
	background-image:url(../images/icon-date.svg);
}
.postInfo > ul > li span.pf2:before {
	background-image:url(../images/icon-source.svg);
}
.postInfo > ul > li span.pf3:before {
	background-image:url(../images/icon-view.svg);
}
.postInfo > ul > li span.pf4:before {
	background-image:url(../images/icon-update.svg);
}
@media screen and (max-width:580px) {
	.postInfo > ul > li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.postInfo {
		padding-top:20px;
		margin-top:25px;
	}
}
@media screen and (min-width:1540px) {
	.postInfo > ul > li {
		font-size:1.7em;
	}
}


/* ----- pageWord ----- */
.pageWord {
	position:relative;
	width:100%;
	font-size:1.7em;
	line-height:170%;
	margin:30px auto 0 auto;
}
.pageWord img {
	max-width:100%;
	height: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 + p,
.pageWord .stit + table,
.pageWord table + .stit,
.pageWord table + p,
.pageWord p + .stit,
.pageWord p + table,
.pageWord p + p,
.pageWord h3 + p,
.pageWord ul + p,
.pageWord ol + p,
.pageWord ul + .stit,
.pageWord ol + .stit {
	margin:1em auto
}
.pageWord table {
	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:12px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	background:#2e466b;	
	box-sizing:border-box;
}
.pageWord table td {
	color:#000;
	padding:12px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.pageWord table td ul,
.pageWord table td ol {
	margin-left:1em;
}
.pageWord .stit {
	position:relative;
	color:#008577;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.5rem;
	font-weight:bold;
	line-height:30px;
	padding-left:35px;
}
.pageWord .stit:before { 
    content:"";
	display:block;
	position:absolute;
	left:0;
	top:1px;
	width:30px;
	height:30px;
	z-index:1;
	background:#008577;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pageWord .stit:after { 
    content:"";
	display:block;
	position:absolute;
	left:13px;
	top:11px;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 0 5px 7px;
	border-color:transparent transparent transparent #FFFFFF;
	z-index:2;
}
.pageWord > *:last-child {
	margin-bottom:0;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.pageWord {
		font-size:1.9em;
	}
}
@media screen and (min-width:1540px) {
	.pageWord {
		font-size:2.1em;
		margin-top:35px;
	}
	.pageWord table th {
		padding:15px;
	}
	.pageWord table td {
		padding:15px;
	}
	.pageWord .stit {
		font-size:1.7rem;
		line-height:35px;
		padding-left:45px;
	}
	.pageWord .stit:before { 
		top:2px;
		width:35px;
		height:35px;
	}
	.pageWord .stit:after { 
		left:15px;
		top:13px;
		border-width:6px 0 6px 8px;
	}
}


/* ----- explainBox ----- */
.explainBox {
	width:100%;
	margin:0 auto;
}
.explainBox .explainHead {
	text-align:center;
}
.explainBox .explainHead a {
    display:inline-block;
	color:#000;
	border:1px solid #000;
	padding:5px 15px 5px 20px;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.explainBox .explainHead a:hover,
.explainBox .explainHead a:focus {
    color:#A40000;
	border-color:#A40000;
}
.explainBox .explainHead a.current {
	color:#FFF;
	background:#000;
}
.explainBox .explainHead a span {
    position:relative;
	padding-right:25px;
}
.explainBox .explainHead a span:before,
.explainBox .explainHead a span:after {
    content:"";
	position:absolute;
	top:10px;
	right:1px;	  
    display:block;
	width:14px;
	height:2px;  
    background-color:#000;
	-webkit-transition:all .3s ease;
	   -moz-transition:all .3s ease;
	     -o-transition:all .3s ease;
			transition:all .3s ease;
}
.explainBox .explainHead a span:after {
    -webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
}
.explainBox .explainHead a:hover span:before,
.explainBox .explainHead a:focus span:before,
.explainBox .explainHead a:hover span:after,
.explainBox .explainHead a:focus span:after {
	background-color:#A40000;
}
.explainBox .explainHead a.current span:before,
.explainBox .explainHead a.current span:after {
	top:11px;
	right:0;    
	width:16px;
	background-color:#FFF;
	-webkit-transform:rotate(225deg);
	   -moz-transform:rotate(225deg);
	    -ms-transform:rotate(225deg);
	     -o-transform:rotate(225deg);
	        transform:rotate(225deg);
}
.explainBox .explainHead a.current span:after {
    -webkit-transform:rotate(315deg);
	   -moz-transform:rotate(315deg);
	    -ms-transform:rotate(315deg);
	     -o-transform:rotate(315deg);
	        transform:rotate(315deg);
}
.explainBox .explainBody {
	width:100%;
	padding:20px;
	border:5px solid #DDD;
	background:#FFF;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
.explainBox .explainBody > ol,
.explainBox .explainBody > ul {
	margin:1em 0 1em 1.5em;
}
.explainBox .explainBody > ol > li,
.explainBox .explainBody > ul > li {
	margin:10px 0;
}
.explainBox .explainBody li ol,
.explainBox .explainBody li ul {
	margin:10px 0;
	margin-left:2em;
}
.explainBox .explainBody li ol li,
.explainBox .explainBody li ul li {
	margin:10px 0;
}
.explainBox .explainBody table + p,
.explainBox .explainBody p + table,
.explainBox .explainBody p + p,
.explainBox .explainBody h3 + p,
.explainBox .explainBody ul + p,
.explainBox .explainBody ol + p {
	margin:1em auto
}
.explainBox .explainBody > *:last-child {
	margin-bottom:0;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.explainBox .explainHead a span:before,
	.explainBox .explainHead a span:after {
		top:11px;
	}
	.explainBox .explainHead a.current span:before,
	.explainBox .explainHead a.current span:after {
		top:12px; 
	}
}
@media screen and (min-width:1540px) {
	.explainBox .explainHead a span:before,
	.explainBox .explainHead a span:after {
		top:13px;
	}
	.explainBox .explainHead a.current span:before,
	.explainBox .explainHead a.current span:after {
		top:14px; 
	}
	.explainBox .explainBody {
		padding:25px;
	}
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:40px auto 0 auto;
}
.pageBot .tit {
	display:block;
	width:100%;
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.5em;
	font-weight:bold;
	line-height:40px;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding-left:50px;
}
.pageBot .tit span:before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	box-sizing:border-box;
	margin-top:-20px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:20px auto;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pageBot .tit span.photo:before {
	background-size:auto 20px;
	background-image:url(../images/icon-photo.svg);
}
.pageBot .tit span.download:before {
	background-image:url(../images/icon-download.svg);
}
.pageBot .tit span.link:before {
	background-image:url(../images/icon-link.svg);
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.pageBot {
		margin-top:50px;
	}
	.pageBot .tit {
		font-size:2.7em;
	}
}


/* ----- imgComparison ----- */
.imgComparison {
	width:100%;
	margin:40px auto 0 auto;
}
.pageWord .imgComparison {
	font-size:0.65rem;
}
.imgComparison ul {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:0 -30px;
}
.imgComparison ul li {
	position:relative;
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:0 30px;
	box-sizing:border-box;
	vertical-align:top;
}
.imgComparison li:nth-child(even):before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:-17.5px;
	width:35px;
	height:35px;
	margin:-15px 0 0 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#626262;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/imgComparison-list-icon.svg);
			mask-image:url(../images/imgComparison-list-icon.svg);
}
.imgComparison ul li a {
	float:left;
	width:100%;
	height:100%;
	color:#000;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}
.imgComparison .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:15px;
	background:#f4f4f4;
	border:8px solid #e3e3e3;
	box-sizing:border-box;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}
.imgComparison .box .label {
	position:absolute;
	display:inline-block;
	top:-18px;
	left:28%;
	width:44%;
	height:10px;
	background:#0887ce;
	z-index:2;
	-webkit-border-radius:10px 10px 0 0;
	   -moz-border-radius:10px 10px 0 0;
			border-radius:10px 10px 0 0;
}
.imgComparison li:nth-child(even) .box .label {
	background:#d9560b;
}
.imgComparison .box .label:before,
.imgComparison .box .label:after {
	content:"";
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:10px;
	background:#143f66;
	-webkit-border-radius:50px 50px 0 0;
	   -moz-border-radius:50px 50px 0 0;
			border-radius:50px 50px 0 0;
}
.imgComparison li:nth-child(even) .box .label:before,
.imgComparison li:nth-child(even) .box .label:after {
	background:#662e14;
}
.imgComparison .box .label:after {
	left:calc(100% - 20px);
}
.imgComparison .box .label span,
.imgComparison .box .label strong {
	display:block;
	width:calc(100% - 40px);
	height:40px;
	color:#fff;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	background:linear-gradient(180deg, #0887ce 0%, #1d418a 70%);
	box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.3);
	margin:10px auto 0 auto;
	-webkit-border-radius:0 0 10px 10px;
	   -moz-border-radius:0 0 10px 10px;
			border-radius:0 0 10px 10px;
}
.imgComparison li:nth-child(even) .box .label span,
.imgComparison li:nth-child(even) .box .label strong {
	background:linear-gradient(180deg, #d9560b 0%, #851b00 70%);
}
.imgComparison figure {
	margin:0;
}
.imgComparison figure .pic {
	width:100%;
	overflow:hidden;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
}
.imgComparison figure .pic img {
	display:block;
	width:100%;
	height:auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.imgComparison a:hover figure .pic img,
.imgComparison a:focus figure .pic img {
	transform:scale(1.08);
}
.imgComparison figure figcaption {
	color:#000;
	font-size:1.9em;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin:10px 0 5px 0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.imgComparison ul li a:hover figure figcaption,
.imgComparison ul li a:focus figure figcaption {
	color:#CC4E00;
}
@media screen and (max-width:990px) {
	.imgComparison .box .label {
		top:-16px;
		height:8px;
		left:calc(50% - 90px);
		width:180px;
	}
	.imgComparison .box .label:before,
	.imgComparison .box .label:after {
		width:16px;
		height:8px;
	}
	.imgComparison .box .label:after {
		left:calc(100% - 16px);
	}
	.imgComparison .box .label span,
	.imgComparison .box .label strong {
		width:calc(100% - 32px);
		height:35px;
		font-size:1.9em;
		line-height:20px;
		margin-top:8px;
	}
}
@media screen and (max-width:768px) {
	.imgComparison ul {
		margin:0 -25px;
	}
	.imgComparison ul li {
		padding:0 25px;
	}
	.imgComparison li:nth-child(even):before {
		left:-13px;
		width:30px;
		height:30px;
		margin:-15px 0 0 0;
	}
	.imgComparison ul li a {
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.imgComparison .box {
		padding:10px;
		border-width:6px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.imgComparison .box .label {
		top:-14px;
		left:calc(50% - 80px);
		width:160px;
	}
	.imgComparison figure .pic {
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}
}
@media screen and (max-width:560px) {
	.imgComparison + .imgComparison {
		margin-top:50px;
	}
	.imgComparison ul {
		margin:-25px 0;
	}
	.imgComparison ul li {
		width:100%;
		max-width:435px;
		padding:25px 0;
		margin:0 auto;
	}
	.imgComparison li:nth-child(even):before {
		top:-18px;
		left:50%;
		width:30px;
		height:30px;
		margin:0 0 0 -15px;
		-webkit-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
				transform:rotate(90deg);
	}
}
@media screen and (min-width:1200px) {
	.imgComparison {
		margin-top:50px;
	}
	.imgComparison ul {
		margin:0 -35px;
	}
	.imgComparison ul li {
		padding:0 35px;
	}
	.imgComparison li:nth-child(even):before {
		left:-20px;
		width:40px;
		height:40px;
		margin:-20px 0 0 0;
	}
	.imgComparison .box .label span,
	.imgComparison .box .label strong {
		height:45px;
		font-size:2.3em;
		line-height:30px;
	}
}
@media screen and (min-width:1540px) {
	.imgComparison {
		margin-top:60px;
	}
	.imgComparison ul {
		margin:0 -40px;
	}
	.imgComparison ul li {
		padding:0 40px;
	}
	.imgComparison li:nth-child(even):before {
		left:-22.5px;
		width:45px;
		height:45px;
		margin:-22.5px 0 0 0;
	}
	.imgComparison ul li a {
		-webkit-border-radius:40px;
		   -moz-border-radius:40px;
				border-radius:40px;
	}
	.imgComparison .box {
		padding:20px;
		border-width:10px;
		-webkit-border-radius:40px;
		   -moz-border-radius:40px;
				border-radius:40px;
	}
	.imgComparison .box .label {
		top:-20px;
	}
	.imgComparison .box .label span,
	.imgComparison .box .label strong {
		height:50px;
		font-size:2.5em;
		line-height:35px;
	}
	.imgComparison figure .pic {
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.imgComparison figure figcaption {
		font-size:2.1em;
		margin:15px 0 10px 0;
	}
}


/** gallery **/
#gallery {
	width:100%;
	margin:20px auto 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:#000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#gallery figure .pic img {
	display:block;
	width:100%;
	height:auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
	transform:scale(1.08);
}
#gallery figure figcaption {
	color:#000;
	font-size:1.7em;
	line-height:130%;
	font-weight:normal;
	text-align:center;
	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;
}
#gallery ul li a:hover figure figcaption,
#gallery ul li a:focus figure figcaption {
	color:#CC4E00;
}
#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:768px) {
	#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;
	}
	#gallery ul li {
		width:33.333%;
	}
}
@media screen and (min-width:1200px) {
	#gallery ul li {
		width:25%;
	}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	margin:20px auto 0 auto;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:0;
}
.dnLink ul li + li{ margin-top:10px;}
.dnLink ul li a {
	position:relative;
	display:flex;
	width:100%;
	padding:14px;
	justify-content:space-between;
	flex-wrap:wrap;
	border:1px solid #ccc;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.dnLink ul li a:hover,
.dnLink ul li a:focus {
	background:#fff;
}
.dnLink .labe {
	position:relative;
	display:flex;
	width:45px;
	height:50px;
	margin:0 15px 0 0;
}
.dnLink .labe:before { 
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:42px;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#767676;
	-webkit-mask-image:url(../images/dnLink-icon.svg);
			mask-image:url(../images/dnLink-icon.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;
}
.dnLink .labe.pdf:before { background-color:#a40000; }
.dnLink .labe.odt:before,
.dnLink .labe.doc:before,
.dnLink .labe.docx:before { background-color:#0068b7; }
.dnLink .labe.ods:before,
.dnLink .labe.xls:before,
.dnLink .labe.xlsx:before { background-color:#378837; }
.dnLink .labe.odp:before,
.dnLink .labe.ppt:before,
.dnLink .labe.pptx:before { background-color:#FF6600; }
.dnLink .labe.rar:before { background-color:#67005E; }
.dnLink .labe.zip:before { background-color:#6a3906; }
.dnLink .labe.jpg:before,
.dnLink .labe.png:before,
.dnLink .labe.webp:before { background-color:#7e6b5a; }
.dnLink .labe span {
	position:absolute;
	right:-3px;
	bottom:9px;
	min-width:37px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
	line-height:16px;
	padding:0 2px;
	box-sizing:border-box;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}
.dnLink .labe.pdf span { background:#a40000; }
.dnLink .labe.odt span,
.dnLink .labe.doc span,
.dnLink .labe.docx span { background:#0068b7; }
.dnLink .labe.ods span,
.dnLink .labe.xls span,
.dnLink .labe.xlsx span { background:#378837; }
.dnLink .labe.odp span,
.dnLink .labe.ppt span,
.dnLink .labe.pptx span { background:#FF6600; }
.dnLink .labe.rar span { background:#67005E; }
.dnLink .labe.zip span { background:#6a3906; }
.dnLink .labe.jpg span,
.dnLink .labe.png span,
.dnLink .labe.webp span { background:#7e6b5a; }
.dnLink dl {
	display:flex;
	width:calc(100% - 60px);
	justify-content:center;
	flex-direction:column;	
}
.dnLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	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;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#CC4E00;
}
.dnLink dd {
	color:#666666;
	font-size:1.5em;
	margin:2px -5px -5px -10px;
}
.dnLink dd span {
	position:relative;
	display:inline-block;
	position:relative;
	padding:5px 5px 5px 20px;
	box-sizing:border-box;
	vertical-align:top;
}
.dnLink dd span:before {
	content:"";
	display:block;
	position:absolute;
	top:11px;
	left:12px;
	width:3px;
	height:3px;
	background:#666666;
}
@media screen and (min-width:991px) {	
	.dnLink ul {
		display:flex;
		list-style:none;
		flex-direction:row;
		align-items:stretch;
		align-content:stretch;
		flex-wrap:wrap;
		margin:-10px;
	}
	.dnLink ul li {
		display:inline-block;
		width:50%;
		padding:10px;
		box-sizing:border-box;
	}
	.dnLink ul li + li {
		margin:0;
	}
}
@media screen and (min-width:1200px) {
	.dnLink ul li a {
		padding:19px;
	}
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	margin:20px auto 0 auto;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.getLink ul li + li{ margin-top:10px;}
.getLink ul li a {
	position:relative;
	display:flex;
	width:100%;
	height:100%;
	padding:14px;
	align-items:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.getLink a:hover,
.getLink a:focus {
	background:#fff;
}
.getLink ul li a:before {
	content:"";
	display:inline-block;
	width:45px;
	height:45px;
	box-sizing:border-box;
	background-color:#444444;
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/getLink-icon.svg);
			mask-image:url(../images/getLink-icon.svg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.getLink dl {
	display:flex;
	width:calc(100% - 60px);
	min-height:50px;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;
	box-sizing:border-box;
	margin-left:15px;
}
.getLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	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;
}
.getLink a:hover dt,
.getLink a:focus dt {
	color:#CC4E00;
}
.getLink dd {
	color:#333333;
	font-size:1.3em;
	line-height:135%;
	word-wrap:break-word;
	margin-top:3px;
}
@media screen and (min-width:991px) {	
	.getLink ul {
		display:flex;
		list-style:none;
		flex-direction:row;
		align-items:stretch;
		align-content:stretch;
		flex-wrap:wrap;
		margin:-10px;
	}
	.getLink ul li {
		display:inline-block;
		width:50%;
		padding:10px;
		box-sizing:border-box;
	}
	.getLink ul li + li {
		margin:0;
	}
}
@media screen and (min-width:1200px) {	
	.getLink ul li a {
		padding:19px;
	}
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:40px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:15px 30px;
	margin:0 auto;
	background:#000;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#CC4E00;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 35px 0 0;
}
#pageBack a span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:25px;
	height:25px;
	background:#FFF;
	background-size:cover;
	margin-top:-12.5px;
	z-index:1;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:25px;
	height:25px;
	margin-top:-12.5px;
	z-index:1;
	background-color:#000;
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:60% 60%;
			mask-size:60% 60%;
	-webkit-mask-image:url(../images/btnBack-icon.svg);
			mask-image:url(../images/btnBack-icon.svg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#pageBack a:hover span:after,
#pageBack a:focus span:after {	
	background-color:#CC4E00;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}	
	#pageBack a {
		padding:15px 40px;
	}
}
@media screen and (min-width:1200px) {
	#pageBack {
		margin-top:60px;
	}
	#pageBack a {
		font-size:2.1em;
		line-height:30px;
		padding:15px 50px;
	}
	#pageBack a span {
		padding:0 40px 0 0;
	}
	#pageBack a span:before,
	#pageBack a span:after {
		width:30px;
		height:30px;
		margin-top:-15px;
	}
}


/* ----- sitemapInfo ----- */
.sitemapInfo {
	width:100%;
	font-size:1.7em;
	line-height:160%;
	border-bottom:1px dashed #CCC;
	margin:0 auto 20px auto;
}
.sitemapInfo strong {
	display:inline;
	font-weight:normal;
}
.sitemapInfo p + p,
.sitemapInfo p + ul,
.sitemapInfo p + ol,
.sitemapInfo ul + p,
.sitemapInfo ol + p {
	margin:1em auto;
}
.sitemapInfo ul {
	list-style:none;
}
.sitemapInfo ul li {
	width:100%;
	padding-left:2em;
	background:none;
	border:none;
	box-sizing:border-box;
}
.sitemapInfo ul li + li {
	margin:10px 0;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1540px) {
	.sitemapInfo {
		font-size:1.9em;
		margin-bottom:30px;
	}
}


/* ----- sitemapList ----- */
.sitemapList {
	width:100%;
	margin:0 auto;
}
.sitemapList > ul {
	list-style:none;
	letter-spacing:-5px;
	margin:-10px;
}
.sitemapList > ul > li {
	display:inline-block;
	width:33.3333%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
.sitemapList > ul > li > a {
	position:relative;
	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:#1f64aa; /* Old browsers */
	background:linear-gradient(90deg, #1f64aa 0%, #00998a 100%);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
.sitemapList > ul > li:has(ul) > a {
	-webkit-border-radius:10px 10px 0 0;
	   -moz-border-radius:10px 10px 0 0;
			border-radius:10px 10px 0 0;
}
.sitemapList > ul > li > a:hover,
.sitemapList > ul > li > a:focus {
	background:#A40000;
	background:linear-gradient(90deg, #A40000 0%, #D14600 100%);
}
.sitemapList > ul > li > a:before {
	content:"";
	position:absolute;
	display:block;
	right:22px;
	top:50%;
	width:11px;
	height:11px;
	border-right:3px solid #fff;
	border-top:3px solid #fff;
	box-sizing:border-box;
	margin-top:-7px;
	-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;
}
.sitemapList > ul > li:has(ul) > a:before {
	right:20px;
	-webkit-transform:rotate(135deg);
	    -ms-transform:rotate(135deg);
			transform:rotate(135deg);
}
.sitemapList > ul > li > ul {
	list-style:none;
	padding:5px 20px;
	background:#fff;
	-webkit-border-radius:0 0 10px 10px;
	   -moz-border-radius:0 0 10px 10px;
			border-radius:0 0 10px 10px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.15);
	   -moz-box-shadow:0 5px 10px rgba(0,0,0,0.15);
			box-shadow:0 5px 10px rgba(0,0,0,0.15);
}
.sitemapList > ul > li > ul ul {
	list-style:none;
	height:0;
	margin-left:25px;
	visibility:hidden;
	opacity:0;
	overflow:hidden;
}
.sitemapList > ul > li > ul ul.focu-show {
	height:inherit;
	opacity:1;
	visibility:visible;
	overflow:inherit;
}
.sitemapList > ul > li li {
	margin:10px 0;
}
.sitemapList > ul > li li a {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:1.7em ;
	line-height:135%;
	padding:5px 0 5px 23px;	
}
.sitemapList > ul > li li a:hover,
.sitemapList > ul > li li a:focus {
	color:#A40000;
}
.sitemapList > ul > li li a:before {
	content:"";
	position:absolute;
	display:block;
	left:0px;
	top:12px;
	width:10px;
	height:10px;
	border-right:3px solid #666;
	border-top:3px solid #666;
	box-sizing:border-box;
	-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;
}
.sitemapList > ul > li li a:hover:before,
.sitemapList > ul > li li a:focus:before {
	border-color:#A40000;
}
.sitemapList > ul > li li a.dropBtn:before {
	display:none;
}
.sitemapList > ul > li li a.dropBtn span {
	position:absolute;
	left:0;
	top:0;
}
.sitemapList > ul > li li a.dropBtn span:before,
.sitemapList > ul > li li a.dropBtn span:after {
	content:"";
	display:block;
	position:absolute;
	top:16px;
	left:0px;
	width:15px;
	height:3px;
	background-color:#666;
	z-index:2;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;    
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.sitemapList > ul > li li a.dropBtn span:after {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.sitemapList > ul > li li a.dropBtn.open span:before,
.sitemapList > ul > li li a.dropBtn.open span:after {
	left:-1px;
	width:17px;
}
.sitemapList > ul > li li a.dropBtn.open span:before {
	-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
			transform:rotate(135deg);
}
.sitemapList > ul > li li a.dropBtn.open span:after {
	-webkit-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
			transform:rotate(225deg);
}
.sitemapList > ul > li li a.dropBtn:hover span:before,
.sitemapList > ul > li li a.dropBtn:focus span:before,
.sitemapList > ul > li li a.dropBtn:hover span:after,
.sitemapList > ul > li li a.dropBtn:focus span:after {
	background-color:#A40000;
}
.sitemapList > ul > li li a.link:after,
.sitemapList > ul > li li a.download:after {
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	border:0;
	margin-left:7px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#555;
	opacity:.5;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.sitemapList > ul > li li a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
.sitemapList > ul > li li a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
.sitemapList > ul > li li a.link:hover:after,
.sitemapList > ul > li li a.link:focus:after,
.sitemapList > ul > li li a.download:hover:after,
.sitemapList > ul > li li a.download:focus:after {
	background-color:#A40000;
}
@media screen and (max-width:768px) {
	.sitemapList > ul > li {
		width:50%;
	}
}
@media screen and (max-width:460px) {
	.sitemapList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {	
}
@media screen and (min-width:1540px) {
	.sitemapList > ul {
		margin:-15px;
	}
	.sitemapList > ul > li {
		padding:15px;
	}
	.sitemapList > ul > li > a {
		font-size:2.1em ;
		padding:20px 25px;
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
	}
	.sitemapList > ul > li:has(ul) > a {
		-webkit-border-radius:15px 15px 0 0;
		   -moz-border-radius:15px 15px 0 0;
				border-radius:15px 15px 0 0;
	}
	.sitemapList > ul > li > a:before {
		right:27px;
	}
	.sitemapList > ul > li:has(ul) > a:before {
		right:25px;
	}
	.sitemapList > ul > li > ul {
		padding:10px 25px;
		-webkit-border-radius:0 0 15px 15px;
		   -moz-border-radius:0 0 15px 15px;
				border-radius:0 0 15px 15px;
	}
	.sitemapList > ul > li li a {
		font-size:1.9em ;
	}
	.sitemapList > ul > li li a.link:after,
	.sitemapList > ul > li li a.download:after {
		width:15px;
		height:15px;
		margin-left:9px;
	}
}


@media print {
	#comMain {
		padding:30px 0 0 0 !important;
		margin-bottom:30px;
	}
	#comBar,
	#topMenu {
		display:none!important;
	}
	#comPage {
		margin-top:0!important;
	}
	#comPage:before {
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
				box-shadow:none;
	}
}