@charset "utf-8";
/** banner **/
#banner {
	position:relative;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
 }
#banner .listshow {
	width:100%;
}
#banner .listshow .item a {
	width:100%;
	height:0;
	padding-bottom:42%;
	display:block;	
	position:relative;
}
#banner .listshow a .img{
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center top;
	background-size: cover;
	transform: scale(1.2);
	transition: all 12s;
}
#banner .listshow .slick-active a .img{
	transform:scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
}
#banner .listshow a .sloganBox{
    position: absolute;
    line-height: 1.2;
    right:7%;
    top:40%;
	box-sizing:border-box;
	z-index:2;
	display:block;
}
#banner .listshow a .sloganBox strong,
#banner .listshow a .sloganBox p{
	position:relative;
    font-family: "微软雅黑", "微軟正黑體";
 	color:#fff;
	display:block;
    text-shadow: 0 0 50px rgba(0,0,51,50), 0 0 50px rgba(0,0,51,50), 0 0 50px rgba(0,0,51,50), 0 0 50px rgba(0,0,51,50);		
}
#banner .listshow a .sloganBox strong{
    font-weight: bold;		
	font-size: 7vw;
	margin-bottom:0.18em;
	background:    -moz-linear-gradient(left,  #66ffe8 1%, #aae66e 30%, #f0b600 100%); 
	background: -webkit-linear-gradient(left,  #66ffe8 1%, #aae66e 30%, #f0b600 100%); 
	background:         linear-gradient(left,  #66ffe8 1%, #aae66e 30%, #f0b600 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-shadow:none;
	position:relative;
}
#banner .listshow a .sloganBox strong:before{
 	content: attr(data-storke);	
    position: absolute;
    z-index: -1;
    text-shadow: 0 0 40px rgba(0,0,51,50), 0 0 40px rgba(0,0,51,50), 0 0 40px rgba(0,0,51,50);			
}
#banner .listshow a .sloganBox p{
	font-size: 3.35vw;
}
#banner .listshow a:hover .sloganBox .more,
#banner .listshow a .sloganBox .more:hover,
#banner .listshow a:focus .sloganBox .more{
	background-color:#000;}	
#banner .listshow a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
@media screen and (max-width: 420px) {
	#banner .listshow .item a {padding-bottom:56%;}	
	#banner .listshow a .sloganBox strong{font-size: 8vw;}
	#banner .listshow a .sloganBox p{font-size: 3.8vw;}		
}
@media screen and (min-width: 768px) {
	#banner .listshow .item a {padding-bottom:42.63%;}	/* 對齊 banner 圖 1921x819 的比例，完整顯示不裁切 */
	#banner .listshow a .sloganBox strong{font-size: 5vw;}
	#banner .listshow a .sloganBox p{font-size: 2.4vw;}				
}
@media screen and (min-width: 1600px) {
	#banner .listshow a .sloganBox strong{font-size: 8.72em;}
	#banner .listshow a .sloganBox p{font-size: 4.2em;}	
}
/**/
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	border:none;
	box-sizing:border-box;
	z-index:10;
	transition:all 0.5s ease;
}
#banner .listshow .slick-prev {left:15px;}
#banner .listshow .slick-next {right:15px;}
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	filter:alpha(opacity=100);
	opacity:1;
	transition:all 0s ease;
}
#banner .slick-prev:before,#banner .slick-next:before{ display:none;}
#banner .listshow .slick-prev span,
#banner .listshow .slick-next span {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
#banner .listshow .slick-prev span:before,
#banner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;    
    z-index:2;
	box-sizing:border-box;
	transition:all 0.5s ease;
}
#banner .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-9px 0 0 -6px;
	border-left:6px solid #FFF;
    border-top:6px solid #FFF;
	transform:rotate(-45deg);
}
#banner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-9px -6px 0 0 ;
	border-right:6px solid #FFF;
    border-top:6px solid #FFF;
	transform:rotate(45deg);
}
#banner .listshow .slick-prev:hover,
#banner .listshow .slick-next:hover,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	background-color:rgba(255,255,255,.2);
}
@media screen and (max-width:420px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {width:36px; height:36px;}
	#banner .listshow .slick-prev {left:10px;}
	#banner .listshow .slick-next {right:10px;}		
	#banner .listshow .slick-prev span:before,
	#banner .listshow .slick-next span:before { width:15px; height:15px;}	
	#banner .listshow .slick-prev span:before {
		left:30%;
		top:30%;
		margin:0 ;		
		border-left:4px solid #FFF;
		border-top:4px solid #FFF;
	}
	#banner .listshow .slick-next span:before {
		right:30%;
		top:30%;
		margin:0 ;		
		border-right:4px solid #FFF;
		border-top:4px solid #FFF;
	}				
}
@media screen and (min-width:991px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {width:60px; height:60px;}
	#banner .listshow .slick-prev {left:-65px;}
	#banner .listshow .slick-next {right:-65px;}
	#banner .listshow .slick-prev span:before,
	#banner .listshow .slick-next span:before {width:23px; height:23px; margin-top:-11px;}
	#banner .listshow:hover .slick-prev,
	#banner .listshow .slick-prev:focus {left:20px;}
	#banner .listshow:hover .slick-next,
	#banner .listshow .slick-next:focus {right:20px;}
}


