@charset "utf-8";

/* ----- slide_listshow ----- */
.slide_listshow {
	width:100%;
	letter-spacing:-0.9em;
	margin:0 auto !important;
}
.slide_listshow .item {
	letter-spacing:0;
	overflow:visible;
}
.slide_listshow > div > .item {
	font-size:0.625rem;
}
.slide_listshow .item a {
	width:100%;
	height:100%;
	display:block;
	background:none;
	overflow:hidden;
}
.slide_listshow .item a:focus {
	outline:2px dashed #FF6600 !important;
}
.slide_listshow .slick-prev,
.slide_listshow .slick-next {
	position:absolute;
	display:inline-flex;
	width:45px;
	height:45px;
	justify-content:center;
    align-items:center;
	background:rgba(0,0,0,.75);
	box-sizing:border-box;
	z-index:10;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_listshow .slick-prev {
	left:0;
}
.slide_listshow .slick-next {
	right:0;
}
#banner .slide_listshow .slick-prev {
	left:-12.5px;
}
#banner .slide_listshow .slick-next {
	right:-12.5px;
}
.slide_listshow .slick-prev:before,
.slide_listshow .slick-next:before {
	display:none;
}
.slide_listshow .slick-prev:hover,
.slide_listshow .slick-prev:focus,
.slide_listshow .slick-next:hover,
.slide_listshow .slick-next:focus {
	background:#CC4E00;
}
.slide_listshow .slick-prev:focus,
.slide_listshow .slick-next:focus {
	outline:2px dashed #FF6600 !important;
}
.slide_listshow .slick-prev span,
.slide_listshow .slick-next span {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:middle;
    -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;
}
.slide_listshow .slick-prev span {
	margin-left:5px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.slide_listshow .slick-next span {
	margin-right:5px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.slide_listshow .slick-prev span:before,
.slide_listshow .slick-next span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:4px;
	height:100%;
	background:#fff;
	z-index:2;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
    -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
			transform:rotate(0deg);
}
.slide_listshow .slick-prev span:before {
	left:0;
}
.slide_listshow .slick-next span:before {
	right:0;
}
.slide_listshow .slick-prev span:after,
.slide_listshow .slick-next span:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:4px;
	background:#fff;
	z-index:2;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
    -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
			transform:rotate(0deg);
}
@media screen and (min-width:1200px) {
	#banner .slide_listshow .slick-prev,
	#banner .slide_listshow .slick-next {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1540px) {
	.slide_listshow .slick-prev,
	.slide_listshow .slick-next {
		width:50px;
		height:50px;
	}
	#banner .slide_listshow .slick-prev,
	#banner .slide_listshow .slick-next {
		width:60px;
		height:60px;
	}
	#banner .slide_listshow .slick-prev {
		left:-30px;
	}
	#banner .slide_listshow .slick-next {
		right:-30px;
	}
	#banner .slide_listshow .slick-prev span,
	#banner .slide_listshow .slick-next span {
		width:17px;
		height:17px;
	}
}


/* ----- slide_control ----- */
.slide_control {
	display:none;
	width:100%;
	letter-spacing:-9px;
	text-align:center;
}
#banner .slide_control {
	position:absolute;
	left:0;
	bottom:-50px;
	z-index:10;
}
#adLink .slide_control {
	margin-top:10px;
}
.slide_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	letter-spacing:0;
	border:none;
	background:none;
	cursor:pointer;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0;
	margin:0 5px;
    -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;
}
.slide_control .btn-play {
	display:none;
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.slide_control .btn-play span {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:10px;
	height:10px;
	background-color:#000;
	margin:-8px 0 0 -6px;
	-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
		-ms-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
			transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.slide_control .btn-play span:before,
.slide_control .btn-play span:after {
	content:'';
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	background-color:inherit;
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.slide_control .btn-play span:before {
	-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
		-ms-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
			transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
}
.slide_control .btn-play span:after {
	-webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
		-ms-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
			transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
}
.slide_control .btn-play:hover span:before,
.slide_control .btn-play:focus span:before {
	border-color:transparent transparent transparent #a6323b;
}
.slide_control .btn-stop span:before,
.slide_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:5px;
    height:16px;
	background:rgba(0,0,0,1);
	margin:-8px 0 0 0;   
    z-index:2;
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .btn-stop span:before {
	margin-left:-6px;
}
.slide_control .btn-stop span:after {
	margin-left:3px;
}
.slide_control .btn-stop:hover span:before,
.slide_control .btn-stop:focus span:before,
.slide_control .btn-stop:hover span:after,
.slide_control .btn-stop:focus span:after {
	background:#a6323b;
}
.slide_control .dot {
	position:relative;
	display:inline-block;
	max-width:calc(100% - 55px);
	letter-spacing:0;
	margin:0;
	vertical-align:middle;
}
.slide_control .dot .slick-dots {
	position:relative;
	bottom:0;
}
.slide_control .dot .slick-dots li {
    display:inline-block;
	width:12px;
	height:12px;
	margin:0 5px;
	padding:0;
	vertical-align:top;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .dot .slick-dots li.slick-active {
	width:32px;
}
.slide_control .dot .slick-dots li button {
	position:relative;
	display:inline-block;
	width:100%;
	height:12px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:#aaaaaa;
	vertical-align:top;
	overflow:hidden;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.slide_control .dot .slick-dots li button:hover,
.slide_control .dot .slick-dots li button:focus {
	border-color:#a6323b;
}
.slide_control .dot .slick-dots li.slick-active button {
	width:32px;
}
.slide_control .dot .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:0;
	border:none;
    -webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.slide_control .dot .slick-dots li.slick-active button:before {
    background:#000;
	animation-name:expandWidth;
	animation-duration:7s;
	animation-fill-mode:forwards; /* 保持最後狀態 */
	animation-delay:0.5s; /* 等待 1.5 秒後開始動畫 */
}
.slide_control .dot .slick-dots li button:focus {
	outline:2px dashed #FF6600;
}
.slide_control .total {
	display:inline-block;
	min-height:45px;
	letter-spacing:0;
	vertical-align:middle;
	margin:0 5px;
}
.slide_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.slide_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.slide_control .total .line:before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;	
	   -moz-transform-origin:bottom;
		-ms-transform-origin:bottom;	
		 -o-transform-origin:bottom;
			transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	   -moz-transform:skewX(-30deg);
		-ms-transform:skewX(-30deg);
		 -o-transform:skewX(-30deg);	
			transform:skewX(-30deg);
}
@media screen and (min-width:991px) {
	.slide_control .total {
		display:none;
	}
}
@media screen and (min-width:1200px) {
	#banner .slide_control {
		bottom:-55px;
	}
	.slide_control .total {
		min-height:55px;
	}
	.slide_control .total span {
		line-height:55px;
	}
}
@media screen and (min-width:1540px) {
	.slide_control .total {
		min-height:60px;
	}
	.slide_control .total span {
		line-height:60px;
	}
}
@keyframes expandWidth {
	from { width:0; }
	to { width:100%; }
}


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


/** banner **/
#banner {
	position:relative;
	width:calc(100% - 40px);
	margin:60px auto 0 auto;
}
#banner .slide_listshow .slick-list {
	padding:2px;
	aspect-ratio:1800 / 660;
	overflow:inherit;
	box-sizing:border-box;
}
#banner .slide_listshow > .item {
	display:none;
	width:100%;
}
#banner .slide_listshow > .item:nth-child(-n+1) {
	display:block;
}
#banner .slide_listshow .item a {
	display:block;
	aspect-ratio:1800 / 660;
	-webkit-border-radius:3.5vw;
	   -moz-border-radius:3.5vw;
			border-radius:3.5vw;
	overflow:hidden;
}
#banner .slide_listshow .item .img {
	position:relative;
	width:100%;
	margin:0 auto;
	padding-bottom:36.667%;
	overflow:hidden;
	background-color:#f0f0f0;
}
#banner .slide_listshow .item .img img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;	
}
@media screen and (max-width:460px) {
}
@media screen and (min-width:991px) {
	#banner {
		margin-top:0;
	}
}
@media screen and (min-width:1540px) {
	#banner {
		width:calc(100% - 120px);
	}
	#banner .slide_listshow .item a {
		-webkit-border-radius:35px;
		   -moz-border-radius:35px;
				border-radius:35px;
	}
}


