/* 縮小失敗。正在傳回未縮小的內容。
(7171,9): run-time error CSS1038: Expected hex color, found '#FFFF'
(9034,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(9046,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**
 * Markup free clearing
 * Details: http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

/* IE6 */

* html .clearfix {
  height: 1%;}

/* IE7 */

*:first-child + html .clearfix {
  min-height: 1%;}
@charset "utf-8";

html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {
  display:block;
}
body {
	font:62.5%/1 "PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
            text-size-adjust:100%;
}
body.font-size-s {
    font-size:56.3%;
}
body.font-size-l {
	font-size:68.8%;
}
/* 修正粗體 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
    src:local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
	font-weight:normal;
    src:local("微軟正黑體");
}
a {
	color:#e65000;
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a:hover,
a:focus {
	color:#e63200;
	text-decoration:none;
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
	outline:2px dashed #e65000;
}
a,
button,
textarea,
select,
input {
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
img {
	max-width:100%;
	height:auto;
    border:none;
    vertical-align:middle;
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
.ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ellipsis-2, .ellipsis-3, .ellipsis-4, .ellipsis-5, .ellipsis-6, .ellipsis-7{
	overflow : hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}
.ellipsis-2 {-webkit-line-clamp: 2 !important;}
.ellipsis-3 {-webkit-line-clamp: 3 !important;}
.ellipsis-4 {-webkit-line-clamp: 4 !important;}
.ellipsis-5 {-webkit-line-clamp: 5 !important;}
.ellipsis-6 {-webkit-line-clamp: 6 !important;}
.ellipsis-7 {-webkit-line-clamp: 7 !important;}
.comingSoon {
	width: 100%;
	float: left;
	padding: 100px 0;
	font-size: 2.5em;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;	
	line-height: 1.5;
	color: #ddd;
	text-align: center;
	margin: 0;
	font-style: italic;
}
.comingSoon p{ 
	font-family:Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:0.4em;
	color: #ddd;
	font-weight:normal;
	font-style:normal;
}
@media screen and (min-width: 768px) {
	.comingSoon {font-size:4em;}
}
.font-red{
	color:#d60000;
}
:root {
  scroll-padding-top: 10rem;
}


/** Layout **/
#wrapper {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.noscript {
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:120%;
	padding:20px 0px;
	margin:0 auto;
	box-sizing:border-box;
	background:#ffe5e6;
}
.hide-panel {
    display:none !important;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;
	color:#000;
	opacity:0;
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	color:#FFF;
	font-size:1.2em;
	padding:5px 10px;	
	opacity:1;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
    color:transparent;
    font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
    color:#e65000;
}
.container {
    width:100%;
    margin:0 auto;
}
@media screen and (max-width:990px) {
    .pc-mode {
        display:none !important;
    }
    .container {
        width:calc(100% - 40px);
    }
}
@media screen and (min-width:991px) {
    .sp-mode {
        display:none !important;
    }
    .container {
         max-width:990px;
    }
}
@media screen and (min-width:1200px) {
    .container {
        max-width:1200px;
    }
}

 
/** header **/
#header {
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
header.scroll--up {
    animation: headerScrollUp .3s linear 1 alternate forwards;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
}
#header.sp-flex {
    position:fixed;
    left:0;
    top:0;
	height:60px;
	background:#FFF;
	z-index:99; 
	-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
       -moz-box-shadow:0 10px 10px rgba(0,0,0,0.2);
            box-shadow:0 10px 10px rgba(0,0,0,0.2);	
}
#header.sp-flex.sp-show {
    position:absolute;
}
#header .logo {
	position:absolute;
	left:10px;
	top:10px;
	z-index:99;
}
#header .logo a {
	display:block;
	width:315px;
	height:40px;
	background:url(../images/logo.svg) no-repeat 0 50%;
	background-size:auto 40px;
}
@media screen and (max-width:990px) {
	#header > .container {
        width:100%;
    }
}
@media screen and (max-width:440px) {
	#header .logo a {
        width:165px;
		height:40px;
		background-image:url(../images/logo_mobile.svg);	
    }
}
@media screen and (min-width:991px) {
	#header {
		height:80px;
		padding-top:12px;
	}
	#header.flex {
		position:fixed;
		left:0;
		top:0;
		height:60px;
		padding-top:0;
		background:#FFF;
		animation:header 0.5s ease 1;
		z-index:99;
		-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
		   -moz-box-shadow:0 10px 10px rgba(0,0,0,0.2);
				box-shadow:0 10px 10px rgba(0,0,0,0.2);
	}
	#header .logo {
		left:calc((100vw - 990px) / 2);
		top:17.5px;
	}
	#header.flex .logo {
		top:10px;
	}
	#header.flex .logo a {
		width:276px;
		height:35px;
		background-size:auto 35px;
	}
	#header > .container {
		display:flex;
		justify-content:flex-end;
		align-items:center;
	}
}
@media screen and (min-width:1200px) {
	#header .logo {
		top:20px;
		left:calc((100vw - 1200px) / 2);
	}
	#header.flex .logo {
		top:15px;
	}
}

 
/* ----- topHead ----- */
#topHead {
    position:relative;
	width:100%;
	text-align:right;
}
@media screen and (min-width:991px) {
    #topHead {
		display:inline-block;
		width:auto;
		vertical-align:middle;
		padding-right: 70px;
	}
}

/* ----- addon ----- */
#addon {
	display:inline-block;
	text-align:right;
}
#header.flex #addon {
	display:none;
}
#addon > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:0 -10px;
}
#addon > ul > li {
	display:inline-block;
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	letter-spacing:0;
	padding:0 10px;
	border-right:1px dashed #CCC;
}
#addon > ul > li:last-child {
	border-right:none;
}
#addon > ul > li a {
	color:#000;
	vertical-align:top;
}
#addon > ul > li a.acKey {
	color:#FFF;
}
#addon > ul > li a:hover,
#addon > ul > li a:focus {
	color:#B20000;
}
#addon > ul > li a i {
	font-style:normal;
}
@media screen and (min-width:1200px) {
	#addon > ul > li {
		font-size:1.5em;
	}
}


/** addonLink **/
#addon-sp {
	width:100%;
	border-top:1px solid rgba(255,255,255,.3);
	background:#0043af;
}
#addonLink{
	width:auto;
	display:flex;	
} 
#addonLink > ul{
	list-style:none;
	display:flex;
	align-items:center;
}
#addonLink > ul > li{
	margin-left:5px;
}
#addonLink > ul > li a{
	position:relative;		
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	border-radius:26px;			
	text-align:center;
	display: flex;
	align-items: center;
	justify-content:center;
	width:26px;
	height:26px;
	background-color:#0043af;
	overflow:hidden;						
}
#addonLink > ul > li a span {
	position:absolute;	
	width:1px;
	height:1px;
	overflow:hidden;
	display:block;
	transition:all 0.4s ease;	
}
#addonLink > ul > li a::before {
    content:"";
    display:block;
    width:26px;
    height:26px;
	background-repeat:no-repeat;
	background-image:url(../images/icon-addon.svg);		
}
#addonLink > ul > li a:hover::before,
#addonLink > ul > li a:focus::before {
	background-color:#0043af;
	margin-right:5px;	
}
#addonLink > ul > li a.i-home::before    { background-position:0 0; }
#addonLink > ul > li a.i-sitemap::before { background-position:-26px 0; }
#addonLink > ul > li a.i-contact::before { background-position:-52px 0; }
@media screen and (max-width:990px) {
	#addonLink > ul{
		width:100%;
		padding:10px 0;
		box-sizing:border-box;
	}
	#addonLink > ul > li{
		width:100%;
		border-left:1px dotted rgba(255, 255, 255, .6);			
	}
	#addonLink > ul > li:nth-child(1) {
		border-left:none;
	}	
	#addonLink > ul > li a{
		width:auto;
		background-color:transparent;
		white-space: nowrap;
	}
	#addonLink > ul > li a span {
		position:relative;
		width:auto;
		height:auto;		
	}
	#addonLink > ul > li a:hover span,
	#addonLink > ul > li a:focus span{
		color:#ffff00;
		padding:0 5px;					
	}			
}

@media screen and (min-width:991px) {
	#header.flex #topHead #addon {
		transform: translate3d(0, -120px, 0);
		visibility: hidden;
		display:none;
	}
	#addonLink > ul > li a:hover,
	#addonLink > ul > li a:focus {
		width:auto;
		white-space: nowrap;
		padding:0 10px;	
	}
	#addonLink > ul > li a:hover span,
	#addonLink > ul > li a:focus span{
		position:relative;
		width:auto;
		height:auto;
	}	
}




/* ----- searchZone ----- */
.searchZone {
    position:absolute;
	top:60px;
    width:100%;
    text-align:center;
    margin:0 auto;
	background:rgba(21,65,153,0.85); /* Old browsers */
	background:-moz-linear-gradient(to right,  rgba(21,65,153,0.85) 0%,rgba(33,155,166,1) 99%,rgba(33,155,166,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(to right,  rgba(21,65,153,0.85) 0%,rgba(33,155,166,1) 99%,rgba(33,155,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,  rgba(21,65,153,0.85) 0%,rgba(33,155,166,1) 99%,rgba(33,155,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index:10;
}
.searchZone .searchTag {
	position:absolute;
	top:-52.5px;
	right:55px;
	display:inline-block;
	box-sizing:border-box;
	z-index:99;
}
.searchZone .searchTag a {
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	overflow:hidden;
}
.searchZone .searchTag a span {
	position:relative;
	display:inline-block;
	width:100%;
	font-size:1.2em;
	padding-top:50px;
	vertical-align:middle;
	text-indent:-9999px;
}
.searchZone .searchTag a span em {
	display:block;
	background:none;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchZone .searchTag a.open span em::before {
	position:absolute;
	display:block;
	content:'';
	left:11px;
	top:11px;
	width:19px;
	height:19px;
	border:2px solid #000;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
}
.searchZone .searchTag a.open span em::after {
	position:absolute;
	display:block;
	content:'';
	left:25px;
	top:29px;
	width:10px;
	height:2px;
	background:#000;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchZone .searchTag a.close {
	display:none;
}
.searchZone .searchTag a.close span em::before,
.searchZone .searchTag a.close span em::after {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:21px;
	width:26px;
	height:2px;
	margin-left:-13px;
	background:#000;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
}
.searchZone .searchTag a.close span em::before {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.searchZone .searchTag a.close span em::after {
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
@media screen and (min-width:991px) {
	.searchZone {
		top:80px;
	}
	.searchZone .searchTag {
		top:-68px;
		right:50%;
		margin-right:-495px;
	}
	.searchZone .searchTag a{
		width:55px;
		height:55px;
		border:solid 1px #26b7aa;
		border-radius:100%;
	}
	.searchZone .searchTag a.open:hover,
	.searchZone .searchTag a.open:focus {	
		background:rgba(38,183,170,1);	
	}
	.searchZone .searchTag a span {
		color:#FFF;
		font-size:1.2em;
		text-indent:0;
		padding-top:35px;
		margin-top:7px;
	}
	.searchZone .searchTag a.open span em::before {
		left:15px;
		top:8px;
		width:22px;
		height:22px;
		border:2px solid #26b7aa;
	}
	.searchZone .searchTag a.open span em::after {
		left:32px;
		top:28px;
		width:9px;
		height:2px;
		background:#26b7aa;
	}	
	.searchZone .searchTag a:hover.open span em::before,
	.searchZone .searchTag a:focus.open span em::before {
		border:2px solid #fff;
	}
	.searchZone .searchTag a:hover.open span em::after,
	.searchZone .searchTag a:focus.open span em::after {
		background:#fff;
	}	
	.searchZone .searchTag a.close span em::before,
	.searchZone .searchTag a.close span em::after {
		top:20px;
		width:32px;
		height:2px;
		margin-left:-16px;
		background:#26b7aa;
	}
	.searchZone .searchTag a:hover.close span em::before,
	.searchZone .searchTag a:focus.close span em::after {	
		background:#26b7aa;	
	}
	
	#header.flex .searchZone { top:77px; }	
	#header.flex .searchZone .searchTag a{ width:40px; height:40px; }
	#header.flex .searchZone .searchTag a.open span em::before {
		left:10px;
		top:2px;
		width:18px;
		height:18px;		
	}
	#header.flex .searchZone .searchTag a.open span em::after {
		left:22px;
		top:18px;
		width:8px;
	}
	#header.flex .searchZone .searchTag a.close span em::before,
	#header.flex .searchZone .searchTag a.close span em::after {
		top:12px;
		width:26px;
		margin-left:-13px;
	}			
}
@media screen and (min-width:1200px) {
	.searchZone .searchTag {
		margin-right:-600px;
	}	
}


.searchZone .search {
	position:absolute;
	display:none;
	width:100%;
	padding:20px;
	background:linear-gradient(to right,  rgba(21,65,153,0.85) 0%,rgba(33,155,166,1) 99%,rgba(33,155,166,1) 100%);
	box-sizing:border-box;
}
#header.flex .searchZone .search {
	top: -17px;
}
.searchZone .box {
	position:relative;
	width:100%;
	background:none;
	box-sizing:border-box;
	margin:0 auto;
	-webkit-transition:.3s;
		    transition:.3s;
	-webkit-transition:all 200ms ease;
			transition:all 200ms ease;
}
.searchZone .search-txt {
	width:100%;
	color:#FFF;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.9em;
	line-height:50px;
	padding:0 55px 0 20px;
	border:none;	
	border-radius: 40px;
    background-color: rgba(0, 0, 0, 0.15);
	box-sizing:border-box;
}
.searchZone .search-txt:focus,
.searchZone .search-txt:hover{
	background-color:rgba(0,0,0,0.3);
}
.searchZone .search-txt[placeholder]{ color:#fff; }
.searchZone .search-txt::-webkit-input-placeholder { color:#fff; }
.searchZone .search-txt:-moz-placeholder { color:#fff; }
.searchZone .search-txt::-moz-placeholder { color:#fff; }
.searchZone .search-txt:-ms-input-placeholder { color:#fff;}
.searchZone .search-btn {
	position:absolute;
	top:0;
	right:10px;
	display:block;
	width:48px;
	height:48px;
	padding:0;
	margin:0;	
	border:none;
	cursor:pointer;
	background:none;
	border-radius:100%;
}
.searchZone .search-btn span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}
.searchZone .search-btn span em {
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
}
.searchZone .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:12px;
	top:12px;
	height:20px;
	width:20px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.searchZone .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:27px;
	top:30px;
	width:10px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchZone .search-btn:hover span em::before,
.searchZone .search-btn:focus span em::before {
	border-color:#fff100;
}
.searchZone .search-btn:hover span em::after,
.searchZone .search-btn:focus span em::after {
	background-color:#fff100;
}
.searchZone .keyWd {
	width:100%;
	max-width:1200px;
	color:#fff100;
	font-size:1.5em;
	line-height:27px;
	text-align:left;
	margin:10px auto 0;
	padding-left:20px;
	box-sizing:border-box;
}
.searchZone .keyWd a {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	vertical-align:top;
	margin:0 5px 0 0;
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus{
	color:#fff100;
}
.searchZone .keyWd a.advanced {
	float:right;
	color:#fff;
	font-size:15px;
	line-height:15px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	padding:5px 10px;
	border-radius: 14px;
	background: none;
	border:1px solid #fff;
	box-sizing:border-box;
}
.searchZone .keyWd a.advanced:hover,
.searchZone .keyWd a.advanced:focus {
	background-color:#fff;
	color:#000;
}
@media screen and (max-width:420px) {
	.searchZone .search {
		padding:20px 0;
	}
	.searchZone .keyWd {
		padding-left:10px;
	}		
	.searchZone .keyWd a.advanced {
		display:block;
		margin:10px 10px 0 auto;
		float:left;
	}
}
@media screen and (min-width:991px) {
	.searchZone .search-txt {
		font-size:2em;
	}
	.searchZone .keyWd {
		font-size:1.6em;
	}
}


/** main **/
#main {
	position:relative;
    width:100%;
    margin:0 auto;
	z-index:1;
}
#main.homeMain .acKey {
	position:absolute;
	left:20px;
	top:20px;
	margin-top:-15px;
	z-index:2;
}
@media screen and (min-width:991px) {	
	#main.homeMain .acKey {
		left:50%;
		top:60px;
		margin-left:-450px;
	}
	#main.comMain {
		margin-top:0;
	}
}
@media screen and (min-width:1200px) {
    #main.homeMain .acKey {
		top:80px;
		margin-left:-600px;
	}
}
@media screen and (min-width:1720px) {
    #main.homeMain .acKey {
		top:90px;
		margin-left:-780px;
	}
}


/** footer **/
#footer {
    position:relative;
    width:100%;
    margin:0 auto;
	background: linear-gradient(to bottom,  #219ba6 0%,#154199 100%);
	padding-top:50px;
	z-index:2;
}
#footer .trigger {
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
	z-index:10;
}
#footer .trigger a {
	position:relative;
	display:inline-block;
	width:6em;
	height:auto;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	z-index:1;
}
#footer .trigger a:before {
	content:"";
	display:block;
    position:absolute;
	left:50%;
	top:0;
    width:86px;
	height:53px;
	margin-left:-43px;
	background: url(../images/footer-control.svg) 0 0 no-repeat;
	background-size:cover;
	z-index:-1;
}
#footer .trigger a:hover,
#footer .trigger a:focus {
	color:#fff45c;
}
#footer .trigger a.open-Panell,
#footer .trigger a.close-Panell {
	display:none;
}
#footer .trigger a.open-Panell span,
#footer .trigger a.close-Panell span {
	position:relative;
	display:block;
    width:100%;
	padding-top:60px;
	margin:0 auto;
}
#footer .trigger a.open-Panell span:before {
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	top:45px;
	left:50%;
	margin-left:-5px;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
#footer .trigger a.open-Panell:hover span:before,
#footer .trigger a.open-Panell:focus span:before {
    border-color:#fff45c;
}
#footer .trigger a.close-Panell span:before,
#footer .trigger a.close-Panell span:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;height:14px;
	top:40px;left:50%;
	border:none;
	margin-left:-1px;
	background-color:#fff;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
#footer .trigger a.close-Panell span:after {
    transform:rotate(-45deg);
}
#footer .trigger a.close-Panell:hover span:before,
#footer .trigger a.close-Panell:focus span:before,
#footer .trigger a.close-Panell:hover span:after,
#footer .trigger a.close-Panell:focus span:after {
    background-color:#fff45c;
}
@media screen and (min-width:991px) {
	/*#footer { padding-top:50px;}*/
}
@media screen and (min-width:1200px) {
	#footer { padding-top:60px;}
}


/* ----- ciBox ----- */
.ciBox {
	margin-bottom:20px;	
	display:flex;
	align-items:center;	
	justify-content:center;
	flex-direction: column;		
}
.ciBox .logo {
	margin-bottom:20px;		
}
@media screen and (min-width:768px) {
	.ciBox { flex-direction: row; justify-content: space-between; }
	.ciBox .logo { margin-bottom:0;	}		
}

/* ----- socialMedia ----- */
.socialMedia {
	position:relative;
}
.socialMedia ul {
	list-style:none;	
}
.socialMedia li {
	width:45px;
	display:inline-block;
	margin-left:8px;
}
.socialMedia a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-999px;
	overflow:hidden;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	border:solid 1px rgba(255,255,255,.5);
}
.socialMedia a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	margin:-15px 0 0 -15px;
	background-size:100% auto;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
	opacity:0.8;
}
.socialMedia a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.socialMedia a:hover.icon-fb,
.socialMedia a:focus.icon-fb {
	background-color:rgba(59,89,152);
	border:solid 1px rgba(59,89,152);	
}
.socialMedia a.icon-twitter:before {
	background-image:url(../images/icon-Twitter-X.svg);
}
.socialMedia a:hover.icon-twitter,
.socialMedia a:focus.icon-twitter {
	background-color:rgba(0,0,0);
	border:solid 1px rgba(0,0,0);
}
.socialMedia a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.socialMedia a:hover.icon-line,
.socialMedia a:focus.icon-line {
	background-color:rgba(1,185,1);
	border:solid 1px rgba(1,185,1);
}
.socialMedia a.icon-map:before {
	background-image:url(../images/icon-map.svg);
}
.socialMedia a:hover.icon-map,
.socialMedia a:focus.icon-map {
	background-color:rgba(24,89,156);
	border:solid 1px rgba(24,89,156);
}
.socialMedia a.icon-print:before {
	background-image:url(../images/icon-print-s.svg);
}
.socialMedia a:hover.icon-print,
.socialMedia a:focus.icon-print {
	background-color:rgba(37,183,170);
	border:solid 1px rgba(37,183,170);
}
.socialMedia a:hover:before {
	opacity:1;
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}


/* ----- fat-nav ----- */
.fat-nav {
    position:relative;
	width:100%;
	margin:0 auto;	
	z-index:1;
}
.fat-footer {
	display:flex;
	align-items:center;
	padding:25px 0 40px;
	border-top:1px solid rgba(255,255,255,.4);
	
	align-items:center;
	justify-content:center;
	flex-direction: column;		
}
.fat-footer .fat-btn {
}
.fat-footer .fat-btn > ul {
    list-style:none;
}
.fat-footer .fat-btn > ul li {
	width:180px;		
	text-align:center;
	margin:25px 5px 0;
	float:left;
}
.fat-footer .fat-btn > ul li a {
	width:100%;
	display: inline-block;
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";	
	color:#fff;	
	font-size: 1.9em;
	font-weight: bold;
	line-height:1.4;
	padding:15px;
	box-sizing:border-box;
	border-radius:10px;
	background:rgba(36,182,169,.3); 		
}
.fat-footer .fat-btn > ul li a:hover,
.fat-footer .fat-btn > ul li a:focus {	
	background:#D60000;
}
.fat-footer .fat-btn > ul li a span {
	position: relative;
	display:inline-block;
	padding:0 0 0 40px;
}
.fat-footer .fat-btn > ul li a span:before {
	content: '';
	position: absolute;
	display:block;
	top:0;	
	left:0;
	width: 30px;
	height: 30px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;					
}
.fat-footer .fat-btn > ul li.apply a span:before {
	background: url(../images/fat-btn-icon1.svg) no-repeat 50% 50%;	
}
.fat-footer .fat-btn > ul li.lazyBag a span:before {
	background: url(../images/fat-btn-icon2.svg) no-repeat 50% 50%;	
}

.fat-footer > ul {
	width:100%;
    list-style:none;
	letter-spacing:-9px;
	margin:-15px -10px;
}
.fat-footer > ul > li {
	display:inline-block;
    width:25%;
	letter-spacing:0;
    padding:15px;
    box-sizing:border-box;
	vertical-align:top;
}
.fat-footer > ul > li > a {
	position:relative;
    display:inline-block;
	color:#fff;
	font-family:"微软雅黑", 'Noto Sans TC', sans-serif;
	font-size:2.1em;
    font-weight:bold;
	line-height:130%;
	margin-bottom:10px;		
}
.fat-footer > ul > li > a:hover,
.fat-footer > ul > li > a:focus {
	color:#fff45c;
}
.fat-footer > ul > li > ul {
    list-style:none;
}
.fat-footer > ul > li > ul > li {
    margin-top:10px;
}
.fat-footer > ul > li > ul > li > a {
    position:relative;
	display:inline-block;
	color:rgba(255,255,255,.8);
    font-size:1.6em;
    line-height:130%;    
    padding-left:1.3em;
    box-sizing:border-box;	
}
.fat-footer > ul > li > ul > li > a:before {
	content:"";
	position:absolute;
	display:block; 
	left:4px;
	top:10px;
	width:7px;
	height:7px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	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;
			z-index:2;
}
.fat-footer > ul > li > ul > li > a:after{
	content:"";
	position:absolute;
	display:block; 
	left:0;
	top:5px;
	width:17px;
	height:17px;
	background:rgba(255,255,255,.3);
	border-radius:100%;
	z-index:1;	
}
.fat-footer > ul > li > ul > li a:hover,
.fat-footer > ul > li > ul > li a:focus {
    color:#fff45c;
}
.fat-footer > ul > li > ul > li > a:hover:before,
.fat-footer > ul > li > ul > li > a:focus:before {
	border-color:#fff45c;
}
@media screen and (max-width:520px) {	
	.fat-footer > ul > li { width:50%; }
	.fat-footer > ul > li > a { font-size:2em; margin-bottom:5px; }	
}
@media screen and (max-width:420px) {
	.fat-footer .fat-btn { width:100%; }		
	.fat-footer .fat-btn > ul li { width:calc(50% - 10px); }
	.fat-footer .fat-btn > ul li a { font-size: 1.65em; margin:15px 3px 0; padding:15px 10px; }
	.fat-footer .fat-btn > ul li a span { padding:0 0 0 22px; }
	.fat-footer .fat-btn > ul li a span:before { width: 18px; height: 18px; top:4px; }
	.fat-footer .fat-btn > ul li.apply a span:before,
	.fat-footer .fat-btn > ul li.lazyBag a span:before { background-size:18px 18px;	}		
}
@media screen and (min-width:768px) {
	.fat-footer { justify-content: space-between; flex-direction: row; }
	.fat-footer .fat-btn { width:180px;	}
	.fat-footer .fat-btn > ul li { width:180px; margin:0 0 15px 0; float:right; }	
	.fat-footer > ul { width:calc(100% - 180px); }	
	.fat-footer > ul > li { width:auto; min-width:20%; }
}
@media screen and (min-width:991px) {
	.fat-footer { padding:25px 0 50px;}
	.fat-footer .fat-btn { width:280px; }
	.fat-footer .fat-btn > ul li { width:245px;	}
	.fat-footer .fat-btn > ul li a { font-size: 2.2em; }		
	.fat-footer > ul { width:calc(100% - 280px); }
	.fat-footer > ul > li { width:25%;}	
	.fat-footer > ul > li > a {font-size:2.3em;	}	
	.fat-footer > ul > li > ul > li > a { font-size:1.7em; }	
}
@media screen and (min-width:1200px) {
	.fat-footer { padding:25px 0 60px; }
	.fat-footer .fat-btn { width:370px; }	
	.fat-footer > ul { width:calc(100% - 370px); margin:-15px; }	
	.fat-footer > ul > li > a { font-size:2.6em; margin-bottom:20px; }
	.fat-footer > ul > li > ul > li > a { font-size:1.9em; }	
}


/* ----- copyright ----- */
.copyright {
	width:100%;
	background:rgba(0,0,0,.2);
	padding:35px 0;
}
.copyright .accessibility{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction: column;		
}
.accessibility dl { 
	color:#fff;
	font-size:1.4em;
	line-height:1.5;
	text-align:center;	
}
.accessibility dl dt {
	font-family:"微软雅黑", 'Noto Sans TC', sans-serif;
	font-size:142%;
    font-weight:bold;
	margin-bottom:5px;
}
.accessibility a { display:inline-block; }
.accessibility dl dd { display:inline-block; }
.accessibility dl dd + dd { margin-left:20px; }
.accessibility dl dd.map { background:url(../images/icon-map.svg) 0 50% no-repeat; padding-left:17px; }
.accessibility dl dd.tel { background:url(../images/icon-tel.svg) 0 50% no-repeat; padding-left:21px; }
.accessibility .mark img { height:40px; }
.accessibility .org  { margin:20px auto; text-align:center; }
.accessibility .org img  { height:40px; opacity:0.7; }
.accessibility .org a + a { margin:0 20px; }
@media screen and (max-width:440px) {
	.accessibility dl dt {font-size:128%;}	
	.accessibility .mark img { height:35px; }	
	.accessibility .org img  { height:35px; }	
}
@media screen and (max-width:370px) {
	.accessibility dl { font-size:1.3em; }
	.accessibility dl dt {font-size:115%;}
	.accessibility .mark img { height:30px; }	
	.accessibility .org img  { height:30px; }
	.accessibility .org a + a { margin:0 10px; }				
}
@media screen and (min-width:991px) {
	.copyright .accessibility{ flex-direction: row; justify-content: space-between;	}
	.accessibility dl { text-align:left; }
	.accessibility dl dt {font-size:128%;}		
	.accessibility .mark img { height:50px; }	
	.accessibility .org  { margin:0; }
	.accessibility .org img  { height:50px; opacity:1; }	
	.accessibility .org a + a { margin-left:25px; }	
}
@media screen and (min-width:1200px) {
	.accessibility dl dt {font-size:142%;}
	.accessibility .org a + a { margin-left:45px; }		
}


/* ----- tail ----- */ 
.tail {
	width:100%;
	padding:22px 0;
	box-sizing:border-box;
}
.tail .container { 
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	justify-content:center;
}
.tail p {
	font-size:1.4em;
	color:rgba(255,255,255,.7);
	line-height:1.5;
	text-align:center;
}
.tail a {
	color:rgba(255,255,255,.7);
}
.tail a:hover, 
.tail a:focus{
	color:#fff45c;
}
@media screen and (min-width:1200px) {
	.tail .container { 
		justify-content: space-between;
	}	
}


/* gMenu */
#gMenu {
	position:fixed;
	right:20px;
	bottom:20px;
	width:45px;
	text-align:right;
	z-index:90;
}
@media screen and (min-width:991px) {
	#gMenu {
		width:55px;
	}
}