/** infoSection **/
#infoSection{
	position:relative;
	width: 100%;
	margin: 0 auto;
	padding:55px 0 25px;
	background:#fff;
}
#infoSection ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
 	padding:0;
	list-style:none;
}
#infoSection ul li{
	position:relative;
	width:calc(50% - 30px);
	box-sizing:border-box;
	margin:25px 0;
}
#infoSection ul li .infoTit{
	border-bottom:solid 1px #0c66c0;
	margin-bottom:2.5em;
	padding-bottom:3em;
}
#infoSection ul li .infoTit h3{
    font-family: "微软雅黑", "微軟正黑體";
	font-size:4.5em;
	font-weight:bold;
	color:#0c66c0;
	position: relative;	
	padding-left: 105px;	
}
/* 文字/底線顏色改由下方「依位置」規則決定，不再吃 li.blue（見檔案後段） */
#infoSection ul li .infoTit h3:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -22px;
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	border-radius: 50%;			/* 圓底顏色改由背景色決定，見下方依位置規則 */
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
	z-index: 1;
}
#infoSection ul li .infoTit h3.ico1:before {background-image: url(../images/home-ico1.svg);}
#infoSection ul li .infoTit h3.ico2:before {background-image: url(../images/home-ico2.svg);}
#infoSection ul li .infoTit h3.ico3:before {background-image: url(../images/home-ico3.svg);}
#infoSection ul li .infoTit h3.ico4:before {background-image: url(../images/home-ico4.svg);}
#infoSection ul li .infoTit h3.ico5:before {background-image: url(../images/home-ico5.svg);}
#infoSection ul li .infoTit h3.ico6:before {background-image: url(../images/home-ico6.svg);}
#infoSection ul li .infoTit h3.ico7:before {background-image: url(../images/home-ico7.svg);}
#infoSection ul li .infoTit h3.ico8:before {background-image: url(../images/home-ico8.svg);}
#infoSection ul li .infoTit h3.ico9:before {background-image: url(../images/home-ico9.svg);}
#infoSection ul li .infoTit h3.ico10:before {background-image: url(../images/home-ico10.svg);}

/* ----- 大類色彩改依「顯示位置」決定，不再綁定分類本身 -----
   原因：十大類的顯示順序可在後台調整，若顏色綁定分類，
   同一列出現一藍一綠、或整批同色連續出現在同一欄，視覺會顯得混亂。
   改成每兩個（一列）一組、逐列交替藍/綠，不論後台怎麼排序，
   每一列的左右兩塊永遠同色，畫面永遠工整。 */
#infoSection ul li:nth-child(4n+1) .infoTit,
#infoSection ul li:nth-child(4n+2) .infoTit{
	border-bottom-color:#0c66c0;
}
#infoSection ul li:nth-child(4n+1) .infoTit h3,
#infoSection ul li:nth-child(4n+2) .infoTit h3{
	color:#0c66c0;
}
#infoSection ul li:nth-child(4n+1) .infoTit h3:before,
#infoSection ul li:nth-child(4n+2) .infoTit h3:before{
	background-color:#4A7FD4;
}
#infoSection ul li:nth-child(4n+3) .infoTit,
#infoSection ul li:nth-child(4n+4) .infoTit{
	border-bottom-color:#46aa2d;
}
#infoSection ul li:nth-child(4n+3) .infoTit h3,
#infoSection ul li:nth-child(4n+4) .infoTit h3{
	color:#46aa2d;
}
#infoSection ul li:nth-child(4n+3) .infoTit h3:before,
#infoSection ul li:nth-child(4n+4) .infoTit h3:before{
	background-color:#1E7A3C;
}
/* 「查看全部」圓形按鈕原本也吃 li.blue（綁分類），同步改依位置決定，
   顏色沿用網站既有的按鈕配色（#397ee1 / #73c866），只是判斷依據從
   「哪個分類」改成「第幾個位置」，跟上面圖示的邏輯一致。
   用 #infoSection 開頭墊高選擇器優先度，蓋過原本不分區塊、優先度較低的
   .more-btn 規則，不需要改動 .aspx。 */