/** adLink **/
#adLink {
	position:relative;
	display:flex;
	width:100%;
	flex-direction:column-reverse;
	margin:0 auto;
}
#adLink .slide_listshow {
	padding:0 50px;
	box-sizing:border-box;
}
#adLink .slick-list {
	margin:-7.5px 0;
}
#adLink .slide_listshow > .item,
#adLink .slide_listshow .slick-slide {
	display:inline-block;
	width:25%;
	text-align:center;
	padding:7.5px;
	box-sizing:border-box;
	letter-spacing:0;
}
#adLink .slide_listshow > .item > a,
#adLink .slide_listshow .slick-slide a {
	display:inline-block;
	width:100%;
	height:100%;
	background:#fff;
	overflow:hidden;
	-webkit-box-shadow:0 0 7.5px rgba(0,0,0,0.15);
	   -moz-box-shadow:0 0 7.5px rgba(0,0,0,0.15);
        -ms-box-shadow:0 0 7.5px rgba(0,0,0,0.15);
			box-shadow:0 0 7.5px rgba(0,0,0,0.15);
    -webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
@media screen and (max-width:768px) {
	#adLink .slide_listshow > .item,
	#adLink .slide_listshow .slick-slide {
		width:33.333%;
	}
}
@media screen and (max-width:460px) {
	#adLink .slide_listshow .slick-list,
	#adLink .slide_listshow > .item,
	#adLink .slide_listshow .slick-slide {
		max-width:250px;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1241px) {
	#adLink .slide_listshow > .item,
	#adLink .slide_listshow .slick-slide {
		width:20%;
	}
}
@media screen and (min-width:1540px) {
	#adLink .slick-list {
		margin:-9px 0;
	}
	#adLink .slide_listshow > .item,
	#adLink .slide_listshow .slick-slide {
		padding:9px;
	}
	#adLink .slide_listshow > .item > a,
	#adLink .slide_listshow .slick-slide a {
		-webkit-box-shadow:0 0 9px rgba(0,0,0,0.15);
		   -moz-box-shadow:0 0 9px rgba(0,0,0,0.15);
			-ms-box-shadow:0 0 9px rgba(0,0,0,0.15);
				box-shadow:0 0 9px rgba(0,0,0,0.15);
	}
	#adLink .slide_listshow {
		padding:0 60px;
	}
}


/* ----- homebox ----- */
.homebox {
	position:relative;
	width:100%;
	padding:40px 0;
	box-sizing:border-box;
	margin:0 auto;
}
.homebox .acKey {
	position:absolute;
	top:-20px;
	z-index:2;
}
.homebox.box1 {
	min-height:198px;
	padding:60px 0 30px 0;
}
.homebox.box1:before {
	display:block;
	content:"";
	position:absolute;
	bottom:-16px;
	left:0;
	width:100%;
	height:16px;
	background-color:#fff;
	mask-image:url(../images/wave2.svg);
	mask-repeat:repeat-x;
	mask-position:0 0;
	mask-size:contain;
	z-index:1;
}
.homebox.box2 {
	padding:60px 0 40px 0;
	background-color:#0f367a;
}
.homebox.box3 {
	padding:60px 0;
	background:#d2eefb url(../images/box3-bg.png);
}
.homebox.box3:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:16px;
	background-color:#0f367a;
	mask-image:url(../images/wave2.svg);
	mask-repeat:repeat-x;
	mask-position:0 0;
	mask-size:contain;
}
.homebox.box4 {
	padding:40px 0 60px 0;
}
.homebox.box4:before {
	display:block;
	content:"";
	position:absolute;
	top:-16px;
	left:0;
	width:100%;
	height:16px;
	background-color:#fff;
	mask-image:url(../images/wave.svg);
	mask-repeat:repeat-x;
	mask-position:0 0;
	mask-size:contain;
	visibility:visible;
}
.homebox.box5 {
	padding:0 0 20px 0;
}
.homebox .planBox {
	width:100%;
}
.homebox .planBox + .planBox {
	margin-top:50px;
}
@media screen and (min-width:991px) {
	.homebox > .container {
		position:relative;
		z-index:3;
	}
	.homebox > .container img {
		max-width:100%;
	}
	.homebox.box1:after {
		display:block;
		content:"";
		position:absolute;
		bottom:-1.8vw;
		left:0;
		width:100%;
		height:100%;
		background:url(../images/box1-bg.svg) no-repeat left 70% bottom;
		background-size:110% auto;
		visibility:visible;
		z-index:2;
	}
	.homebox.box2:after {
		display:block;
		content:"";
		position:absolute;
		top:1.2vw;
		right:0;
		width:100%;
		height:100%;
		background:url(../images/box2-bg.svg) no-repeat right 30% top;
		background-size:110% auto;
		visibility:visible;
		z-index:1;
	}
	.homebox.box2 > .container {
		width:80%;
	}
}
@media screen and (min-width:1200px) {
	.homebox {
		padding:50px 0;
	}
	.homebox.box1 {
		min-height:220px;
		padding:70px 0 40px 0;
	}
	.homebox.box1:before {
		bottom:-19px;
		height:20px;
	}
	.homebox.box1:after {
		bottom:-18px;
	}
	.homebox.box2 {
		padding:70px 0 50px 0;
	}
	.homebox.box2:after {
		top:12px;
	}
	.homebox.box3 {
		padding:70px 0;
	}
	.homebox.box3:before {
		height:20px;
	}
	.homebox.box4 {
		padding:50px 0 70px 0;
	}
	.homebox.box4:before {
		top:-19px;
		height:20px;
	}
	.homebox .planBox + .planBox {
		margin-top:70px;
	}
}
@media screen and (min-width:1540px) {
	.homebox {
		padding:70px 0;
	}
	.homebox > .container {
		max-width:1440px;
	}
	.homebox.box1 {
		min-height:280px;
		padding:90px 0 60px 0;
	}
	.homebox.box1:after {
		background-position:left bottom;
		background-size:100% auto;
	}
	.homebox.box2 {
		padding:90px 0 70px 0;
	}
	.homebox.box2:after {
		top:12px;
		background-position:right top;
		background-size:100% auto;
	}
	.homebox.box3 {
		padding:90px 0;
	}
	.homebox.box4 {
		padding:70px 0 90px 0;
	}
	.homebox .planBox + .planBox {
		margin-top:90px;
	}
}