/* ----- goTop ----- */
.goTop {
	display:none;
	float:right;
	margin-top:5px
}
.goTop a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:rgba(0,0,0,.8);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.goTop a:hover,
.goTop a:focus {
	background-color:#cc0000;
}
.goTop a::before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:21px;
	height:21px;
	margin:-10.5px 0 0 -10.5px;
	background:url(../images/icon-top.svg) 50% 50% no-repeat;
	background-size:cover;
}
@media screen and (min-width:991px) {
	.goTop a {
		width:55px;
		height:55px;
	}
}


/* ----- tailshareBtn ----- */
.tailshareBtn {
	position:relative;
	display:none;
	margin-top:5px;
}
.tailshareBtn > a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	background:#50a2b3;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.tailshareBtn > a.open:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:19px;
	height:19px;
	margin:-9.5px 0 0 -9.5px;
	background:url(../images/icon-share.svg) 50% 50% no-repeat;
	background-size:cover;
}
.tailshareBtn > a.close:before,
.tailshareBtn > a.close:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:24px;
	top:50%;
	left:50%;
	border:none;
	margin:-12px 0 0 -1px;
	background-color:#FFF;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
.tailshareBtn > a.close:after {
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.tailshareBtn > a span {
	position:relative;
	display:block;
	color:#FFF;
	font-size:1.2em;
	text-align:center;
	padding-top:32px;
}
.tailshareBtn .tailshareMenu {
	display:none;
	position:absolute;
	bottom:45px;
	z-index:100;
}
.tailshareBtn .tailshareMenu ul {
	width:45px;
	list-style:none;
	letter-spacing:-9px;
}
.tailshareBtn .tailshareMenu li {
	display:inline-block;
	letter-spacing:0;
	margin-bottom:5px;
}
.tailshareBtn .tailshareMenu a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-999px;
	overflow:hidden;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.tailshareBtn .tailshareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:25px;
	margin:-12.5px 0 0 -12.5px;
	background-size:100% auto;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.tailshareBtn .tailshareMenu a.icon-fb {
	background-color:rgba(8,102,255,1);
}
.tailshareBtn .tailshareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.tailshareBtn .tailshareMenu a.icon-twitter {
	background-color:#000;
}
.tailshareBtn .tailshareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter-X.svg);
}
.tailshareBtn .tailshareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.tailshareBtn .tailshareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.tailshareBtn .tailshareMenu a:hover:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (min-width:991px) {
	.tailshareBtn > a {
		width:55px;
		height:55px;
	}
	.tailshareBtn > a.open:before {
		width:21px;
		height:21px;
		margin:-10.5px 0 0 -10.5px;
	}
	.tailshareBtn .tailshareMenu {
		bottom:55px;
	}
	.tailshareBtn .tailshareMenu ul {
		width:55px;
	}
	.tailshareBtn .tailshareMenu a {
		width:55px;
		height:55px;
	}
	.tailshareBtn .tailshareMenu a:before {
		width:30px;
		height:30px;
		margin:-15px 0 0 -15px;
	}
}


/*PRINT*/
@media print {
	body {
		margin:0!important;
		padding:0!important;
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after:avoid;
		page-break-inside:avoid;
	}
	blockquote, table, pre {
		page-break-inside:avoid;
	}
	ul, ol, dl {
		page-break-before:avoid;
	}
	img {
		max-width:100%!important;
		page-break-inside:avoid;
	}
	#addon,
	#navMenu,
	.searchZone,
	.donate,
	.fatfooter .trigger,
	.fatfooter .fat-nav,
	.faqHelper,
	#gMenu {
		display:none!important;
	}
	#wrapper {
		padding-top:60px;
		background:none!important;
	}
	#header {
		position:absolute!important;
		background:#FFFFFF!important;
	}
	#footer {
		padding:20px!important;
	} 
	.add_info {
		padding:0!important;
		margin:0 auto;
	}
}

@page {
	size:A4 portrait; /*a4尺寸 直式 */
    margin:1cm; /*邊距1公分 */
    orphans:2; /*頁面最後一段段落行數，預設值為2 */
    widows:2; /*頁面第一段段落行數，預設值為2 */
}
@charset "utf-8";

#navMenu {
	position:absolute;
	top:60px;
	right:0;
    width:100%;
	margin:0 auto;
}
.mobileNav {
	position:absolute;
	top:-52.5px;
	right:10px;
	display:block;
	width:45px;
	height:45px;
	z-index:999;
}
.mobileNav span {
	float:left;
	margin:14px 0 0 10.5px;
}
.mobileNav em,
.mobileNav em::after,
.mobileNav em::before {
	/* this is the menu icon */
	display:block;
	position:relative;
	height:3px;
	width:24px;
	background:#000;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.mobileNav em {
	/* this is the menu central line */
	margin:7px auto;
	-webkit-transition:background-color .2s;
	        transition:background-color .2s;
}
.mobileNav em::before,
.mobileNav em::after {
	position:absolute;
	content:'';
	left:0;
	-webkit-transition:-webkit-transform .2s;
	        transition:-webkit-transform .2s;
	        transition:transform .2s;
	        transition:transform .2s, -webkit-transform .2s;
}
.mobileNav em::before {
	/* this is the menu icon top line */
	-webkit-transform:translateY(-7px);
		-ms-transform:translateY(-7px);
			transform:translateY(-7px);
}
.mobileNav em::after {
	/* this is the menu icon bottom line */
	-webkit-transform:translateY(7px);
		-ms-transform:translateY(7px);
			transform:translateY(7px);
}
.mobileNav.nav-open span {
	margin-left:9.5px;
}
.mobileNav.nav-open em {
	/* transform menu icon into a 'X' icon */
	background-color:rgba(0, 0, 0, 0);
}
.mobileNav.nav-open em::before {
	/* rotate top line */
	width:26px;
	height:2.5px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.mobileNav.nav-open em::after {
	/* rotate bottom line */
	width:26px;
	height:2.5px;
	 -webkit-transform:rotate(45deg);
		 -ms-transform:rotate(45deg);
			 transform:rotate(45deg);
}
.menu-dropdown a {
	cursor:pointer;
}
.sp-nav-btn:before,
.sp-nav-btn:after {
    content:"";
    position:absolute;
    display:block;
    top:24px;
    right:21px;
	width:14px;
    height:2px;
    margin:-1px 0 0;
    background-color:#FFF;
	-webkit-transition:-webkit-transform .2s linear;
	   -moz-transition:-moz-transform .2s linear;
	    -ms-transition:-ms-transform .2s linear;
		 -o-transition:-o-transform .2s linear;
	        transition:transform .2s linear;
}
.sp-nav-btn:after {
    -webkit-transform:rotate(90deg);
       -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
}
a:hover .sp-nav-btn:before,
a:focus .sp-nav-btn:before,
a:hover .sp-nav-btn:after,
a:focus .sp-nav-btn:after {
	background-color:#FFFF66;
}
.open .sp-nav-btn:before {
	right:20px;
	width:16px;
    -webkit-transform:rotate(135deg);
       -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
         -o-transform:rotate(135deg);
            transform:rotate(135deg);
}
.open .sp-nav-btn:after {
	right:20px;
	width:16px;
    -webkit-transform:rotate(225deg);
       -moz-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
         -o-transform:rotate(225deg);
            transform:rotate(225deg);
}
.open:hover .sp-nav-btn:before,
.open:focus .sp-nav-btn:before,
.open:hover .sp-nav-btn:after,
.open:focus .sp-nav-btn:after {
	background-color:#FFF;
}
@media screen and (min-width:991px) {
	#navMenu {
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		background:none;
		margin:0 -5px 0 0;
	}
	#header.flex #navMenu {
		/*margin:10.5px -15px 0 0;*/
		margin-top:11px;
	}
	.mobileNav {
		display:none;
	}
	.menu-dropdown:before {
		display:none;
	}
	.sp-nav-btn {
		display:none;
	}	
}
@media screen and (min-width:1200px) {
	#header.flex #navMenu {
		/*margin-top:11px;*/
	}	
}

	
#menuBg{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:98;
}
#navi {
	display:none;
    width:100%;
	text-align:left;
	margin:0 auto;
    list-style:none;
	background:#2cb5a9; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #2cb5a9 0%, #1c9482 50%, #104097 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #2cb5a9 0%,#1c9482 50%,#104097 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #2cb5a9 0%,#1c9482 50%,#104097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5a9', endColorstr='#104097',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#navi.show-on-mobile {
	display:block;
}
#navi > ul {
    list-style:none;
}
#navi > ul > li {
	position:relative;
    padding:0;
    margin:0;	
}
#navi > ul > li > ul {
	display:none;
	width:100%;    
	padding:0;
	margin:0;
	list-style:none;
	box-sizing:border-box;
}
@media screen and (max-width:990px) {
	#navi {
		-webkit-box-shadow:0 5px 5px rgba(0%, 0%, 0%, 0.3);
		   -moz-box-shadow:0 5px 5px rgba(0%, 0%, 0%, 0.3);
				box-shadow:0 5px 5px rgba(0%, 0%, 0%, 0.3);
	}
	#navi > ul {
		width:100%;
		margin:0 auto;
	}
	#navi > ul > li {
		position:relative;
		border-bottom:1px solid rgba(255,255,255,.3);
	}
	#navi > ul > li:last-child {
		border-bottom:none;
	}
	#navi > ul > li > a {
		position:relative;
		display:block;
		color:#FFF;
		font-size:1.9em;
		font-weight:bold;
		padding:15px 40px 15px 15px;
	}
	#navi > ul > li > a::after {
		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;
		z-index:2;
		-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;
	}
	#navi > ul > li.dropMenu > a::after {
		display:none;
	}
	#navi > ul > li > a:hover,
	#navi > ul > li > a:focus {
		color:#FFFF66;
	}
	#navi > ul > li > a:hover::after,
	#navi > ul > li > a:focus::after {
		border-color:#FFFF66;
	}
	#navi > ul > li > a.open {
		color:#FFF;
		background:rgba(0,0,0,.6);
	}
	#navi > ul > li > ul {
		width:100%;
	}
	#navi > ul > li > ul > li {
		width:100%;
		background:#f8faf0;
		border-bottom:1px dashed #CCC;
	}
	#navi > ul > li > ul > li:last-child {
		border-bottom:none;
	}
	#navi > ul > li > ul > li > a {
		position:relative;
		display:block;
		color:#000;
		font-size:1.9em;
		line-height:23px;
		font-weight:bold;
		padding:15px 40px 15px 15px;
	}
	#navi > ul > li > ul > li > a:after {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		right:25px;
		width:7px;
		height:7px;
		border-top:2px solid #000;
		border-right:2px solid #000;
		margin-top:-5px;
		z-index:2;
		-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;
	}
	#navi > ul > li > ul > li > a:hover,
	#navi > ul > li > ul > li > a:focus {
		color:#d64000;
	}
	#navi > ul > li > ul > li > a:hover:after,
	#navi > ul > li > ul > li > a:focus:after {
		border-color:#d64000;
	}
	#navi > ul > li > ul > li > a.link:after {
		content:"";
		display:block;    
		position:absolute;
		right:20px;
		width:14px;
		height:14px;
		border:0;
		margin-top:-7px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#000;
		-webkit-mask-image:url(../images/nav-icon-link.svg);
				mask-image:url(../images/nav-icon-link.svg);		
		-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;
	}
	#navi > ul > li > ul > li > a.link:hover:after,
	#navi > ul > li > ul > li > a.link:focus:after {
		background-color:#d64000;
	}
	#navi > ul > li > ul > li > a.download:after {
		content:"";
		display:block;    
		position:absolute;
		right:20px;
		width:14px;
		height:14px;
		border:0;
		margin-top:-7px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#000;
		-webkit-mask-image:url(../images/nav-icon-download.svg);
				mask-image:url(../images/nav-icon-download.svg);		
		-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;
	}
	#navi > ul > li > ul > li > a.download:hover:after,
	#navi > ul > li > ul > li > a.download:focus:after {
		background-color:#d64000;
	}
	#navi > ul > li > ul > li > a.dropBtn {
		position:relative;
	}
	#navi > ul > li > ul > li > a.dropBtn:after {
		content:"";
		display:none;
	}
	#navi > ul > li > ul > li > a.dropBtn span:before {
		content:"";
		position:absolute;
		display:block;
		width:14px;
		height:2px;
		top:25.5px;
		right:21px;
		margin:-1px 0 0 0;
		background-color:#000;
		-webkit-transition:-webkit-transform .2s linear;
		   -moz-transition:-moz-transform .2s linear;
			-ms-transition:-ms-transform .2s linear;
			 -o-transition:-o-transform .2s linear;
				transition:transform .2s linear;
	}
	#navi > ul > li > ul > li > a.dropBtn span:after {
		content:"";
		position:absolute;
		display:block;
		width:2px;
		height:14px;
		top:25.5px;
		right:27px;
		margin:-7px 0 0 0;
		background-color:#000;
		-webkit-transition:-webkit-transform .2s linear;
		   -moz-transition:-moz-transform .2s linear;
			-ms-transition:-ms-transform .2s linear;
			 -o-transition:-o-transform .2s linear;
				transition:transform .2s linear;
	}
	#navi > ul > li > ul > li > a.dropBtn:hover span:before,
	#navi > ul > li > ul > li > a.dropBtn:hover span:after {
		background-color:#d64000;
	}
	#navi > ul > li > ul > li > a.dropBtn.open {
		color:#FFF;
		background:#104097;
	}
	#navi > ul > li > ul > li > a.dropBtn.open span:after {
		-webkit-transform:rotate(90deg);
		   -moz-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			 -o-transform:rotate(90deg);
				transform:rotate(90deg);
	}
	#navi > ul > li > ul > li > a.dropBtn.open span:after,
	#navi > ul > li > ul > li > a.dropBtn.open span:before {		
		background-color:#FFF;
	}
	#navi > ul > li > ul > li > ul {
		display:none;
		width:100%;    
		padding:0;
		margin:0;
		list-style:none;
		box-sizing:border-box;
	}
	#navi > ul > li > ul > li > ul > li {
		width:100%;
		background:#FFF;
		border-bottom:1px dashed #CCC;
	}
	#navi > ul > li > ul > li > ul > li:last-child {
		border-bottom:none;
	}
	#navi > ul > li > ul > li > ul > li > a {
		position:relative;
		display:block;
		color:#104097;
		font-size:1.9em;
		line-height:120%;
		font-weight:bold;
		padding:15px 15px 15px 35px;
	}
	#navi > ul > li > ul > li > ul > li > a:before {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		left:15px;
		width:7px;
		height:7px;
		border-top:2px solid #104097;
		border-right:2px solid #104097;
		margin-top:-5px;
		z-index:2;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.4s;
		   -moz-transition:all 0.4s;    
			 -o-transition:all 0.4s;
				transition:all 0.4s;
	}
	#navi > ul > li > ul > li > ul > li > a:hover,
	#navi > ul > li > ul > li > ul > li > a:focus {
		color:#d64000;
	}
	#navi > ul > li > ul > li > ul > li > a:hover:before,
	#navi > ul > li > ul > li > ul > li > a:focus:before {
		border-color:#d64000;
	}
	#navi > ul > li > ul > li > ul > li > a.link:after {
		content:"";
		display:block;    
		position:absolute;
		right:20px;
		width:14px;
		height:14px;
		border:0;
		margin-top:-7px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#104097;
		-webkit-mask-image:url(../images/nav-icon-link.svg);
				mask-image:url(../images/nav-icon-link.svg);		
		-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;
	}
	#navi > ul > li > ul > li > ul > li > a.link:hover:after,
	#navi > ul > li > ul > li > ul > li > a.link:focus:after {
		background-color:#d64000;
	}
	#navi > ul > li > ul > li > ul > li > a.download:after {
		content:"";
		display:block;    
		position:absolute;
		right:20px;
		width:14px;
		height:14px;
		border:0;
		margin-top:-7px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#104097;
		-webkit-mask-image:url(../images/nav-icon-download.svg);
				mask-image:url(../images/nav-icon-download.svg);		
		-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;
	}
	#navi > ul > li > ul > li > ul > li > a.download:hover:after,
	#navi > ul > li > ul > li > ul > li > a.download:focus:after {
		background-color:#d64000;
	}
}
@media screen and (min-width:991px) {
	#navi {
		display:inline-block;
		width:100%;
		text-align:right;		
		margin:0 auto;
		list-style:none;
		box-sizing:border-box;
		max-width:1200px;
		background:none;
	}	
	#navi > ul {
		letter-spacing:-9px;
	}
	#navi > ul > li {
		display:inline-block;
		text-align:left;
		letter-spacing:0px;
		border-bottom:none;
		border-top:0;
		background:none;
		vertical-align:top;
	}
	#navi > ul > li + li {
		margin-left:10px;
	}
	#navi > ul > li:hover > ul{
		display:block !important;
	}
	#navi > ul > li > a {
		position:relative;
		display:block;
		font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
		font-weight:bold;
		color:#000;				
		font-size:1.7em;
		padding:5px;
		text-align:center;
		box-sizing:border-box;
		margin:5px 0 10px;
	}
	#navi > ul > li > a:hover,
	#navi > ul > li > a:focus,
	#navi > ul > li:hover > a,
	#navi > ul > li > a.open {
		color:#104097;
	} 
	#navi > ul > li > ul {	
		position:absolute;
		display:block;
		left:50%;
		width:140px;
		height:0;
		padding:0 0 0 0;
		visibility:hidden;
		opacity:0;
		margin-left:-70px; 
		box-shadow:0px 4px 5px rgba(0,0,0,0.3);
		box-sizing:border-box;
		z-index:99;
	}
	#navi > ul > li#navm2 > ul {
		width:176px;
		margin-left:-88px; 
	}
	#navi > ul > li#navm4 > ul {
		width:160px;
		margin-left:-80px; 
	}
	#navi > ul > li > ul.focu-show {
		height:inherit;
		visibility:visible;
		opacity:1;
	}
	#navi > ul > li > ul > li {
		position:relative;
		display:block;
		width:100%;
		background:#FFF;
		border-bottom:1px dashed #CCC;
	}
	#navi > ul > li > ul > li:last-child {
		border-bottom:none;
	}
	#navi > ul > li > ul > li > a {
		position:relative;
		display:block;
		color:#000;
		font-size:1.6em;
		line-height:135%;
		font-weight:bold;
		padding:10px 25px 10px 15px;
		box-sizing:border-box;		
	}
	#navi > ul > li > ul > li > a:after {
		content:'';
		display:block;
		position:absolute;
		right:17px;
		top:50%;		
		width:6px;
		height:6px;
		margin-top:-1px;
		border-top:2px solid #000;
		border-right:2px solid #000;
		transform:rotate(45deg) translate(0,-50%);
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#navi > ul > li > ul > li > a.dropBtn:after {
		margin-top:-8px;
		-webkit-transform:rotate(135deg) translate(0,-50%);
		   -moz-transform:rotate(135deg) translate(0,-50%);
			-ms-transform:rotate(135deg) translate(0,-50%);
			 -o-transform:rotate(135deg) translate(0,-50%);
				transform:rotate(135deg) translate(0,-50%);
	}
	#navi > ul > li > ul > li > a.dropBtn.open {
		color:#FFF;
		background:#104097;
	}
	#navi > ul > li > ul > li:hover > a.dropBtn:after,
	#navi > ul > li > ul > li > a.dropBtn.open:after {
		border-color:#FFF;
		margin-top:-1px;
		-webkit-transform:rotate(45deg) translate(0,-50%);
		   -moz-transform:rotate(45deg) translate(0,-50%);
			-ms-transform:rotate(45deg) translate(0,-50%);
			 -o-transform:rotate(45deg) translate(0,-50%);
				transform:rotate(45deg) translate(0,-50%);
	}
	#navi > ul > li > ul > li > a:focus,
	#navi > ul > li > ul > li > a:hover{
		color:#FFF;
		background:#104097;
	}
	#navi > ul > li > ul > li > a:focus:after,
	#navi > ul > li > ul > li > a:hover:after {
		border-color:#FFF;
	}
	#navi > ul > li > ul > li > ul {
		position:absolute;
		display:block;
		left:130px;
		top:0;
		width:200px;
		height:0;
		padding:0;
		visibility:hidden;
		overflow: hidden;	
		opacity:0;
		background:#f2fbef;
		box-shadow:0px 1px 5px rgba(0,0,0,0.3);
		z-index:99;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#navi > ul > li > ul > li:hover > ul ,
	#navi > ul > li > ul > li > ul.focu-show {
		left:140px;
		height:inherit;
		visibility:visible;
		opacity:1;
	}
	#navi > ul > li > ul > li > ul > li {
		display:block;
		width:100%;
		padding:0;
		/*background:#f2fbef;*/
		border-bottom:1px dashed #CCC;
		box-sizing:border-box;
	}
	#navi > ul > li > ul > li > ul > li:last-child {
		border-bottom:none;
	}
	#navi > ul > li > ul > li > ul > li > a {
		position:relative;
		display:block;
		color:#104097;
		font-size:1.6em;
		line-height:135%;
		font-weight:bold;
		/*background:#f2fbef;*/
		padding:10px 10px 10px 29px;
	}
	#navi > ul > li > ul > li > ul > li > a:hover,
	#navi > ul > li > ul > li > ul > li > a:focus {
		color:#d64000;
		background:#faf8f0;
	}
	#navi > ul > li > ul > li > ul > li > a:after {
		content:'';
		display:block;
		width:5px;
		height:5px;
		position:absolute;
		left:14px;
		top:20px;
		background:#104097;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#navi > ul > li > ul > li > ul > li > a:hover:after ,
	#navi > ul > li > ul > li > ul > li > a:focus:after {
		background:#d64000;
	}
} 
@media screen and (min-width:1200px) {
	#navi > ul > li + li {
		margin-left:20px;
	}
}


@media print {
	#navMenu  {
		display:none!important;		
	}  
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@charset "utf-8";

/** banner **/
#banner {
	position:relative;
	width:100%;	
	margin:0 auto;
	padding-top: 60px;	
}
#banner .listshow {
	width:100%;
	margin:0 auto;		
}
#banner .listshow .item {
	overflow:visible;
}
#banner .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	position:relative;	
}
#banner .listshow .item a:focus {
	border:dashed 2px #F06400;
	outline:none;
	box-sizing:border-box;	
}
#banner .listshow .item .img {
	display:block;
	width:100%;
	height:100%;
}
#banner .listshow .item .img span {
	display:block;
    width: 100%;
	height:0;
	padding-bottom:39.5%;
	background-repeat:no-repeat;	
    background-position: 0 0;
    background-size: cover;
	-webkit-animation-name: left_right1;
            animation-name: left_right1;
    -webkit-animation-duration: 40s;
            animation-duration: 40s;
    -webkit-animation: left_right1 40s infinite linear;
            animation: left_right1 40s infinite linear;	
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	transition:all 5s;
	transform:scale(1.1);	
    z-index: 1;	
}
#banner .listshow .item .slick-active .img{
	transform:scale(1);
}
#banner .listshow .item a:focus .img {
    filter: alpha(opacity=50);
    opacity: 0.5;	
}
#banner .slick-prev,
#banner .slick-next {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	border:solid 4px #fff;
	border-radius:100%;
	box-sizing:border-box;		
	box-shadow:0 0 20px rgba(0%,0%,0%,0.15);
	transition:all 0.5s ease;
	transition:all 1s;
	opacity:0.5;		
	z-index:10;				
}
#banner .slick-prev { left:40px; }
#banner .slick-next { right:40px; }
#banner:hover .slick-prev { left:25px;  opacity:1;}
#banner:hover .slick-next { right:25px; opacity:1;}
#banner .slick-prev:focus,
#banner .slick-next:focus {
	border-color:#fff45c;	
	filter:alpha(opacity=100);
	opacity:1;	
	outline:2px dashed #F06400;	
}
#banner .slick-prev span,
#banner .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .slick-prev:before,
#banner .slick-next:before {
	display:none;
}
#banner .slick-prev span:before,
#banner .slick-next span:before,
#banner .slick-prev span:after,
#banner .slick-next span:after {
	position:absolute;
    top:50%;	
	content:"";
    display:block;  
	border-radius:4px;		
	box-sizing:border-box;
    z-index:2;	
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#banner .slick-prev span:before,
#banner .slick-next span:before {
    width:14px;
    height:14px;    
	margin:-7px 0 0 0;	
    border-top:4px solid #fff;	
}
#banner .slick-prev span:before {
	left:9px;	
	border-left:4px solid #fff;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#banner .slick-next span:before {
	right:9px;
    width:14px;
    height:14px;    
	margin:-7px 0 0 0;	
    border-top:4px solid #fff;		
	border-right:4px solid #fff;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
#banner .slick-prev span:after,
#banner .slick-next span:after {	   
    width:15px;
    height:4px;
	background:#fff;
	margin:-2px 0 0 0;	   
}
#banner .slick-prev span:after { left:10px;	}
#banner .slick-next span:after { right:10px; }
#banner .slick-prev:hover span:before,
#banner .slick-prev:focus span:before,
#banner .slick-next:hover span:before,
#banner .slick-next:focus span:before {
	border-color:#fff45c;
}
#banner .slick-prev:hover span:after,
#banner .slick-prev:focus span:after,
#banner .slick-next:hover span:after,
#banner .slick-next:focus span:after {
	background:#fff45c;
}
@media screen and (max-width:666px) {
	#banner .listshow .item .img span { padding-bottom:66.66%; background-position: 50% 0; }
}
@media screen and (min-width:991px) {
	#banner { padding-top: 0; }
	#banner .listshow .item .img span { height:calc(100vh - 80px); padding-bottom:0; background-position: 50% 0; }
}
@media screen and (min-width:1200px) {	
	#banner .slick-prev { left:50px; }
	#banner .slick-next { right:50px; }
}
@media screen and (min-width:1600px) {
	#banner .slick-prev { left:100px; }
	#banner .slick-next { right:100px; }
	#banner:hover .slick-prev { left:70px; }
	#banner:hover .slick-next { right:70px; }
		
}

#banner .slick-dots {
	position:absolute;
	bottom:15px;
	width:100%;
	margin:0 -5px;
	z-index:1;
}
#banner .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 5px;
	padding:0;
	vertical-align:top;
}
#banner .slick-dots li button {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	vertical-align:top;
}
#banner .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	background:none;
	border:2px solid rgba(102,102,102,.6);
	box-sizing:border-box;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#banner .slick-dots li.slick-active button:before {
	border:none;
    background:rgba(102,102,102,.6);
}
#banner .slick-dots li button:focus {
	outline:2px solid #F06400;
	border-radius:100%;	
}


/** sloganBox **/
#banner .listshow a .sloganBox {
	display: block;
	position: absolute;
	width: 440px;	
    left:50%;
    top:50%;
	margin-left:-600px;
    transform: translate(0%,0);
    transition: all 1S;
    transition-delay: 1s;
    opacity: 0;	
	z-index:10;	
}
#banner .listshow .slick-active a .sloganBox{
	transform:translate(0,-50%);
	opacity:1
}		
#banner .listshow a .sloganBox h2,
#banner .listshow a .sloganBox strong{
	position: relative;
	display: block;	
	font-family: "微软雅黑", "微軟正黑體";
	color: #ffff00;	
	font-size: 5em;
	font-weight: bold;
	letter-spacing: 0.03em;	
	margin-bottom: 10px;
	text-shadow: 0 0 10px rgba(0,0,0,1), 0 0 5px rgba(0, 0, 0, 1);
}
#banner .listshow a .sloganBox strong{
	color:#fff;	
	font-size: 2em;
	line-height:1.5;
	margin:20px 0;	
}
/** btn **/
#banner .listshow .item .sloganBox .btn{
	position:relative;
	padding:12px 20px;
	box-sizing:border-box;	
	width: 200px;
	color:#fff;
	font-size: 1.8em;
	font-weight: bold;		
	line-height:1.4;
	border-radius:30px;
	background:#25b7aa;
}
#banner .listshow .item a .sloganBox .btn:before,
#banner .listshow .item a .sloganBox .btn:after{
	content: '';
	position: absolute;
	display:block;	
	right:20px;
	border-radius:2px;	
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;					
}
#banner .listshow .item a .sloganBox .btn:before {
    top:50%;
	width:20px;
	height:1px;
	margin: -2px -2px 0 0;
    border-bottom: 2px solid #fff;
}
#banner .listshow .item a .sloganBox .btn:after {
    top:38%;		
	width:10px;
	height:10px;
	margin:0;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);						
}
#banner .listshow .item a:hover .sloganBox .btn:before,
#banner .listshow .item a:focus .sloganBox .btn:before,
#banner .listshow .item a:hover .sloganBox .btn:after,
#banner .listshow .item a:focus .sloganBox .btn:after {		
	right:15px;		
}
#banner .listshow .item a:hover .sloganBox .btn,
#banner .listshow .item a:focus .sloganBox .btn {	
	background:#2cb5a9; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #2cb5a9 0%, #1c9482 50%, #104097 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #2cb5a9 0%,#1c9482 50%,#104097 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #2cb5a9 0%,#1c9482 50%,#104097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/** btn btn2 **/