#infoSection ul li:nth-child(4n+1) .more-btn a span,
#infoSection ul li:nth-child(4n+2) .more-btn a span{
	color:#397ee1;
}
#infoSection ul li:nth-child(4n+1) .more-btn a em,
#infoSection ul li:nth-child(4n+2) .more-btn a em{
	background:#397ee1;
}
#infoSection ul li:nth-child(4n+3) .more-btn a span,
#infoSection ul li:nth-child(4n+4) .more-btn a span{
	color:#73c866;
}
#infoSection ul li:nth-child(4n+3) .more-btn a em,
#infoSection ul li:nth-child(4n+4) .more-btn a em{
	background:#73c866;
}
#infoSection ul li ol{
	list-style:none;
 	padding:0;		
}
#infoSection ul li ol li{
	width:100%;
	margin:1.9em 0;
	position:relative;
}
#infoSection ul li ol li:before{
	content:"";
	width:8px;
	height:8px;
    border-radius: 100%;	
	background:#dc6400;
    display: inline-block;
	position:absolute;
	top:14px;	
}
#infoSection ul li ol li a{
	width:100%;
	display:inline-block;
	line-height:1.6;
}	
#infoSection ul li ol li strong{
	float:left;
	width:calc(100% - 120px - 15px);
	color:#000;	
	font-size:2.2em;
	padding-left:20px;
	overflow : hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 1 !important;		
}
#infoSection ul li ol li a:hover strong,
#infoSection ul li ol li a:focus strong{
	color:#dc6400;	
}
#infoSection ul li ol li time{
	float:right;
	width:120px;
	color:#dc6400;
	font-size:2em;
	text-align:right;		
}
@media screen and (max-width:1300px) {
	#infoSection{
		padding:45px 0 20px;
	}
	#infoSection ul li{
		width:calc(50% - 20px);
		margin:20px 0;
	}
	#infoSection ul li .infoTit{
		margin-bottom:2em;
		padding-bottom:2.5em;
	}				
	#infoSection ul li .infoTit h3{
		font-size:4em;
		padding-left: 75px;	
	}
	#infoSection ul li .infoTit h3:before {
		top: -9px;
		width: 62px;
		height: 62px;
	}
	#infoSection ul li ol li strong{
		width:calc(100% - 105px - 10px);
		font-size:2em;
		padding-left:20px;	
	}
	#infoSection ul li ol li time{
		width:105px;
		font-size:1.8em;	
	}				
}
@media screen and (max-width:990px) {
	#infoSection{
		padding:35px 0 10px;
	}	
	#infoSection ul li ol li strong{
		width:calc(100% - 105px);
		font-size:1.9em;	
	}		
	#infoSection ul li ol li time{
		width:105px;
		font-size:1.7em;
	}
	#infoSection ul li ol li{
		margin:1.5em 0;
	}
	#infoSection ul li ol li:before{
		top:12px;
	}
}	
@media screen and (max-width:768px) {
	#infoSection ul li{
		width:calc(100% - 20px);
		margin:15px 0;
	}
	#infoSection ul li .infoTit{
		margin-bottom:1.5em;
		padding-bottom:2em;
	}	
	#infoSection ul li .infoTit h3{
		font-size:3.6em;
		padding-left: 66px;	
	}
	#infoSection ul li .infoTit h3:before {
		width: 56px;
		height: 56px;
	}			
}
@media screen and (max-width:480px) {
	#infoSection ul li .infoTit h3{
		font-size:3.2em;
		padding-left: 56px;	
	}	
	#infoSection ul li .infoTit h3:before {
		width: 50px;
		height: 50px;
	}			
	#infoSection ul li ol li:before{
		width:6px;
		height:6px;
	}
	#infoSection ul li ol li strong{
		width:calc(100% - 95px);		
		font-size:1.8em;
		padding-left:16px;	
	}
	#infoSection ul li ol li time{
		width:95px;
		font-size:1.5em;
	}		
}	