/* ----- homeTit ----- */
.homeTit {
	width:100%;
	text-align:center;
	margin:0 auto 30px auto;
}
.homeTit h2 {
	font-family:'jf-openhuninn', 'Noto Sans TC', '微軟正黑體', 'PingFang TC', serif;
    font-size:4.5em;
    font-weight:500;
}
.homebox.box2 .homeTit {
	display:flex;
	justify-content:space-between;
    align-items:center;
	margin-bottom:20px;
}
.homebox.box2 .homeTit h2 {
	color:#fff;
}
.homeTit h2 span {
	position:relative;
	display:inline-block;
	line-height:40px;
	padding-left:55px;
}
.homeTit h2 span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:45px;
	height:45px;
	background-color:#000;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
}
.homeTit h2 span.t1:before {
	background-color:#fff;
	-webkit-mask-image:url(../images/homeTit-icon1.svg);
			mask-image:url(../images/homeTit-icon1.svg);
}
.homeTit h2 span.t2:before {
	-webkit-mask-image:url(../images/homeTit-icon2.svg);
			mask-image:url(../images/homeTit-icon2.svg);
}
.homeTit h2 span.t3:before {
	-webkit-mask-image:url(../images/homeTit-icon3.svg);
			mask-image:url(../images/homeTit-icon3.svg);
}
.homeTit h2 span.t4:before {
	-webkit-mask-image:url(../images/homeTit-icon4.svg);
			mask-image:url(../images/homeTit-icon4.svg);
}
.homeTit h2 span.t5:before {
	-webkit-mask-image:url(../images/homeTit-icon5.svg);
			mask-image:url(../images/homeTit-icon5.svg);
}
.homeTit h2 span.t6:before {
	-webkit-mask-image:url(../images/homeTit-icon6.svg);
			mask-image:url(../images/homeTit-icon6.svg);
}
.homeTit p {
	font-size:1.9em;
	font-weight:bold;
	line-height:175%;
}
.homebox.box3 .homeTit p {
	max-width:38em;
	margin-right:auto;
	margin-left:auto;
}
.homeTit h2 + p {
	margin-top:20px;
}
.homeTit .btn-more {
	color:#fff;
	font-size:1.7em;
	font-weight:bold;
	padding:15px 20px;
	border:1px solid #fff;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.homeTit .btn-more:hover,
.homeTit .btn-more:focus {
	color:#0f367a;
	background:#fff;
}
.homeTit .btn-more span {
	position:relative;
	display:inline-block;
	padding-right:20px;
}
.homeTit .btn-more span:before {
	position:absolute;
	content:"";
    display:block; 
	right:2px;
    top:50%;
	width:8px;
    height:8px;
	margin:-4px 0 0 0 ;
	border-right:2px solid #fff;
    border-top:2px solid #fff; 
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.homeTit .btn-more:hover span:before,
.homeTit .btn-more:focus span:before {
	border-color:#0f367a;
}
@media screen and (max-width:540px) {
	.homebox.box2 .homeTit {
		justify-content:center;
	}
	.homebox.box2 .homeTit .btn-more {
		position:absolute;
		bottom:25px;
	}
}
@media screen and (min-width:991px) {
	.homeTit {
		margin-bottom:40px;
	}
	.homebox.box2 .homeTit {
		margin-bottom:30px;
	}
	.homeTit h2 {
		font-size:4.7em;
	}
	.homeTit h2 span {
		line-height:50px;
		padding-left:70px;
	}
	.homeTit h2 span:before {
		width:55px;
		height:55px;
	}
	.homeTit p {
		font-size:2.1em;
	}
}
@media screen and (min-width:1200px) {
	.homeTit h2 {
		font-size:5.1em;
	}
	.homeTit p {
		font-size:2.3em;
	}
}
@media screen and (min-width:1540px) {
	.homeTit h2 {
		font-size:5.5em;
	}
	.homeTit p {
		font-size:2.5em;
	}
	.homeTit h2 + p {
		margin-top:25px;
	}
}


/* ----- homeSearch ----- */
.homeSearch {
	width:100%;
	margin:0 auto;
}
.homeSearch form {
	display:flex;
	align-items:center;
    justify-content:space-between;
	margin:0 auto;
}
.homeSearch .box {
	position:relative;
	width:calc(100% - 60px);
	height:50px;
}
.homeSearch .search-txt {
	width:100%;
	color:#000;
	font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
	font-size:1.7em;
	height:50px;
	padding:0 60px 0 10px;
	border:3px solid #1f64aa;
	background:#fff;
	box-sizing:border-box;
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
}
.homeSearch .search-txt:focus,
.homeSearch .search-txt:hover{
	background:#fff;
}
.homeSearch .search-txt[placeholder]{ color:#666; }
.homeSearch .search-txt::-webkit-input-placeholder { color:#666; }
.homeSearch .search-txt:-moz-placeholder { color:#666; }
.homeSearch .search-txt::-moz-placeholder { color:#666; }
.homeSearch .search-txt:-ms-input-placeholder { color:#666;}
.homeSearch .search-btn {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	padding:0;
	margin:0;	
	border:none;
	cursor:pointer;
	background:linear-gradient(90deg, #1f64aa 0%, #00998a 100%);
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.homeSearch .search-btn:hover,
.homeSearch .search-btn:focus {
	background:linear-gradient(90deg, #1f64aa 0%, #164778 100%);
}
.homeSearch .search-btn span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.homeSearch .search-btn span:before {
	position:absolute;
    content:"";
	display:block;
	left:30%;
	top:30%;
    width:40%;
    height:40%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/search-btn.svg);
			mask-image:url(../images/search-btn.svg);
}
.homeSearch .advanced-btn {
	display:inline-block;
	width:50px;
	height:50px;
	background:#00998a;
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.homeSearch .advanced-btn span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.homeSearch .advanced-btn span:before {
	position:absolute;
    content:"";
	display:block;
	left:30%;
	top:30%;
    width:40%;
    height:40%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF;
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/advanced-btn.svg);
			mask-image:url(../images/advanced-btn.svg);
}
.homeSearch .advanced-btn:hover,
.homeSearch .advanced-btn:focus {
	background:#164778;
}
.homeSearch .keyWd {
	width:100%;
	color:#333333;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:20px -5px -5px -5px;
	box-sizing:border-box;
}
.homeSearch .keyWd span {
	display:inline-block;
	line-height:30px;
	margin:3px;
}
.homeSearch .keyWd a {
	display:inline-block;
	color:#e13019;
	line-height:20px;
	padding:4px 13px;
	text-decoration:none;
	border:1px solid #e13019;
	box-sizing:border-box;
	vertical-align:top;
	margin:3px;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
}
.homeSearch .keyWd span + a {
	margin-left:0;
}
.homeSearch .keyWd a:hover,
.homeSearch .keyWd a:focus{
	color:#fff;
	background:#e13019;
}
@media screen and (max-width:990px) {
	.homeSearch form {
		width:80%;
	}
}
@media screen and (max-width:540px) {
	.homeSearch form {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.homeSearch form {
		width:68%;
	}
	.homeSearch .keyWd {
		font-size:1.7em;
		margin:25px -3px -3px -3px;
	}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1540px) {
	.homeSearch .box {
		width:calc(100% - 70px);
		height:60px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.homeSearch .search-txt {
		height:60px;
		font-size:1.9em;
		padding:0 75px 0 15px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.homeSearch .search-btn span em {
		margin:17px auto;
	}
	.homeSearch .search-btn {
		width:60px;
		height:60px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.homeSearch .advanced-btn {
		width:60px;
		height:60px;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	.homeSearch .keyWd {
		font-size:1.9em;
		margin:30px -5px -5px -5px;
	}
	.homeSearch .keyWd span {
		line-height:35px;
		margin:5px;
	}
	.homeSearch .keyWd a {
		line-height:25px;
		padding:4px 15px;
		margin:5px;
	}
}


/* ----- newsList ----- */
.newsList {
	width:100%;
	padding:5px 20px;
	background:#fff;
	box-sizing:border-box;
	margin:0 auto;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
.newsList ul {
	list-style:none;
}
.newsList ul li {
	width:100%;
	margin:0 auto;
}
.newsList ul li + li {
	border-top:1px dashed #aaaaaa;
}
.newsList ul li a {
	display:flex;
	width:100%;
	flex-wrap:nowrap;
	align-items:center;
	padding:20px 0;
	box-sizing:border-box;
}
.newsList ul li .tag {
	display:inline-block;
	min-width:16em;
}
.newsList ul li time {
	display:inline-block;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:135%;
}
.newsList ul li .tag span {
	display:inline-block;
	color:#1f64aa;
	font-size:1.5em;
	font-weight:bold;
	line-height:13px;
	padding:7px 10px;
	background:#e7ebf1;
	margin-left:10px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;
}
.newsList ul li p {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:155%;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:20px;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;    
		 -o-transition:all 0.5s;
			transition:all 0.5s;
}
.newsList ul li a:hover p,
.newsList ul li a:focus p {
	color:#CC4E00;
}
.newsList ul li a.link p:after {
	content:"";
    display:inline-block;
    width:25px;
    height:25px;
	background:#000 url(../images/icon-link.svg) 50% 50% no-repeat;
	background-size:60% auto;
	vertical-align:middle;
	margin:-2px 0 2px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsList ul li p .file {
	position:relative;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
    font-size:0.95rem;
	font-style:normal;
	font-weight:normal;
	line-height:23px;
	padding:0 7px 0 8px;
	background:#eb0014;
	vertical-align:middle;
	margin:-3px 0 3px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsList ul li p .file.pdf {
	background:#a40000;
}
.newsList ul li p .file.odt,
.newsList ul li p .file.doc,
.newsList ul li p .file.docx {
	background:#0068b7;
}
.newsList ul li p .file.ods,
.newsList ul li p .file.xls,
.newsList ul li p .file.xlsx {
	background:#378837;
}
.newsList ul li p .file.odp,
.newsList ul li p .file.ppt,
.newsList ul li p .file.pptx{
	background:#FF6600;
}
.newsList ul li p .file.rar {
	background:#67005E;
}
.newsList ul li p .file.zip {
	background:#6a3906;
}
.newsList ul li p .file:before {
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
	background:url(../images/icon-download.svg) 50% 50% no-repeat;
	background-size:cover;
	vertical-align:middle;
	margin:-2px 5px 2px 0;
}
@media screen and (max-width:768px) {
	.newsList ul li a {
		flex-direction:column;
		align-items:flex-start;
	}
	.newsList ul li p {
		margin:5px 0 0 0;
	}
}
@media screen and (max-width:540px) {
	.newsList {
		margin-bottom:60px;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.newsList {
		padding:5px 30px;
	}
}
@media screen and (min-width:1540px) {
	.newsList {
		padding:5px 40px;
	}
	.newsList ul li a {
		min-height:70px;
	}
	.newsList ul li time {
		font-size:1.7em;
	}
	.newsList ul li .tag span {
		font-size:1.7em;
		line-height:15px;
		padding:8px 15px;
		margin-left:15px;
	}
	.newsList ul li p {
		font-size:2.3em;
		margin-left:25px;
	}
	.newsList ul li a p .file {
		line-height:25px;
	}
	.newsList ul li a p .file:before {
		width:15px;
		height:15px;
	}
	.newsList ul li a.link p:after {
		width:27px;
		height:27px;
	}
}


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


/** resultsBox **/
#resultsBox {
	position:relative;
	width:100%;
	padding:30px;
	box-sizing:border-box;
	background:rgba(255,255,255,.55);
	margin:20px auto 0 auto;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}
#resultsBox .btn {
	position:absolute;
	left:30px;
	top:30px;
	letter-spacing:-9px;
	z-index:1;
}
#resultsBox .btn a {
	display:inline-block;
	width:55px;
	height:55px;
	background-color:#535353;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:50% auto;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#resultsBox .btn a.picBtn {
	background-image:url(../images/icon-picBtn.svg);
}
#resultsBox .btn a.txtBtn {
	background-image:url(../images/icon-txtBtn.svg);
}
#resultsBox .btn a.on {
	background-color:#a84200;
}
#resultsBox .btn a + a {
	margin-left:10px;
}
#resultsBox > ul { position:relative; }
#resultsBox > ul::before {
    content:"";
    display:block;
	position:absolute;
    right:0;
    top:0;
    width:calc(100% - 130px);
    height:55px;
	background:rgba(255,255,255,.75);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
	   -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
        -ms-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
			box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
}
#resultsBox > ul > li { list-style:none; }
#resultsBox > ul > li > a,
#resultsBox > ul > li > button {
	position:absolute;
	top:0;
	display:block;
	width:calc((100% - 130px) / 4);
	height:55px;
	color:#000;
	font-size:1em;
	text-align:center;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#resultsBox > ul > li > a:hover,
#resultsBox > ul > li > a:focus,
#resultsBox > ul > li > button:hover,
#resultsBox > ul > li > button:focus {
	color:#CC4E00;
}
#resultsBox > ul > li + li > a::before,
#resultsBox > ul > li + li > button::before {
    content:"";
    display:block;
	position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:21px;
	margin-top:-10.5px;
    background:rgba(0,0,0,0.3);    
}
#resultsBox > ul > li:has(.saTabOn) + li a:before,
#resultsBox > ul > li:has(.saTabOn) + li button:before {
	display:none;
}
#resultsBox > ul > li > a.saTabOn,
#resultsBox > ul > li > button.saTabOn {
	position:relative;
	top:-5px;
	height:65px;
	color:#fff;
	cursor:text;
	z-index:1;
}
#resultsBox > ul > li > a.saTabOn::before,
#resultsBox > ul > li > button.saTabOn::before {
    content:"";
    display:block;
	position:absolute;
    top:0;
	width:100%;
	height:100%;
	margin:0;
	background:#16376d url(../images/resultsBox-saTabOn-bg.png);
	z-index:-1;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#resultsBox > ul > li:nth-child(1) > a,
#resultsBox > ul > li:nth-child(1) > button { left:130px; }
#resultsBox > ul > li:nth-child(2) > a,
#resultsBox > ul > li:nth-child(2) > button { left:calc((100% - 130px) / 4 + 130px); }
#resultsBox > ul > li:nth-child(3) > a,
#resultsBox > ul > li:nth-child(3) > button { left:calc((100% - 130px) / 2 + 130px); }
#resultsBox > ul > li:nth-child(4) > a,
#resultsBox > ul > li:nth-child(4) > button { left:calc((100% - 130px) / 4 * 3 + 130px); }
#resultsBox > ul > li > a span,
#resultsBox > ul > li > button span {
	display:flex;
	height:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:1.8em;
	font-weight:bold;
	line-height:120%;
	flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    flex-direction:column;   
	padding:0 5px;
	box-sizing:border-box;
}
#resultsBox > ul > li .saCont {
	position:relative;	
	float:left;
	width:100%;
	margin:70px auto 0 auto;
}
#resultsBox > ul > li + li .saCont {
	margin-top:50px;
}
#resultsBox > ul > li .saCont.mTop {
	margin-top:30px;
}
#resultsBox > ul > li .saCont .txtRow {
	display:none;
}
#resultsBox > ul > li .saCont .rowBox {
	display:flex;
	justify-content:center;
}
#resultsBox > ul > li .saCont .rowBox .pdWord {
	display:inline-flex;
	width:350px;
	flex-direction:column;
    justify-content:space-between;
}
#resultsBox > ul > li .saCont .rowBox .pdWord dt {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.9em;
    font-weight:bold;
	line-height:125%;
}
#resultsBox > ul > li .saCont .rowBox .pdWord dd {
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:175%;
	margin-top:15px;
}
#resultsBox > ul > li .saCont .rowBox .pdWord .tabImg_control {
	text-align:left;
	margin:20px -5px 0 -5px;
}
#resultsBox > ul > li .saCont .rowBox .picList {
	width:calc(100% - 375px);
	margin-left:25px;
}
@media screen and (max-width:990px) {
	#resultsBox > ul > li > a span,
	#resultsBox > ul > li > button span {
		padding:0 10px;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord {
		width:calc(50% - 10px);
		max-width:360px;
	}
	#resultsBox > ul > li .saCont .rowBox .picList {
		width:calc(50% - 15px);
		max-width:360px;
	}
}
@media screen and (max-width:768px) {
	#resultsBox .btn {
		position:relative;
		left:inherit;
		top:inherit;
		margin:-35px 0 10px 0;
	}
	#resultsBox .btn a {
		position:relative;
		-webkit-border-radius:10px 0 10px 10px;
		   -moz-border-radius:10px 0 10px 10px;
				border-radius:10px 0 10px 10px;
	}
	#resultsBox .btn a::before {
		content:"";
		display:block;
		position:absolute;
		right:-10px;
		top:0;
		width:20px;
		height:5px;
		margin:0;
		background:#535353;
		z-index:-1;
		-webkit-border-radius:0 10px 0 0;
		   -moz-border-radius:0 10px 0 0;
				border-radius:0 10px 0 0;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#resultsBox .btn a.on::before {
		background:#a84200;
	}
	#resultsBox .btn a::after {
		content:"";
		display:block;
		position:absolute;
		right:-10px;
		top:0;
		width:10px;
		height:5px;
		margin:0;
		background:#333333;
		-webkit-border-radius:10px 10px 0 0;
		   -moz-border-radius:10px 10px 0 0;
				border-radius:10px 10px 0 0;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#resultsBox .btn a.on::after {
		background:#6a3906;
	}
	#resultsBox > ul::before {
		display:none;
	}
	#resultsBox > ul > li + li > a::before {
		display:none;
	}
	#resultsBox > ul > li > a,
	#resultsBox > ul > li > button {
		width:calc(50% - 5px);
		height:55px;
		background:#FFF;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
		-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
		   -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
			-ms-box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
				box-shadow:inset 0 0 10px rgba(0,0,0,0.25);
	}
	#resultsBox > ul > li:nth-child(1) > a,
	#resultsBox > ul > li:nth-child(1) > button { left:0; }
	#resultsBox > ul > li:nth-child(2) > a,
	#resultsBox > ul > li:nth-child(2) > button { left:calc((50% - 5px) + 10px); }
	#resultsBox > ul > li:nth-child(3) > a,
	#resultsBox > ul > li:nth-child(3) > button { left:0; top:65px !important; }
	#resultsBox > ul > li:nth-child(4) > a,
	#resultsBox > ul > li:nth-child(4) > button { left:calc((50% - 5px) + 10px); top:65px !important; }
	#resultsBox > ul > li > a.saTabOn,
	#resultsBox > ul > li > button.saTabOn {
		top:0;
		height:55px;
	}
	#resultsBox > ul > li > a span,
	#resultsBox > ul > li > button span {
		font-size:1.7em;
	}
	#resultsBox > ul > li .saCont {
		margin-top:140px;
	}
	#resultsBox > ul > li + li .saCont {
		margin-top:30px;
	}
	#resultsBox > ul > li .saCont.mTop {
		margin-top:90px;
	}
	#resultsBox > ul > li .saCont .rowBox {
		position:relative;
		flex-direction:column;
	}
	#resultsBox > ul > li .saCont.mTop .rowBox {
		padding-bottom:75px;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord {
		width:100%;
		max-width:inherit;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord .tabImg_control {
		position:absolute;
		bottom:0;
		text-align:center;
	}
	#resultsBox > ul > li .saCont .rowBox .picList {
		width:100%;
		max-width:inherit;
		margin:25px 0 0 0;
	}
}
@media screen and (max-width:460px) {
	#resultsBox {
		padding:25px;
	}
	#resultsBox .btn {
		margin-top:-30px;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord .tabImg_control {
		left:-45px;
		width:100vw;
	}
	#resultsBox > ul > li + li > a::before,
	#resultsBox > ul > li + li > button::before {
		background:rgba(0,0,0,0);    
	}
}
@media screen and (min-width:991px) {
	#resultsBox {
		padding:35px;
	}
	#resultsBox .btn {
		left:35px;
		top:35px;
	}
	#resultsBox > ul > li > a,
	#resultsBox > ul > li > button {
		width:calc(23% - 30px);
	}
	#resultsBox > ul > li:nth-child(1) > a,
	#resultsBox > ul > li:nth-child(1) > button { left:130px; }
	#resultsBox > ul > li:nth-child(2) > a,
	#resultsBox > ul > li:nth-child(2) > button { left:calc(23% + 100px); }
	#resultsBox > ul > li:nth-child(3) > a,
	#resultsBox > ul > li:nth-child(3) > button { left:calc(46% + 70px); }
	#resultsBox > ul > li:nth-child(4) > a,
	#resultsBox > ul > li:nth-child(4) > button { left:calc(69% + 40px); width:calc(31% - 40px); }
	#resultsBox > ul > li .saCont .rowBox .pdWord dt {
		font-size:3.1em;
	}
}
@media screen and (min-width:1200px) {
	#resultsBox .btn a {
		width:65px;
		height:65px;
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
	}
	#resultsBox > ul::before {
		width:calc(100% - 150px);
		height:65px;
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
	}
	#resultsBox > ul > li .saCont {
		margin-top:90px;
	}
	#resultsBox > ul > li > a,
	#resultsBox > ul > li > button {
		width:calc(23% - 35px);
		height:65px;
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
	}
	#resultsBox > ul > li > a span,
	#resultsBox > ul > li > button span {
		font-size:2.1em;
		padding:0 10px;
	}
	#resultsBox > ul > li > a.saTabOn,
	#resultsBox > ul > li > button.saTabOn {
		height:75px;
	}
	#resultsBox > ul > li:nth-child(1) > a,
	#resultsBox > ul > li:nth-child(1) > button { left:150px; }
	#resultsBox > ul > li:nth-child(2) > a,
	#resultsBox > ul > li:nth-child(2) > button { left:calc(23% + 115px); }
	#resultsBox > ul > li:nth-child(3) > a,
	#resultsBox > ul > li:nth-child(3) > button { left:calc(46% + 80px); }
	#resultsBox > ul > li:nth-child(4) > a,
	#resultsBox > ul > li:nth-child(4) > button { left:calc(69% + 45px); width:calc(31% - 45px); }
	#resultsBox > ul > li > a.saTabOn::before {
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
	}
}
@media screen and (min-width:1540px) {
	#resultsBox {
		padding:40px;
	}
	#resultsBox .btn {
		left:40px;
		top:40px;
		width:140px;
	}
	#resultsBox > ul > li > a span,
	#resultsBox > ul > li > button span {
		font-size:2.3em;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord {
		width:370px;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord dt {
		font-size:3.3em;
	}
	#resultsBox > ul > li .saCont .rowBox .pdWord dd {
		font-size:2.1em;
	}
	#resultsBox > ul > li .saCont .rowBox .picList {
		width:calc(100% - 395px);
	}
}