#banner .listshow .item .sloganBox .btn2 {
	width: 280px;	
	font-size: 2.6em;
	background:#ff0000;
	margin-top:40px;
}
#banner .listshow .item a .sloganBox .btn2:before,
#banner .listshow .item a .sloganBox .btn2:after {
	border:none;
}
#banner .listshow .item a .sloganBox .btn2:before {
	background: url(../images/icon-coin.png) no-repeat 50% 50%;
	width: 72px;
	height: 82px;
    top:-39%;	
}
#banner .listshow .item a:hover .sloganBox .btn2,
#banner .listshow .item a:focus .sloganBox .btn2 {	
	background:#cc0000; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #e60000 0%, #cc0000 50%, #a30000 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #e60000 0%,#cc0000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #e60000 0%,#cc0000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width:1300px) {
	#banner .listshow a .sloganBox { left:5%; margin-left:0; }
}
@media screen and (max-width:1100px) {	
	#banner .listshow a .sloganBox { width: 400px;}			
	#banner .listshow a .sloganBox h2 { font-size: 4.5em; }
	#banner .listshow a .sloganBox strong { font-size: 1.8em; }
	#banner .listshow .item .sloganBox .btn2 { width: 200px; font-size: 1.8em; margin-top:30px; }
	#banner .listshow .item a .sloganBox .btn2:before { width: 50px; height: 57px; background-size:50px auto; top:-28%;	}	
}
@media screen and (max-width:990px) {
	#banner .listshow a .sloganBox { width: 370px;}		
	#banner .listshow a .sloganBox { left:7.5%; }		
	#banner .listshow a .sloganBox h2 { font-size: 4em; }
	#banner .listshow a .sloganBox strong { font-size: 1.7em; margin:15px 0; }
	#banner .listshow .item .sloganBox .btn2 { margin-top:20px; }				
}
@media screen and (max-width:768px) {
	#banner .listshow a .sloganBox { width: 310px;}			
	#banner .listshow a .sloganBox h2 { font-size: 3.5em; }
	#banner .listshow a .sloganBox strong { font-size: 1.6em; margin:10px 0; }
	#banner .listshow .item .sloganBox .btn{ font-size: 1.6em; }	
	#banner .listshow .item .sloganBox .btn2 { font-size: 1.6em; margin-top:15px; }
}
@media screen and (max-width:667px) {
	#banner .listshow a .sloganBox { width: 310px;}			
	#banner .listshow a .sloganBox h2 { font-size: 2.5em; }
	#banner .listshow a .sloganBox strong { font-size: 1.4em; }
	#banner .listshow .item .sloganBox .btn{ padding:12px 20px; width: 170px; font-size: 1.4em; }	
	#banner .listshow .item .sloganBox .btn2 { width: 170px; font-size: 1.4em; margin-top:20px; }		
}
@media screen and (max-width:360px) {
	#banner .listshow a .sloganBox h2 { font-size: 2em; }
}


/** section **/
#newsSection{
	padding:50px 0 70px;
	background: linear-gradient(0deg, rgba(219,218,213) 0%, rgba(252,252,252) 100%);
}
#videoSection {
	position:relative;
	background: rgb(14,116,99);
	background: linear-gradient(0deg, rgba(14,116,99,1) 0%, rgba(0,44,105,1) 100%);
}
#achiSection{
	position:relative;	
	padding:20px 0;
	background: #fff;
	z-index:-1;	
}
#guideSection {
	background: rgb(214,241,239);
	background: linear-gradient(0deg, rgba(113,179,91,1) 0%, rgba(214,241,239,1) 100%);
}
@media screen and (max-width: 480px) {	
	#newsSection { padding:40px 0 50px; }
	#achiSection { padding:10px 0; }
}
@media screen and (min-width: 991px) {
	/*#newsSection, #achiSection { padding:50px 0 70px; }*/
}
@media screen and (min-width: 1200px) {
	#newsSection { padding:60px 0 80px; }
	#achiSection { padding:30px 0; }	
}


/** topHead **/
.topHead {
	width:100%;
	text-align:center;
}
.topHead h2 {
	position:relative;	
	font-weight:bold;
	color:#000;	
}
.topHead h2 strong{
	font-size:2em;	
}
.topHead h2 small{
	position: relative;
	display: block;	
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";	
	color: #154199;
	font-size:3.6em; 
	letter-spacing: 0.18em;
}
.topHead h2 small:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #154199 transparent transparent  transparent;
	margin:8px auto 10px;	
}
.topHead.mt {
	margin-top:80px;
}
.topHead.white h2,
.topHead.white h2 small{
	color:#fff;
}
.topHead.white h2 small:after{
    border-color: #fff transparent transparent  transparent;
}
@media screen and (max-width: 480px) {	
	.topHead h2 strong{ font-size:1.7em; }	
	.topHead h2 small{ font-size:3.1em; }
}
@media screen and (min-width: 991px) {
	.topHead h2 strong{ font-size:2.2em; }	
	.topHead h2 small{ font-size:4em; }
}
@media screen and (min-width: 1200px) {
	.topHead h2 strong{ font-size:2.5em; }	
	.topHead h2 small{ font-size:4.5em; }
}


/** newsBox **/
#newsBox {
	display:inline-block;
	width:100%;
	margin:30px auto;
	background-color:#154199;
	border-radius:12px;
}
#newsBox > ul { position:relative; }
#newsBox > ul > li { list-style:none; }
#newsBox > ul > li > a {
	position:absolute;
	top:0;
	display:block;
	width:20%;
	text-align:center;
	color:#fff;
	/*background: rgba(37,183,170,.2);*/
}
#newsBox > ul > li > a:hover,
#newsBox > ul > li > a:focus {
	color:#ffff00;
}
#newsBox > ul > li:first-of-type > a,
#newsBox > ul > li:first-of-type > a.saTabOn h3 {
	border-radius:12px 0 0 0;
}
#newsBox > ul > li > a.saTabOn {
	cursor:text;
	z-index:1;
}
#newsBox > ul > li > a.saTabOn:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: rgba(37,183,170,1) transparent transparent transparent;
	margin-left: -11px
}
#newsBox > ul > li > a.tab1 {position:relative;}
#newsBox > ul > li > a.tab1 {left:0;}
#newsBox > ul > li > a.tab2 {left:20%;}
#newsBox > ul > li > a.tab3 {left:40%;}
#newsBox > ul > li > a.tab4 {left:60%;}
#newsBox > ul > li > a h3 {
    font-family: "PingFang TC Semibold","微軟雅黑","Microsoft YaHei";
    font-size: 1.8em;
    line-height: 50px;
}
#newsBox > ul > li > a h3 span{
    position: relative;	
    padding-left: 26px;		
}
#newsBox > ul > li > a h3 span:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	background-image: url(../images/h-news-icon1.svg);	
}
#newsBox > ul > li > a.saTabOn h3 {
	color:#fff;
	background: rgba(37,183,170,1);
}
#newsBox > ul > li .saCont {
	position:relative;	
	width:100%;
	background:#f7f7f6;
	padding:25px;
	box-sizing:border-box;
	border-radius:0 0 12px 12px;	
}
#newsBox > ul > li .saCont .saWp {	
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items:center;		
}
#newsBox > ul > li .saCont.mTop {
	margin-bottom:0 !important;
}
@media screen and (max-width:768px) {
	#newsBox > ul > li > a { width:22%; }
	#newsBox > ul > li > a.tab2 { left:22%; }
	#newsBox > ul > li > a.tab3 { left:44%; }	
	#newsBox > ul > li > a.tab4 { left:66%; }			
	#newsBox > ul > li > a h3 span{ padding-left: 0; }
	#newsBox > ul > li > a h3 span:before { display: none; }				
	#newsBox > ul > li .saCont .saWp { display: block; }	
}
@media screen and (max-width:520px) {
	#newsBox > ul > li > a h3 { font-size: 1.7em; }	
}
@media screen and (max-width:420px) {
	#newsBox > ul > li > a h3 { 
		line-height: 1.45;
		min-height:50px;
		padding:8px 20% 10px;
		box-sizing:border-box;
	}
}
@media screen and (max-width:380px) {
	#newsBox > ul > li > a h3 { padding:6px 18% 10px; }	
}
@media screen and (min-width:1200px) {
	#newsBox > ul > li > a h3 { font-size: 2em; }
	#newsBox > ul > li > a h3 span:before { top: 5px; }		
	#newsBox > ul > li .saCont { padding:35px 25px; }
}


/** newsFocus **/
.newsFocus {
	width:50%;
}
.newsFocus a {
	width:100%;		
	display:flex;
	align-items:center;
}
.newsFocus .date {
	width:105px;
	height:105px;
	border:solid 1px rgba(20,65,152,.5);
	background:#fff;
	border-radius:10px;
	color:#144098;
	font-size:2em;
	font-weight:bold;	
	line-height:1.2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
.newsFocus .date em {
	font-style:normal;
}
.newsFocus .date span{
	font-size:145%;	
}
.newsFocus .txt {
	width:calc(100% - 105px - 15px);
	margin-left:15px;
}
.newsFocus .txt strong {
	display:block;	
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	margin-bottom:10px;
	overflow : hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}
.newsFocus a:hover .txt strong,
.newsFocus a:focus .txt strong {
	color:#E65000;
}
.newsFocus .txt p {
	display:block;
	width:100%;
	color:#4d4d4d;	
	font-size:1.5em;
	line-height:1.65;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;		
}
@media screen and (max-width:768px) {
	.newsFocus .date { width:85px; height:85px; font-size:1.55em; }
	.newsFocus .date span{ font-size:100%; }		
	.newsFocus .txt { width:calc(100% - 85px - 12px); margin-left:12px; }	
	.newsFocus .txt strong { font-size: 1.8em; margin-bottom:8px; }
}
@media screen and (max-width:420px) {
	.newsFocus a { display:block; }	
	.newsFocus .date { width:100%; height:30px; flex-direction:row;	}
	.newsFocus .date em::after { content: "-"; display: inline-block; font-weight: normal; }		
	.newsFocus .txt { width:100%; margin:15px 0 0 0; }			
}
@media screen and (min-width:991px) {
	.newsFocus .date { width:120px; height:120px; font-size:2.2em; }	
	.newsFocus .txt { width:calc(100% - 120px - 20px); margin-left:20px; }	
	.newsFocus .txt strong { font-size: 2.1em; }
	.newsFocus .txt p { -webkit-line-clamp: 3 !important; }
}
@media screen and (min-width:1200px) {
	.newsFocus .date { width:140px; height:140px; font-size:2.6em; }
	.newsFocus .txt { width:calc(100% - 140px - 25px); margin-left:25px; }	
	.newsFocus .txt strong { font-size: 2.2em; margin-bottom:15px; }		
}


/** HnewsList **/
.HnewsList {
	width:47%;
}
.HnewsList ul {
	list-style:none;
}
.HnewsList li {
	position:relative;
	width:100%;
	padding:3px 0;
	box-sizing:border-box;	
}
.HnewsList li:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    top: 11px;
	border-radius:100%;
	background:#2cb5a9; /* Old browsers */
	background:-moz-linear-gradient(90deg, #2cb5a9 0%, #104097 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(90deg, #2cb5a9 0%, #104097 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(90deg, #2cb5a9 0%, #104097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.HnewsList li a {
	width:100%;		
	display:flex;
	align-items:center;	
	line-height:1.4;	
}
.HnewsList span {
	width:85px;	
	color:#666;
	font-size:1.4em;
	text-align:right;
}
.HnewsList strong {
	width:calc(100% - 85px);
	color:#000;
	font-size:1.5em;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left:20px;
	box-sizing:border-box;	
}
.HnewsList a:hover strong,
.HnewsList a:focus strong {
	color:#E65000;
}
@media screen and (max-width:768px) {
	.newsFocus { width:100%; margin-bottom:15px; border-bottom: dotted 1px #999; padding-bottom: 20px; }	
	.HnewsList { width:100%; }
	.HnewsList span { font-size:1.3em; }
	.HnewsList li a { margin-bottom:3px; }			
}
@media screen and (max-width:420px) {
	.HnewsList li a { display:block; }	
	.HnewsList span, .HnewsList strong { display:block; width:100%; margin-bottom:5px; }
	.HnewsList span { text-align:left; padding-left:20px; box-sizing:border-box;	}	
}
@media screen and (min-width:991px) {
	.newsFocus { width:54%; }	
	.HnewsList { width:42%; }
	.HnewsList li { padding:5px 0; }
	.HnewsList li:before { top: 12px; }		
}


/** moreBtn **/
#newsBox > ul > li .saCont .moreBtn {
	position:absolute;
	right:10px;
	top:-47px;
}
#newsBox > ul > li .saCont .moreBtn a {
	display:inline-block;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;	
}
#newsBox > ul > li .saCont .moreBtn span {
	position:relative;
	display:block;
	width:44px;
	height:44px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#newsBox > ul > li .saCont .moreBtn span:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 4px;
	top: 20px;
	left: 12px;
	background-color: #fff;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;	
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;	
}
#newsBox > ul > li .saCont .moreBtn span:after {
	content:"";
	position: absolute;
	display: block;
	width: 4px;
	height: 20px;
	top: 12px;
	left: 20px;
	background-color: #fff;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;		
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;	
}
#newsBox > ul > li .saCont .moreBtn a:hover span:before,
#newsBox > ul > li .saCont .moreBtn a:focus span:before,
#newsBox > ul > li .saCont .moreBtn a:hover span:after,
#newsBox > ul > li .saCont .moreBtn a:focus span:after {
	background-color: #ffff00;
}
#newsBox > ul > li .saCont .moreBtn a:hover span,
#newsBox > ul > li .saCont .moreBtn a:focus span {		
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
@media screen and (max-width:768px) {
	#newsBox > ul > li .saCont .moreBtn { right:5px; }
}
@media screen and (max-width:420px) {
	#newsBox > ul > li .saCont .moreBtn span { width:30px; height:30px; }		
	#newsBox > ul > li .saCont .moreBtn span:before { top: 12px; left: 6px;	}
	#newsBox > ul > li .saCont .moreBtn span:after { top: 4px; left: 14px; }
}


/** videoList **/
#videoList{
	position:relative;	
	width: 100%;
	margin: 35px auto 100px;
}
#videoList ul{
	display:block;
 	padding:0;
	margin: 0 -15px;	
	list-style:none;
}
#videoList .slick-list {
	margin:-1px -10px
}
#videoList ul li{
	width:33.33%;
	padding:2px 15px;
	box-sizing:border-box;
	margin-bottom:40px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#videoList ul li a:focus{
	display:inline-block;
	width:100%;
	height:100%;	
}
#videoList ul li a .picBox{
	position:relative;		
	box-sizing:border-box;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
	overflow:hidden;						
}
#videoList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:66.66%;
	overflow:hidden;						
}
#videoList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/nopic.jpg);
    background-size: cover;
    background-position: center !important;
    background-color: #f5f1e9;
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#videoList ul li a:hover .photo span,
#videoList ul li a:focus .photo span{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);	
}
#videoList ul li a .photo:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.4s;
}	
#videoList ul li a:hover .photo:after,
#videoList ul li a:focus .photo:after{
	opacity:1;
}
#videoList ul li a .picBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:68px;
	height:50px;
	background:url(../images/icon-play.svg) center no-repeat;
	z-index:3;
}
#videoList ul li a:hover .picBox .cover,
#videoList ul li a:focus .picBox .cover{
	background:url(../images/icon-play-ov.svg) center no-repeat;	
}
#videoList ul li a strong{
	display:block;
	width:100%;
	color:#fff;
	font-size:1.6em;	
	font-weight:normal;
	line-height: 1.3;
	margin-top:15px;	
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);			
}
#videoList ul li a:hover strong,
#videoList ul li a:focus strong {
	color:#fff45c;
}


/** videoBg **/
.videoBg {
    position: absolute;
    display: block;
    bottom: 0;			
	opacity: .1;
}
.vbg-pic1 {
    left: 1vw;
    width: 210px;
    height: 210px;
    background: url(../images/h-vbgPic1.svg) no-repeat 0 100%;
	background-size:50%;		
}
.vbg-pic2 {
    right: 1vw;
    width: 200px;
    height: 300px;
    background: url(../images/h-vbgPic2.svg) no-repeat 100% 100%;
	background-size:50%;			
}
@media screen and (max-width: 480px) {
	.vbg-pic1, .vbg-pic2 { display:none; }
}
@media screen and (min-width: 768px) {
	.vbg-pic1, .vbg-pic2 { background-size:60%; }
}
@media screen and (min-width: 991px) {
	.vbg-pic1, .vbg-pic2 { background-size:70%; }
}
@media screen and (min-width: 1200px) {
	.vbg-pic1, .vbg-pic2 { background-size:80%; }
}
@media screen and (min-width: 1440px) {
	.vbg-pic1, .vbg-pic2 { background-size:100%; }
}


/** achiBox **/
.achiBox {
	display: flex;
	justify-content: space-between;		
	width:100%;	
	background:#fff;
	box-shadow: 0 0 15px rgba(0,170,161,.5), 0 0 15px rgba(0,170,161,.5);
	padding:10px;		
	box-sizing:border-box;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;	
	z-index:2;
}
.actionFigure1,
.actionFigure2 {
    position: absolute;
    display: inline-block;
	top:-50px;
    width: 435px;
    height: 475px;
	z-index:-1;	
}
.actionFigure1 {
	left: 0;
    background: url(../images/actionFigure2.png) no-repeat 0 50%;	
	background-size: 50%;		
}
.actionFigure2 {
    right: 0;
    background: url(../images/actionFigure1.png) no-repeat 100% 50%;	
	background-size: 50%;	
}
.gistBox {
	position:relative;
	width:50%;
	text-align:center;
	margin:30px auto;
}
.gistBox strong {
	font-size:1.6em;
	font-weight:normal;
	color:#666;
	line-height:1.6;
}
.gistBox img{
	display:none;
}
@media screen and (max-width: 680px) {
	.actionFigure1 { margin-left: -65px; }
	.actionFigure2 { margin-right: -65px; }
	.gistBox { width:60%; }		
}
@media screen and (max-width: 520px) {
	.achiBox { display: block; }
	.actionFigure1,
	.actionFigure2 { background-size: 42%; }		
	.actionFigure1 { margin-left: -80px; }
	.actionFigure2 { margin-right: -80px; }	
	.gistBox { width:65%; }		
	.gistBox strong { font-size:1.5em; }				
}
@media screen and (max-width: 370px) {
	.actionFigure1,
	.actionFigure2 {
		display:none;
	}
	.gistBox { width:100%; }	
}
@media screen and (min-width: 881px) {
	.actionFigure1 { margin-left: 5px; }
	.actionFigure2 { margin-right: 5px; }	
	.gistBox { width:100%; }	
	.gistBox strong span{ display:block; }	
}
@media screen and (min-width: 991px) {
	.actionFigure1,
	.actionFigure2 { top:-43px; background-size: 60%; }	
	.actionFigure1 { left: 50%; margin-left: -520px; }
	.actionFigure2 {right: 50%; margin-right: -520px; }
	.gistBox strong { font-size:1.7em; }	
}
@media screen and (min-width: 1200px) {
	.actionFigure1 { margin-left: -600px; }
	.actionFigure2 { margin-right: -600px; }
}
@media screen and (min-width: 1440px) {
	.actionFigure1,
	.actionFigure2 { top:285px;}
	.actionFigure1 { margin-left: -870px;  background: url(../images/actionFigure1.png) no-repeat 50% 50%; background-size: 70%;}
	.actionFigure2 { margin-right: -870px; background: url(../images/actionFigure2.png) no-repeat 50% 50%; background-size: 70%;}
	.gistBox {
		display:flex;
		align-items:center;
		overflow:hidden;		
		margin:-10px auto 0;
	}	
	.gistBox strong {
		width:60%;
		font-size:2em;
	}
	.gistBox img{
		display:inline-block;
		margin-bottom:-5px;
		height:230px;
		width:auto;
	}	
}
@media screen and (min-width: 1600px) {
	.actionFigure1,
	.actionFigure2 { top:270px; background-size: 90%; }
	.actionFigure1 { margin-left: -890px; }
	.actionFigure2 { margin-right: -890px; }
}


/** applyBtn **/
.applyBtn{
	width:100%;	
	text-align:center;	
	margin-top:45px;	
}
.applyBtn a {
	display: inline-block;
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";	
	color:#fff;	
	font-size: 2.3em;
	font-weight: bold;		
	line-height:1.4;
	padding:15px 30px;
	box-sizing:border-box;
	border-radius:50px;
	background:linear-gradient(135deg, #154199 0%, #25b7aa 100%); 		
}
.applyBtn a:hover,
.applyBtn a:focus {	
	background:#E65000;
}
.applyBtn a span {
	position: relative;
	display:inline-block;
	padding:0 55px 0 0	
}
.applyBtn a span:after {
	content: '';
	position: absolute;
	display:block;
	bottom:-6px;	
	right:-12px;
	width: 63px;
	height: 72px;
	background: url(../images/icon-coin.png) no-repeat 50% 50%;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;					
}
@media screen and (max-width:520px) {
	.applyBtn a { font-size: 2em; }	
}
@media screen and (min-width: 991px) {
	.applyBtn{ margin-top:70px;	}	
	.applyBtn a { font-size: 2.6em; }
	.applyBtn a span { padding:0 70px 0 0; }
	.applyBtn a span:after { bottom:-12px; width: 72px; height: 82px; }		
}


/** achiList **/
#achiList{
	width: calc(50% - 5px);
	background:#c0cce3;
	border-radius:10px;
	padding:15px 16px 15px 14px;
	box-sizing:border-box;		
}
#achiList h3{
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.5em;
	margin:10px auto 25px;
	text-align:center;
}
#achiList ul{
	display:block;
	list-style:none;
}
#achiList ul li{
	position:relative;
	width:50%;
	padding:2px 12px;
	box-sizing:border-box;
	margin-bottom:20px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#achiList ul li a:focus{
	display:inline-block;
	width:100%;
	height:100%;	
}
#achiList ul li a .picBox{
	position:relative;		
	box-sizing:border-box;
	overflow:hidden;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);								
}
#achiList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:66.66%;
	overflow:hidden;						
}
#achiList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/nopic.jpg);
    background-position: center !important;
    background-size: cover;
    background-color: #f5f1e9;
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#achiList ul li a:hover .photo span,
#achiList ul li a:focus .photo span{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);	
}
#achiList ul li a .photo:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.4s;
}	
#achiList ul li a:hover .photo:after,
#achiList ul li a:focus .photo:after{
	opacity:1;
}
#achiList ul li a .picBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:68px;
	height:50px;
	background:url(../images/icon-play.svg) center no-repeat;
	z-index:3;	
}
#achiList ul li a:hover .picBox .cover,
#achiList ul li a:focus .picBox .cover{
	background:url(../images/icon-play-ov.svg) center no-repeat;	
}
#achiList ul li a strong{
	display:block;
	width:100%;
	color:#4d4d4d;
	font-size:1.5em;	
	font-weight:normal;
	line-height: 1.3;
	margin-top:10px;			
}
#achiList ul li a:hover strong,
#achiList ul li a:focus strong {
	color:#d6004c;
}
/* .counseling */
#achiList.counseling{ background:#bbe8e4; }
#achiList.counseling ul li{ width:25%; padding:2px 10px; }
#achiList.counseling ul li a .photo{ padding-bottom:140%; }
#achiList.counseling ul li a .photo:after{
	background: linear-gradient(to top,  rgba(255,255,255,1) 5%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
	opacity:1;
}
#achiList.counseling ul li a:hover .photo:after,
#achiList.counseling ul li a:focus .photo:after{
	opacity:0;
}
@media screen and (max-width:520px) {
	#achiList{ width: 100%; }
	#achiList h3{ font-size:2.1em; }	
	#achiList.counseling{ margin-top:10px; }	
}


/* slick-prev | slick-next */
#videoList .slick-prev,
#videoList .slick-next,
#guideList .slick-prev,
#guideList .slick-next {	
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	border-radius:100%;
	background:rgba(0,0,0,.3);
	transition:all 0.5s ease;
	transition:all 1s;	
	z-index:10;
	overflow:hidden;
	top:100%;
}
#videoList .slick-prev,
#guideList .slick-prev { left: calc(50% - 50px); }
#videoList .slick-next,
#guideList .slick-next { right:calc(50% - 50px); }
#guideList .slick-prev, #guideList .slick-next { top:120%; }
#videoList .slick-prev:hover,
#videoList .slick-next:hover,
#videoList .slick-prev:focus,
#videoList .slick-next:focus,
#guideList .slick-prev:hover,
#guideList .slick-next:hover,
#guideList .slick-prev:focus,
#guideList .slick-next:focus {
	background:rgba(0,0,0,1);
}
#videoList .slick-prev:focus,
#videoList .slick-next:focus,
#guideList .slick-prev:focus,
#guideList .slick-next:focus {	
	outline:2px dashed #FF6600 !important;
}
#videoList .slick-prev:before,
#videoList .slick-next:before,
#guideList .slick-prev:before,
#guideList .slick-next:before {
	display:none;
}
#videoList .slick-prev span,
#videoList .slick-next span,
#guideList .slick-prev span,
#guideList .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	-webkit-mask-image:url(../images/slick-arrow.svg);
			mask-image:url(../images/slick-arrow.svg);
	-webkit-mask-size:cover;		
			mask-size:cover;		
	background-color:#fff;
}
#videoList .slick-next span,
#guideList .slick-next span {
	transform: rotateY(180deg);	
}
#videoList .slick-prev:hover span,
#videoList .slick-next:hover span,
#videoList .slick-prev:focus span,
#videoList .slick-next:focus span,
#guideList .slick-prev:hover span,
#guideList .slick-next:hover span,
#guideList .slick-prev:focus span,
#guideList .slick-next:focus span {
	background-color:#fff45c;			
}


/* slick-prev | slick-next */
#achiList .slick-prev,
#achiList .slick-next {	
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	border-radius:100%;
	background:rgba(255,255,255);
	transition:all 0.5s ease;
	transition:all 1s;	
	z-index:10;
	overflow:hidden;
	top:-35px;
}
#achiList .slick-prev { left: 10px; }
#achiList .slick-next { right:10px; }
#achiList .slick-prev:hover,
#achiList .slick-next:hover,
#achiList .slick-prev:focus,
#achiList .slick-next:focus {
	background:rgba(0,0,0,1);
}
#achiList ul .slick-prev:focus,
#achiList ul .slick-next:focus {	
	outline:2px dashed #FF6600 !important;
}
#achiList .slick-prev:before,
#achiList .slick-next:before {
	display:none;
}
#achiList .slick-prev span,
#achiList .slick-next span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	-webkit-mask-image:url(../images/slick-arrow.svg);
			mask-image:url(../images/slick-arrow.svg);
	background-color:#0f3e8e;
}
#achiList .slick-next span {
	transform: rotateY(180deg);	
}
#achiList .slick-prev:hover span,
#achiList .slick-next:hover span,
#achiList .slick-prev:focus span,
#achiList .slick-next:focus span {
	background-color:#fff;			
}


/** fixTag **/
.fixTag {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size: 0.7rem;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 0 8px;
	background: #000;
	border-radius: 10px;
}
.fixTag span{
	position:relative;
	display:inline-block;
	padding:0 15px 0 0;	
}
.fixTag span::before,
.fixTag span::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:-4px;
	width:16px;
	height:16px;
	margin-top:-8px;
}
.fixTag span::before {
	background:url(../images/slick-arrow.svg);
	background-size:cover;
	transform: rotate(-90deg);
	z-index:2;		
}
.fixTag span::after {
	background:rgba(0,0,0,.5);
	border-radius: 100%;
	z-index:1;	
}
.fixTag.pdf,
.fixTag.PDF {
	background:#f44336;
}
.fixTag.odt,
.fixTag.doc,
.fixTag.docx,
.fixTag.ODT,
.fixTag.DOC,
.fixTag.DOCX {
	background:#0068b7;
}
.fixTag.ods,
.fixTag.xls,
.fixTag.xlsx,
.fixTag.ODS,
.fixTag.XLS,
.fixTag.XLSX {
	background:#378837;
}
.fixTag.odp,
.fixTag.ppt,
.fixTag.pptx,
.fixTag.ODP,
.fixTag.PPT,
.fixTag.PPTX {
	background:#FF6600;
}
.fixTag.rar,
.fixTag.RAR {
	background:#67005E;
}
.fixTag.zip,
.fixTag.ZIP {
	background:#6a3906;
}
a:hover .fixTag,
a:focus .fixTag {
	background:#d60000;
}