/** more-btn **/
.more-btn {
    text-align: center;
	margin-top:5px;
	position: absolute;
    right: 0;
    top: 0;	
}
.more-btn a {
	display: flex;
	align-items: center;
}
.more-btn a span {
	font-size:1.7em;
	color:#397ee1;
	margin-right:10px;	
}
.more-btn a:hover span,
.more-btn a:focus span,
.blue .more-btn a:hover span,
.blue .more-btn a:focus span {
	color:#dc6400;
}
.white .more-btn a:hover span,
.white .more-btn a:focus span {
	color:#ffcc66;
}
.more-btn a em {
	position:relative;
	display:block;
	width:40px;
	height:40px;
	background:#397ee1;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.more-btn a em:before {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 2px;
	top: 19px;
	left: 12px;
	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;	
}
.more-btn a em:after {
	content:"";
	position: absolute;
	display: block;
	width: 2px;
	height: 16px;
	top: 12px;
	left: 19px;
	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;	
}
.more-btn a:hover em,
.more-btn a:focus em,
.blue .more-btn a:hover em,
.blue .more-btn a:focus em {
	background:#dc6400;
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
.white .more-btn a:hover em,
.white .more-btn a:focus em {
	background:#ffcc66;
}
.blue .more-btn a span {color:#73c866;}
.blue .more-btn a em {background:#73c866;}
.white .more-btn a span {color:#fff;}
.white .more-btn a em {background:#fff;}
.white .more-btn a em:before,
.white .more-btn a em:after {background-color:#070708;}
@media screen and (max-width: 1300px) {
	.white .more-btn {
		right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.more-btn a span {
		font-size:1.6em;
		margin-right:6px;
	}
	.more-btn a em {
		width:30px;
		height:30px;
	}
	.more-btn a em:before {
		width: 14px;
		top: 14px;
		left: 8px;
	}
	.more-btn a em:after {
		height: 14px;
		top: 8px;
		left: 14px;

	}	
}


/** #newsSection **/
#newsSection{
	width:100%;
	position:relative;
	/*background-attachment: fixed !important;	*/
	background:#01050a url(../images/newBg.jpg) no-repeat 0;
	padding:80px 0 70px;
}
#newsSection .newsTit{
	margin-bottom:40px;
}
#newsSection .newsTit h3{
    font-family: "微软雅黑", "微軟正黑體";
	font-size:4.5em;
	font-weight:bold;
	color:#fff;
	position: relative;	
	padding-left: 85px;	
}
#newsSection .newsTit h3:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -12px;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-image: url(../images/unit-ico-1.svg);	/* 新聞區改指向文旅 */
	z-index: 1;
}
@media screen and (max-width:1300px) {
	#newsSection{
		padding:70px 0 60px;
	}	
	#newsSection .newsTit h3{
		font-size:4em;
		padding-left: 75px;	
	}
	#newsSection .newsTit h3:before {
		top: -9px;
		width: 62px;
		height: 62px;
	}		
}
@media screen and (max-width:990px) {
	#newsSection{
		padding:60px 0 50px;
	}	
}
@media screen and (max-width:768px) {
	#newsSection{
		padding:50px 0 40px;
	}		
	#newsSection .newsTit h3{
		font-size:3.6em;
		padding-left: 66px;	
	}
	#newsSection .newsTit h3:before {
		width: 56px;
		height: 56px;
	}	
}
@media screen and (max-width:480px) {	
	#newsSection .newsTit h3{
		font-size:3.2em;
		padding-left: 56px;	
	}	
	#newsSection .newsTit h3:before {
		width: 50px;
		height: 50px;
	}
}
/* ----- newsList ----- */ 
.newsList{
	width:100%;
	margin:0;
}
.newsList > ul{
  	display:flex;
    flex-wrap:wrap;
 	padding:0;
	margin:0 -10px;
	list-style:none;
}
.newsList > ul > li{
	width:20%;
	padding:0 10px;
	box-sizing:border-box;
	margin-bottom:25px;
	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;
}
.newsList > ul > li a{
	position:relative;	
	display:inline-block;
	width:100%;
}
.newsList > ul > li a .picBox{
	background:#fff;	
	padding:20px;
	box-sizing:border-box;
	border-radius:15px;
	box-shadow: 0 0 10px rgba(0,0,51,50);			
}
.newsList > ul > li .pic{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:54%;
	overflow:hidden;			
}
.newsList > ul > li .pic span{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-image: url(../images/nopic.png);	
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	transition:all 0.4s;
}
.newsList > ul > li a:hover .img span,
.newsList > ul > li a:focus .img span{
    -webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
         -o-transform:scale(1.1);    
            transform:scale(1.1);
	opacity:0.2;	
}
.newsList > ul > li .cover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background: rgba(35,90,90,.95) url(../images/link-icon.svg) no-repeat center bottom;
    border-radius: 15px;
	border:solid 5px #ffcc66;	
}
.newsList > ul > li a:hover .cover,
.newsList > ul > li a:focus .cover{
	opacity:1;
	background-position:center 34%;
}
.newsList > ul > li .cover span{
	position:absolute;
	top:64%;
	left:0;					
	width:100%;
    font-family: "微软雅黑", "微軟正黑體";		
	color:#fff;		
	font-size:1.8em;
	line-height:1.6;
	text-align:center;
	padding:30px 10px;
	box-sizing:border-box;
	transform:translateY(-100%) scale(1);
	transition:all 0.4s linear;		
}
.newsList > ul > li a:hover .cover span,
.newsList > ul > li a:focus .cover span{
	transform:translateY(-50%) scale(1);
}
@media screen and (max-width:1300px) {
	.newsList > ul > li a .picBox{
		padding:15px;		
	}
	.newsList > ul > li .cover{
		background-size:24px 24px;	
	}		
	.newsList > ul > li .cover span{
		font-size:1.7em;
		padding:25px 5px;				
	}
}
@media screen and (max-width:990px) {
	.newsList > ul > li a .picBox{
		padding:8px;		
	}	
	.newsList > ul > li .cover span{
		font-size:1.6em;
		padding:10px 5px;				
	}
	.newsList > ul > li a:hover .cover,
	.newsList > ul > li a:focus .cover{
		background-position:center 28%;
	}	
}
@media screen and (max-width:900px) {	
	.newsList > ul > li{
		width:25%;
	}
	.newsList > ul > li a:hover .cover,
	.newsList > ul > li a:focus .cover{
		background-position:center 34%;
	}			
}
@media screen and (max-width:768px) {
	.newsList > ul > li{
		width:33.33%;
	}
	.newsList > ul > li .cover span{
		font-size:1.5em;		
	}		
}
@media screen and (max-width:480px) {	
	.newsList > ul > li{
		width:50%;
	}	
}
@media screen and (max-width:360px) {
	.newsList > ul > li .cover{
		background-size:20px 20px;	
	}	
	.newsList > ul > li .cover span{
		font-size:1.4em;
		padding:10px 5px;	
	}
}