/* ----- tabBox ----- */
.tabBox {
	width:100%;
	margin:0 auto;
}
.tabBox > ul {
	position:relative;
}
.tabBox > ul::before {
    content:"";
    display:block;
	position:absolute;
    width:100%;
    height:200px;
	background:#0f367b;
	z-index:-1;
	-webkit-border-radius:22px 22px 0 0;
	   -moz-border-radius:22px 22px 0 0;
			border-radius:22px 22px 0 0;
}
.tabBox > ul > li {
	list-style:none;
}
.tabBox > ul > li > a,
.tabBox > ul > li > button {
	position:absolute;
	top:0;
	display:block;
	width:25%;
	color:#ffffff;
	font-size:1em;
	text-align:center;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	box-sizing:border-box;
	-webkit-border-radius:20px 20px 0 0;
	   -moz-border-radius:20px 20px 0 0;
			border-radius:20px 20px 0 0;
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
.tabBox > ul > li > a:hover,
.tabBox > ul > li > a:focus,
.tabBox > ul > li > button:hover,
.tabBox > ul > li > button:focus {
	color:#f0dc32;
}
.tabBox > ul > li + li > a::before,
.tabBox > ul > li + li > button::before {
    content:"";
    display:block;
	position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:21px;
	margin-top:-10.5px;
    background:rgba(255,255,255,0.5);    
}
.tabBox > ul > li:has(.saTabOn) + li a:before,
.tabBox > ul > li:has(.saTabOn) + li button:before {
	display:none;
}
.tabBox > ul > li > a.saTabOn,
.tabBox > ul > li > button.saTabOn {
	color:#0f367a;
	cursor:text;
	z-index:1;
	background-color:#efefef;
	-webkit-box-shadow:inset -10px 10px 10px rgba(0, 0, 0, 0.05), inset 10px 10px 10px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow:inset -10px 10px 10px rgba(0, 0, 0, 0.05), inset 10px 10px 10px rgba(0, 0, 0, 0.05);
        -ms-box-shadow:inset -10px 10px 10px rgba(0, 0, 0, 0.05), inset 10px 10px 10px rgba(0, 0, 0, 0.05);
			box-shadow:inset -10px 10px 10px rgba(0, 0, 0, 0.05), inset 10px 10px 10px rgba(0, 0, 0, 0.05);
}
.tabBox > ul > li:nth-child(1) > a,
.tabBox > ul > li:nth-child(1) > button {
	position:relative;
}
.tabBox > ul > li:nth-child(1) > a,
.tabBox > ul > li:nth-child(1) > button { left:0; }
.tabBox > ul > li:nth-child(2) > a,
.tabBox > ul > li:nth-child(2) > button { left:25%; }
.tabBox > ul > li:nth-child(3) > a,
.tabBox > ul > li:nth-child(3) > button { left:50%; }
.tabBox > ul > li:nth-child(4) > a,
.tabBox > ul > li:nth-child(4) > button { left:75%; }
.tabBox > ul > li > a.saTabOn::after,
.tabBox > ul > li > button.saTabOn::after {
    content:"";
    display:block;
	position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
	background:linear-gradient(to bottom, rgba(239,239,239,0) 50%,rgba(239,239,239,1) 100%); 
}
.tabBox > ul > li:nth-child(1) > a.saTabOn::after,
.tabBox > ul > li:nth-child(4) > a.saTabOn::after,
.tabBox > ul > li:nth-child(1) > button.saTabOn::after,
.tabBox > ul > li:nth-child(4) > button.saTabOn::after {
	width:50%;
}
.tabBox > ul > li:nth-child(1) > a.saTabOn::after,
.tabBox > ul > li:nth-child(1) > button.saTabOn::after {
	left:50%;
}
.tabBox > ul > li > a span,
.tabBox > ul > li > button span {
	position:relative;
	display:flex;
	min-height:60px;	
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.1em;
	font-weight:bold;
	line-height:120%;	
	flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    flex-direction:column;
	padding:0 10px;
	box-sizing:border-box;
	z-index:1;
}
.tabBox > ul > li > a.saTabOn span::before,
.tabBox > ul > li > a.saTabOn span::after,
.tabBox > ul > li > button.saTabOn span::before,
.tabBox > ul > li > button.saTabOn span::after {
    content:"";
    display:block;
	position:absolute;
    bottom:0;
	width:30px;
	height:30px;
	background:url(../images/icon-radius.svg) no-repeat 0 0;
	background-size:cover;
}
.tabBox > ul > li > a.saTabOn span::before,
.tabBox > ul > li > button.saTabOn span::before {
    left:-30px;
	/*filter:drop-shadow(0 5px 2px #efefef) drop-shadow(0 7px 5px #efefef) drop-shadow(0 10px 5px #efefef);*/
}
.tabBox > ul > li:nth-child(1) > a.saTabOn span::before,
.tabBox > ul > li:nth-child(1) > button.saTabOn span::before {
	display:none;
}
.tabBox > ul > li > a.saTabOn span::after,
.tabBox > ul > li > button.saTabOn span::after {
    right:-30px;
	transform:scaleX(-1);
	/*filter:drop-shadow(5px 0 2px #efefef) drop-shadow(7px 0 5px #efefef) drop-shadow(10px 0 5px #efefef);*/
}
.tabBox > ul > li:nth-child(4) > a.saTabOn span::after,
.tabBox > ul > li:nth-child(4) > button.saTabOn span::after {
	display:none;
}
.tabBox > ul > li .saCont {
	float:left;
	width:100%;
	margin:30px auto;
	box-sizing:border-box;
	z-index:1;
}
.tabBox > ul > li .saCont.mTop {
	margin:0 auto;
}
.tabBox > ul > li .saCont .rowBox {
	display:flex;
	flex-direction:column-reverse;
}
@media screen and (max-width:768px) {
	.tabBox > ul > li > a span,
	.tabBox > ul > li > button span {
		font-size:1.7em;
	}
}
@media screen and (min-width:991px) {
	.tabBox > ul::before {
		-webkit-border-radius:27px 27px 0 0;
		   -moz-border-radius:27px 27px 0 0;
				border-radius:27px 27px 0 0;
	}
	.tabBox > ul > li > a,
	.tabBox > ul > li > button {
		-webkit-border-radius:25px 25px 0 0;
		   -moz-border-radius:25px 25px 0 0;
				border-radius:25px 25px 0 0;
	}
}
@media screen and (min-width:1200px) {
	.tabBox > ul > li > a span,
	.tabBox > ul > li > button span {
		min-height:70px;
		font-size:2.5em;
	}
}
@media screen and (min-width:1540px) {
	.tabBox > ul::before {
		-webkit-border-radius:33px 33px 0 0;
		   -moz-border-radius:33px 33px 0 0;
				border-radius:33px 33px 0 0;
	}
	.tabBox > ul > li > a,
	.tabBox > ul > li > button {
		-webkit-border-radius:30px 30px 0 0;
		   -moz-border-radius:30px 30px 0 0;
				border-radius:30px 30px 0 0;
	}
	.tabBox > ul > li > a span,
	.tabBox > ul > li > button span {
		min-height:80px;
		font-size:2.7em;
	}
}


/* ----- tabImg_control ----- */
.tabImg_control {
	display:none;
	width:100%;
	text-align:center;
	letter-spacing:-9px;
	vertical-align:middle;
	padding:0;
}
.tabBox .tabImg_control {
	margin-top:25px;
}
.tabImg_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	border:none;
	box-sizing:border-box;
	background:#323232;
	vertical-align:middle;
	margin:0 5px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tabImg_control .button:hover,
.tabImg_control .button:focus {
	background:#CC4E00;
}
.tabImg_control .btn-play {
	position:relative;
	-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.tabImg_control .btn-play span {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:10px;
	height:10px;
	background-color:#FFF;
	margin:-8px 0 0 -6px;
	-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
		-ms-transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
			transform:rotate(-60deg) skewX(-30deg) scale(1,.866);
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.tabImg_control .btn-play span:before,
.tabImg_control .btn-play span:after {
	content:'';
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	background-color:inherit;
	-webkit-border-radius:0 40% 0 0;
	   -moz-border-radius:0 40% 0 0;
			border-radius:0 40% 0 0;
}
.tabImg_control .btn-play span:before {
	-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
		-ms-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
			transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0,-50%);
}
.tabImg_control .btn-play span:after {
	-webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
		-ms-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
			transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%, 0);
}
.tabImg_control .btn-stop {
	display:none;
}
.tabImg_control .btn-stop span:before,
.tabImg_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:4px;
    height:19px;
	background:#fff;
	margin:-9.5px 0 0 0;   
    z-index:2;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tabImg_control .btn-stop span:before {
	margin-left:-7.5px;
}
.tabImg_control .btn-stop span:after {
	margin-left:3.5px;
}
.tabImg_control .btn-prev {
	-webkit-border-radius:100% 0 0 100%;
	   -moz-border-radius:100% 0 0 100%;
			border-radius:100% 0 0 100%;
}
.tabImg_control .btn-next {
	-webkit-border-radius:0 100% 100% 0;
	   -moz-border-radius:0 100% 100% 0;
			border-radius:0 100% 100% 0;
}
.tabImg_control .btn-prev span,
.tabImg_control .btn-next span {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:middle;
}
.tabImg_control .btn-prev span {
	margin-top:-2px;
	margin-left:10px;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.tabImg_control .btn-next span {
	margin-top:-2px;
	margin-right:10px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.tabImg_control .btn-prev span:before,
.tabImg_control .btn-next span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:4px;
	height:100%;
	background:#fff;
	z-index:2;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tabImg_control .btn-prev span:before {
	left:0;
}
.tabImg_control .btn-next span:before {
	right:0;
}
.tabImg_control .btn-prev span:after,
.tabImg_control .btn-next span:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:4px;
	background:#fff;
	z-index:2;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tabImg_control .btn-more span:before,
.tabImg_control .btn-more span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:4px;
    height:19px;
	background:#fff;
	margin:-9.5px 0 0 -1.5px;   
    z-index:2;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.tabImg_control .btn-more span:after {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
			transform:rotate(90deg);
}
.tabImg_control .total {
	display:inline-block;
	min-width:180px;
	min-height:45px;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	padding:0 50px;
	background:#FFF;
	box-sizing:border-box;
	margin:0 -50px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.tabBox .tabImg_control .total {
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
        -ms-box-shadow:0 0 10px rgba(0,0,0,0.15);
			box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.tabImg_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
}
.tabImg_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 5px;
}
.tabImg_control .total .line:before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-11px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;	
	   -moz-transform-origin:bottom;
		-ms-transform-origin:bottom;	
		 -o-transform-origin:bottom;
			transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	   -moz-transform:skewX(-30deg);
		-ms-transform:skewX(-30deg);
		 -o-transform:skewX(-30deg);	
			transform:skewX(-30deg);
}
@media screen and (max-width:990px) {
}
@media screen and (min-width:991px) {
	.tabImg_control .total span {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1540px) {
	.tabBox .tabImg_control {
		margin-top:40px;
	}
	.tabImg_control .total span {
		font-size:1.9em;
	}
}


/* ----- txtList ----- */
.txtList {
	position:relative;
	width:100%;
	margin:0 auto;
}
.txtList h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
    font-size:2.9em;
    font-weight:bold;
	line-height:125%;
	margin-bottom:20px;
}
.txtList ul {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-12.5px;
}
.txtList ul li {
	position:relative;
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:12.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.txtList ul li a {
	display:inline-block;
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding-left:30px;
	background:url(../images/txtList-label.svg) no-repeat 0 0;
	background-size:25px auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.txtList ul li a:hover,
.txtList ul li a:focus {
    color:#CC4E00;
}
@media screen and (max-width:560px) {
	.txtList ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.txtList h3 {
		font-size:3.1em;
	}
	.txtList ul li {
		width:33.333%;
	}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1540px) {
	 .txtList h3 {
		font-size:3.3em;
	 }
	 .txtList ul li a {
		font-size:2.1em;
	 }
}


/* ----- picList ----- */
.picList {
	position:relative;
	width:100%;
	margin:0 auto;
}
.tabBox .picList {
	min-height:200px;
	padding:30px;
	background-color:#efefef;
	box-sizing:border-box;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
			border-radius:25px;
	-webkit-box-shadow:inset 10px -10px 10px rgba(0, 0, 0, 0.05), inset -10px -10px 10px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow:inset 10px -10px 10px rgba(0, 0, 0, 0.05), inset -10px -10px 10px rgba(0, 0, 0, 0.05);
        -ms-box-shadow:inset 10px -10px 10px rgba(0, 0, 0, 0.05), inset -10px -10px 10px rgba(0, 0, 0, 0.05);
			box-shadow:inset 10px -10px 10px rgba(0, 0, 0, 0.05), inset -10px -10px 10px rgba(0, 0, 0, 0.05);
}
.tabBox > ul > li:nth-child(1) .picList {
	-webkit-border-radius:0 25px 25px 25px;
	   -moz-border-radius:0 25px 25px 25px;
			border-radius:0 25px 25px 25px;
}
.tabBox > ul > li:nth-child(4) .picList {
	-webkit-border-radius:25px 0 25px 25px;
	   -moz-border-radius:25px 0 25px 25px;
			border-radius:25px 0 25px 25px;
}
#resultsBox .picList {
	margin:0;
}
.picList .slick-track {
	display:flex;
	flex-wrap:wrap;
	height:100%;
	margin:0;
}
.picList .slick-list {
	width:100% !important;
}
.picList .slick-slide {
	height:auto !important;
}
.picList .slick-slide > div {
	width:100%;
	height:100%;
}
.picList .slick-slide > div li {
	width:100%;
	height:100%;
	margin:0 !important;
}
.picList .slick-slide {
	width:33.333%;
}
.picList ul,
.picList ul.slick-slider {
	display:flex;
	list-style:none;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	letter-spacing:-9px;
	margin:-12.5px;
}
.picList ul li {
	position:relative;
	display:inline-block;
	width:33.333%;
	letter-spacing:0;
	padding:12.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.picList ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	box-sizing:border-box;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
            border-radius:20px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
        -ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
			box-shadow:0 0 10px rgba(0,0,0,0.3);
}
#otherBox .picList ul li a {
	padding:15px;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
            border-radius:25px;
}
.picList .picBox {
	position:relative;
	aspect-ratio:440 / 300;
}
#otherBox .picList .picBox:before {
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
    width:14.6%;
    height:0;
	padding-bottom:14.6%;
	background-color:#333333;
	background-image:url(../images/icon-more.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:40% auto;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
#otherBox .picList .folder .picBox:before { background-image:url(../images/icon-folder.svg); }
#otherBox .picList .link .picBox:before { background-image:url(../images/icon-link.svg); }
#otherBox .picList .download .picBox:before { background-image:url(../images/icon-download.svg); }
.picList .photo {
	position:relative;
	width:100%;
	padding-bottom:68.2%;
	overflow:hidden;
	z-index:1;
	-webkit-border-radius:20px 20px 0 0;
	   -moz-border-radius:20px 20px 0 0;
            border-radius:20px 20px 0 0;
}
#otherBox .picList .photo {
	mask-image:url(../images/pic-box.svg);
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
            border-radius:20px;
}
.picList .photo .img {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#b8c5d1;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.picList a:hover .photo .img,
.picList a:focus .photo .img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
.picList .infoWrap {
	width:100%;
	padding:15px;
	box-sizing:border-box;
	margin:0 auto;
}
#otherBox .picList .infoWrap {
	padding:0;
	margin-top:15px;
}
.picList .infoWrap .tag {
	display:inline-block;
}
.picList .infoWrap time {
	display:inline-block;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:135%;
}
.picList .infoWrap .tag span {
	display:inline-block;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	line-height:13px;
	padding:5px 10px;
	background:#077cc0;
	margin-left:10px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;
}
.picList .infoWrap .tag span + span {
	margin-left:5px;
	background:#0757b3;
}
.picList .infoWrap .tag span + span + span {
	background:#1d2089;
}
.picList .infoWrap p {
	display:-webkit-box;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.picList a:hover .infoWrap p,
.picList a:focus .infoWrap p {
    color:#CC4E00;
}
.picList .infoWrap p span.file {
	display:inline-block;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
    font-size:0.95rem;
	font-style:normal;
	line-height:25px;
	padding:0 10px;
	background:#eb0014;
	vertical-align:middle;
	margin:-5px 0 1px 8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.picList .infoWrap p span.file.pdf {
	background:#a40000;
}
.picList .infoWrap p span.file.odt,
.picList .infoWrap p span.file.doc,
.picList .infoWrap p span.file.docx {
	background:#0068b7;
}
.picList .infoWrap p span.file.ods,
.picList .infoWrap p span.file.xls,
.picList .infoWrap p span.file.xlsx {
	background:#378837;
}
.picList .infoWrap p span.file.odp,
.picList .infoWrap p span.file.ppt,
.picList .infoWrap p span.file.pptx{
	background:#FF6600;
}
.picList .infoWrap p span.file.rar {
	background:#67005E;
}
.picList .infoWrap p span.file.zip {
	background:#6a3906;
}
.picList .infoWrap time {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1.3em;
	line-height:135%;
	margin:5px auto;
}
@media screen and (max-width:990px) {
	.picList .slick-slide {
		width:50%;
	}
}
@media screen and (max-width:768px) {
	.picList ul li {
		width:50%;
	}
}
@media screen and (max-width:560px) {
	.picList .slick-list {
		max-width:460px;
		margin:0 auto;
	}
	.picList .slick-slide {
		width:100%;
	}
	.picList ul li {
		width:100%;
		max-width:460px;
		margin:0 auto;
	}
}
@media screen and (max-width:460px) {
	.tabBox .picList {
		padding:25px;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.tabBox .picList {
		padding:35px;
	}
	.picList ul li {
		width:25%;
	}
}
@media screen and (min-width:1540px) {
	.tabBox .picList {
		padding:40px;
		-webkit-border-radius:30px;
		   -moz-border-radius:30px;
				border-radius:30px;
	}
	.tabBox > ul > li:nth-child(1) .picList {
		-webkit-border-radius:0 30px 30px 30px;
		   -moz-border-radius:0 30px 30px 30px;
				border-radius:0 30px 30px 30px;
	}
	.tabBox > ul > li:nth-child(4) .picList {
		-webkit-border-radius:30px 0 30px 30px;
		   -moz-border-radius:30px 0 30px 30px;
				border-radius:30px 0 30px 30px;
	}
	.picList .infoWrap p {
		font-size:2.3em;
	}
	.picList .infoWrap time {
		font-size:1.5em;
	}
	.picList .infoWrap .tag span {
		font-size:1.5em;
		line-height:15px;
		padding:5px 15px;
	}
	.picList .infoWrap time {
		font-size:1.5em;
	}
}


@media print {
  #banner .slide_listshow .item {
    width:720px;
    height:360px;
  }
  #banner .slide_listshow .item a .img {
    width:720px;
    height:360px;
    padding-bottom:0;
    background-size:auto 360px;
    background-position:50% 50%;
  }
  #banner .slide_listshow .item .img img {
    display:none !important;
  }

}