/*---------------------------------------*/
/* -------------- 問題指南 -------------- */
/*--------------------------------------*/
#guideList {
	width:100%;
	background:#000;
	margin:50px auto;
}
#guideList .itemFaq{
	width: 50%;
}
#guideList .oneFaq {
	width:100%;
	height:auto;
	padding-bottom:100%;
	text-align:center;		
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;		
	transition:all .2s;
	background-color:#eee;
	position:relative;
}
#guideList .oneFaq a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
}
#guideList .oneFaq .overlay{
	width:100%;
	height:100%;
	margin:0 auto;
	background:rgba(0,0,0,.5);
	background:transparent\9\1;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px;
    box-sizing:border-box;
}
#guideList .oneFaq a:hover .overlay,
#guideList .oneFaq a:focus .overlay {
	background: none;
}
#guideList .oneFaq a h3 {
	display:inline-block;
	position:relative;
	color:#fff;	
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";	
	font-size:2.5em;
	transition:all 0.3s ease;
	box-sizing:border-box;
	padding:20px;
	border-radius: 30px;	
}
#guideList .oneFaq a:hover h3,
#guideList .oneFaq a:focus h3 {
	color:#fff45c;
	padding:15px 20px;		
	background:rgba(0,0,0,0.9);			
}
#guideList .oneFaq a h3::before {
	content:"";
	background:rgba(0,0,0,0.7);
	padding:0;
	position:absolute;
	left:0;
	top:50%;
	z-index:-1;
	transform:translate3d(0, -50%, 0);
	width:0;
	height:100%;
	transition:all 0.4s ease-in-out;
	border-radius: 30px;		
}
#guideList .oneFaq a:hover h3::before,
#guideList .oneFaq a:focus h3::before {
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);	
}
#guideList .oneFaq:hover,
#guideList .oneFaq:focus{
	box-shadow:0px 4px 20px rgba(0,0,0,.3);
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	z-index:2;
}


/** best **/
.best {
	background: url(../images/h-greenBg.png) no-repeat 50% 100%;
	background-size:100% auto;
	margin: 12vh auto 0;
	text-align:center;
}
.best .slogan {
	width:620px;
	display:flex;
	align-items: center;
	justify-content: center;	
	border-radius: 100px;
	padding: 15px 25px;
	box-sizing: border-box;
	margin:0 auto;
	background: #fff;		
	text-align: left;
}
.best .slogan .bestPic {
	width:135px;
}
.best .slogan h4 {		
	font-size: 2.2em;
	line-height: 1.5;
}
.best .slogan h4 span{
	display:block;
}
.best .actionFigure img{
	width:auto;
	height:auto;
}
@media screen and (max-width: 680px) {
	.best .slogan { width:90%;}
	.best .slogan h4 { font-size: 2em; }
	.best .slogan .bestPic { width:90px; margin-right:10px;}			
}
@media screen and (max-width: 600px) {
	.best .slogan h4 { font-size: 1.75em; }
	.best .slogan .bestPic { width:60px;}			
}
@media screen and (max-width: 500px) {
	.best .slogan { 
		padding: 12px 30px 15px;
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
	}	
	.best .slogan h4 { font-size: 1.6em; margin:5px 0 0 0; }
	.best .slogan h4 span{ display:inline-block;}	
	.best .slogan h4 span:after{ content:"，"; }
	.best .slogan .bestPic { margin-right:0;}
	.best .actionFigure img{ width: 50%; margin-top:-5px; }				
}
@media screen and (min-width: 991px) {
	.best { margin-top: 17vh; }
	.best .slogan { width:720px; padding: 25px 40px; }
	.best .slogan h4 { font-size: 2.5em; }
}


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


@media print {
	#banner .listshow .item {
		width:720px;
		height:360px;
	}
	#banner .listshow .item a .img {
		width:720px;
		height:360px;
		padding-bottom:0;
		background-size:auto 360px;
		background-position:50% 50%;
	}
	#banner .listshow .item .img img {
		display:none !important;
	}
	#banner .slick-prev,
	#banner .slick-next {
		display:none!important;
	}	
}
@charset "utf-8";

/** errorWrap **/
#errorWrap {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#errorWrap{
		display:flex;		
		align-items:center;
		height:100%;
	}
}


/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin:0 auto;
}
#errorPage .logo {
    display:block;
    width:345px;
	height:30px;
	background:url(../images/logo.png) no-repeat 0 50%;
	background-size:auto 30px;
	margin:20px auto;
}
#errorPage .errorBox {
	position:relative;
    width:100%;
	text-align:center;
    padding:50px 0;
	box-sizing:border-box;
    margin:0 auto;
	background:#8cbe41; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #8cbe41 0%, #1b9282 50%, #095fa4 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #8cbe41 0%,#1b9282 50%,#095fa4 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #8cbe41 0%,#1b9282 50%,#095fa4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbe41', endColorstr='#095fa4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size:cover;
}
#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 {
    color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:4.3em;
	margin:0 0 10px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox h3 {
	color:#FFF;
	font-size:2.1em;
	margin:10px 0 25px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p {
	color:#FFF;
	font-size:1.9em;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#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:300px;
    color:#000;
    font-size:1.7em;
	padding:10px 0;
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:5px;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#000;
}
#errorPage .mark {
	text-align:center;
	margin-top:1rem;
}
#errorPage .mark a {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
#errorPage .wd {
	text-align:center;
	margin-top:1rem;
}
#errorPage .wd p {
	color:#000;
	font-size:1rem;
	line-height:165%;
	margin:0;
}
#errorPage .wd p strong {
    font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.2rem;
}
#errorPage .wd p span {
	display:inline-block;
	margin:0 10px;
}
@media screen and (max-width:480px) {
	#errorPage .logo {
		width:210px;
		height:30px;
		background:url(../images/logo_mobile.png) no-repeat 0 50%;
		background-size:auto 30px;
	}
	#errorPage .errorBox h2 {
		font-size:3.9em;
	}
	#errorPage .errorBox h3 {
		font-size:1.7em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo {
		width:460px;
		height:40px;
		background-size:auto 40px;
		margin:30px auto;
	}
	#errorPage .errorBox {	
		padding:60px 0;
	}	
	#errorPage .errorBox .acKey {
		top:30px;
		left:50%;
		margin-left:-450px;
	}
	#errorPage .errorBox h2 {
		font-size:4.9em;
	}
	#errorPage .errorBox h3 {
		font-size:2.1em;
	}
}
@media screen and (min-width:1200px) {
	#errorPage .logo {
        width:575px;
		height:50px;
		background-size:auto 50px;
    }
	#errorPage .errorBox h2 {
		font-size:5.9em;
	}
	#errorPage .errorBox h3 {
		font-size:2.7em;
	}
}


.ui-widget,
.ui-datepicker {
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif !important;
    font-size:1rem !important;
	z-index:2 !important;
}


/** comMain **/
#comMain {
	position:relative;
	width:100%;
	height:100px;
	margin:0 auto;
	box-sizing:border-box;
	background-position:50% 50%;	
	background-size:cover;
	margin-top:60px;
}
#comMain.cm1 { background-image:url(../images/com-main1.jpg); }
#comMain.cm2 { background-image:url(../images/com-main2.jpg); }
#comMain.cm3 { background-image:url(../images/com-main3.jpg); }
#comMain.cm4 { background-image:url(../images/com-main4.jpg); }
#comMain.cm5 { background-image:url(../images/com-main5.jpg); }
#comMain .unitName{
	position:absolute;
	bottom:-0.45em;
	left:20px;
}
#comMain h2 {	
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:1.8em;	
	color:#FFF;
	text-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
#comMain h2 span {
	line-height:1.55;
	font-weight:lighter;	
}
#comMain h2 strong {	
	font-size: 245%;
	letter-spacing: 0.2em;
	vertical-align: bottom;		
}
@media screen and (max-width:480px) {
	#comMain { background-position:60% 50%;}
	#comMain h2 strong { font-size: 200%; }
}
@media screen and (max-width:340px) {
	#comMain { background-position:62% 50%;}
	#comMain h2 { font-size:1.7em; }	
}
@media screen and (min-width:991px) {
	#comMain .unitName{ left:50%; margin-left:-495px; }
	#comMain { margin:0; height:0; padding-bottom:10.4%; }	
	#comMain h2 { font-size:1.6vw; text-shadow: none; }	
}
@media screen and (min-width:1200px) {
	#comMain .unitName{ margin-left:-600px; bottom:-0.6em; }	
	#comMain h2 { font-size:1.8vw; }
}
@media screen and (min-width:1600px) {
	#comMain .unitName{ margin-left:-600px; bottom:-0.8em; }		
}


/** breadcrumbs **/
#breadcrumbs {
	position:absolute;
	top:15px;	
	padding:5px 12px;
	box-sizing:border-box;
	background:rgba(0,0,0,.2);	
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;		
}
#breadcrumbs.noteVerH {
	margin:80px 0 0 75px;
}
#breadcrumbs ul {
	list-style:none;
}
#breadcrumbs ul li {
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:1.3em;
	line-height:135%;
	padding-left:20px;
}
#breadcrumbs ul li:first-child {
	padding-left:0;
}
#breadcrumbs ul li:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:4px;
    top:50%;
    width:6px;
    height:6px;
    border-left:1px solid rgba(255,255,255,.5);
    border-bottom:1px solid rgba(255,255,255,.5);
	margin-top:-3px;
    z-index:2;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#breadcrumbs ul li:first-child:before{
	display:none;
}
#breadcrumbs ul li a {
	position:relative;
	display:block;
	color:#fff;
}
#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus {
	color:#fff45c;
}
#breadcrumbs ul li a.bread-home {
	position:relative;
	padding-left:22px;
}
#breadcrumbs ul li a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-image:url(../images/icon-home.svg);
			mask-image:url(../images/icon-home.svg);
	-webkit-mask-size:14px 14px;
			mask-size:14px 14px;		
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;			
}
#breadcrumbs ul li a.bread-home:hover:before,
#breadcrumbs ul li a.bread-home:focus:before {
	background-color:#fff45c;
}
@media screen and (max-width:480px) {
	#breadcrumbs.noteVerH {
		margin:80px 0 0 0;
	}
}
@media screen and (min-width:991px) {
	#breadcrumbs { top:18px; padding:8px 16px; }
	#breadcrumbs.noteVerH { margin:15px 0 15px 70px; }	
}
@media screen and (min-width:1200px) {
	#breadcrumbs { top:25px; }
}
@media screen and (min-width:1561px) {
	#breadcrumbs.noteVerH { margin:30px 0; }
}


/** postShare **/
#postShare{
	display:flex;
	align-items:center;
}
@media screen and (max-width:640px) {
	.postShare {
		/*justify-content:flex-end;*/
		padding-top:15px;
		padding-left:15px;
		display:block;
		background:#fff;
	}
}
/* ----- printBtn ----- */
.printBtn {
	position:relative;
	display:inline-block;
    width:50px;
    height:50px;
	border-left:1px solid rgba(255,255,255,0.3);
	box-sizing:border-box;
}
.printBtn::before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:21px;
	height:21px;
	margin:-10.5px 0 0 -10.5px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-image:url(../images/icon-print.svg);
			mask-image:url(../images/icon-print.svg);
	-webkit-mask-size:21px 21px;
			mask-size:21px 21px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.printBtn:hover:before,
.printBtn:focus span:before {
	background-color:#fff45c;
}
@media screen and (max-width:640px) {
	.printBtn {
		width:45px;
		height:45px;
		display:block;
		border:1px solid #ddd;
		margin-right:5px;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
		z-index: 2;		
	}
	.printBtn::before,
	.printBtn:hover:before,
	.printBtn:focus span:before {
		background-color:#333;		
	}
	.printBtn:hover:before,
	.printBtn:focus span:before {
		-webkit-transform:rotate(360deg);
			-ms-transform:rotate(360deg);
				transform:rotate(360deg);
	}	
}
@media screen and (min-width:991px) {
	.printBtn{
		width:50px;
		height:50px;
		line-height:50px;
	}
	.printBtn::before {
		background-size:cover;
	}
}
@media screen and (min-width:1200px) {
	.printBtn{
		width:55px;
		height:55px;
		line-height:55px;
	}
}
@media screen and (min-width:1440px) {
	.printBtn{
		width:60px;
		height:60px;
		line-height:60px;
	}
}
/* ----- postshareBtn ----- */
.postshareBtn {
	position:relative;
	width:50px;
	border-left:1px solid rgba(255,255,255,0.3);
	box-sizing:border-box;
}
.postshareBtn > a {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
}
.postshareBtn > a span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
}
.postshareBtn > a span.open:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:21px;
	height:21px;
	margin:-10.5px 0 0 -10.5px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-image:url(../images/icon-share.svg);
			mask-image:url(../images/icon-share.svg);
	-webkit-mask-size:21px 21px;
			mask-size:21px 21px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.postshareBtn > a:hover span.open:before {
	background-color:#fff45c;
}
.postshareBtn > a.show span.open:before,
.postshareBtn > a:focus span.open:before {
	background-color:#FFF;
}
.postshareBtn > a.show span.close:before,
.postshareBtn > a.show span.close:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:23px;
	top:50%;
	left:50%;
	border:none;
	margin:-11.5px 0 0 -1px;
	background-color:#FFF;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.postshareBtn > a.show span.close:before {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
.postshareBtn > a.show span.close:after {
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.postshareBtn .postshareMenu {
	display:none;
	position:absolute;
	top:50px;
	right:0;
	list-style:none;
	z-index:1;
}
.postshareBtn .postshareMenu li {
	display:block;
	background:#FFF;
}
.postshareBtn .postshareMenu a {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	text-align:left;
	text-indent:-999px;
	border:1px solid #ddd;
	border-top:none !important;
	box-sizing:border-box;
	overflow:hidden;
}
.postshareBtn .postshareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:31px;
	height:31px;
	margin:-15.5px 0 0 -15.5px;
	-webkit-mask-size:31px 31px;
			mask-size:31px 31px;				
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.postshareBtn .postshareMenu a.icon-fb:before {
	background-color:rgba(8,102,255,1);
	-webkit-mask-image:url(../images/icon-FB.svg);
			mask-image:url(../images/icon-FB.svg);
}
.postshareBtn .postshareMenu a.icon-twitter:before {
	background-color:rgba(0,0,0,1);
	-webkit-mask-image:url(../images/icon-Twitter-X.svg);
			mask-image:url(../images/icon-Twitter-X.svg);
}
.postshareBtn .postshareMenu a.icon-line:before {
	background-color:rgba(1,185,1,1);
	-webkit-mask-image:url(../images/icon-LINE.svg);
			mask-image:url(../images/icon-LINE.svg);
}
.postshareBtn .postshareMenu a:hover:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (max-width:640px) {
	.postshareBtn{ width:45px;}
	.postshareBtn .postshareMenu{
		display:flex !important;
		align-items:center;
		position:relative;
		top:auto;
		left:auto;
	}
	.postshareBtn > a { display:none;}
	.postshareBtn .postshareMenu li + li {
		margin:0 0 0 5px;
	}
	.postshareBtn .postshareMenu a {
		width:45px;
		height:45px;		
		border:1px solid #ddd !important;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
	}
	.postshareBtn .postshareMenu a:before {
		width:26px;
		height:26px;
		margin:-13px 0 0 -13px;
		-webkit-mask-size:26px 26px;
				mask-size:26px 26px;
	}	
}
@media screen and (min-width:991px) {
	.postshareBtn {
		width:50px;
	}
	.postshareBtn > a {
		width:50px;
		height:50px;
	}
	.postshareBtn .postshareMenu {
		top:50px;
	}
	.postshareBtn .postshareMenu a {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1200px) {
	.postshareBtn {
		width:55px;
	}
	.postshareBtn > a {
		width:55px;
		height:55px;
	}
	.postshareBtn .postshareMenu {
		top:55px;
	}
	.postshareBtn .postshareMenu a {
		width:55px;
		height:55px;
	}
}
@media screen and (min-width:1440px) {
	.postshareBtn {
		width:60px;
	}
	.postshareBtn > a {
		width:60px;
		height:60px;
	}
	.postshareBtn .postshareMenu {
		top:60px;
	}
	.postshareBtn .postshareMenu a {
		width:60px;
		height:60px;
	}	
}


/** asideNav **/
#asideNav {
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:2;
	box-sizing:border-box;
	background:#2baea2; 
	background:-moz-linear-gradient(top, #2baea2 0%, #0f3f8f 100%);
	background:-webkit-linear-gradient(top, #2baea2 0%, #0f3f8f 100%);
	background:linear-gradient(to bottom, #2baea2 0%, #0f3f8f 100%); 
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;		
}
#asideTitle {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	height:105px;	
	width:100%;
}
#asideTitle:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    margin-left: -6px;	
}
#asideTitle .sideNav {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
#asideTitle h2 {
	display: flex;
	width: 100%;
	font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color: #FFF;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	letter-spacing: 0.02em;	
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#asideTitle h2 span {
	font-size: 66%;
	font-weight:lighter;
	margin-bottom:5px;
}
@media screen and (min-width:991px) {
	#asideNav {
		position:relative;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;		
	}	
	#asideTitle h2 {
		font-size:3em;
	}
}
@media screen and (min-width:1200px) {
	/*#asideTitle {
		height:100px;
		-webkit-border-radius:20px 20px 0 0;
		   -moz-border-radius:20px 20px 0 0;
				border-radius:20px 20px 0 0;
	}
	#asideTitle h2 {
		font-size:3em;
	}*/
}


/** asideMenu **/
#asideMenu {
	margin:10px auto 3px;
	width:100%;	
	padding:12px;
	box-sizing:border-box;	
}
#asideMenu > ul {
	list-style:none;
}
#asideMenu > ul > li {
	position:relative;
	width:100%;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;
	color:#FFF;
	font-size:1.7em;
	line-height:135%;
	padding:15px 40px 15px 15px;
	box-sizing:border-box;
}

@media screen and (min-width:991px) {
	#asideMenu {
		display:block;
	}
	#asideMenu > ul > li {
		display:inline-block;
		border:none;
		box-sizing:border-box;			
	}
	#asideMenu > ul > li > a {
		font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
		color:#fff;
		padding:8px 20px;
		box-sizing:border-box;
		margin-bottom:5px;
		text-align:center;
	}
	#asideMenu > ul > li > a:hover,
	#asideMenu > ul > li > a:focus {
		color:#fff45c;
		background:rgba(0,0,0,.3);
		border-radius:30px;		
	}
	#asideMenu > ul > li.unit-now > a,
	#asideMenu > ul > li.unit-now > a.dropBtn.open {
		color:#000;
		background:#fff;
		border-radius:30px;
	}
	#asideMenu > ul > li > a:after {
		content: '';
		display: block;
		position: absolute;
		top:16px;
		right:10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 3px 3px 6px;
		border-color: transparent;
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s						
	}
	#asideMenu > ul > li > a:hover:after,
	#asideMenu > ul > li > a:focus:after {
		border-left-color: #fff45c;
	}
	#asideMenu > ul > li.unit-now > a:after,
	#asideMenu > ul > li.unit-now > a.dropBtn.open:after {
		border-left-color: #0e3e8e;
	}
	#asideMenu > ul > li > a.dropBtn.open:after {
		background:#fff;
		top:25px;
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
}


/** 左側選單 第二層 **/
@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.7em;
		font-weight:bold;
		text-align:left;
		padding:15px 15px 15px 40px;
		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:5px;
		height:5px;
		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:90%;
		list-style:none;
		background:#FFF;
		margin:-10px auto 10px;
	}
	#asideMenu > ul > li > ul > li {
		display:block;
		border-bottom:1px solid #efefef;	
	}
	#asideMenu > ul > li > ul > li:last-child {
		border-bottom:none;	
	}
	#asideMenu > ul > li > ul > li a {
		position:relative;
		display:block;
		color:#000;
		font-size:1.7em;
		font-weight:bold;
		line-height:135%;
		text-align:left;
		padding:12px 12px 12px 27px;
		box-sizing:border-box;
		z-index:0;
	}
	#asideMenu > ul > li > ul > li a:hover,
	#asideMenu > ul > li > ul > li a:focus {
		color:#D60000;
	}
	#asideMenu > ul > li > ul > li.unit-now a {
		color:#556fb5;
	}
	#asideMenu > ul > li > ul > li a:before {
		content:"";
		display:block;    
		position:absolute;
		left:13px;
		top:21px;
		width:5px;
		height:5px;
		background:#000;
		-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:#D60000;
	}
	#asideMenu > ul > li > ul > li.unit-now a:before {
		background:#556fb5;
	}
}
@media screen and (min-width:1440px) {
	#asideMenu > ul > li > ul > li a {
		padding:15px 15px 15px 30px;
	}
	#asideMenu > ul > li > ul > li a:before {
		left:15px;
		top:24px;
	}
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;
	padding:20px 20px 60px 20px;
	background:#FFF;
	box-sizing:border-box;
	margin:0 auto;
}
#comPage img {
	max-width:100%;
	height:auto;
}
#comPage .acKey {
	position:absolute;
	margin-top:-15px;
	z-index:2;
}
#comPage .pageLeft,
#comPage .pageRight {
	position:relative;
	width:100%;
}
@media screen and (max-width:990px) {
	#comPage .pageLeft {
		display:none;
	}
}
@media screen and (min-width:991px) {
	#comPage {
		padding:45px 0 100px;
	}
	#comPage .pageLeft {
		float:left;
		width:200px;
	}
	#comPage .pageRight {
		float:right;
		width:calc(100% - 250px);
	}
}
@media screen and (min-width:1200px) {
	#comPage {
		padding:55px 0 120px;
	}
}



/* ----- titHead ----- */
.titHead {
	width:100%;
	border-bottom: solid 1px #c8c9ca;
	/*margin-bottom:20px;*/
	padding-bottom:20px;
}
.titHead h2 {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.4em;
	line-height:135%;
	font-weight:bold;
	color:#0e3e8e;
}
.titHead.inside h2 {
	font-size:2em;
	color:#000;
}
@media screen and (max-width:420px) {
	.titHead h2 { font-size:2.1em; }
	.titHead.inside h2 { font-size:1.75em; }		
}
@media screen and (min-width:991px) {
	.titHead h2 { font-size:2.7em; }
	.titHead.inside h2 { font-size:2.25em; }		
}
@media screen and (min-width:1200px) {
	.titHead h2 { font-size:3em; }
	.titHead.inside h2 { font-size:2.5em; }	
}


/** searchCriteria **/
#searchCriteria {
	position:relative;
	width:100%;
	text-align:center;
	letter-spacing:-9px;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	border-bottom:solid 1px #c8c9ca;
}
#searchCriteria .searchform {
	margin:-5px;
}
#searchCriteria .sbox {
	position:relative;	
	display:inline-block;
	width:calc(100% - 10px);
	vertical-align:top;
	margin:1px;	
}
#searchCriteria .sbox.sb1 {
	width:calc(60% - 10px);
}
#searchCriteria .sbox.sb2{
	width:calc(40% - 10px);	
}
#searchCriteria .sbox.sb3{
	width:calc(50% - 35px);
}
#searchCriteria .sbox.sb4{
	width:50px;
}
#searchCriteria input[placeholder]{ color:#000; }
#searchCriteria input::-webkit-input-placeholder { color:#000; }
#searchCriteria input:-moz-placeholder { color:#000; }
#searchCriteria input::-moz-placeholder { color:#000; }
#searchCriteria input:-ms-input-placeholder { color:#000;}

#searchCriteria input:focus {
	color:#e65000;
	border:none;
}
#searchCriteria .listBar {
	display:inline-block;
	width:100%;
	height:40px;	
	color:#333;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:40px;
	letter-spacing:0;	
	cursor:pointer;
	text-indent:0.01px;
	padding:0 15px;
	border:solid 1px #eee;
	box-sizing:border-box;
	background:#f7f7f7 url(../images/select-bg.svg) no-repeat right;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
	vertical-align:top;
	-webkit-border-radius:30px;
       -moz-border-radius:30px;
            border-radius:30px;
}
#searchCriteria .listBar:focus {
	color:#e65000;
	border:none;
	background:#f7f7f7 url(../images/select-bg-on.svg) no-repeat right;
}
#searchCriteria .listBar option {
	color:#000;
	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:100%;
	height:40px;
	color:#333;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:40px;
	letter-spacing:0;
	padding:0 15px;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
	background:#f7f7f7;
	margin-right:10px;
	border-radius:30px;
	border:solid 1px #eee;
}
#searchCriteria .search-query:focus {
	color:#e65000;
}
#searchCriteria .search-btn {
	position:absolute;
	right:5px;
	top:5px;
	display:inline-block;	
	width:30px;
	height:30px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#2aada1;
	-webkit-border-radius:50%;
       -moz-border-radius:50%;
            border-radius:50%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#searchCriteria .search-btn span {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:16px;
	height:16px;
	margin:-8px 0 0 -8px;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
#searchCriteria .search-btn span::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:-1px;
	height:14px;
	width:14px;
	border:2px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#searchCriteria .search-btn span::after {
	position:absolute;
	display:block;
	content:'';
	left:10px;
	top:12px;
	width:6px;
	height:2px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background:#000;
}
@media screen and (max-width:360px) {
	#searchCriteria .sbox {margin:3px;}	
	#searchCriteria .sbox.sb1,
	#searchCriteria .sbox.sb2 {width:calc(100% - 10px);}
}
@media screen and (min-width:1200px) {
	#searchCriteria {
		position:absolute;
		top:5px;
		right:0;	
		width:50%;
		margin:0 auto;
		padding-bottom:0;
		border-bottom:none;					
	}				
}


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

/** video-wrapper **/
.video-wrapper {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/** pic_left **/
.pic_left {
	float:left;
	width:40%;
	text-align:center;
	margin:0 20px 0 0;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:640px) {
	.pic_left {
		width:45%;
	}
}
@media screen and (max-width:420px) {
	.pic_left {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	width:40%;
	text-align:center;
	margin:0 0 0 20px;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:640px) {
	.pic_right {
		width:45%;
	}
}
@media screen and (max-width:420px) {
	.pic_right {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}

/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	margin:15px auto 0 auto;
}
.pageWord .en{
	font-size:90%;
	color:#333;
}
.pageWord img {
	max-width:100%;
	height:auto !important;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:1em 0 1em 1.5em;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
    counter-increment: my-counter;
	list-style: none;	
    text-indent: -1.5em;
}
.pageWord li ol li::before {
	content: "("counter(my-counter) ")";
	margin-right:5px;
}
.pageWord .stit,
.pageWord .stit.label {
	position:relative;
	color:#0e3e8e;
	font-size:1.2rem;
	font-weight:bold;
	line-height:135%;
}
.pageWord .stit.label{
	font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:1.2rem;
	padding-left:32px;
}
.pageWord .stit.label:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:3px;
    width:22px;
    height:22px;
    z-index:1;
	border:2px solid #0e3e8e;
	background-size:auto 70%;	
	border-radius:30px;
	box-sizing:border-box;
}
.pageWord .stit.label:after {
    content:"";
    display:block;
    position:absolute;
    left:8px;
	top:12px;
    width: 0;
    height: 0;
    z-index:1;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #0e3e8e transparent transparent transparent;
}
.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 h3 + p{
	margin:1.2em auto
}
.pageWord p + .stit:last-child,
.pageWord .stit + p:last-child,
.pageWord p + p:last-child {
	margin-bottom:0;
}
.pageWord > h3{ font-size:1.25em;}
.pageWord table {
	font-size:1rem;
	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:#000;
	padding:15px 5px;
	vertical-align:middle;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.pageWord .videoBox {
	width:100%;
}
.pageWord .videoBox span{
	position:relative;
	overflow:hidden;
	padding-bottom:56.25%;
	height: 0;
	max-width: 100%;
	width:100%;
	display:block;
	border-radius:20px;	
}
.pageWord .videoBox span iframe,
.pageWord .videoBox span object,
.pageWord .videoBox span embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:480px) {
	.pageWord .videoBox span{
		border-radius:10px;	
	}		
}
@media screen and (min-width:991px) {	
	.pageWord {
		font-size:1.8em;
		margin-top:30px;
	}
	.pageWord .stit,
	.pageWord .stit.label{
		font-size:1.3rem;
	}
	.pageWord .stit.label{
		padding-left:32px;
	}
	.pageWord .stit.label:before {
		width:25px;
		height:25px;
	}
	.pageWord .stit.label:after {
		left:10px;
		top:14px;
		border-width: 5px 3px 0 3px;
	}
	.pageWord .videoBox span{
		border-radius:30px;	
	}	
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	display:block;
	width:100%;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.55em;
	font-weight:bold;
	margin-bottom:5px;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding:12px 15px 12px 42px;
}
.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.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; }
	.pageBot .tit {
		font-size:3em;
		margin-bottom:15px;
	}
	.pageBot .tit span:before,
	.pageBot .tit span::after{
		width:40px;
		height:40px;
		margin-top:-18px;
	}
	.pageBot .tit span { padding-left:50px; }
}


/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
#gallery ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
#gallery ul li {
	display:inline-block;
	width:33.3333%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	position:relative;	
	display:inline-block;
	width:100%;	
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#D60000;
}
#gallery figure {
	margin:0;
}