/** adLink **/
#adLink {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:60px 0 70px;
	background: #f7f4ee url(../images/adBg.jpg) no-repeat 50% 0;	
}
#adLink .adBox{
	width:100%;
	padding:5px 0;	
}
#adLink .adTit{
	float:left;
	width:24%;
    border-radius: 15px;	
	min-height:170px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:10px auto;
}
#adLink .adTit.bg1{
	background: #055053 url(../images/adBg-1.jpg) no-repeat 50% 100%;
}
#adLink .adTit.bg2{
	background: #06122e url(../images/adBg-2.jpg) no-repeat 50% 100%;
}
#adLink .adTit h3{
	width:auto;
    font-family: "微软雅黑", "微軟正黑體";		
	font-size:3.2em;
	color:#FFF;
	text-shadow:1px 1px 1px rgba(0,0,51,50);
}
#adLink .adTit h3 small{
	display: block;
	font-size: 75%;
	letter-spacing: 0.2em;
	margin-bottom:10px;	
}
#adLink .listshow {	
	float:right;
	position:relative;
	width:76%;
	padding:0 10px;
	box-sizing:border-box;
}
#adLink .listshow .item {
	display:inline-block;
	width:25.333%;
	padding:10px;
	box-sizing:border-box;
	position:relative;	
}
#adLink .listshow .item a {
	float:left;
	width:100%;
	height:100%;	
	background:#FFF;
    border-radius: 15px;
	min-height:170px;	
    display: flex;
    align-items: center;
	padding:20px 30px;
	box-sizing:border-box;		
}
#adLink .listshow img {
	width:100%;
	height:auto;
	margin:0 auto;
	transition:all 0.3s ease;
}
#adLink .listshow .item a:hover,
#adLink .listshow .item a:focus {
	box-shadow: 0 0 10px rgba(0,0,51,50);
}
#adLink .listshow .item a:hover img,
#adLink .listshow .item a:focus img {
	opacity:0.5;
	transform: scale(0.95);
}
/** cover **/
#adLink .listshow .item .cover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background: rgba(40,155,143,.95) url(../images/link-icon.svg) no-repeat center bottom;
    border-radius: 15px;
	border:solid 5px #ffcc66;	
}
#adLink .listshow .item a:hover .cover,
#adLink .listshow .item a:focus .cover{
	opacity:1;
	background-position:center 34%;
}
#adLink .listshow .item .cover span{
	position:absolute;
	top:64%;
	left:0;					
	width:100%;
    font-family: "微软雅黑", "微軟正黑體";		
	color:#fff;		
	font-size:2.4em;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
	padding:30px;
	box-sizing:border-box;
	transform:translateY(-100%) scale(1);
	transition:all 0.4s linear;		
}
#adLink .listshow .item a:hover .cover span,
#adLink .listshow .item a:focus .cover span{
	transform:translateY(-50%) scale(1);
}