#gallery figure .photo {
	position:relative;
	width:100%;
	padding-bottom:100%;
	border-radius:10px;	
	overflow:hidden;
	background-color:#f2f2f2;
}
#gallery figure .photo img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*object-fit: contain;*/
	object-position: center; 
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;  				
}
#gallery a:hover figure .photo img,
#gallery a:focus figure .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);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	/*font-weight:bold;*/
	text-align:center;
	margin-top:10px;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	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:480px) {
	#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:25%;
	}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	margin:0 auto;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	margin-bottom:10px;
}
.dnLink ul li:last-child {
	margin-bottom:0;
}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	box-sizing:border-box;
	align-content:center;
	padding:15px;
	background:#d5efec;
	border-radius:10px;
}
.dnLink ul li a:hover,
.dnLink ul li a:focus{
	background-color:#e6f5f2;
}
.dnLink .labe,
.dnTable td .labe,
ul.tabletolist > li > ul > li .labe{
	position:relative;
    width:50px;
    height:50px;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	/*background:#000;*/
}
.dnTable td .labe{
	margin:0 auto;
}
.dnLink .labe:before,
.dnTable td .labe:before,
ul.tabletolist > li > ul > li .labe:before {
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:50px;
	height:50px;
	box-sizing:border-box;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	-webkit-mask-size:50px 50px;
			mask-size:50px 50px;
	-webkit-mask-image:url(../images/dnLink-icon.svg);
			mask-image:url(../images/dnLink-icon.svg);
}
.dnLink .labe span ,
.dnTable td .labe span,
ul.tabletolist > li > ul > li .labe span{
	position:absolute;
	right:4px;
	bottom:10px;
	width:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;	
}
.dnTable td .labe span{
	font-size:0.7em;
	bottom:6px;	
}
ul.tabletolist > li > ul > li .labe span{
	font-size:0.7em;
	bottom:12px;	
}/*
.dnLink .labe.pdf,
.dnTable td .labe.pdf,
ul.tabletolist > li > ul > li .labe.pdf {
	background:#a40000;
}
.dnLink .labe.odt,
.dnLink .labe.doc,
.dnLink .labe.docx,
.dnTable td .labe.odt,
.dnTable td .labe.doc,
.dnTable td .labe.docx,
ul.tabletolist > li > ul > li .labe.odt,
ul.tabletolist > li > ul > li .labe.doc,
ul.tabletolist > li > ul > li .labe.docx{
	background:#0068b7;
}
.dnLink .labe.ods,
.dnLink .labe.xls,
.dnLink .labe.xlsx,
.dnTable td .labe.ods,
.dnTable td .labe.xls,
.dnTable td .labe.xlsx,
ul.tabletolist > li > ul > li .labe.ods,
ul.tabletolist > li > ul > li .labe.xls,
ul.tabletolist > li > ul > li .labe.xlsx{
	background:#348734;
}
.dnLink .labe.odp,
.dnLink .labe.ppt,
.dnLink .labe.pptx,
.dnTable td .labe.odp,
.dnTable td .labe.ppt,
.dnTable td .labe.pptx,
ul.tabletolist > li > ul > li .labe.odp,
ul.tabletolist > li > ul > li .labe.ppt,
ul.tabletolist > li > ul > li .labe.pptx{
	background:#FF6600;
}
.dnLink .labe.rar,
.dnTable td .labe.rar,
ul.tabletolist > li > ul > li .labe.rar{
	background:#67005E;
}
.dnLink .labe.zip,
.dnTable td .labe.zip,
ul.tabletolist > li > ul > li .labe.zip{
	background:#6a3906;
}
.dnLink a:hover .labe,
.dnLink a:focus .labe,
.dnTable td a:hover .labe,
.dnTable td a:focus .labe,
ul.tabletolist > li > ul > li a:hover .labe,
ul.tabletolist > li > ul > li a:focus .labe{
	background:#D60000;
}*/


.dnLink dl {
	display:flex;
	width:calc(100% - 60px);
    justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt {
	color:#000;
	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:#D60000;
}
.dnLink dd {
	color:#333333;
	font-size:1.3em;
	line-height:135%;
	margin-top:3px;
}
.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:#333333;
}
@media screen and (max-width:480px) {	
	.dnLink dd {margin-top:0;}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}
@media screen and (min-width:991px) {	
	.dnLink ul li a {
		padding:20px;
	}
	.dnLink dt {
		font-size:2.1em;
	}
	.dnLink dd {
		font-size:1.5em;
	}
}


/** dnTable **/
.dnTable {
	width:100%;
	border-collapse:collapse;
	margin-top:15px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #CCC;
	border-radius: 10px;		
}
.dnTable th {
	color:#FFF;
	font-size:1.7em;
	line-height:150%;
	padding:15px 5px;
	border-style: hidden;	
	box-shadow: 0 0 0 1px #CCC;
	background:#000;
	vertical-align:middle;
	box-sizing:border-box;
}
.dnTable th:nth-child(1) { border-radius: 10px 0 0 0; }
.dnTable th:nth-child(2), .dnTable th:nth-child(3) { border-radius: 0; }
.dnTable th:nth-child(4) { border-radius: 0 10px 0 0; }
.dnTable th.w10 {
	width:14%;
}
.dnTable th.w12 {
	width:15%;
}
.dnTable td {
	color: #333;
	font-size:1.7em;
	line-height:135%;	
	text-align:center;
	vertical-align:middle;
	padding:10px 5px;
	border:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
	word-break:break-all;
	box-sizing:border-box;
}
.dnTable td.file-name {
    font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	color:#000;
	text-align:left;
	padding:10px;
	font-weight:bold;
	font-size:1.9em;	
}
.dnTable td a {
	background:#D40000;
}
.dnTable tr:hover,
.dnTable tr:focus {
	background:#f5f1e9;
}
@media screen and (max-width:780px) {
	.dnTable td {
		font-size:1.5em;
	}
	.dnTable td.file-name {
		width:55%;
		padding:15px 10px;
	}
	.dnTable th:nth-of-type(2),
	.dnTable th:nth-of-type(3),
	.dnTable th:nth-of-type(4),	
	.dnTable td:nth-of-type(2),
	.dnTable td:nth-of-type(3),
	.dnTable td:nth-of-type(4) {
		width:15%;
	}
}
@media screen and (max-width:480px) {

}
@media screen and (min-width:991px) {
	.dnTable th {
		font-size:1.9em;		
		padding:20px 5px;
	}
	.dnTable th.w10 {
		width:100px;
	}
	.dnTable th.w12 {
		width:110px;
	}
	.dnTable td.file-name {
		font-size:2.1em;
	}
}


/* ----- restable CSS ----- */
ul.tabletolist {
	margin:-20px 0;
}
ul.tabletolist img {
	max-width:100%
}
ul.tabletolist.nrh > li {
	border-bottom:2px solid #ddd
}
ul.tabletolist,
ul.tabletolist > li > ul {
	padding:0!important;
	list-style:none!important;
}
ul.tabletolist > li {
	margin:20px 0;
}
ul.tabletolist > li strong{
	color:#fff;
}
ul.tabletolist > li > ul {
	margin:0!important;
}
ul.tabletolist > li .titles {	
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background:#7CD8BE;
}
ul.tabletolist > li > ul > li {	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	padding:10px 0;
	margin:0;
	border-bottom:1px dotted #CCC;
	font-size:1.7em;
}
ul.tabletolist > li > ul > li:last-child {	
	border-bottom:none;
}
ul.tabletolist ul > li:nth-of-type(1) {
	color:#FFF;
	background:#000;
	border-radius: 5px;	
    font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
}
ul.tabletolist ul > li .row_headers {
	float:left;
	width:100px;	
	text-align:center;
	font-weight:400;
	padding:0 10px;
	box-sizing:border-box;
}
ul.tabletolist ul > li:nth-of-type(1) .row_headers {
	display:none;
}
ul.tabletolist ul > li .row_data {
	float:right;
	width:calc(100% - 100px);
	padding:0 10px;
	border-left:1px dashed #666;
	box-sizing:border-box;
	word-break: break-all;
}
ul.tabletolist ul > li:nth-of-type(1) .row_data {
	font-size:1.3rem;
	width:100% !important;
	color:#FFF;
	border-left:none;
}
ul.tabletolist ul > li .row_data .pic {
	display:inline-block;
	width:60px;
	vertical-align:middle;
	margin-right:10px;
}
ul.tabletolist ul > li .row_data .wd {
	display:inline-block;
	font-size:1rem;
	vertical-align:middle;
}
ul.tabletolist ul > li .row_data .wd strong {
	font-size:1.5rem;
}
#stripedTable ul.tabletolist ul > li .row_headers {
	width:120px;	
}
#stripedTable ul.tabletolist ul > li .row_headers span {
	display:block;
}
#stripedTable ul.tabletolist ul > li .row_data {
	width:calc(100% - 120px);
}
ul.tabletolist > li > ul > li {
	*zoom:1;
}
ul.tabletolist > li > ul > li:before {
	content:" ";
	display:none;
}
ul.tabletolist > li > ul > li:after {
	content:" ";
	display:none;
	clear:both;
}
ul.tabletolist ul > li .row_data.html ul {
	list-style-type:disc;
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0;
	margin:0 auto;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	margin-bottom:10px;
}
.getLink ul li:last-child {
	margin-bottom:0;
}
.getLink ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	border-radius:10px;	
	background:#e0e6f0;	
}
.getLink ul li a:hover,
.getLink ul li a:focus{
	background-color:#ebf0f5;
}
.getLink dl {
	position:relative;
	width:100%;
	padding-left:60px;
	box-sizing:border-box;
}
.getLink dl:before {
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:35px;
	height:35px;
	box-sizing:border-box;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	-webkit-mask-size:35px 35px;
			mask-size:35px 35px;
	-webkit-mask-image:url(../images/icon-getLink.svg);
			mask-image:url(../images/icon-getLink.svg);
	z-index:2;
}
.getLink dt {
	color:#000;
	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:#D60000;
}
.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 li a {
		padding:20px;
	}
	.getLink dt {
		font-size:2.1em;
	}
	.getLink dd {
		font-size:1.5em;
	}
}


/** page **/
#page{
	display:flex;
	width:100%;	
	flex-direction:column;
	margin:30px auto 0 auto;
}	
#page .total {
	width:100%;
	display:inline-block;
	color:#000;
	font-size:1.6em;
	text-align:center;
	line-height: 1.5;	
}
#page .total span{
	font-weight:bold;
	margin:0 5px;
	color:#D60000;
}
#page .total em {
	display:inline-block;
	width:25px;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background:#e7edef;
	vertical-align:middle;
	overflow:hidden;
	margin:0 15px;
}
#page .num .cur {	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	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:40px;
	height:40px;
	text-align:left;
	text-indent:-9999px;
	background:#e7edef;
	box-sizing:border-box;
	margin:0 10px 0 0;
	border-radius:50px;	
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:12px;
	margin:-6px 0 0 -5px;
	background:#000;	
	transition:all 0.4s;
	z-index:2;	
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	margin:-4px 0 0 -1px;
	transform:rotate(45deg);		
	transition:all 0.4s;
	z-index:2;	
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:left;
	text-indent:-9999px;
	background:#e7edef;
	box-sizing:border-box;
	margin:0 10px 0 0;
	border-radius:50px;	
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	margin:-4px 0 0 -3px;	
	transform:rotate(45deg);
	transition:all 0.4s;
	z-index:2;	
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:left;
	text-indent:-9999px;
	background:#e7edef;
	box-sizing:border-box;
	margin:0 0 0 10px;
	border-radius:50px;	
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:-4px -3px 0 0 ;	
	transform:rotate(45deg);
	transition:all 0.4s;
	z-index:2;	
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:left;
	text-indent:-9999px;
	background:#e7edef;
	box-sizing:border-box;
	margin:0 0 0 10px;
	border-radius:50px;	
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:1px;
	height:12px;
	margin:-6px -5px 0 0 ;
	background:#000;	
	transition:all 0.4s;
	z-index:2;	
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:-4px -1px 0 0;	
	transform:rotate(45deg);
	transition:all 0.4s;
	z-index:2;	
}
#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:#D60000;
}
#page .num a.btn-first:hover:before,
#page .num a.btn-first:focus:before,
#page .num a.btn-last:hover:before,
#page .num a.btn-last:focus:before{
	background-color:#fff;
}
#page .num a.btn-first:hover:after,
#page .num a.btn-first:focus:after,
#page .num a.btn-prev:hover:after,
#page .num a.btn-prev:focus:after,
#page .num a.btn-next:hover:after,
#page .num a.btn-next:focus:after,
#page .num a.btn-last:hover:after,
#page .num a.btn-last:focus:after{
	border-color:#fff;
}
@media screen and (max-width:480px) {
	#page .total em {
		display:block;
		width:0;
	}
}
@media screen and (min-width:991px) {
	#page {
		justify-content:space-between;
		flex-direction:column;
		align-items:center;
		margin-top:40px;
	}
	#page .total {
		font-size:1.7em;	
	}	
	#page:after {
		display:none;
	}
	#page .num {
		text-align:left;
		margin:30px 0 0;
	}
	#page .num a {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		text-align:center;
		line-height:40px;
		margin:3px;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#FFFF;
		background:#D60000;
	}
	#page .num .cur {
		display:inline-block;
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;		
		line-height:40px;
		text-align:center;
		background:#23847A;
		margin:3px;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				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:40px;
		height:40px;
		text-align:left;
		margin:3px;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
}



/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:40px auto 0 auto;	
}
#pageBack.mt {
	margin-top:20px;
}
#pageBack a {
	position:relative;
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	line-height:25px;
	padding:8px 25px;
	margin:0 auto;
	background:linear-gradient(135deg, #154199 0%, #25b7aa 100%); 
	border-radius:40px;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#D60000;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 30px 0 0;
}
#pageBack a span:before {
    content:"";
    display:block;
    position:absolute;
    right:11px;
    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;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#pageBack a span:after{
    content:"";
    display:block;
    position:absolute;
    right:0;
    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;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}
	#pageBack.mt {
		margin-top:30px;
	}		
}
@media screen and (min-width:1200px) {
	#pageBack {
		margin-top:60px;
	}
	#pageBack.mt {
		margin-top:40px;
	}
	#pageBack a {
		font-size:1.8em;
		line-height:30px;
		padding:10px 30px;
	}
	#pageBack a span {
		padding:0 30px 0 0;
	}
}


/* ----- asideBg ----- */
.asideBg {
	position:absolute;
	display:block;
	bottom:0;
    background: url(../images/sprouts.png) no-repeat 0 100%;
	background-size: contain;	
	opacity: .15;
	z-index:1;
}
.sprouts1 {
    left: -7vw;
    width: 485px;
    height: 485px;
    max-width: 25vw;
    max-height: 25vw;				
}
.sprouts2 {
    left: 11vw;
	bottom:-40px;
    width: 270px;
    height: 270px;	
    max-width: 14vw;
    max-height: 14vw;	
	opacity: .1;		
}
.sprouts3 {
    right: -3vw;
    width: 300px;
    height: 300px;
    max-width: 15.5vw;
    max-height: 15.5vw;			
}
@media screen and (max-width:990px) {
	.asideBg { display:none; }		
}


@media print {
	#comMain {
		margin-top:0!important;
	}
	#comBar,
	#topMenu {
		display:none!important;
	}
	#comPage {
		margin-top:0!important;
	}
	#comPage .pageLeft {
		display:none!important;
	}
	#articleBox .titHead h2{
		margin:0!important;
	}
	#articleBox .titHead h2::before {
		display:none!important;
	}
}

.body-font {
	font-size:19px;
}

.ui-datepicker {
	font-size: 1.1rem;
}
@charset "utf-8";

/* ----- newsList ----- */
.newsList {
	width:100%;
	margin: 0 auto;
}
.newsList ul {
	list-style:none;
}
.newsList li {
	position:relative;	
	display:block;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.newsList li a {		
	display:flex;
	align-items:center;
	width:100%;
	padding: 20px 0;
	box-sizing:border-box;
}
.newsList li a:hover,
.newsList li a:focus{
	/*background-color:#f7f7f7;*/
}
.newsList li .date {
	width:105px;
	height:105px;
	border:solid 1px #c3cfe3;
	background:#fff;
	border-radius:10px;
	color:#0e3e8e;
	font-size:2em;
	font-weight:bold;	
	line-height:1.2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
.newsList li a:hover .date,
.newsList li a:focus .date {
	background:#2aada1;
	border:solid 1px #2aada1;	
	color:#fff;
}
.newsList li .date em {
	font-style:normal;
}
.newsList li .date span{
	font-size:145%;	
}
.newsList li .txt {
	width:calc(100% - 105px - 15px);
	margin-left:15px;
}
.newsList li .txt strong {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	display:block;	
	width: 100%;
	font-size: 2.2em;
	line-height:1.5;	
	font-weight:normal;
	color: #000;
	margin-bottom:5px;
	overflow : hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsList li a:hover .txt strong,
.newsList li a:focus .txt strong {
	color:#2aada1;
	font-weight: bold;
}
.newsList li .txt p {
	display:block;
	width:100%;
	color:#4d4d4d;	
	font-size:1.5em;
	line-height:1.65;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}
@media screen and (max-width: 1200px) {
	.newsList li .date {
		width:90px;
		height:90px;
		border-radius:8px;
		font-size:1.7em;
	}
	.newsList li .txt { width:calc(100% - 90px - 15px); }
	.newsList li .txt strong { font-size: 2em; }		
}
@media screen and (max-width: 768px) {
	.newsList li a { padding: 15px 0; }				
}
@media screen and (max-width: 480px) {
	.newsList li a {		
		align-items: flex-start;
	}
	.newsList li .date {
		width:75px;
		height:75px;
		border-radius:6px;
		font-size:1.5em;
	}
	.newsList li .txt { width:calc(100% - 75px - 15px); }
	.newsList li .txt strong { font-size: 1.7em; margin-bottom:3px; text-overflow:initial; white-space: wrap; }
	.newsList li .txt p { font-size:1.4em; }				
}
@media screen and (max-width: 420px) {
	.newsList li .date {
		width:65px;
		height:65px;
		font-size:1.3em;
	}
	.newsList li .txt { width:calc(100% - 65px - 10px); }		
}


/* ----- infoWrap ----- */
.infoWrap { width:100%; }
.dataBot {
	font-size:1.5em;
	line-height:150%;
	color:#000;
}
.dataBot span {
	line-height:28px;
	margin-right:1.5em;
	display:inline-block;
	color:#666;
}
.fixTag {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-family: "PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size: 1.76em;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 8px;
	padding-left:14px;
	background: #000;
	border-radius: 25px;
}
.fixTag span{
	position:relative;
	display:inline-block;
	padding:0 30px 0 0;	
}
.fixTag span::before,
.fixTag span::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:-4px;
	width:28px;
	height:28px;
	margin-top:-14px;
}
.fixTag span::before {
	background:url(../images/slick-arrow.svg);
	background-size:cover;
	transform: rotate(-90deg);
	z-index:2;		
}
.fixTag span::after {
	background:rgba(0,0,0,.5);
	border-radius: 100%;
	z-index:1;	
}
.fixTag.pdf,
.fixTag.PDF {
	background:#f44336;
}
.fixTag.odt,
.fixTag.doc,
.fixTag.docx,
.fixTag.ODT,
.fixTag.DOC,
.fixTag.DOCX {
	background:#0068b7;
}
.fixTag.ods,
.fixTag.xls,
.fixTag.xlsx,
.fixTag.ODS,
.fixTag.XLS,
.fixTag.XLSX {
	background:#378837;
}
.fixTag.odp,
.fixTag.ppt,
.fixTag.pptx,
.fixTag.ODP,
.fixTag.PPT,
.fixTag.PPTX {
	background:#FF6600;
}
.fixTag.rar,
.fixTag.RAR {
	background:#67005E;
}
.fixTag.zip,
.fixTag.ZIP {
	background:#6a3906;
}
a:hover .fixTag,
a:focus .fixTag {
	background:#d60000;
}


/* ----- postList ----- */
.postList {
	position:relative;
	width:100%;
	margin:0 auto;
}
.postList ul { list-style:none; }
.postList ul li {
	width:100%;
	border-bottom:1px dashed #ccc;
}
.postList ul li strong {
	position:relative;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#000;
	font-size:1.9em;
    font-weight:bold;
	line-height:150%;
}
.postList ul li a {
	position:relative;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	display:inline-block;
}
/** .attr **/
.postList.attr ul li a,
.postList.picTxt ul li a {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
.postList.attr ul li a::before {
	content:"";
	display:block;
	width:70px;
	height:70px;
	border-radius:15px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:auto 80%;
	transition:all 0.4s ease;
}
.postList.attr ul li a.btn_read::before {
	background-color:#506bb3;
	background-image:url(../images/btn_read.svg);
}
.postList.attr ul li a.btn_link::before {
	background-color:#32a67f;
	background-image:url(../images/btn_link.svg);
}
.postList.attr ul li a.btn_dire::before {
	background-color:#345873;
	background-image:url(../images/btn_dire.svg);
}
.postList.attr ul li a.btn_down::before {
	background-color:#2190a6;	
	background-image:url(../images/btn_down.svg);
}
.postList.attr ul li a.btn_epaper::before {
	background-color:#0e3e8e;	
	background-image:url(../images/btn_epaper.svg);
}
.postList.attr ul li a:hover::before,
.postList.attr ul li a:focus::before,
.postList.picTxt ul li a:hover .photo span,
.postList.picTxt ul li a:focus .photo span {
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);
}
/** .picTxt **/
.postList.picTxt ul li .photo {
	position:relative;
	display:inline-block;
	width:160px;
	letter-spacing:0;
	vertical-align:top;
	margin-right:25px;
	overflow:hidden;
	background:#F4F4F4;
	border-radius:10px;
}
.postList.picTxt ul li .photo span {
	display:block;
	width:100%;
	padding-bottom:67%;
	height:auto;
    background-image: url(../images/nopic.jpg);
	background-color:#8ad5dd;	
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.postList.picTxt .infoWrap {
	 width:calc(100% - 185px);
}
/**/
.postList .infoWrap {
	 width:calc(100% - 85px);
}
.postList ul li a:hover strong,
.postList ul li a:focus strong {
	color:#D60000;
}

.postList ul li .tagBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px;
}
.postList ul li .tagBox time{
	color:#666666;
	font-size:1.3em;
}
.postList ul li .tagBox .tag span {
	display:inline-block;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	padding:5px 12px;
	background:#008484;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;	
}
.postList ul li .tagBox .tag span + span{
	margin:0 5px;
}
.postList ul li .tagBox .tag span.lab2 {
	color:#197382;	
	background:#d8ecf0;
}
.postList ul li .tagBox .tag span.lab3 {
	color:#23775a;	
	background:#d8f0e8;
}
@media screen and (max-width:767px) {
	.postList.attr ul li a { align-items:flex-start;}	
	.postList.attr ul li a::before { width:60px; height:60px; border-radius:10px; }	
	.postList .infoWrap { width:calc(100% - 75px); }			
}
@media screen and (max-width:480px) {
	.postList ul li a { padding:10px; }		
	.postList.attr ul li a::before { width:45px;height:45px; border-radius:8px; }
	.postList .infoWrap { width:calc(100% - 55px); }
	.postList .infoWrap strong { margin-top:5px; }
	.postList.picTxt ul li .photo {
		width:100%;
		margin-right:0;
	}
	.postList.picTxt .infoWrap {
		 display:block;
		 width:100%;
		 margin-top:10px;
	}	
}
@media screen and (min-width:1200px) {
	.dataBot { font-size:1.6em; }
	.postList ul li a { padding:20px; }	
	.postList ul li strong + .dataBot { margin-top:3px; }	
	.postList ul li strong { font-size:2.1em; }
	.postList ul li .tagBox .tag span { padding:5px 20px; }	
}


/* ----- highlight ----- */
.postList ul li.highlight {
	border-bottom:none;
	margin-bottom:20px;	
	background:#f5f1e9;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;		
}

/* ----- eventWrap ----- */
.postList ul li .eventWrap {
	margin:6px 0;
	display:flex;
	justify-content: space-between;
	align-items:center;	
}
.eventWrap .info {
	width:calc(100% - 170px);
}	
.eventWrap .info p {
	font-size:1.7em;
	line-height:150%;
	color:#000;
	margin-top:4px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
.eventWrap .info p > span {
	position:relative;	
    font-weight:bold;
	padding-left:26px;
}
.eventWrap .info p > span:before {
 	content:"";
	display:block;
	position:absolute;	
    left:0;
	top:2px;
	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%;
}
.eventWrap .info p > span.time:before { background-image:url(../images/eventList-time.svg); }
.eventWrap .info p > span.location:before { background-image:url(../images/eventList-location.svg); }
.eventWrap .bot {
	display:inline-block;
	width:160px;
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:1.9em;
	font-weight:bold;
	padding:16px 0;
	box-sizing:border-box;	
	background:#535353;	
	text-align:center;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;	
}
.eventWrap .bot.apply    { background:#457317; }
.eventWrap .bot.full     { background:#802626; }
.eventWrap .bot.applyEnd { background:#175473; }
.eventWrap .bot span {
	position:relative;
	padding-right:35px;
}
.eventWrap .bot span:before{
	position:absolute;
    content:"";
    display:block;
    right:0;
    top:0;
	width:30px;
	height:30px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:2;
}
.eventWrap .bot.apply span:before   { background-image:url(../images/eventBtn-apply.svg); }
.eventWrap .bot span:before         { background-image:url(../images/eventBtn-full.svg); }
.eventWrap .bot.applyEnd span:before{ background-image:url(../images/eventBtn-applyEnd.svg); }
a:hover .eventWrap .bot,
a:focus .eventWrap .bot {
	background:#d60000;
}
a:focus .eventWrap bot{
	border:dashed 2px #333;
	outline:none;
}
@media screen and (max-width:640px) {
	.postList ul li .eventWrap {
		display:block;
	}
	.eventWrap .info {
		width:100%;
	}
	.eventWrap .bot {
		width:100%;
		font-size:1.7em;
		margin-top:10px;
	}			
}
	


/* ----- eventInfo ----- */
.eventInfo{
	width:100%;
	margin:0 auto;
	font-size:1.7em;
	line-height:165%;
	word-wrap:break-word;
	background-color:#edf2fc;
	border-radius:12px;
	overflow:hidden;
}
.eventInfo ul,.eventInfo ol{ margin-left:1.5em; }
.postInfo + .eventInfo{ margin-top:1.5em; }
.eventInfo > dl{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.eventInfo > dl > dt,.eventInfo > dl > dd{
	padding:10px 15px;
	box-sizing:border-box;
}
.eventInfo a{ color:#006ec5;}
.eventInfo a:hover,.eventInfo a:focus{ color:#d60000;}
.eventInfo > dl > dt{
	width:150px;
	background-color:#525866;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.eventInfo > dl > dd{ width:100%; }
.eventInfo > dl > dd a.btn {
	display:block;
	width:auto;
	font-size: 100%;
	font-weight:bold;
	padding:5px 20px;
	box-sizing:border-box;
	margin-top:10px;	
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;	
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.eventInfo > dl > dd a.btn span {
	position:relative;
	padding-right:30px;
}
.eventInfo > dl > dd a.btn span:before{
	position:absolute;
    content:"";
    display:block;
    right:0;
    top:0;
	width:25px;
	height:25px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:2;
}
.eventInfo > dl > dd a.btnReg { color:#FFF; background:#457317; }
.eventInfo > dl > dd a.btnMap { color:#666;	background:#FFFFFF; box-shadow: 0 0 7px rgba(0,0,0,.3); }
.eventInfo > dl > dd a.btnReg span:before{ background-image:url(../images/eventBtn-apply.svg); }
.eventInfo > dl > dd a.btnMap span:before{ background-image:url(../images/eventBtn-location.png); }
.eventInfo > dl > dd a.btn:hover,
.eventInfo > dl > dd a.btn:focus {
	background:#d60000;
}
.eventInfo > dl > dd a.btnMap:hover,
.eventInfo > dl > dd a.btnMap:focus {
	color:#FFF;	
	background:#525866;
}
.eventInfo > dl > dd a.btn:focus {
	border:dashed 2px #333;
	outline:none;
}
@media screen and (max-width:480px) {
	.eventInfo > dl > dt{
		border-radius:6px;
		position:relative;
		margin:15px;
	}
	.eventInfo > dl > dt::before {
		content:"";
		display:block;
		width:14px;
		height:14px;
		background-color:#525866;
		transform:rotate(45deg);
		border-radius:0 0 3px 0;
		position:absolute;
		left:30px;
		bottom:-7px;
	}
	.eventInfo > dl > dd { padding:5px 15px; }
}
@media screen and (min-width:481px) {
	.eventInfo > dl > dd { width:calc(100% - 150px); }
	.eventInfo > dl + dl dt, .eventInfo > dl + dl dd { border-top:1px dashed #c1cbdf; }
}
@media screen and (min-width:991px) {
	.eventInfo { font-size:1.9em; }
	.postInfo + .eventInfo { margin-top:2em; }
	.eventInfo > dl > dt, .eventInfo > dl > dd { padding:16px 20px; }
	.eventInfo > dl > dd a.btn { font-size: 90%; display:inline-block; margin:0 0 0 10px; }	
}


/* ----- eventBtn ----- */
.eventBtn {
	width:100%;
	margin:30px auto;
	text-align:center;	
}
.eventBtn a {
	display:inline-block;
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	font-size:2.1em;
	font-weight:bold;
	min-width: 240px;
	padding:20px;
	background:#457317;
	box-sizing:border-box;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;	
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
.eventBtn a span {
	position:relative;
	padding-right:35px;
}
.eventBtn a span:before{
	position:absolute;
    content:"";
    display:block;
    right:0;
    top:0;
	width:30px;
	height:30px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
    background-image:url(../images/eventBtn-apply.svg); 
	z-index:2;
}
.eventBtn a:hover,
.eventBtn a:focus {
	background:#d60000;
}
.eventBtn a:focus {
	border:dashed 2px #333;
	outline:none;
}
@media screen and (max-width:480px) {
	.eventBtn a { font-size:1.9em; width: 100%; }	
}


/* ----- faqList ----- */
.faqList{
	width:100%;
	margin-top:40px;
}
.faqList > ul {
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	padding:0;
	margin:0;
}
.faqList > ul > li {
	width:100%;
	position:relative;
}
.faqList > ul > li + li {
	margin-top:20px;
}
.faqList > ul > li a { 
	position:relative;
	color:#333;
	padding:15px;
	box-sizing:border-box;
	border-radius:10px;
	background-color:#f7f7f7;
	border:solid 1px #eee;	
}
.faqList > ul > li a:hover,
.faqList > ul > li a:focus {
	color:#d60000;
	background:#f5f5f5;
	outline:none;
}
.faqList > ul > li a:focus {
	outline:2px dashed #e65000;
	outline-offset: -3px;	
}
.faqList > ul > li .Qhead,
.faqList > ul > li .Abody {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.faqList > ul > li .Qhead {
	align-items:center;
}
.faqList > ul > li .Qhead.current {
	position:relative;
	background:#ffffe7;
	border-radius:10px 10px 0 0;
	border:solid 2px #2aada1;
	border-bottom:none;
}
.faqList > ul > li .Qhead.current:before {
	position:absolute;
	content:"";
	bottom:0;
	width:calc(100% - 30px);
	border-bottom: 1px dashed #CCC;
	margin:0 auto;
	box-sizing:border-box;
}

.faqList > ul > li .Qhead > span:first-of-type,
.faqList > ul > li .Abody > span:first-of-type {
	position:relative;	
	display:inline-block;
	width:50px;
	height:50px;
	-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;		
}
.faqList > ul > li .Qhead > span:first-of-type { background-color:#2aada1; }
.faqList > ul > li .Abody > span:first-of-type { background-color:#0e3e8e;}
.faqList > ul > li .Qhead:hover > span:first-of-type,
.faqList > ul > li .Qhead:focus > span:first-of-type { background-color:#d60000; }
.faqList > ul > li .Qhead.current > span:first-of-type { background:#2aada1; }
/*before*/
.faqList > ul > li .Qhead > span:first-of-type:before,
.faqList > ul > li .Abody > span:first-of-type:before {
	position:absolute;
    content:"";
	display:block;
	left:0;
	top:0;    
    width:50px;
    height:50px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-size:50px 50px;
			mask-size:50px 50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;	
}
.faqList > ul > li .Qhead > span:first-of-type:before {
	-webkit-mask-image:url(../images/icon-faq-Q.svg);
			mask-image:url(../images/icon-faq-Q.svg);
}
.faqList > ul > li .Abody > span:first-of-type:before {
	-webkit-mask-image:url(../images/icon-faq-A.svg);
			mask-image:url(../images/icon-faq-A.svg);
}
/*after*/
.faqList > ul > li .Qhead > span:first-of-type:after,
.faqList > ul > li .Abody > span:first-of-type:after {
	content: '';
    display: block;
    position: absolute;
    top:50% ;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #2aada1;
    margin-top: -6px;	
}
.faqList > ul > li .Abody > span:first-of-type:after {
    border-color: transparent transparent transparent #0e3e8e;	
}
.faqList > ul > li .Qhead:hover > span:first-of-type:after,
.faqList > ul > li .Qhead:focus > span:first-of-type:after { border-left-color:#d60000; }
.faqList > ul > li .Qhead.current > span:first-of-type:after { border-left-color:#2aada1; }

.faqList > ul > li .Qhead strong {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2em;
    line-height:150%;
    font-weight:bold;
	width:calc(100% - 55px);	
}
.faqList > ul > li .Qhead.current strong {
	color:#2aada1;
}
.faqList > ul > li .Abody {
	padding:15px;
	box-sizing:border-box;
    background:#ffffe7;
	border-radius:0 0 10px 10px;
	border:solid 2px #2aada1;
	border-top:none;	
}
.faqList > ul > li .title {
	width:calc(100% - 70px);
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:flex-start;	
}
.faqList > ul > li .textBox {
	width:calc(100% - 70px);
	font-size:1.6em;
	line-height:165%;
}
.faqList > ul > li .textBox p { margin:0;}
/**/
.faqList > ul > li .Abody ul { list-style-type:disc;}
.faqList > ul > li .Abody ul,
.faqList > ul > li .Abody ol { padding-left:1.5em;}
/**/
.faqList > ul > li .smartBtn {
	position:absolute;
	right:20px;
	top:0;
	width:25px;
	height:100%;
}
.faqList > ul > li .smartBtn::before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:4px;
    top:50%;
    width:12px;
    height:12px;
    border-left:4px solid rgba(42,173,161,.5);
    border-bottom:4px solid rgba(42,173,161,.5);
	margin-top:-6px;
    z-index:2;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;			
}
.faqList > ul > li a:hover .smartBtn::before,
.faqList > ul > li a:focus .smartBtn::before,
.faqList > ul > li a:hover .smartBtn::after,
.faqList > ul > li a:focus .smartBtn::after {
    border-left:4px solid #d60000;
    border-bottom:4px solid #d60000;	
}
.faqList > ul > li .current .smartBtn::before,
.faqList > ul > li .current .smartBtn::after {
	margin-top:-10px;
    border-left:4px solid rgba(42,173,161,1);
    border-bottom:4px solid rgba(42,173,161,1);	
    -webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);		
}
.faqList > ul > li .smartBtn > span {
	position:relative;
}
.faqList > ul > li .smartBtn .close,
.faqList > ul > li .current .smartBtn .open {
	display:inline-block;
}
.faqList > ul > li .current .smartBtn .close,
.faqList > ul > li .smartBtn .open{ display:none;}
@media screen and (max-width:680px) {
	.faqList > ul > li .Qhead > span:first-of-type,
	.faqList > ul > li .Abody > span:first-of-type,
	.faqList > ul > li .Qhead > span:first-of-type:before,
	.faqList > ul > li .Abody > span:first-of-type:before {
		width:50px;
		height:50px;		
		-webkit-mask-size:50px 50px;
				mask-size:50px 50px;
	}
	.faqList > ul > li  .title,
	.faqList > ul > li .textBox {		
		width:calc(100% - 70px);
	}
	.faqList > ul > li .Qhead strong {
		width:100%;
	}		
	.faqList > ul > li .smartBtn{
		display:none;	
	}	
}
@media screen and (max-width:520px) {
	.faqList > ul > li + li {
		margin-top:10px;
	}
	.faqList > ul > li .Qhead {
		align-items:flex-start;
	}	
	.faqList > ul > li .Qhead strong {
		font-size:1.8em;	
	}					
	.faqList > ul > li .Qhead > span:first-of-type,
	.faqList > ul > li .Abody > span:first-of-type,
	.faqList > ul > li .Qhead > span:first-of-type:before,
	.faqList > ul > li .Abody > span:first-of-type:before {
		width:35px;
		height:35px;
		-webkit-mask-size:35px 35px;
				mask-size:35px 35px;
	}
	.faqList > ul > li  .title,
	.faqList > ul > li .textBox {		
		width:calc(100% - 50px);
	}				
}
@media screen and (min-width:991px) {
	.faqList > ul > li a { 
		padding:20px;
	}
	.faqList > ul > li .Abody {
		padding:20px;
	}					
}
@media screen and (min-width:1600px) {
	.faqList > ul > li .Qhead strong {
		font-size:2.2em;
	}
	.faqList > ul > li .textBox {
		font-size:1.8em;
	}
}


/** videoList **/
#videoList{
	width: 100%;
	margin: 30px auto 0;
}
#videoList ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -15px;	
	list-style:none;
}
#videoList ul li{
	width:33.33%;
	padding:0 15px;
	box-sizing:border-box;
	margin-bottom:40px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#videoList ul li a:focus{
	display:inline-block;
	width:100%;
	height:100%;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;	
}
#videoList ul li a .picBox{
	position:relative;		
	box-sizing:border-box;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	overflow:hidden;						
}
#videoList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:66.25%;
	overflow:hidden;							
}
#videoList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/nopic.jpg);
    background-size: cover;
    background-position: center !important;
    background-color: #f5f1e9;
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#videoList ul li a:hover .photo span,
#videoList ul li a:focus .photo span{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);	
}
#videoList ul li a .photo:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.4s;
}	
#videoList ul li a:hover .photo:after,
#videoList ul li a:focus .photo:after{
	opacity:1;
}
#videoList ul li a .picBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:68px;
	height:50px;
	background:url(../images/icon-play.svg) center no-repeat;
	z-index:3;		
}
#videoList ul li a:hover .picBox .cover,
#videoList ul li a:focus .picBox .cover{
	background:url(../images/icon-play-ov.svg) center no-repeat;	
}
#videoList ul li a .txtBox{
	width:100%;
	padding:15px 0;
	padding-bottom:0;
	box-sizing:border-box;
	line-height: 1.3;
	transition: 0.4s;					
}	
#videoList ul li a .txtBox strong{
	display:block;
	width:100%;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	/*transform: translateX(1em);*/			
}
#videoList ul li a:hover .txtBox strong,
#videoList ul li a:focus .txtBox strong {
	color:#d60000;
}
@media screen and (max-width:1300px) {
	#videoList ul li a .txtBox strong{font-size:1.7em; transform: translateX(0.1em);}
}
@media screen and (max-width:768px) {
	#videoList ul li a .txtBox strong{font-size:1.6em;}		
}
@media screen and (max-width:640px) {
	#videoList ul li{width:50%;}
	#videoList ul li a .txtBox{padding:5px 0;}		
}
@media screen and (max-width: 540px) and (min-width: 421px){
	#videoList ul li a .picBox .cover{
		background-size:80%;
		width:52px;
		height:38px;
	}
}
@media screen and (max-width:420px) {
	#videoList ul li{width:100%;}	
	#videoList ul li a .txtBox strong{font-size:1.5em;}
}


/** pubList **/
#pubList{
	width: 100%;
	margin: 30px auto 0;
}
#pubList ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -15px;	
	list-style:none;
}
#pubList ul li{
	position:relative;
	width:25%;
	padding:0 15px;
	box-sizing:border-box;
	margin-bottom:40px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#pubList ul li a:focus{
	display:inline-block;
	width:100%;
	height:100%;	
}
#pubList ul li a .picBox{
	position:relative;		
	box-sizing:border-box;
	overflow:hidden;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);								
}
#pubList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:140%;
	overflow:hidden;						
}
#pubList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/nopic.jpg);
    background-position: center !important;
    background-size: cover;
    background-color: #f5f1e9;
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#pubList ul li a:hover .photo span,
#pubList ul li a:focus .photo span{
    -webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
         -o-transform: scale(1.05);    
            transform: scale(1.05);	
}
#pubList ul li a .photo:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background: linear-gradient(to top,  rgba(255,255,255,1) 5%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 50%);
	opacity:1;
	transition:all 0.4s;
}	
#pubList ul li a:hover .photo:after,
#pubList ul li a:focus .photo:after{
	opacity:0;
}
#pubList ul li a .picBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:68px;
	height:50px;
	background:url(../images/icon-play.svg) center no-repeat;
	z-index:3;	
}
#pubList ul li a:hover .picBox .cover,
#pubList ul li a:focus .picBox .cover{
	background:url(../images/icon-play-ov.svg) center no-repeat;	
}
#pubList ul li a strong{
	display:block;
	width:100%;
	color:#4d4d4d;
	font-size:1.8em;	
	font-weight:normal;
	line-height: 1.3;
	margin-top:10px;			
}
#pubList ul li a:hover strong,
#pubList ul li a:focus strong {
	color:#d6004c;
}
@media screen and (max-width:520px) {

}