#adLink .listshow .slick-prev,
#adLink .listshow .slick-next {	
	position:absolute;
	display:block;
	font-size:0;
	width:60px;
	height:60px;
	background:#f7f6fb;
	border:1px solid #ccc;
	border-radius: 100%;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
#adLink .listshow .slick-prev {
	left:-10px;	
}
#adLink .listshow .slick-next {
	right:-12px;
}
#adLink .listshow .slick-prev span,
#adLink .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#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:16px;
    top:50%;
	margin: -11px 0 0 5px;
	border-left: 4px solid #666;
    border-top: 4px solid #666;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#adLink .listshow .slick-next span:before {
	right:16px;
    top:50%;
	margin: -11px 5px 0 0 ;
	border-right: 4px solid #666;
    border-top: 4px solid #666;
    -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:#c82850;
}
@media screen and (max-width:1300px) {
	#adLink {
		padding:54px 0 42px;
	}
	#adLink .adTit{
		min-height:150px;
	}
	#adLink .listshow .item a {
		min-height:150px;	
		/*padding:18px 27px;*/		
	}		
	#adLink .adTit h3{	
		font-size:3.8em;
	}			
}
@media screen and (max-width:990px) {
	#adLink {
		padding:48px 0 56px;
	}
	#adLink .adTit{
		min-height:136px;
	}
	#adLink .listshow .item a {
		min-height:136px;	
		/*padding:16px 24px;*/		
	}	
	#adLink .adTit h3{	
		font-size:3em;
	}
	
	#adLink .listshow .slick-prev,
	#adLink .listshow .slick-next {	
		width:48px;
		height:48px;
	}
	#adLink .listshow .slick-prev span:before,
	#adLink .listshow .slick-next span:before { 
		width:15px;
		height:15px;    
	}
	#adLink .listshow .slick-prev span:before {
		left:12px;
		margin: -9px 0 0 5px;
		border-left: 3px solid #666;
		border-top: 3px solid #666;
	}
	#adLink .listshow .slick-next span:before {
		right:12px;
		margin: -9px 5px 0 0 ;
		border-right: 3px solid #666;
		border-top: 3px solid #666;
	}				
}
@media screen and (max-width:880px) {
	#adLink .adTit{
		width:30%;
	}
	#adLink .listshow {	
		width:70%;
	}	
}	
@media screen and (max-width:768px) {
	#adLink {
		padding:42px 0 49px;
	}
	#adLink .adTit{
		min-height:120px;
	}
	#adLink .listshow .item a {
		min-height:120px;	
		/*padding:14px 21px;*/
	}		
	#adLink .adTit h3{	
		font-size:2.66em;
	}		
}
@media screen and (max-width:480px) {
	#adLink .adTit{
		width:100%;
		min-height:auto;
		align-items:start;		
	}
	#adLink .listshow {	
		width:100%;
	}
	#adLink .adTit.bg1,
	#adLink .adTit.bg2{
		background: none;
	}
	#adLink .adTit h3{	
		font-size:3.6em;
		color:#00a0a0;
		text-shadow:none;
	}
	#adLink .adTit h3 small{
		display: inline-block;
		font-size:1em;
		letter-spacing: 0;
		margin-bottom:0;
		font-weight:normal;	
	}
	#adLink .adTit h3:after{
		content:"";
		width: 107px;
		height: 1px;
		background: #00a0a0;
		display: block;
		margin-top: 10px;
		text-align: center;	
	}
	#adLink .adTit h3.blue{
		color:#1b6abd;
	}			
	#adLink .adTit h3.blue:after{
		background: #1b6abd;
	}
}	
/*
@media screen and (max-width:540px) {
	#adLink {
		padding:36px 0 42px;
	}
	#adLink .adTit h3{	
		font-size:2.28em;
	}		
}*/