.resultBox {
	width:100%;
	margin-bottom:60px;
}
.resultBox h3 {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2em;
	color:#231815;	
	margin:35px 0 15px;	
}
.resultList {	
}
.resultList ul {
	width:100%;	
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	/*margin: 0 -5px;*/	
	list-style:none;	
}
.resultList ul li{
	position:relative;	
	width:calc(25% - 10px);
	margin:0 5px;
	padding:20px;
	box-sizing:border-box;	
	vertical-align:top;
	text-align:center;
	color:#fff;
	font-weight:bold;	
	line-height:1.5;	
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;	
}
.resultList ul li dt {
	position:relative;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:2em;
	margin:5px 0 12px 0;
}
.resultList ul li dt:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: rgba(0,0,0,.5) transparent transparent transparent;
    margin-left: -5px;
}
.resultList ul li dd {
	font-size:1.6em;	
}
.resultList ul li dd span {
	display:inline-block;
	width:24px;
	height:24px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;			
}
.resultList ul li dd strong {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:300%;
	text-shadow:0 2px 5px rgba(0,0,0,.5);		
}
.resultList .icon {
	width:55px;
	height:55px;
	display:inline-block;
	overflow:hidden;
	position:relative;
}
.resultList .icon::before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	right:0;
	top:0;
	background-repeat:no-repeat;
	background-position:center;
	transition:all 0.4s ease;
}
.resultList ul li .icon.st1::before { background-image:url(../images/stIcon1.svg); }
.resultList ul li .icon.st2::before { background-image:url(../images/stIcon2.svg); }
.resultList ul li .icon.st3::before { background-image:url(../images/stIcon3.svg); }
.resultList ul li .icon.st4::before { background-image:url(../images/stIcon4.svg); }
.resultList ul li:nth-of-type(1) { background: linear-gradient(180deg, #633192, #5595e2); }
.resultList ul li:nth-of-type(2) { background: linear-gradient(180deg, #008e00, #8cca06); }
.resultList ul li:nth-of-type(3) { background: linear-gradient(180deg, #035cdb, #1ab7a9); }
.resultList ul li:nth-of-type(4) { background: linear-gradient(180deg, #d83624, #f7931e); }
@media screen and (max-width:768px) {
	.resultList ul li dd strong {
		font-size:250%;	
	}
}
@media screen and (max-width:640px) {
	.resultList ul li{
		width:calc(50% - 10px);
		margin-bottom:10px;
	}
}
@media screen and (max-width:360px) {
	.resultList ul li dt {	
		font-size:1.8em;
	}
	.resultList ul li dd strong {
		font-size:200%;	
	}	
}


/** amountBox **/
.amountBox{
	width:100%;
	font-size:2.3em;
	font-weight:bold;	
	color:#4d4d4d;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	background:rgba(42,173,160,.2);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	margin-bottom:10px;	
}
.amountBox em{
	color:#0e3e8e;
	font-style:normal;	
}
.amountBox strong{
	font-size:160%;
}
.amountBox span {
	position: relative;
	display:inline-block;
	padding:0 0 0 110px;
}
.amountBox span:after {
	content: '';
	position: absolute;
	display:block;
	bottom:-8px;	
	left:0;
	width: 106px;
	height: 77px;
	background: url(../images/icon-coin2.png) no-repeat 50% 50%;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;					
}
@media screen and (max-width:520px) {
	.amountBox{ font-size:1.9em; }
	.amountBox span:after { bottom:-12px; }	
}
@media screen and (max-width:460px) {
	.amountBox em{ display:block; }
	.amountBox span { padding:0 0 0 90px; }	
	.amountBox span:after { width: 90px; height: 65px; }
}
@media screen and (max-width:380px) {
	.amountBox{ font-size:1.7em; }	
}


/** subsidyBox **/
#subsidyBox {
	display:inline-block;
	width:100%;
	height:500px;
	background:yellow;
}
#subsidyBox > ul { position:relative; }
#subsidyBox > ul:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -250px;
	left: 5%;	 
	width:90%;
	height:16px;
	background:#2aada1;
}
#subsidyBox > ul > li { list-style:none; }
#subsidyBox > ul > li > a {
	position:absolute;
	bottom:-250px;
	display:block;
	width:16.66%;
	color:#333;
	z-index:2;
}/*
#subsidyBox > ul > li > a:hover,
#subsidyBox > ul > li > a:focus {
	color:#ffff00;
}
#subsidyBox > ul > li:first-of-type > a,
#subsidyBox > ul > li:first-of-type > a.saTabOn h3 {
	border-radius:12px 0 0 0;
}*/
#subsidyBox > ul > li > a.saTabOn {
	cursor:text;
	z-index:1;
}
#subsidyBox > ul > li > a.saTabOn:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 120px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #035cdb transparent transparent transparent;
	margin-left: -11px
}
#subsidyBox > ul > li > a.tab1 {position:relative; }
#subsidyBox > ul > li > a.tab1 {left:0;	bottom:-100px;}
#subsidyBox > ul > li > a.tab2 {left:16.66%;}
#subsidyBox > ul > li > a.tab3 {left:33.32%;}
#subsidyBox > ul > li > a.tab4 {left:49.98%;}
#subsidyBox > ul > li > a.tab5 {left:66.64%;}
#subsidyBox > ul > li > a.tab6 {left:83.30%;}
#subsidyBox > ul > li > a h4 {
    font-family: "PingFang TC Semibold","微軟雅黑","Microsoft YaHei";
    font-size: 2.3em;
    line-height: 150px;
}
#subsidyBox > ul > li > a h4 span{
    position: relative;	
    padding-left: 55px;		
}
#subsidyBox > ul > li > a h4 span:before,
#subsidyBox > ul > li > a h4 span:after,
#subsidyBox > ul > li > a.saTabOn h4 span:before,
#subsidyBox > ul > li > a.saTabOn h4 span:after{
    content: "";
    position: absolute;
    display: block;
	border-radius:100%;		
    top: 50%;
}
#subsidyBox > ul > li > a h4 span:before {
    left: 0;	
    width: 52px;
    height: 52px;	
	margin-top:-26px;
	background: linear-gradient(90deg, #1ab7a9, #035cdb); 		
}
#subsidyBox > ul > li > a h4 span:after {
    left: 12px;	
    width: 28px;
    height: 28px;	
	margin-top:-14px;
	background: #fff; 	
}
#subsidyBox > ul > li > a.saTabOn h4 span{ 
    padding-left: 85px;	
}
#subsidyBox > ul > li > a.saTabOn h4 span:before {
    left: 0;	
    width: 82px;
    height: 82px;	
	margin-top:-41px;
	background: linear-gradient(90deg, #d83624, #f7931e); 		
}
#subsidyBox > ul > li > a.saTabOn h4 span:after {
    left: 20px;	
    width: 42px;
    height: 42px;	
	margin-top:-21px;
	background: #ffff00; 	
}




#subsidyBox > ul > li .saCont {
	position:relative;	
	width:100%;
	background: linear-gradient(180deg, #1ab7a9, #035cdb); 
	padding:30px;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
			margin-top:-250px;	
}
/*
#subsidyBox > ul > li .saCont.mTop {
	margin-bottom:0 !important;
}*/



#amountList {
    position: relative;	
    width: 100%;
	margin-top:10px;
}
#amountList .slider {
    width: 100%;
}
#amountList .slider-for {
    width: 100%;
	padding:30px;
	box-sizing:border-box;	
	background: linear-gradient(180deg, #1ab7a9, #035cdb);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;		
}
#amountList .slick-slide {
    margin: 0
}
#amountList .slider-nav {
	position:relative;
    width: 100%;
    margin:0 auto 0 20px;
}
#amountList .slider-nav:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 5%;	
	width:85%;
	height:16px;
	margin-top:-8px;	
	background:#2aada1;
}
#amountList .slider-nav a {
	position:relative;	
	display:inline-block;
	padding:3vw 0;
	/*display:flex;
	justify-content:space-between;*/	
}
#amountList .slider-nav a strong {
	position:relative;
	display:inline-block;
	color:#333;
	font-size: 2.3em;
	font-weight:bold;
	line-height:130%;
    padding-left:60px;
}
#amountList .slider-nav a strong:after{
    content: "";
    position: absolute;
    display: block;	
	width:1px;
	height:42px;
	background:#9f9f9f;
    left: 50%;
	z-index:1;
}
#amountList .slider-nav a strong.odd { padding-top:100px; }
#amountList .slider-nav a strong.even { padding-bottom:100px;}
#amountList .slider-nav a strong.odd:after{ bottom:0; }
#amountList .slider-nav a strong.even:after{ top:0; }

#amountList .slider-nav a span::before,
#amountList .slider-nav a span::after{
    content: "";
    position: absolute;
    display: block;
    left: 50%;	
    top: 50%;	
	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;
	z-index:2;	
}
#amountList .slider-nav a span::before {	
    width: 52px;
    height: 52px;	
	margin:-26px 0 0 -26px;	
	background: linear-gradient(90deg, #1ab7a9, #035cdb); 		
}
#amountList .slider-nav a span::after {	
    width: 28px;
    height: 28px;	
	margin:-14px 0 0 -14px;
	background: #fff; 	
}

/**/
#amountList .slider-nav .slick-current a span:before {
    left: 50%;	
    width: 82px;
    height: 82px;	
	margin:-41px 0 0 -41px;
	background: linear-gradient(90deg, #d83624, #f7931e); 		
}
#amountList .slider-nav .slick-current a span:after {
    left: 50%;	
    width: 42px;
    height: 42px;	
	margin:-21px 0 0 -21px;
	background: #ffff00; 	
}
#amountList .slider-nav .slick-current a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #035cdb transparent transparent transparent;
	margin: 0 0 0 -11px;
}

/**/
#amountList .slick-prev,
#amountList .slick-next {
    background-repeat: no-repeat;
    background-position: center center;
    top: inherit;
    display: block;
    border-left: 3px solid #09c;
    border-top: 3px solid #09c;
    width: 8px;
    height: 8px;
    z-index: 10
}
#amountList .slick-prev {
	top: 50%;
	left: -12px;
	margin-top: -10px
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#amountList .slick-next {
	top: 50%;
	left: auto;
	right: -12px;
	bottom: auto;
	margin-top: -10px
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    transform: translate(0,50%);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
#amountList a:focus {
	outline:2px dashed #e65000;
	outline-offset:-2px;	
}
@media screen and (max-width:1200px) {
	#amountList .slider-nav { margin:0 auto 0 10px; }	
}
@media screen and (max-width:768px) {
	#amountList .slider-nav { margin:0 auto; }
	#amountList .slider-nav a { padding:5vw 0; }
	#amountList .slider-nav a strong { font-size: 2em; padding-left:50px; }
	#amountList .slider-nav a span::before { width: 44px; height: 44px; margin:-22px 0 0 -22px;	}
	#amountList .slider-nav a span::after  { width: 24px; height: 24px;	margin:-12px 0 0 -12px;	}
	#amountList .slider-nav .slick-current a span:before { width: 70px; height: 70px; margin:-35px 0 0 -35px; }
	#amountList .slider-nav .slick-current a span:after  { width: 36px; height: 36px; margin:-18px 0 0 -18px; }		
}
@media screen and (max-width:600px) {
	#amountList .slider-for { padding:30px 15px; }	
	#amountList .slider-nav a strong { font-size: 1.7em; padding-left:40px; }
	#amountList .slider-nav a span::before { width: 38px; height: 38px;	margin:-19px 0 0 -19px;	}
	#amountList .slider-nav a span::after  { width: 20px; height: 20px; margin:-10px 0 0 -10px;	}
	#amountList .slider-nav .slick-current a span:before { width: 60px; height: 60px; margin:-30px 0 0 -30px; }
	#amountList .slider-nav .slick-current a span:after { width: 30px; height: 30px; margin:-15px 0 0 -15px; }		
}
@media screen and (max-width:520px) {
	#amountList .slider-nav { margin:0 -10px; }		
	#amountList .slider-nav:before { left: 7%; height:8px; margin-top:-4px; }
	#amountList .slider-nav a { padding:5vw 10px; box-sizing:border-box; }	
	#amountList .slider-nav a strong:after{ height:25px; }
	#amountList .slider-nav a strong.odd:after{ bottom:25px; }
	#amountList .slider-nav a strong.even:after{ top:25px; }				
	#amountList .slider-nav a strong { padding-left:0; }
	#amountList .slider-nav a span::before { width: 20px; height: 20px;	margin:-10px 0 0 -10px;	}
	#amountList .slider-nav a span::after  { width: 10px; height: 10px; margin:-5px 0 0 -5px; }
	#amountList .slider-nav .slick-current a span:before { width: 30px; height: 30px; margin:-15px 0 0 -15px; }
	#amountList .slider-nav .slick-current a span:after { width: 16px; height: 16px; margin:-8px 0 0 -8px; }
	#amountList .slider-nav .slick-current a:before { border-width: 8px 6px 0 6px; }			
}

	
	

/** annual **/
.annual{
	position:relative;
	width:100%;
	font-size:2.3em;
	font-weight:bold;	
	color:#fff;
	text-align:center;
}
.annual:before,
.annual:after {
    content: "";
    position: absolute;
    display: block;
    width: 191px;
    height: 158px;
    top: 5px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	opacity:.2;
}
.annual:before {
    left: 0;	
	background-image: url(../images/icon-coin3.png);	
}
.annual:after {
    right: 0;	
	background-image: url(../images/icon-coin4.png);	
}
.annual strong{
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:113%;
	color:#0e3e8e;
	background:rgba(255,255,255,.6);
	border-radius:20px;
	padding:8px 30px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.annual .total{
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#fcee21;	
	font-size:239%;
	text-shadow:0 2px 5px rgba(0,0,0,.5);
	margin-top:20px;		
}
@media screen and (max-width:768px) {	
	.annual{font-size:2em;}
}
@media screen and (max-width:600px) {
	.annual{font-size:1.8em;}	
}
@media screen and (max-width:460px) {
	.annual{font-size:1.7em;}
	.annual .total{font-size:200%;}		
}
@media screen and (max-width:360px) {
	.annual .total{font-size:170%;}		
}


/**/
.photoBox{
	position:relative;
}
.photoBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	background-color:rgba(35,25,20,.7);	
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:30% auto;
	opacity:0;	
	transition:all 0.4s ease;
	border-radius:10px;			
}
a:hover .photoBox .cover,
a:focus .photoBox .cover{
	opacity:1;	
}
a:hover .cover span,
a:focus .cover span{
	transform:translateY(45%) scale(1);
}
a:hover .photoBox .cover.btn_zoom,
a:focus .photoBox .cover.btn_zoom{
	background-image:url(../images/btn_zoom.svg);
	background-size:35px 35px;	
}
a:hover .photoBox .cover.btn_read,
a:focus .photoBox .cover.btn_read{
	background-color:rgba(80,107,179,0.9);	
	background-image:url(../images/btn_read.svg);	
}
a:hover .photoBox .cover.btn_link,
a:focus .photoBox .cover.btn_link{
	background-color:rgba(50,126,127,0.9);		
	background-image:url(../images/btn_link.svg);	
}
a:hover .photoBox .cover.btn_dire,
a:focus .photoBox .cover.btn_dire{
	background-color:rgba(52,88,115,0.9);		
	background-image:url(../images/btn_dire.svg);
}
a:hover .photoBox .cover.btn_down,
a:focus .photoBox .cover.btn_down{
	background-color:rgba(33,144,166,0.9);		
	background-image:url(../images/btn_down.svg);	
}


/** photoList **/
#photoList{
	width: 100%;
	margin: 30px auto 0;
}
#photoList ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -15px;	
	list-style:none;
}
#photoList ul li{
	width:33.33%;
	padding:15px;
	box-sizing:border-box;	
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#photoList ul li a{
	position:relative;	
	display:inline-block;
	width:100%;
	text-align:center;
	border:solid 1px #eee;
	overflow:hidden;	
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;		
}
#photoList ul li a .picBox{
	position:relative;	
	padding:20px;
	box-sizing:border-box;						
}
#photoList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:56.66%;
	overflow:hidden;						
}
#photoList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/nopic.jpg);
    background-size:contain;
    background-position: center !important;
    background-color: #fff;
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;								
}
#photoList ul li a:hover .photo span,
#photoList ul li a:focus .photo span{
    -webkit-transform: scale(0.9);
	   -moz-transform: scale(0.9);
         -o-transform: scale(0.9);    
            transform: scale(0.9);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;				
}
/*
#photoList ul li a .photo:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	background-image:url(../images/icon-go.svg);
	background-repeat:no-repeat;
	background-position:center;
	transition:all 0.4s;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;		
}*/
/*
#photoList ul li a .photo:after {
	content:"";
	display:block;
	position:absolute;	
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);		
	width:100%;
	height:100%;
	opacity:0;	
	background-color:rgba(0,0,0,0.9);	
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:auto 80%;
	transition:all 0.4s ease;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;	
}*/
/*
#photoList ul li a:hover .photo:after,
#photoList ul li a:focus .photo:after{
	opacity:1;
}*/

/**/
#photoList ul li a .txtBox{
	width:100%;
	padding:15px 0;
	box-sizing:border-box;
	line-height: 1.3;
	transition: 0.4s;
	background:#eee;					
}	
#photoList ul li a .txtBox strong{
	display:block;
	width:100%;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;	
}
#photoList ul li a:hover .txtBox strong,
#photoList ul li a:focus .txtBox strong {
	color:#d60000;
}
@media screen and (max-width:1300px) {
	#photoList ul li a .txtBox strong{font-size:1.7em;}
}
@media screen and (max-width:767px) {
	#photoList ul li a .txtBox strong{font-size:1.6em;}	
	#photoList ul li a .picBox .cover{border-radius:10px;}		
}
@media screen and (max-width:640px) {
	#photoList ul li{width:50%;}
	#photoList ul li a .txtBox{padding:10px 0;}	
	#photoList ul li a .picBox {padding: 10px;}			
}
@media screen and (max-width: 540px) and (min-width: 421px){
	#photoList ul li a .picBox .cover{
		background-size:80%;
		width:50px;
		height:50px;
	}
}
@media screen and (max-width:480px) {
	#photoList ul li{width:100%;}	
	#photoList ul li a .txtBox strong{font-size:1.5m;}	
	#photoList ul li a .picBox .cover{border-radius:8px;}		
}



.summaryBox{
	font-size:1.9em;
	line-height:1.5;
	margin-bottom:20px;
}


/* ----- contactTit ----- */
.contactTit {
	position:relative;
	width:100%;
	padding:10px 18px;
	box-sizing:border-box;
	background:#000;
	border-radius:20px 20px 0 0;
	margin:0 auto;
}
.contactTit.formTop{
	display:flex;flex-wrap:wrap;
	justify-content:space-between;
}
.contactTit h2{
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2em;font-weight:bold;
	color:#fff;line-height:135%;
	display:flex;
	align-items:center;
}
.contactTit h2:before {
    content:"";
    display:inline-block; vertical-align:middle;
    width:40px;height:40px;
    background-image:url(../images/iconEventTitle.svg);
	background-repeat:no-repeat;
	background-size:auto 40px;
    background-color:transparent;
	margin-right:3px;
}
.contactTit h2.ti1:before{background-position:0 0;}
.contactTit h2.ti2:before{background-position:-40px 0;}
.contactTit .spNote {
	float:right;
	color:#fff100;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	margin-top:5px;
}
.contactTit .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	background:#fff100;
	vertical-align:top;
	margin-top:5px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (min-width:991px) {	
	.contactTit h2 { font-size:2.5em;}
}


/* ----- contactWord ----- */
.contactWord {
	position:relative;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#f5f5f5;
	margin:0 auto;
	border-radius: 0 0 20px 20px;
}
.contactWord.contactTop{
	background-color:transparent;
	padding:0; margin-bottom:20px;
}
.contactWord .box {
	margin:-10px auto;
	font-size:1.7em;
	line-height:165%;
}
.contactWord .box > p {
	margin:10px 0;
}
.contactWord .box > ol,
.contactWord .box > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.contactWord .box > ol li,
.contactWord .box > ul li {
	margin:10px 0;
}
.contactWord h3.stit {
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#99322b;
    font-size:1.352em;
    margin:40px 0 20px 0;
}
.contactWord h3.stit span {
	position:relative;
	padding:0 0 0 35px;	
}
.contactWord h3.stit span:before {
    content:"";
    display:block;
    position:absolute;
	left:0;
    top:4px;
    width:25px;
    height:25px;
	background:#99322b;
    z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.contactWord h3.stit span:after {
    content:"";
    display:block;
    position:absolute;
	left:7px;
	top:9px;
    width:11px;
    height:11px;
    border-right:3px solid #FFF;
    border-bottom:3px solid #FFF;
	box-sizing:border-box;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.contactWord h3.sendok {
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
	color:#99322b;
	font-size:1.7em;
	margin:10px 0 20px 0;
}
.contactWord h3.sendok span {
	position:relative;
	display:inline-block;
	color:#99322b;
	background:none;
	padding:10px 0 10px 60px;
}
.contactWord h3.sendok span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;	
	width:50px;
	height:50px;
	background:#99322b;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.contactWord h3.sendok span:after {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:10px;	
	width:30px;
	height:30px;
	z-index:2;
	background:url(../images/icon-mail.svg) 50% 50% no-repeat ;
	background-size:100% auto;
}
@media screen and (min-width:991px) {
	.contactWord {padding:30px;}
	.contactWord .box{font-size:1.9em;}
}
@media screen and (min-width:1200px) {
	.contactWord {padding:35px 40px;}	
}


/** 交通資訊 **/
.map-iframe{
	width:100%;
	padding:15px;
	box-sizing:border-box;	
	border:solid 1px #ddd;
	margin:30px auto 0;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
	overflow:hidden;
}
.trafficInfo {
	width:100%;
	margin-top:30px;
}
.trafficInfo dl {
	width:100%;	
	padding:0 0 15px 70px;
	box-sizing:border-box;
	line-height:2;	
}
.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: #2aada1;
}
.trafficInfo dd {
	color:#000;
	text-align:justify;
}


/* ---------- contactForm ---------- */
.contactForm {
	width:100%;
	padding:20px;
	padding-bottom:40px;	
	box-sizing:border-box;	
	background:#f4f4f4;
	margin:15px auto 0;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}
.contactForm .box {
	margin:-20px auto;
}
.contactForm .word {
	display:inline-block;
	width:100%;color:#333;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
    font-size:1.7em;line-height:165%;
    font-weight:bold;
	border-bottom:1px dashed #CCC;
	padding-bottom:10px;
	margin-bottom:40px;
}
.contactForm .spNote {
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color:#D90000;
}
.contactForm .spNote em {
 	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	background:#DB0010;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (min-width:991px) {
	.contactForm {
		padding:30px;
		padding-bottom:50px;		
		margin-top:30px;	
	}
	.contactForm .word {
		font-size:1.9em;
	}	
}
@media screen and (min-width:1200px) {
	.contactForm {
		padding:40px;
		padding-bottom:60px;
	}	
}


/* ----- contactFinish ----- */
.contactFinish {
	position:relative;
	display:flex;
	width:100%;
	min-height:400px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:30px 20px;
	box-sizing:border-box;
	background:#f4f4f4;
	margin:15px auto 0;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}
.contactFinish .box {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:875px;
	text-align:left;
	padding-top:170px;
	box-sizing:border-box;
	margin:0 auto;
}
.contactFinish .box:before {
    content:"";
    display:block;
    position:absolute;
	left:50%;
    top:0;
    width:170px;
    height:170px;
	margin:0 0 0 -85px;
    z-index:1;
	background:#a40000 url(../images/contactFinish-icon.svg) no-repeat 50% 50%;
	background-size:72%;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.contactFinish .box h3 {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#a40000;
	font-size:3.5em;
	line-height:135%;
	font-weight:bold;
	text-align:center;	
}
.contactFinish .box p {
	color: #000;
	font-size: 1.7em;
	line-height: 175%;
	font-weight: bold;
	margin-top: 10px;
	text-align: justify;
}
.contactFinish .box + .formBtn {
	margin-top:20px;
}
.contactFinish .box + .formBtn a,
.contactFinish .box + .formBtn button {
	margin:0;
}
@media screen and (max-width:990px) {
	.contactFinish .box {
		max-width:560px;
		padding:150px 0 0 0;
	}
	.contactFinish .box:before {
		left:50%;
		width:140px;
		height:140px;
		margin:0 0 0 -70px;
	}
}
@media screen and (max-width:640px) {
	.contactFinish .box {
		padding:120px 0 0 0;
	}
	.contactFinish .box:before {
		left:50%;
		top:0;
		width:110px;
		height:110px;
		margin:0 0 0 -55px;
	}
	.contactFinish .box h3 {
		font-size:2.7em;
	}
}
@media screen and (max-width:480px) {
	.contactFinish .box h3 {
		font-size:2.5em;
	}	
}
@media screen and (min-width:991px) {
    .contactFinish {
		min-height:440px;
        padding:40px;
    }
	.contactFinish .box h3 {
		font-size:3.9em;
		margin-top:15px;
	}
	.contactFinish .box p {
		font-size:1.9em;
	}
}
@media screen and (min-width:1200px) {
	.contactFinish {
		padding:50px;
	}
}


/* ----- spCheck ----- */
.spCheck {
	position:relative;
    width:100%;
	font-size:1.9em;
	font-weight:bold;
	text-align:center;
	line-height:130%;
	margin-top:30px;
}
.spCheck input[type="checkbox"] {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	border-color:transparent;
	background-color:transparent;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}
/*for ie9*/
:root .spCheck input[type="checkbox"] {
	left:50%\9!important;
	top:50%\9!important;
    width:22px\9!important;
    height:22px\9!important;
	border:none\9!important;
	background:#FFF\9!important;
	margin:-11px 0 0 -8.25em\9!important;
	z-index:10\9!important;
}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	.spCheck input[type="checkbox"] {
		left:50%;
		top:50%;
		width:22px;
		height:22px;
		border:none;
		background:#FFF;
		margin:-11px 0 0 -8.25em;
		z-index:10;
	}
}
.spCheck input[type="checkbox"] + label  {
	display:inline-block;
	width:100%;
	color:#a40000;
	padding:25px 20px;
	box-sizing:border-box;
	vertical-align:middle;
	cursor:pointer;
	background:#f5dcdc;
	border-radius:10px;
}
.spCheck input[type="checkbox"] + label span {
	position:relative;
	display:inline-block;
	padding-left:1.5em;
}
.spCheck input[type="checkbox"] + label span:after {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;    
    padding:0;
    width:22px;
    height:22px;
    background:#FFF;
	margin:-11px 0 0 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
}
.spCheck input[type="checkbox"]:hover + label,
.spCheck input[type="checkbox"]:focus + label {
	background:#f2eadf;
}
.spCheck input[type="checkbox"]:checked + label,
.spCheck input[type="checkbox"]:checked:hover + label {
	color:#FFF;
	background:#a40000;
}
.spCheck input[type="checkbox"]:checked + label span:before,
.spCheck input[type="checkbox"]:checked:hover + label span:before,
.spCheck input[type="checkbox"]:checked:focus + label span:before  {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #333;
    border-bottom:4px solid #333;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
@media screen and (max-width:500px) {
	.spCheck {
		text-align:left;
	}
	.spCheck input[type="checkbox"] + label {
		padding:20px;
		box-sizing:border-box;
	}
	/*for ie9*/
	:root .spCheck input[type="checkbox"] {
		left:0\9!important;
		tmargin-left:20px\9!important;
	}
}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:500px) {
	.spCheck input[type="checkbox"] {
		left:0;
		margin-left:20px;
	}
}
@media screen and (min-width:991px) {
	.spCheck {
		font-size:2.1em;
	}
	.spCheck input[type="checkbox"] + label  {
		padding:35px 20px;
	}
}


/* ----- registerForm----- */
.registerForm {
	position:relative;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#f4f4f4;
	margin:0 auto;
	-webkit-border-radius:0 0 15px 15px;
	   -moz-border-radius:0 0 15px 15px;
	        border-radius:0 0 15px 15px;
}
.registerForm .eventWrap {
	width:100%;
	padding:15px;
	border:6px solid #adb7cc;
	background:#FFF;
	box-sizing:border-box;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;	
}
.registerForm .eventWrap dl {
	width:100%;
	margin:0 auto;
}
.registerForm .eventWrap dl dt {
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2em;
	font-weight:bold;
	line-height:135%;
	padding-bottom:8px;
	border-bottom:1px dashed #CCC;
	margin-bottom:8px;
}
.registerForm .eventWrap dl dd {
	position:relative;
	width:100%;
	font-size:1.6em;
	line-height:135%;
	font-weight:bold;
	padding:0 0 0 70px;
	margin-top:5px;
	box-sizing:border-box;
}
.registerForm .eventWrap dl dd:last-child {
	border-bottom:none;
}
.registerForm .eventWrap dl dd:before {
 	content:"";
	display:block;
	position:absolute;	
    left:0;
	top:3px;
	width:17px;
	height:17px;
	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%;
}
.registerForm .eventWrap dl dd.time:before { background-image:url(../images/eventList-time.svg); }
.registerForm .eventWrap dl dd.location:before { background-image:url(../images/eventList-location.svg); }
.registerForm .eventWrap dl dd span {
	position:absolute;
	left:25px;
	top:0;
	display:block;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	width:5em;
}
.registerForm .tit {
	position:relative;
	width:100%;
    margin:30px 0 25px 0;
	border-bottom: dotted 2px #1e1e1e;
	padding-bottom:8px;
}
.registerForm .tit > strong {
	position:relative;
	display:inline-block;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	padding:7px 0 7px 37px;
}
.registerForm .tit > strong:before {
    content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:36px;
	height:36px;
	margin-top:-18px;
	background-image:url(../images/pageBot-reg.svg);	
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:1;
}
.registerForm .tit .spNote {
	float:right;	
	color:#ff0000;
	font-size:1.7em;
	font-weight:bold;
	line-height:135%;
	margin-top:8px;
}
.registerForm .tit .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	background:#ff0000;
	vertical-align:top;
	margin-top:5px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (max-width:640px) {
	.registerForm .tit .spNote {
		display:block;
		width:100%;
		float:none;
	}	
}
@media screen and (min-width:991px) {
	.registerForm {
		padding:30px;
	}
	.registerForm .eventWrap {
		padding:25px 30px;
		border:8px solid #adb7cc;
	}
	.registerForm .eventWrap dl dt {
		font-size:2.5em;
		padding-bottom:12px;
		margin-bottom:12px;
	}
	.registerForm .eventWrap dl dd {
		font-size:1.7em;
		padding:0 0 0 calc(3em + 30px);
	}
	.registerForm .eventWrap dl dd:before {
		top:1px;
		width:21px;
		height:21px;
	}
	.registerForm .eventWrap dl dd span {
		left:30px;
	}
	.registerForm .tit > strong {
		font-size:2.3em;
		padding:8.5px 0 8.5px 50px;
	}
	.registerForm .tit > strong:before,
	.registerForm .tit > strong::after{
		width:40px;
		height:40px;
		margin-top:-20px;
	}
}
@media screen and (min-width:1200px) {
	.registerForm {
		padding:40px;
	}
}


/* ---------- form-line ---------- */ 
.form-line {
	width:100%;
	border-bottom:1px dashed #CCC;
	margin:1.5em auto;
}
.form-list.line {
	border-top:1px dashed #CCC;
	padding-top:5px;
	margin-bottom:20px;
}
/* ---------- form-list ---------- */
.form-list {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:20px auto;
}
.form-list:first-child {
	margin-top:0;
}
.form-list .formLabel {
	display:inline-block;
	width:120px;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size:1.7em;
    font-weight:bold;
	line-height:130%;
	letter-spacing:0;
	word-break:break-word;
	overflow:hidden;
	vertical-align:top;
}
.form-list .formLabel > span {
	position:relative;
	width:100%;
	padding:0 0 0 25px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
    align-items:center;
	align-content:center;
	min-height:45px;
}
.form-list .formLabel > span strong {
	display:block;
}
.form-list .formLabel > span:before {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:3.5px;
	width:9px;
	height:9px;
	background:#000;
	margin:-4.5px 0 0 0;
}
.form-list .formLabel > span.required:before {
	display:none;
}
.form-list .formLabel > span i {
    font-style: normal;
    letter-spacing: 0.125em;
    white-space: nowrap;
}
.form-list .formLabel > span.wd2{
	letter-spacing:2em;
	white-space:nowrap;
}
.form-list .formLabel > span i.wd3,
.form-list .formLabel > span.wd3 {
	letter-spacing:0.5em;
}
.form-list .formLabel > span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	text-align:left;
	text-indent:-999px;
	background:#ff0000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.form-list .formBox {
	width:calc(100% - 120px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.form-list .formBox .listbox {
	display:inline-block;
	width:calc(50% - 5px);
}
.form-list.full .formLabel,
.form-list.full .formBox {
	display:block;
	width:100%;	
}
.form-list .formBox .listbox + .listbox {
	width:100%;
	margin-top:10px;
}
.form-list .formBox > span {
	font-size:1.7em;
	margin: 0 10px;
}
.form-list .formBox .zip {width:120px;}
.form-list .formBox .add {width:calc(100% - 130px);}
.form-list .formBox .zip + .add{ margin-left:10px;}
.form-list .formInput {
	display:inline-block;
	width:100%;
	max-width:100%;
	height:45px;
    padding:0 10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	letter-spacing:0;
    line-height:45px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .radionote .formInput{
	font-size:1em;
}
.form-list .formInput:focus {
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .formInput:disabled,
.form-list .formInput[readonly] {
    background:#e0cfb4;
	border-color:#e0cfb4;
}
.form-list .formInput.w1 {
	width:calc(50% - 5px);
}
.form-list .formInput.w2 {
    width:120px;
	margin-right:10px;
}
.form-list .formInput.w3 {
    width:82px;
	margin-right:10px;
}
.form-list .formInput.w2ML {
	margin:0 0 0 10px;		
}
.form-list .note {
	display:block;
	width:100%;	
	color:#E00013;
	font-size:1.5em;
	letter-spacing:0;
	line-height:135%;
	vertical-align:top;
	margin-top:10px;
}
.form-list .note.n1 {
	width:calc(50% - 5px);
	margin-left:10px;
	margin-top:0;
}
.form-list .upfile + .note.n1 {
	width:calc(100% - 162px);
	margin-left:10px;
	margin-top:0;
}
.form-list .note.n1 span {
	display:flex;
	width:100%;
	height:100%;
	min-height:45px;
	justify-content:left;
	align-items:center;
}
.form-list .note.n2 {
	float:left;
}
.form-list fieldset {
	display:inline-block;
	vertical-align:middle;
}
.form-list fieldset.sexRadio {
	margin-left:10px;
}
.form-list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
	color:#000;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.form-list .radionote {
	font-size:1.7em;
	margin:-5px;
	letter-spacing:-9px;
	vertical-align:top;
}
.form-list .radionote > label  {
	position:relative;
	display:inline-block;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1em;
	line-height:28px;
	letter-spacing:0;
	padding:0;
	box-sizing:border-box;
	margin:5px;
	cursor:pointer;
	transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"] {
	position:relative;
	display:inline-block;
	width:28px;
    height:28px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:middle;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:7px;
	left:7px;
	width:14px;
    height:14px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	top:6px;
	left:6px;
}
.form-list .radionote > label > input[type="text"] {
    width:120px;
	font-size:1em;
}
.form-list .listBar {
	width:100%;
	height:45px;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	vertical-align:top;
	letter-spacing:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	padding:0 10px;
	background:#FFFFFF url(../images/select-bg.svg) no-repeat right center;
	box-sizing:border-box;
	border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
}
.form-list .listBar:focus {
	background:#f8f2e2 url(../images/select-bg-on.svg) no-repeat right center;
    border:1px solid #FF9933;
    outline:0;	
}
.form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.svg) no-repeat right center;
	border:none;
}
.form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.form-list .formText {
	width:100%;
    padding:10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	letter-spacing:0;
    vertical-align:middle;
	background:#FFFFFF;
	box-sizing:border-box;
    border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formText:focus {
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .upfile {
	position:relative;
}
.form-list .fileBtn {
	display:inline-block;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:152px !important;
	height:52px !important;
	line-height:52px !important;
	text-align:center;
	box-sizing:border-box;
	border:none;
	vertical-align:middle;
	z-index:1;
	-webkit-border-radius:7px;
	   -moz-border-radius:7px;
            border-radius:7px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.form-list .fileBtn span {
	position:absolute;	
	right:1px;
	top:1px;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	font-size:1.7em;
	line-height:45px;
	z-index:11;
	border:none;
	background:#000;
	pointer-events:none;
	margin:0;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.form-list .fileBtn:hover span {
	background:#D60000;
}
.form-list button.up_btn {
	position:absolute;	
	right:1px !important;
	top:1px !important;	
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	cursor:pointer;
	opacity:1 !important;
	font-size:1em !important;
	text-indent:-9999px;
	z-index:10 !important;
	border:none !important;
	background:none !important;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list button.up_btn:focus {
	outline:1px dashed #FF6600;
}
/*for ie9*/
:root .form-list .fileBtn {
	width:300px\9!important;
}
:root .form-list button.up_btn {
	font-size:1rem\9!important;
}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	.form-list .fileBtn {
		width:300px !important;
	}
	.form-list .fileBtn span {
		display:none;
	}
	.form-list button.up_btn {
		font-size:1rem !important;
	}
}
.form-list .fileList {
	width:100%;
	font-size:1.7em;
	margin:20px auto 0 auto;
}
.form-list .fileList > ul {
	display:flex;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-10px -15px;
}
.form-list .fileList > ul > li {
	list-style:inside;
	padding:10px 15px;
	box-sizing:border-box;
	vertical-align:top;
}
.form-list .fileList > ul > li > a {
	color:#73375f;
	font-weight:bold;
	letter-spacing:0;
}
.form-list .fileList > ul > li > a + a {
	margin-left:10px;
}
.form-list .fileList > ul > li > a:hover,
.form-list .fileList > ul > li > a:focus {
    color:#D60000;
}
.form-list .fileList .btnDelet {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
    padding:11.5px;
	letter-spacing:0;
	box-sizing:border-box;
    background:#a40000;
	vertical-align:middle;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.form-list .fileList .btnDelet span {
	position:relative;
	display:inline-block;
	padding:0 30px 0 0;
}
.form-list .fileList .btnDelet span:before {
    content:"";
    display:block;
    position:absolute;
	right:0;
    top:50%;
    width:25px;
    height:25px;
	margin-top:-12.5px;
    z-index:1;
	background:url(../images/icon-delete.svg) no-repeat 50% 50%;
	background-size:cover;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;
}
.form-list .fileList .btnDelet:hover,
.form-list .fileList .btnDelet:focus {
	color:#FFF;
	background:#d60000;
}
.form-list .captchaImg {
	display:inline-block;
	vertical-align:middle;
}
.form-list .btnVoice,
.form-list .btnReload {
	display:inline-block;
	position:relative;
	color:#FFF;
	width:45px;
	height:45px;
	text-indent:-999px;
	text-align:left;
	background:#757575;
	vertical-align:middle;
	overflow:hidden;
	margin-left:10px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.form-list .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
    background:url(../images/btnTxt-icon.svg) 50% 50% no-repeat;
	background-size:cover;
}
.form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
    background:url(../images/btnReload-icon.svg) 50% 50% no-repeat;
	background-size:cover;
}
.form-list .btnVoice:hover,
.form-list .btnVoice:focus,
.form-list .btnReload:hover,
.form-list .btnReload:focus {
	background:#D60000;
}
@media screen and (max-width:620px) {
	.form-list.line {
		padding-top:15px;
	}	
	.form-list .formLabel {
		width:100%;
		text-align:left;
		/*line-height:100%;*/
		margin-bottom:15px;
	}
	.form-list .formLabel > span{ min-height:inherit;}
	.form-list .formLabel > span strong { display:inline; }
	.form-list .formBox { width:100%; }
	.form-list .threeColumn .formInput { width:100%; }
	.form-list .threeColumn .formInput:nth-last-of-type(2),
	.form-list .threeColumn .formInput:last-of-type { margin-top:10px; }
	.form-list .threeAddress .select-address { width:calc(50% - 5px); }
	.form-list .threeAddress .select-address:last-of-type { width:100%; margin-top:10px; }
	.form-list .formBox .listbox {
		width:100%;
	}
	.form-list .formBox .listbox + .listbox {
		width:100%;
		margin:10px 0 0 0;
	}
	.form-list .formInput.add {
		float:left;
		width:100%;
		margin-top:10px;
	}
	.form-list .formInput.w1 {
		width:100%;
	}
	.form-list .formInput.w2 {
		margin-top:10px;
		margin-right:0;
		width:calc(100% - 55px);
	}
	.form-list .formInput.w3 {
		margin-top:10px;
		margin-right:0;
		width:calc(100% - 97px);
	}
	.form-list .formInput.w2ML {
		margin-left:0;
		width:100%;
	}
	.form-list .formBox > span {
		margin-top:10px;
	}
	.form-list .note.n1 {
		width:100% !important;
		margin:10px 0 0 0 !important;
	}
	.form-list .note.n1 span {
		display:inline-block;
		min-height:inherit;
	}
	.form-list fieldset.sexRadio {
		margin: 5px 5px 0 0;
	 }	
	.form-list .radionote > label {
		padding-bottom:0;
	}
	.form-list .formBox .zip {
	  	width: 100%;
	}
	.form-list .formBox .zip + .add	 {
		margin-left:0;
	}	
}
@media screen and (min-width:991px) {	
	.form-list .formBox .listbox {
		display:inline-block;
		width:130px;
	}
	.form-list .formBox .listbox + .listbox {
		width:calc(100% - 140px);
		margin:0 0 0 10px;
	}
	.form-list .formLabel,
	.form-list .formBox > span,
	.form-list .listBar,
	.form-list .formInput,
	.form-list .radionote,
	.form-list .formText,
	.fixGroup label,
	.form-list .readonlyTx,
	.form-list .fileList {
		font-size:1.9em;
	}
	.form-list .note {
		font-size:1.7em;
	}
	.form-list .formLabel > span{
		min-height:50px;
	}
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		height:50px;
		line-height:50px;
		padding:0 12px;
	}
	.form-list .formText {
		padding:12px;
	}
	.form-list .formLabel {
		width:150px;
	}
	.form-list .formBox {
		width:calc(100% - 150px);
	}
	.form-list .radionote {
		margin:0 -7.5px;
	}
	.form-list .radionote > label  {
		margin:0 7.5px;
	}
	.form-list .fileBtn {
		height:52px !important;
		line-height:52px !important;
	}
	.form-list .fileBtn span {
		font-size:1.9em;
		line-height:50px;
	}
	.form-list .btnVoice,
	.form-list .btnReload {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1200px) {
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		padding:0 15px;
	}
	.form-list .formText {
		padding:15px;
	}
	.form-list .formBox .listbox {
		display:inline-block;
		width:30%;
	}
	.form-list .formBox .listbox + .listbox {
		width:calc(70% - 10px);
		margin:0 0 0 10px;
	}
	.form-list .formLabel {
		width:160px;
	}
	.form-list .formBox {
		width:calc(100% - 160px);
	}
	.form-list .radionote > label > input[type="text"] {
		width:130px;
	}
}
@media screen and (min-width:1600px) {
	.form-list .formBox .listbox {
		display:inline-block;
		width:calc(50% - 5px);
	}
	.form-list .formBox .listbox + .listbox {
		width:calc(50% - 5px);
		margin:0 0 0 10px;
	}
}


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


/** Sitemap **/
#sitemap {
	width:100%;
	margin:30px auto 0 auto;
}
#sitemap .info {
	width:100%;color:#333;
	font-size:1.7em;line-height:165%;	
}
#sitemap .info .color-blue {color:#2aada1;}
#sitemap .info p {
	text-align:justify;
	margin:15px 0;
}
#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;
	background:#f5f5f5;
	margin:10px;
    border-radius:0 0 15px 15px;	
}
#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: linear-gradient(to bottom, #219ba6 0%, #154199 100%);
    border-radius:10px 10px 0 0;	
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#0e3e8e;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:10px 20px;
}
#sitemap .sitemapList > ul > li li {
	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;	
}
#sitemap .sitemapList > ul > li li li a { padding-left:60px;}
#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:#d60000;
}
#sitemap .sitemapList > ul > li li a.link:after,
#sitemap .sitemapList > ul > li li a.download:after {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-left:5px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#9fa3a6;
	-webkit-mask-size:15px 15px;
			mask-size:15px 15px;
	-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;
}
#sitemap .sitemapList > ul > li li a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
#sitemap .sitemapList > ul > li li a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
#sitemap .sitemapList > ul > li li a.link:hover:after,
#sitemap .sitemapList > ul > li li a.link:focus:after,
#sitemap .sitemapList > ul > li li a.download:hover:after,
#sitemap .sitemapList > ul > li li a.download:focus:after {
	background-color:#99322b;
	opacity:.5;
}
@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;}
	#sitemap .sitemapList > ul > li li a { font-size:1.9em;}
	#sitemap .sitemapList {
		padding-top:30px;margin-top:25px;
	}
	#sitemap .sitemapList > ul > li > a {
		padding:15px 25px;
	}
	#sitemap .sitemapList > ul > li ul {
		padding:10px 25px;
	}
}


/** serviceBox **/
.serviceBox{
	position:relative;
	width:100%;
	list-style:none;
	margin:0 auto 50px;
}
.serviceBox li{
	position:relative;
	width:100%;
	margin:5px 0;
	padding:30px;
	box-sizing:border-box;
	border-radius:15px;
	overflow:hidden;
	background:#eef2fa;	
}
.serviceBox li .itemBox{
	width:100%;
	padding-left:100px;
	box-sizing:border-box;	
}
.serviceBox li strong{	
	display:block;
    font-family: "微软雅黑", "微軟正黑體";	
	margin-top:6px;			
}
.serviceBox li span{
	display:inline-block;
	color:#fff;
	font-size:85%;
	background:#2aada1;
	border-radius:30px;
	padding:1px 18px;
	box-sizing:border-box;
}
.serviceBox li::before{
	content:"";
	display:block;
	width:120px;
    height:120px;
	position:absolute;
	left:5px;
	top:4px;	
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;	
	border-radius: 30%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;	
}
.serviceBox li:nth-child(1)::before{ background-image:url(../images/serv-icon1.svg); }
.serviceBox li:nth-child(2)::before{ background-image:url(../images/serv-icon2.svg); }
.serviceBox li:nth-child(3)::before{ background-image:url(../images/serv-icon3.svg); }
.serviceBox li:nth-child(4)::before{ background-image:url(../images/serv-icon4.svg); }
.serviceBox li:nth-child(5)::before{ background-image:url(../images/serv-icon5.svg); }



/* ----- infoList ----- */
.infoList {
	position:relative;
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
	z-index:2;
}
.infoList ul {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-20px -15px;
}
.infoList ul li {
	position:relative;
	display:inline-block;
	width:20%;
	letter-spacing:0;
	padding:20px 15px;
	box-sizing:border-box;
	vertical-align:top;
}
.infoList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.infoList ul li .box {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.infoList .pic {
	position:relative;
	width:100%;
	margin:0 auto;
}
.infoList ul li + li .pic::before {
	content:"";
	display:block;
	position:absolute;
	bottom:-43px;
	left:calc(-50% - 20px);
	width:calc(100% + 30px);
	height:1px;
	background:#e56245;
	margin-left:-8px;
}
.infoList p {
	position:relative;
	width:100%;
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.3em;
	font-weight:bold;
	line-height:135%;
	text-align:center;
	padding-top:70px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.infoList a:hover p,
.infoList a:focus p {
    color:#A40000;
}
.infoList p::before {
	content:"";
	display:block;
	position:absolute;
	top:35px;
	left:50%;
	width:14px;
	height:14px;
	background:#e56245;
	margin-left:-7px;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.infoList p::after {
	content:"";
	display:block;
	position:absolute;
	top:24px;
	left:50%;
	width:36px;
	height:36px;
	background:#e56245;
	visibility:visible;
	margin-left:-18px;
	opacity:.2;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
@media screen and (max-width:990px) {
	.infoList ul li {
		width:33.33%;
	}
	.infoList ul li:nth-child(1) {
		margin-left:16.66%;
	}
	.infoList ul li:nth-child(2) {
		margin-right:16.66%;
	}
	.infoList ul li:nth-child(3) .pic::before {
		display:none;
	}
}
@media screen and (max-width:460px) {
	.infoList {
		max-width:260px;
	}
	.infoList ul li {
		width:100%;
		margin:0 !important;
	}
	.infoList ul li .pic::before {
		display:none !important;
	}
}
@media screen and (min-width:991px) {
	.infoList ul {
		margin:0;
	}
	.infoList ul li {
		padding:0;
	}
	.infoList ul li + li .pic::before {
		left:calc(-50% + 6px);
		width:100%;
		bottom:-36px;
	}
	.infoList p {
		font-size:2em;
		padding-top:60px;
	}
	.infoList p::before {
		top:30px;
		width:12px;
		height:12px;
		margin-left:-6px;
	}
	.infoList p::after {
		top:20px;
		width:32px;
		height:32px;
		margin-left:-16px;
	}
}
@media screen and (min-width:1200px) {
	.infoList {
		margin-top:35px;
	}
	.infoList ul {
		margin:-10px;
	}
	.infoList ul li {
		padding:10px;
	}
	.infoList ul li + li .pic::before {
		left:calc(-50% - 18px);
		width:calc(100% + 20px);
		bottom:-43px;
	}
	.infoList p {
		font-size:2.3em;
		padding-top:70px;
	}
	.infoList p::before {
		top:35px;
		width:14px;
		height:14px;
		margin-left:-7px;
	}
	.infoList p::after {
		top:24px;
		width:36px;
		height:36px;
		margin-left:-18px;
	}
}
@media screen and (min-width:1600px) {
	.infoList {
		margin-top:45px;
	}
	.infoList ul li a {
		position:relative;
		display:block;
		width:100%;
		height:100%;
	}
	.infoList p {
		font-size:2.9em;
		padding-top:80px;
	}
	.infoList p::before {
		width:16px;
		height:16px;
		margin-left:-8px;
	}
	.infoList p::after {
		width:40px;
		height:40px;
		margin-left:-20px;
	}
}


/** notesVer **/
.notesVer{
	width:100%;
}
.nvBox{
	position:relative;
	width:100%;
	overflow: hidden;	
}
.nvBox article {
	position:relative;
	margin:0 auto;	
	padding:100px 0;		
	box-sizing:border-box;
}
.nvBox:before{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:36px;
    background: linear-gradient(to top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 100%);
}
.nvBox article:after{
	content:"";
	display:block;	
	position:absolute;
	height:100%;
	width:10px;
	top:0;
	left:50%;
	transform: translateX(-700px);		
	background:#fff;
}
.nvBox.nv1 article{padding-top:120px;}
.nvBox.nv1 article:after{top:120px;}
.nvBox.nv1{background:#71bcb9;}
.nvBox.nv2{background:#ff7161;}
.nvBox.nv3{background:#167c8e;}
.nvBox.nv4{background:#eaa920;}
.nvBox.nv5{background:#2d773f url(../images/noteVer-pic5-2.png) no-repeat 100% 100%;}
.nvBox.nv6{background:#24b6a9;}
.nvBox.nv7{background:#8db80c;}
.nvBox i{
    position: absolute;
	display:block;
    top: 50%;		
    width: 530px;
    height: 530px;	
	transform: translateX(180px) translateY(-50%);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.nvBox i.nvPic1 {
	background-image:url(../images/noteVer-pic1.png);
	background-position:100% 0;	
    left:50%;
	top:60%;		
	bottom:0;
    height: 420px;						
}
.nvBox i.nvPic2 {
	background-image:url(../images/noteVer-pic2.png);
   	right: 0;
	transform: translateX(0) translateY(-50%);
    width: 768px;
    height: 768px;
	background-position:100% 100%;								
}
.nvBox i.nvPic3 {
	background-image:url(../images/noteVer-pic3.png);
    left:50%;					
}
.nvBox i.nvPic4 {
	background-image:url(../images/noteVer-pic4.png);
    left:50%;					
}
.nvBox i.nvPic5 {
	background-image:url(../images/noteVer-pic5.png);
    left:50%;					
}
.nvBox i.nvPic6 {
	background-image:url(../images/noteVer-pic6.png);
    left:50%;					
}
.nvBox i.nvPic7 {
	background-image:url(../images/noteVer-pic7.png);
   	right: 0;
	transform: translateX(0) translateY(-50%);	
    width: 1650px;
    height: 900px;					
}
.nvBox h2{
	position:relative;
	color:#fff;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	font-size:4em;
	font-weight:bold;
	line-height:1.5;	
	text-shadow:0 1px 8px rgba(0,0,0,.6), 0 1px 8px rgba(0,0,0,.6);
	margin-bottom:30px;
}
.nvBox h2:after,
.nvBox.nv1 h2:before {
	content:"";
	display:block;
	position:absolute;
	left:-145px;	
	width:100px;
	z-index:1;				
}
.nvBox h2:after{
	top:0;
	height:100px;
	margin:-25px 0 0 0;
	border-radius: 100%;
	background:#fff;	
	background-size:cover;	
}
.nvBox.nv1 h2:before{
	top:-90px;
	height:68px;
	background-image:url(../images/noteVer-ico.svg);
	background-size:cover;	
}
.nvBox.nv1 h2:after { background-image:url(../images/noteVer-ico1.svg);}
.nvBox.nv2 h2:after { background-image:url(../images/noteVer-ico2.svg);}
.nvBox.nv3 h2:after { background-image:url(../images/noteVer-ico3.svg);}
.nvBox.nv4 h2:after { background-image:url(../images/noteVer-ico4.svg);}
.nvBox.nv5 h2:after { background-image:url(../images/noteVer-ico5.svg);}
.nvBox.nv6 h2:after { background-image:url(../images/noteVer-ico6.svg);}
.nvBox.nv7 h2:after { background-image:url(../images/noteVer-ico7.svg);}
.nvBox .nvItem {
	width:100%;
	list-style:none;
}
.nvBox .nvItem li {
	position:relative;
	width:60%;	
	color:#fff;
	font-size:2em;
	line-height:1.5;
	text-shadow:0 0 6px rgba(0,0,0,.6);	
	background:rgba(0,0,0,.2);
	padding:18px 20px;
	box-sizing:border-box;
	border-radius: 10px;
	padding-left:65px;
}
.nvBox .nvItem li strong {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";		
	font-size:115%;
	color:#ffff00;
	margin:0 5px;
}
.nvBox .nvItem li strong.uline {
	position:relative;
	display: inline-block;	
}
.nvBox .nvItem li strong.uline:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-1px;
	width:100%;
	height:1px;
	background:#ffff00;
}
.nvBox .nvItem li + li{
	margin:15px 0;
}
.nvBox .nvItem li:before {
	content:"";
	display:block;
	position:absolute;
	top:18px;
	left:20px;	
	width:37px;
	height:37px;
	margin:0 -37px 0 0;
	border-radius: 100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	z-index:1;			
}
.nvBox .nvItem li.ico1:before  {background-image:url(../images/nvico1.svg);}
.nvBox .nvItem li.ico2:before  {background-image:url(../images/nvico2.svg);}
.nvBox .nvItem li.ico3:before  {background-image:url(../images/nvico3.svg);}
.nvBox .nvItem li.ico4:before  {background-image:url(../images/nvico4.svg);}
.nvBox .nvItem li.ico5:before  {background-image:url(../images/nvico5.svg);}
.nvBox .nvItem li.ico6:before  {background-image:url(../images/nvico6.svg);}
.nvBox .nvItem li.ico7:before  {background-image:url(../images/nvico7.svg);}
.nvBox .nvItem li.ico8:before  {background-image:url(../images/nvico8.svg);}
.nvBox .nvItem li.ico9:before  {background-image:url(../images/nvico9.svg);}
.nvBox .nvItem li.ico10:before {background-image:url(../images/nvico10.svg);}
.nvBox .nvItem li.ico11:before {background-image:url(../images/nvico11.svg);}
.nvBox .nvItem li.no1:before {background-image:url(../images/no1.svg); background-color:#fff;}
.nvBox .nvItem li.no2:before {background-image:url(../images/no2.svg); background-color:#fff;}
.nvBox .nvItem li.no3:before {background-image:url(../images/no3.svg); background-color:#fff;}
.nvBox .ps{
	width:60%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;	
}
.nvBox .ps .ip{
	width:128px;	
	height:95px;
}
.nvBox .ps .wd{
	position:relative;
	width:calc(100% - 128px);	
	color:#000;
	font-size:1.7em;
	line-height:1.5;
	background:#fff;
	padding:15px 16px 15px 20px;
	box-sizing:border-box;
	border-radius: 10px;
}
@media screen and (max-width:1560px) {
	.nvBox article {
		padding:75px 0 75px 75px;
    }
	.nvBox article:after{
		left:25px;
		transform: translateX(0);
	}	
	.nvBox i{
		background-size: contain;	
		max-width: 27.6vw;
		max-height: 27.6vw;		
	}	
	.nvBox i.nvPic2 {
		max-width: 40vw;
		max-height: 40vw;
		background-size:90%;							
	}
	.nvBox i.nvPic7 {
		max-width: 86vw;
		max-height: 46.875vw;					
	}
	.nvBox h2{
		font-size:3.6em;
	}	
	.nvBox h2:after,
	.nvBox.nv1 h2:before {
		left:-80px;	
		width:70px;			
	}
	.nvBox h2:after{
		height:70px;
		margin:-10px 0 0 0;
	}
	.nvBox.nv1 h2:before{
		top:-55px;
		height:48px;
	}	
	.nvBox .nvItem li {
		font-size:1.8em;
		padding:16px;
		padding-left:58px;
	}	
	.nvBox .nvItem li:before {
		width:30px;
		height:30px;
		margin:0 -30px 0 0;		
	}					
}
@media screen and (max-width:990px) {
	.nvBox.nv1 article{padding-top:180px;}
	.nvBox.nv1 article:after{top:180px;}	
	.nvBox h2{font-size:3.2em;}		
	.nvBox .nvItem li {width:65%; font-size:1.7em;}	
	.nvBox .ps{width:65%;}	
	.nvBox .nvItem li + li{margin:10px 0;}			
}
@media screen and (max-width:640px) {
	.nvBox article {
		padding:75px 0 0 75px;
    }	
	.nvBox article:after{
		height:150%;
	}	
	.nvBox .nvItem li {width:100%;}
	.nvBox .nvItem li {
		font-size:1.7em;
		padding:10px;
		padding-left:50px;
	}	
	.nvBox .nvItem li:before {
		top:12px;
		left:12px;			
	}	
	.nvBox .ps{width:100%;}	
	.nvBox i{
		display:block;
		position:relative;
		transform: none;
		max-width: 40vw;
		max-height: 40vw;					
	}
	.nvBox i.nvPic1,
	.nvBox i.nvPic2,
	.nvBox i.nvPic3,
	.nvBox i.nvPic4,
	.nvBox i.nvPic5,
	.nvBox i.nvPic6,		
	.nvBox i.nvPic7 {
		transform: none;
		left:50%;	
		margin-left: -20vw;	
	}				
}
@media screen and (max-width:480px) {
	.nvBox article { padding:40px 0 0 0; }
	.nvBox.nv1 article {padding-top:160px;}		
	.nvBox:before,
	.nvBox article:after,
	.nvBox h2::after { display:none; }	
	.nvBox h2 { font-size:2.8em; margin-bottom:15px; }		
}
@media screen and (max-width:320px) {
	.nvBox h2 { font-size:2.4em; }	
	.nvBox .nvItem li { font-size:1.6em; }		
}


/** qlinkList **/
.qlinkList {
    width:100%;
	margin:0 auto;
	padding:80px 0 150px;
    background: linear-gradient(to top, rgba(0,0,0,.15) 0%, rgba(255,255,255) 100%);
	text-align:center; 
}
.qlinkList ul {
    list-style:none;	
}
.qlinkList ul li {
	width:18%;
	display:inline-block;				
}
.qlinkList ul li a {
	position:relative;	
	display:block;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";	
	color:#000;
	font-size:2.5em;
	font-weight:bold;
	line-height:130%;	
	box-sizing:border-box;
}
.qlinkList ul li a span{
	display:block;
	margin-top:10px;
}
.qlinkList ul li a::after,
.qlinkList ul li a::before{
	content:"";
	display:block;
	width:152px;
    height:152px;
	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;		
}
.qlinkList ul li a::before{
	position:relative;	
	margin:0 auto;		
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	z-index:1;				
}
.qlinkList ul li a::after{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-76px;
	z-index:0;
}
.qlinkList  ul li:nth-child(1) a::before{ background-image:url(../images/ql-icon1.svg)}
.qlinkList  ul li:nth-child(2) a::before{ background-image:url(../images/ql-icon2.svg)}
.qlinkList  ul li:nth-child(3) a::before{ background-image:url(../images/ql-icon3.svg)}
.qlinkList  ul li:nth-child(4) a::before{ background-image:url(../images/ql-icon4.svg)}
.qlinkList  ul li:nth-child(5) a::before{ background-image:url(../images/ql-icon5.svg)}
.qlinkList  ul li:nth-child(1) a::after{ background: linear-gradient(to top, #000000 0%, #4d4d4d 100%)}
.qlinkList  ul li:nth-child(2) a::after{ background: linear-gradient(to top, #008e00 0%, #8cca06 100%)}	
.qlinkList  ul li:nth-child(3) a::after{ background: linear-gradient(to top, #633192 0%, #5595e2 100%)}	
.qlinkList  ul li:nth-child(4) a::after{ background: linear-gradient(to top, #035cdb 0%, #1ab7a9 100%)}	
.qlinkList  ul li:nth-child(5) a::after{ background: linear-gradient(to top, #d83624 0%, #f7931e 100%)}	
.qlinkList  ul li > a:hover,
.qlinkList  ul li > a:focus { 
	color:#D60000;
	border-radius: 20px;
}
.qlinkList  ul li > a:hover::after,
.qlinkList  ul li > a:focus::after{
	-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);	
}
@media screen and (max-width:990px) {
	.qlinkList { padding:70px 0 135px; }
	.qlinkList ul li { width:20%; }	
	.qlinkList ul li a { font-size:2.2em; }	
	.qlinkList ul li a::after,
	.qlinkList ul li a::before{ width:132px; height:132px; }
	.qlinkList ul li a::after{ margin-left:-66px; }		
}
@media screen and (max-width:768px) {
	.qlinkList { padding:50px 0 110px; }
	.qlinkList ul li a { font-size:2em; }	
	.qlinkList ul li a::after,
	.qlinkList ul li a::before{ width:110px; height:110px; }
	.qlinkList ul li a::before{ background-size:90%; }	
	.qlinkList ul li a::after{ margin-left:-55px; }		
}
@media screen and (max-width:640px) {
	.qlinkList { padding:40px 0 90px; }
	.qlinkList ul li a { font-size:1.7em; }	
	.qlinkList ul li a::after,
	.qlinkList ul li a::before{ width:80px; height:80px; }
	.qlinkList ul li a::after{ margin-left:-40px; }		
}
@media screen and (max-width:560px) {
	.qlinkList ul li a { font-size:1.5em; }		
}
@media screen and (max-width:500px) {
	.qlinkList { padding:35px 0 70px; }	
	.qlinkList ul li { width:33.33%; margin-bottom:20px; }	
}


.testList{
	position:relative;
    width:100%;
	margin:0 auto;
}
.testList:before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 5%;	
	width:90%;
	height:16px;
	margin-top:-8px;	
	background:#2aada1;
}
.testList > ul {
    list-style:none;
	display:flex;
	justify-content:space-between;		
}
.testList > ul > li {
}
.testList > ul > li > a {
	position:relative;	
	display:inline-block;
}
.testList > ul > li > a strong {
	position:relative;
	display:inline-block;
	color:#333;
	font-size: 2.3em;
	font-weight:bold;
	line-height:130%;
   	padding-left:50px;
}
.testList > ul > li > a strong:after{
    content: "";
    position: absolute;
    display: block;	
	width:1px;
	height:42px;
	background:#9f9f9f;
    left: 50%;
	z-index:1;	
}
.testList > ul > li:nth-child(odd) > a strong { padding-top:100px; }
.testList > ul > li:nth-child(even) > a strong { padding-bottom:100px;}
.testList > ul > li:nth-child(odd) > a strong:after{ bottom:0; }
.testList > ul > li:nth-child(even) > a strong:after{ top:0; }
.testList > ul > li > a::before,
.testList > ul > li > a::after{
    content: "";
    position: absolute;
    display: block;
    left: 50%;	
    top: 50%;	
	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;
	z-index:2;	
}
.testList > ul > li > a::before {	
    width: 52px;
    height: 52px;	
	margin:-26px 0 0 -26px;	
	background: linear-gradient(90deg, #1ab7a9, #035cdb); 		
}
.testList > ul > li > a::after {	
    width: 28px;
    height: 28px;	
	margin:-14px 0 0 -14px;
	background: #fff; 	
}


/** projItem  **/
.projItem {
	width:100%;
}
.projItem ul{
	display:flex;
    flex-wrap: wrap;
	list-style:none;	
}
.projItem ul li{
	width:calc(20% - 2px);
    display:flex;
	flex-direction:column;	
	margin:1px;	
	background: linear-gradient(to bottom, #3cb474 0%, #008096 80%);
	border-radius:10px;						
}
.projItem ul li a{
	display:inline-block;	
	width:100%;	
    padding:20px 10px;	
	box-sizing:border-box;		
}
.projItem ul li .img{
	width:70px;
	height: 70px;
    margin: 0 auto;
    background: url(../images/proj-icon.svg) no-repeat 0 0;
    background-size: auto 70px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	
}
.projItem ul li:nth-child(1)  .img { background-position:0 0; }
.projItem ul li:nth-child(2)  .img { background-position:-70px 0; }
.projItem ul li:nth-child(3)  .img { background-position:-140px 0; }
.projItem ul li:nth-child(4)  .img { background-position:-210px 0; }
.projItem ul li:nth-child(5)  .img { background-position:-280px 0; }
.projItem ul li:nth-child(6)  .img { background-position:-350px 0; }
.projItem ul li:nth-child(7)  .img { background-position:-420px 0; }
.projItem ul li:nth-child(8)  .img { background-position:-490px 0; }
.projItem ul li:nth-child(9)  .img { background-position:-560px 0; }
.projItem ul li:nth-child(10) .img { background-position:-630px 0; }
.projItem ul li:nth-child(11) .img { background-position:-700px 0; }
.projItem ul li:nth-child(12) .img { background-position:-770px 0; }
.projItem ul li:nth-child(13) .img { background-position:-840px 0; }
.projItem ul li:nth-child(14) .img { background-position:-910px 0; }
.projItem ul li:nth-child(15) .img { background-position:-980px 0; }
.projItem ul li:nth-child(16) .img { background-position:-1050px 0; }
.projItem ul li:nth-child(17) .img { background-position:-1120px 0; }
.projItem ul li:nth-child(1), .projItem ul li:nth-child(2),
.projItem ul li:nth-child(3), .projItem ul li:nth-child(4), 
.projItem ul li:nth-child(5) { 
	background:#f8f8dc;
}
.projItem ul li:nth-child(6), .projItem ul li:nth-child(7),
.projItem ul li:nth-child(8), .projItem ul li:nth-child(9),
.projItem ul li:nth-child(10) { 
	background:#dcf0dc;
}
.projItem > ul > li:nth-child(11), .projItem > ul > li:nth-child(12),
.projItem > ul > li:nth-child(13), .projItem > ul > li:nth-child(14),
.projItem > ul > li:nth-child(15) { 
	background:#cdebeb;	
}
.projItem > ul > li:nth-child(16),
.projItem > ul > li:nth-child(17){
	width:calc(50% - 2px); 
	background:#d2e4f2;
}
.projItem ul li p{
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5;
    text-align:center;
	margin-top:5px;
}
.projItem ul li a{
	display:inline-block;
	color:#000;
}
.projItem ul li:hover,
.projItem ul li a:focus  {
	outline: 5px solid #6478c8;
	outline-offset: -5px;
}
@media screen and (max-width:680px) {
	.projItem ul li{
		width:calc(33.33% - 2px);					
	}
	.projItem ul li:nth-child(1), .projItem ul li:nth-child(2),
	.projItem ul li:nth-child(3), .projItem ul li:nth-child(4), 
	.projItem ul li:nth-child(5), .projItem ul li:nth-child(6) { 
		background:#f8f8dc;
	}
	.projItem ul li:nth-child(7), .projItem ul li:nth-child(8),
	.projItem ul li:nth-child(9), .projItem ul li:nth-child(10),
	.projItem > ul > li:nth-child(11), .projItem > ul > li:nth-child(12) { 
		background:#dcf0dc;
	}

	.projItem > ul > li:nth-child(13), .projItem > ul > li:nth-child(14),
	.projItem > ul > li:nth-child(15), .projItem > ul > li:nth-child(16),
	.projItem > ul > li:nth-child(17) { 
		background:#cdebeb;	
	}			
}
@media screen and (max-width:540px) {
	.projItem ul li p{
		font-size:1em;
	}	
}
@media screen and (max-width:420px) {
	.projItem ul li{
		width:calc(50% - 2px);					
	}
	.projItem > ul > li:nth-child(17){
		width:100%; 
	}		
}


/** projTit **/
.projTit {
	display:flex;
	align-items:center;	
	position:relative;
	color:#333;
	font-size:1.5rem;
	font-weight:bold;
	font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	line-height:135%;
    padding:20px 70px 20px 30px;	
	box-sizing:border-box;
	background:#fafadc;	
	border-radius:10px;
	margin-top:50px;			
}
.projTit:before {
    content:"";
    display:block;
    position:absolute;
    right:30px;
	top:38px;
    width:33px;
    height:33px;
    z-index:1;
	border:2px solid #6478c8;
	background-size:auto 70%;	
	border-radius:30px;
	box-sizing:border-box;
}
.projTit:after {
    content:"";
    display:block;
    position:absolute;
    right:40px;
	top:52px;
    width: 0;
    height: 0;
    z-index:1;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #6478c8 transparent transparent transparent;
	border-radius:5px;	
}
.projTit .img {
	width:70px;
	height: 70px;
    background: url(../images/proj-icon.svg) no-repeat 0 0;
    background-size: auto 70px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	margin-right:20px;
}
.projTit#pj1 .img { background-position:0 0; }
.projTit#pj2 .img { background-position:-70px 0; }
.projTit#pj3 .img { background-position:-140px 0; }
.projTit#pj4 .img { background-position:-210px 0; }
.projTit#pj5 .img { background-position:-280px 0; }
.projTit#pj6 .img { background-position:-350px 0; }
.projTit#pj7 .img { background-position:-420px 0; }
.projTit#pj8 .img { background-position:-490px 0; }
.projTit#pj9 .img { background-position:-560px 0; }
.projTit#pj10 .img { background-position:-630px 0; }
.projTit#pj11 .img { background-position:-700px 0; }
.projTit#pj12 .img { background-position:-770px 0; }
.projTit#pj13 .img { background-position:-840px 0; }
.projTit#pj14 .img { background-position:-910px 0; }
.projTit#pj15 .img { background-position:-980px 0; }
.projTit#pj16 .img { background-position:-1050px 0; }
.projTit#pj17 .img { background-position:-1120px 0; }
.projTit#pj1, .projTit#pj2, .projTit#pj3, .projTit#pj4, .projTit#pj5 { background:#f8f8dc; }
.projTit#pj6, .projTit#pj7, .projTit#pj8, .projTit#pj9,.projTit#pj10 { background:#dcf0dc; }
.projTit#pj11, .projTit#pj12, .projTit#pj13, .projTit#pj14, .projTit#pj15 { background:#cdebeb;	}
.projTit#pj16, .projTit#pj17{ background:#d2e4f2; }
.pageWord > ol.dispL, .pageWord > ul.dispL {
	position:relative;
	margin-left:2.5em;
}
.pageWord > ol.dispL > li, .pageWord li ul.dispL li {
	margin-left:1em;	
}
@media screen and (max-width:680px) {
	.projTit {
		font-size:1.4rem;
 		padding:20px;		
	}
	.projTit:before,	
	.projTit:after {
		display:none;
	}
	.projTit#pj1, .projTit#pj2, .projTit#pj3, .projTit#pj4, .projTit#pj5, .projTit#pj6 { background:#f8f8dc; }
	.projTit#pj7, .projTit#pj8, .projTit#pj9,.projTit#pj10, .projTit#pj11, .projTit#pj12 { background:#dcf0dc; }
	.projTit#pj13, .projTit#pj14, .projTit#pj15, .projTit#pj16, .projTit#pj17 { background:#cdebeb;	}
	.pageWord > ol.dispL, .pageWord > ul.dispL {
		margin-left:1em;
	}	
}
@media screen and (max-width:540px) {
	.projTit {
		flex-direction: column;
		text-align:center;	
	}
	.projTit .img {
		margin-right:0;
		margin-bottom:5px;
	}		
}


/** applyBox **/
#applyBox {
	display:inline-block;
	width:100%;
}
#applyBox > ul { position:relative; }
#applyBox > ul > li { list-style:none; }
#applyBox > ul > li > a {
	position:absolute;
	top:0;
	display:block;
	width:50%;
	text-align:center;
	color:#fff;
	background: #999;	
}
#applyBox > ul > li > a:hover,
#applyBox > ul > li > a:focus {
	color:#ffff00;
}
#applyBox > ul > li:first-of-type > a,
#applyBox > ul > li:first-of-type > a.saTabOn h3 {
	border-radius:12px 0 0 12px;
}
#applyBox > ul > li:last-of-type > a,
#applyBox > ul > li:last-of-type > a.saTabOn h3 {
	border-radius:0 12px 12px 0;
}
#applyBox > ul > li > a.saTabOn {
	cursor:text;
	z-index:1;
}
#applyBox > ul > li > a.saTabOn:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #0043af transparent transparent transparent;
	margin-left: -11px
}
#applyBox > ul > li > a.tab1 {position:relative;}
#applyBox > ul > li > a.tab1 {left:0;}
#applyBox > ul > li > a.tab2 {left:50%;}
#applyBox > ul > li > a h3 {
    font-family: "PingFang TC Semibold","微軟雅黑","Microsoft YaHei";
    font-size: 1.25em;
    line-height: 50px;
}
#applyBox > ul > li > a h3 span{
    position: relative;	
    padding-left: 26px;		
}
#applyBox > ul > li > a h3 span:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#applyBox > ul > li > a.tab1 h3 span:before {
	background-image: url(../images/h-news-icon1.svg);
}
#applyBox > ul > li > a.tab2 h3 span:before {
    background-image: url(../images/h-news-icon2.svg);
}
#applyBox > ul > li > a.saTabOn h3 {
	color:#fff;
	background: #0043af;
}
#applyBox > ul > li .saCont {
	position:relative;	
	width:100%;
	/*background:#f7f7f6;
	padding:25px;
	box-sizing:border-box;
	border-radius:0 0 12px 12px;*/
	margin-top:30px;	
}



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