@charset "utf-8";

/* ----- newsList ----- */
.newsList {
	float:left;
	width:100%;
	margin-top:25px;
}
.newsList ul {
	width:100%;
	list-style:none;
	border-top:1px solid #666;
}
.newsList ul li {
	width:100%;
	border-bottom:1px dashed #666;
}
.newsList ul li a {
	display:block;
    width:100%;	
	padding:15px 0 15px 75px;
	background:url(../images/icon-newsList.png) no-repeat 0 20px;
	box-sizing:border-box;
}
.newsList ul li a:hover,
.newsList ul li a:focus {
	color: #b62824;
	background-image:url(../images/icon-newsList-hover.png);
}
.newsList.recru ul li a {background:url(../images/icon-recruList.png) no-repeat 0 20px;}
.newsList.recru ul li a:hover,
.newsList.recru ul li a:focus {background-image:url(../images/icon-recruList-hover.png);}

.newsList.honors ul li a {background:url(../images/icon-honorsList.svg) no-repeat 0 20px;}
.newsList.honors ul li a:hover,
.newsList.honors ul li a:focus {background-image:url(../images/icon-honorsList-hover.svg);}

.newsList ul li p {
	color:#666;
	font-size:1.5em;
	line-height:135%;
	margin:5px 0;
}
.newsList ul li p time {
	color:#966e3c;
}
.newsList ul li h3 {
	/*font-family:微軟雅黑, "Microsoft YaHei"*/;
	color:#000;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin:5px 0;
}
.newsList ul li a:hover h3,
.newsList ul li a:focus h3{
	color: #d3412f;
}


/* ----- newsList ----- */
.newsList {
	float:left;
	width:100%;
	margin-top:25px;
}
.newsList ul {
	width:100%;
	list-style:none;
	border-top:1px solid #666;
}
.newsList ul li {
	width:100%;
	border-bottom:1px dashed #666;
}
.newsList ul li a {
	display:block;
    width:100%;	
	padding:15px 0 15px 75px;
	background:url(../images/icon-newsList.png) no-repeat 0 20px;
	box-sizing:border-box;
}
.newsList ul li a:hover,
.newsList ul li a:focus {
	color: #b62824;
	background-image:url(../images/icon-newsList-hover.png);
}
.newsList.recru ul li a {background:url(../images/icon-recruList.png) no-repeat 0 20px;}
.newsList.recru ul li a:hover,
.newsList.recru ul li a:focus {background-image:url(../images/icon-recruList-hover.png);}

.newsList.honors ul li a {background:url(../images/icon-honorsList.svg) no-repeat 0 20px;}
.newsList.honors ul li a:hover,
.newsList.honors ul li a:focus {background-image:url(../images/icon-honorsList-hover.svg);}

.newsList.speech ul li a {background:url(../images/icon-speechList.svg) no-repeat 0 20px;}
.newsList.speech ul li a:hover,
.newsList.speech ul li a:focus {background-image:url(../images/icon-speechList-hover.svg);}

.newsList ul li p {
	color:#666;
	font-size:1.5em;
	line-height:135%;
	margin:5px 0;
}
.newsList ul li p time {
	color:#966e3c;
}
.newsList ul li h3 {
	/*font-family:微軟雅黑, "Microsoft YaHei"*/;
	color:#000;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin:5px 0;
}
.newsList ul li a:hover h3,
.newsList ul li a:focus h3{
	color: #d3412f;
}


/* ----- speechList ----- */
.speechList {
	float:left;
	width:100%;
	margin-top:25px;
}
.speechList ul {
	width:100%;
	list-style:none;
	border-top:1px solid #666;
}
.speechList ul li {
	width:100%;
	border-bottom:1px dashed #666;
}
.speechList ul li a {
	display:block;
    width:100%;	
	padding:15px 0 15px 75px;
	background:url(../images/icon-speechList.svg) no-repeat 0 20px;
	box-sizing:border-box;
}
.speechList ul li a:hover,
.speechList ul li a:focus {
	color: #b62824;
	background-image:url(../images/icon-speechList-hover.svg);
}
.speechList ul li p {
	color:#000;
	font-size:2em;
	line-height:135%;
	margin:5px 0;
}
.speechList ul li p time {
	/*font-family:微軟雅黑, "Microsoft YaHei";*/	
	color:#528400;
	font-weight:bold;	
}
.speechList ul li h3 {
	/*font-family:微軟雅黑, "Microsoft YaHei";*/
	color:#b62824;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin:5px 0;
}
.speechList ul li strong{
	color:#005291;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin:5px 0;
}
.speechList ul li a:hover h3,
.speechList ul li a:focus h3,
.speechList ul li a:hover strong,
.speechList ul li a:focus strong{
	color: #d3412f;
}


/* ----- researchList ----- */
.researchList {
	float:left;
	width:100%;
	margin-top:25px;
}
.researchList ul {
	width:100%;
	list-style:none;
	border-top:1px solid #666;	
}
.researchList ul li {
	width:100%;
	border-bottom:1px dashed #666;
}
.researchList a {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;		
	width:100%;
	height:100%;
	margin:20px 0;
}
.researchList .photo {
	position:relative;
	display:inline-block;
	width:245px;
	height:0;
	padding-bottom:162px;
	overflow:hidden;
	border:solid 1px #ddd;
	box-sizing:border-box;	
}

.researchList .photo img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto ;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
 
	
}


.researchList .photo span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.researchList a:hover .photo span,
.researchList a:focus .photo span {
    -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
            transform:scale(1.1);
}
.researchList .word {
	position:relative;
	display:inline-block;
	width:calc(100% - 245px);
	letter-spacing:0;
	padding:0 20px;
	box-sizing:border-box;
	vertical-align:top;
}
.researchList .word strong{
	display:block;
	color: #0080a0;
	/*font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";*/
	font-size:1.7em;
    line-height: 145%;
	margin-bottom:5px;
}
.researchList .word h3 {
	color:#000;
	/*font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";*/
	font-size:2.2em;
	line-height:150%;
	font-weight:bold;
	text-align:left;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	  -o-text-overflow:ellipsis;
		 text-overflow:ellipsis;
	-webkit-line-clamp:3;	
}
.researchList a:hover .word h3,
.researchList a:focus .word h3 {
	color:#b62824;
}
.researchList .word p {
	position:relative;
	color:#000;
	font-size:1.5em;
	line-height:150%;
	margin-top:5px;
}
.researchList .word p span {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:3em;
	line-height:100%;
	text-align:center;
	color:#FFF;
	padding:3px 0;
	background:#b62824;
}
@media screen and (max-width:1199px) {
	.researchList .photo {
		width:245px;
		padding-bottom:162px;
	}	
	.researchList .word {
		width:calc(100% - 245px);
		padding:0 15px;
	}	
}
@media screen and (max-width:990px) {
	.researchList ul li {
		width:100%;
		padding:5px 0;
	}
	.researchList .photo {
		width:220px;
		padding-bottom:145px;
	}	
	.researchList .word {
		width:calc(100% - 220px);
	}
	.researchList .word h3 {
		font-size:2em;
	}
	.researchList .word p {
		font-size:1.4em;		
	}			
}
@media screen and (max-width:768px) {
	.researchList .photo {
		width:200px;
		padding-bottom:132px;
	}	
	.researchList .word {
		width:calc(100% - 200px);
	}			
}
@media screen and (max-width:480px) {	
	.researchList .photo {
		width:100%;
		padding-bottom:66.66%;
	}	
	.researchList .word {
		width:100%;
		padding:0;
	}
	.researchList .word strong{
		margin-top:15px;	
	}			
	.researchList .word h3 {
		-webkit-line-clamp:2;	
	}			
}


/* ----- eventList ----- */
.eventList {
	float:left;
	width:100%;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom:1px dashed #666;
}
.eventList ul {
	list-style:none;
	margin:15px -15px;	
}
.eventList ul li {
	display:inline-block;
	width:50%;
	padding:0 15px;
	margin:15px 0;
	vertical-align:top;
	box-sizing:border-box;
}
.eventList ul li a {
	float:left;
	width:100%;
	height:100%;
	color:#000;
}
.eventList ul li a:hover,
.eventList ul li a:focus {
	color: #b62824;
}
.eventList ul li .photo {
	display:block;
	width: 100%;
	height:66.7%;
	overflow:hidden;
	margin-bottom:10px;
}
.eventList ul li .photo img {
	display:block;
	width: 100%;
	height:auto;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
         -o-transition: 0.4s;
            transition: 0.4s;
}
.eventList ul li a:hover .photo img,
.eventList ul li 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);
}
.eventList ul li h3 {
	font-size:1.9em;
	line-height:130%;
	font-weight:bold;
	text-align:justify;
}
.eventList ul li p {
	color:#966e3c;
	font-size:1.3em;
	margin:10px 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.eventList ul li p span{
	display:inline-block;
	color:#FFF;
	padding:3px 5px;
	margin-right:5px;
	background: #966e3c;
}
@media screen and (max-width: 420px) {
	.eventList ul li {
		width:100%;
		margin:5px 0;
	}
}
@media screen and (min-width: 781px) {
	.eventList ul li {
		width:33.333%;
		min-height:300px;
	}
}
@media screen and (min-width: 991px) {
	.eventList ul li {
		width:33.333%;
		min-height:290px;
	}
	.eventList ul li .photo img {
		width:220px;
		height:147px;
	}
}
@media screen and (min-width: 1200px) {
	.eventList ul li {
		min-height:300px;
	}
	.eventList ul li .photo img {
		width:270px;
		height:180px;
	}
}


/* ----- youngerList ----- */
.youngerList {
	float:left;
	width:100%;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom:1px dashed #666;
}
.youngerList ul {
	list-style:none;
	margin:15px -15px;
}
.youngerList ul li {
	display:inline-block;
	width:50%;
	padding:0 15px;
	margin:15px 0;
	vertical-align:top;
	box-sizing:border-box;
}
.youngerList ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
.youngerList ul li a:hover,
.youngerList ul li a:focus {
	color: #b62824;
}
.youngerList ul li .photo {
	display:block;
	width: 100%;
	height:66.7%;
	overflow:hidden;
	margin-bottom:10px;
}
.youngerList ul li .photo img {
	display:block;
	width: 100%;
	height:auto;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
         -o-transition: 0.4s;
            transition: 0.4s;
}
.youngerList ul li a:hover .photo img,
.youngerList ul li 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);
}
.youngerList ul li h3 {
	font-size:1.9em;
	line-height:130%;
	font-weight:bold;
	text-align:justify;
}
.youngerList ul li p {
	color:#966e3c;
	font-size:1.3em;
	margin:10px 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width: 420px) {
	.youngerList ul li {
		width:100%;
		margin:5px 0;
	}
}
@media screen and (min-width: 781px) {
	.youngerList ul li {
		width:33.333%;
		min-height:300px;
	}
}
@media screen and (min-width: 991px) {
	.youngerList ul li {
		width:33.333%;
		min-height:290px;
	}
	.youngerList ul li .photo img {
		width:220px;
		height:147px;
	}
}
@media screen and (min-width: 1200px) {
	.youngerList ul li {
		min-height:300px;
	}
	.youngerList ul li .photo img {
		width:270px;
		height:180px;
	}
}


/** tableBox **/
.tableBox {
	float:left;
	width:100%;
	margin-top:30px;
}

/* ----- eventTable ----- */
.eventTable {
	float:left;
	width: 100%;	
	border: 1px solid #99cc66;
	border-collapse: collapse;
}
.eventTable th {	
	width: 14%;
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	text-align: center;
	padding:15px 0;
	border-bottom: 1px dotted #bfe573;
	background:#a3cb6b;	
	box-sizing:border-box;
}
.eventTable td {
	width: 86%;
	color: #000;
	font-size:1.5em;
	line-height:150%;
	padding:15px;
	word-break:break-all;
	background:#f3fae6;
	border-bottom: 1px dotted #bfe573;
	box-sizing:border-box;
}
.eventTable td ul,
.eventTable td ol {
	margin-left:1.5em;
}
@media screen and (max-width: 780px) {
	.eventTable th {
		width: 20%;
	}
	.eventTable td {
		width: 80%;
	}
}
@media screen and (max-width: 460px) {
	.eventTable th {
		width: 25%;
	}
	.eventTable td {
		width: 75%;
	}
}
@media screen and (max-width: 420px) {
	.eventTable th {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
	.eventTable td {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width: 991px) {
	.tableBox {
		margin-top:40px;
	}
	.eventTable th {
		width:120px;
		font-size:1.7em;
	}
	.eventTable td {
		width:600px;
		font-size:1.7em;
	}
}
@media screen and (min-width: 1200px) {
	.eventTable th {
		width:130px;
	}
	.eventTable td {
		width:740px;
	}
}

/* ----- promoTable ----- */
.promoTable {
	float:left;
	width: 100%;
	border:1px solid #24C98E;
	border-collapse: collapse;
}
.promoTable tr {
    background:#FFF;
}
.promoTable tr:nth-of-type(2n) {
    background: #E8FAF6;
}
.promoTable th {	
	width: 14%;
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	text-align: center;
	padding:15px 0;
	border-bottom:1px dotted #24C98E;
	background:#7CD8BE;	
	box-sizing:border-box;
}
.promoTable td {
	width: 86%;
	color: #000;
	font-size:1.5em;
	line-height:150%;
	padding:15px;
	border-bottom:1px dotted #24C98E;
	word-break:break-all;
	box-sizing:border-box;
}
.promoTable td ul,
.promoTable td ol {
	margin-left:1.5em;
}
@media screen and (max-width: 780px) {
	.promoTable th {
		width: 20%;
	}
	.promoTable td {
		width: 80%;
	}
}
@media screen and (max-width: 460px) {
	.promoTable th {
		width: 25%;
	}
	.promoTable td {
		width: 75%;
	}
}
@media screen and (max-width: 420px) {
	.promoTable tr:nth-of-type(2n) {
		background: #FFF;
	}
	.promoTable th {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
	.promoTable td {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width: 991px) {
	.promoTable th {
		width:120px;
		font-size:1.7em;
	}
	.promoTable td {
		width:600px;
		font-size:1.7em;
	}
}
@media screen and (min-width: 1200px) {
	.promoTable th {
		width:130px;
	}
	.promoTable td {
		width:740px;
	}
}

/* ----- releaseTable ----- */
.releaseTable {
	float:left;
	width: 100%;
	border-top: 1px solid #70bf60;
	border-bottom: 1px solid #70bf60;
	border-collapse: collapse;
}
.releaseTable th {	
	width: 14%;
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	padding:10px 0;
	text-align: center;
	border-bottom: 1px dotted #70bf60;
	box-sizing:border-box;
}
.releaseTable th span {
	display:block;
	padding:5px 0;
	background:#4c994c;
}
.releaseTable td {
	width: 86%;
	color: #000;
	font-size:1.5em;
	line-height:150%;
	padding:15px;
	word-break:break-all;
	border-bottom: 1px dotted #70bf60;
	box-sizing:border-box;
}
@media screen and (max-width: 780px) {
	.releaseTable th {
		width: 20%;
	}
	.releaseTable td {
		width: 80%;
	}
}
@media screen and (max-width: 460px) {
	.releaseTable th {
		width: 25%;
	}
	.releaseTable td {
		width: 75%;
	}
}
@media screen and (max-width: 420px) {
	.releaseTable th {
		display:block;
		width: 100%;
		padding:0;
		border:none;
	}
	.releaseTable tr:nth-of-type(1) th {
		padding:10px 0 0 0;
	}
	.releaseTable td {
		display:block;
		width: 100%;
		padding:10px 0;
		border:none;
	}
}
@media screen and (min-width: 991px) {
	.releaseTable th {
		width:120px;
		font-size:1.7em;
	}
	.releaseTable td {
		width:600px;
		font-size:1.7em;
	}
}
@media screen and (min-width: 1200px) {
	.releaseTable th {
		width:130px;
	}
	.releaseTable td {
		width:740px;
	}
}


/* ----- achielist ----- */
.achielist {
	float:left;
	width: 100%;
}
.achielist dt {	
	float:left;
	width: 14%;
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	font-weight:bold;
	padding:0;
	text-align: center;
	box-sizing:border-box;
	border:1px solid #4c994c;
}
.achielist dt span {
	display:block;	
	padding:10px 0;
	background:#4c994c;
}
.achielist dd {
	float:left;
	width: 86%;
	color: #000;
	font-size:1.5em;
	line-height:150%;
	font-weight:bold;
	padding:10px 15px;	
	word-break:break-all;
	box-sizing:border-box;
	border:1px solid #4c994c;
}
@media screen and (max-width: 780px) {
	.achielist dt {
		width: 20%;
	}
	.achielist dd {
		width: 80%;
	}
}
@media screen and (max-width: 460px) {
	.achielist dt {
		width: 25%;
	}
	.achielist dd {
		width: 75%;
	}
}
@media screen and (max-width: 420px) {
	.achielist dt {
		display:block;
		width: 100%;
		padding:0;
		border:none;
	}
	.achielist dd {
		display:block;
		width: 100%;
		padding:10px 0;
		border:none;
	}
}
@media screen and (min-width: 991px) {
	.achielist dt {
		width:120px;
		font-size:1.7em;
	}
	.achielist dd {
		width:600px;
		font-size:1.7em;
	}
}
@media screen and (min-width: 1200px) {
	.achielist dt {
		width:130px;
	}
	.achielist dd {
		width:740px;
	}
}


/* ----- pageLink ----- */
.pageLink {
	float:left;
	width: 100%;
	margin-top:30px;
}
.pageLink dt {	
	float:left;
	width: 100%;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	padding:0;
}
.pageLink dt span {	
	padding:2px 0 2px 30px;
	background:url(../images/pageLink.png)  no-repeat 0 50%;
}
.pageLink dd {
	float:left;
	width: 100%;
	color: #000;
	font-size:1.7em;
	line-height:150%;
	font-weight:bold;
	padding:10px 0;	
	margin-top: 15px;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
}
@media screen and (min-width: 991px) {
	.pageLink {
		margin-top:40px;
	}
}


/** slideShow **/
#slideShow {
	float:left;
	width:100%;
	margin-top:30px;
}
#slideShow > ul {
	width:auto;
	list-style:none;
	margin:-10px;
}
#slideShow > ul > li {
	float:left;
	width:33.33%;	
	padding:10px;
	box-sizing:border-box;
}
#slideShow > ul > li > img {
	max-width:100%;
	height:auto;
}
#slideShow div.pgwSlideshow {
	width:720px;
	margin:0 auto;
}
#slideShow div.pgwSlideshow .ps-list {
	width:615px;
	margin:0 auto;
}
@media screen and (max-width: 780px) {
	#slideShow div.pgwSlideshow {
		width:100%;
	}
	#slideShow div.pgwSlideshow .ps-list {
		width:492px;
	}
}
@media screen and (max-width: 620px) {
	#slideShow div.pgwSlideshow .ps-list {
		width:369px;
	}
}
@media screen and (max-width: 520px) {
	#slideShow div.pgwSlideshow .ps-list {
		width:312px;
	}
}
@media screen and (max-width: 420px) {
	#slideShow div.pgwSlideshow .ps-list {
		width:234px;
	}
}
@media screen and (max-width: 340px) {
	#slideShow div.pgwSlideshow .ps-list {
		width:156px;
	}
}


/**Researchers**/
.resList {
	position:relative;
	display:block;
	width:100%;
	margin:20px 0 10px 0;
}
.resList > ul {
	float:left;
	width:100%;
	list-style:none;
    border-top: 1px solid #666;
	
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.resList > ul > li {
	float:left;
	width:100%;
	border-bottom: 1px dashed #666;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	padding:16px;
	box-sizing:border-box;	
}
/*.resList > ul > li:hover{
	background-color:rgba(0,82,144,.1);
}*/
.resList > ul > li .pic {
	position:relative;	
	float:left;
	width: 105px;
	height:120px;
	overflow:hidden;
}
.resList > ul > li .pic2 {
	width: 166px;
	height:190px;
}
.resList > ul > li .pic3 {
	width: 145px;
	height:166px;
}	
.resList > ul > li .pic .img, .resList > ul > li .pic img{
	width:100%;
	height:100%;
	display:block;
	box-sizing: border-box;
	border: 1px #ddd solid;
	position: absolute;
	  top: 0;
	  left: 0;
 	  object-fit: cover;       /* 等比例填滿 */
	  object-position: center top; /* 居中裁切 */
    /*box-sizing: border-box;
    background-size: cover !important;
    background-position: center !important;
    background-image: url(../images/nophoto.png);*/
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
         -o-transition: 0.4s;
            transition: 0.4s;	
}
.resList > ul > li a:hover .pic .img,
.resList > ul > li a:focus .pic .img{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);
}
.resList > ul > li .wd {	
	padding-left:115px;
	box-sizing:border-box;
	line-height:1.6;
}
.resList > ul > li .wd2 {	
	padding-left:185px;
}
.resList > ul > li .wd3 {	
	padding-left:160px;
}
.resList > ul > li strong {
	display:inline-block;
	/*font-family: 微軟雅黑, "Microsoft YaHei";*/	
	color:#005290;
	font-size:2.5em;
	font-weight:bold;
	margin-right:10px;	
}
.resList > ul > li .wd i{}
.resList > ul > li .wd i img{
	margin-top:-10px;
}
.resList > ul > li .big{
	display:block;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	font-style:normal;		
}
.resList > ul > li p {
	position:relative;
	display:block;
	color:#000;
	font-size:1.7em;	
}
.resList > ul > li strong small,
.resList > ul > li .big small{
	font-size:0.9em;
	font-weight:normal;
	margin-left:10px;
}

.resList > ul > li p.i-con{
	padding-left:25px;
}
.resList > ul > li p:before{
	content:"";
	display:block;
	position:absolute;
	top:-5px;
	left:0;
	width:36px;
	height:36px;
	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;			
}
.resList > ul > li p.ico-tel:before {background: url(../images/icon-phone.svg) no-repeat 0 50%;}
.resList > ul > li p.ico-mail:before{background: url(../images/icon-mail.svg) no-repeat 0 50%;}
.resList > ul > li p.ico-agent:before {background: url(../images/icon-agent.svg) no-repeat 0 50%;}
.resList > ul > li p i:before{
    content:"@";
	font-style:normal;		
}
.resList > ul > li ul {
	padding-left:115px;	
	list-style:none;
}
.resList > ul > li ul.wd2 {
	padding-left:185px;	
}
.resList > ul > li ul.wd3 {
	padding-left:160px;	
}
.resList > ul > li ul li {
	display:block;	
	color:#005290;
	font-size:1.6em;
	line-height:1.6;
	/*margin-left:3.5em;
	text-indent:-3.5em;
	word-break: break-all;*/	
}
.resList > ul > li ul li span{
	position:relative;
	display:inline-block;
	width:90px;
}
.resList > ul > li ul li span:after{
    content:"：";
	position:absolute;
	right:3px;	
}
.resList > ul > li ul li i:before{
    content:"@";
	font-style:normal;		
}
.resList > ul > li ul li a{
	color:#005290;
}
.resList ul li a:hover strong,
.resList ul li a:focus strong,
.resList ul li a:hover .big,
.resList ul li a:focus .big,
.resList > ul > li ul li a:hover,
.resList > ul > li ul li a:focus {
	color:#0099cc;
}
.resList > ul > li ul li em a{
	font-style:normal;
}
.resList > ul > li ul li em a q{
	content: "";
	width: 17px;
	height: 17px;
	display: inline-block;
	background: #005290 url(../images/researchers-icon3.png) no-repeat 50%;
	margin: 0 20px 0 5px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	vertical-align: middle;
}
.resList > ul > li ul li em a:hover q,
.resList > ul > li ul li em a:focus q{
	background-color:#b9311d;
}
@media screen and (max-width: 767px) {
	.resList > ul > li {padding:16px 0;}	
	.resList ul li .pic {width: 160px; height:182px;}
	.resList ul li .wd, .resList > ul > li ul,
	.resList ul li .wd2, .resList > ul > li ul.wd2,
	.resList ul li .wd3, .resList > ul > li ul.wd3 {padding-left:175px;}	
	.resList > ul > li strong {font-size:2.4em;}
	.resList > ul > li .wd i{display:block;}
	.resList > ul > li .wd i img{margin:5px 0;}		
	.resList > ul > li .big {font-size:1.6em;}
	.resList > ul > li ul li {font-size:1.5em;}	
	.resList > ul > li ul li span{width:80px;}	
}
@media screen and (max-width: 666px) {
	.resList ul li .pic {width: 133px; height:152px;}
	.resList ul li .wd, .resList > ul > li ul,
	.resList ul li .wd2, .resList > ul > li ul.wd2,
	.resList ul li .wd3, .resList > ul > li ul.wd3 {padding-left:150px;}
	.resList > ul > li strong small,
	.resList > ul > li .big small{display:block;margin-left:0;}		
	.resList > ul > li ul li em a q{margin: 0 10px 0 5px;}	
}
@media screen and (max-width: 560px) {
	.resList ul li .pic {width: 112px; height:128px;}
	.resList ul li .wd, .resList > ul > li ul,
	.resList ul li .wd2, .resList > ul > li ul.wd2,
	.resList ul li .wd3, .resList > ul > li ul.wd3 {padding-left:125px;}
	.resList > ul > li strong {font-size:2.2em;}
}
@media screen and (max-width: 480px) {
	.resList ul li .pic {float:none;}
	.resList ul li .wd, .resList > ul > li ul,
	.resList ul li .wd2, .resList > ul > li ul.wd2,
	.resList ul li .wd3, .resList > ul > li ul.wd3 {padding-left:0;}
	.resList > ul > li ul li span{width:auto;}		
	.resList > ul > li ul li span:after{content:"：";position:relative;}		
}



/* ----- memberMessage ----- */
.memberMessage{
	width:100%;
	float:left;
	margin:20px 0 0;
}
.memberMessage .dmenu .orgTable{
	font-size:1.6em;
}
.memberMessage .dmenu .orgTable th:nth-of-type(2) {
    width: 22%;
}
.memberMessage .dmenu .UI-bubble,
.memberMessage .dmenu .UI-open{
	width:100%;
	box-sizing: border-box;
	padding:10px 42px 10px 10px;
	position:relative;
	text-align:left;
	/*font-family:"微软雅黑","微軟正黑體";*/
	font-weight:bold;
	font-size:2.1em;
	line-height: 100%;
}
.memberMessage .dmenu .UI-bubble{
	background-color:#cccccc;
	color:#464637;
}
.memberMessage .UI-bubble > strong,
.memberMessage .UI-open > strong{
	line-height:150%;
	display:inline-block;
	position:relative;
	padding-left:28px;
}
.memberMessage .UI-bubble > strong:before,
.memberMessage .UI-open > strong:before{
	content:"";
	background-image:url(../images/msg-title.svg);
	background-repeat:no-repeat;
	background-position:left center;
	width:22px;
	height:22px;
	display:inline-block;
	margin:0;
	top:3px;
	vertical-align:middle;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-11px;
}
.memberMessage .dmenu .open,
.memberMessage .dmenu .close{
	position:absolute;
	right:42px;
	top:50%;
	margin-top: -12px;
    font-size: 0.833em;
}
.memberMessage .dmenu .UI-bubble .open{ display:inline-block;}
.memberMessage .dmenu .UI-bubble .close{ display:none;}
.memberMessage .dmenu .UI-open{
	background-color:#005290;
	color:#ccc;
}
.memberMessage .dmenu .UI-open .open{ display:none;}
.memberMessage .dmenu .UI-open .close{ display:inline-block;}
.memberMessage .dmenu .UI-open strong{color:#fff;}
.memberMessage .dmenu .UI-bubble:after,
.memberMessage .dmenu .UI-open:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:22px;
	height:100%;
	float:right;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:right center;
}
.memberMessage .dmenu .UI-bubble:after{
	background-image:url(../images/msg-off.png);
}
.memberMessage .dmenu .UI-open:after{
	background-image:url(../images/msg-on.png);
}

/**/
.mbTitle{
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:10px;
	position: relative;
    padding-left:22px;
	box-sizing:border-box;
	line-height:150%;
}
.mbTitle.ico{
	background:url(../images/icon_arrow.png) no-repeat 0 5px;
}
.mbTitle .arrow{
    width:16px;
    height:16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top:12px;
	margin-top:-8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border:2px solid #005290;
	box-sizing:border-box;
}
.mbTitle .arrow:before{
	content: "";
	position: absolute;
    left:50%;
    top:50%;
	width:4px;
	height:4px;
	display: inline-block;
	border-top:2px solid #005290;
	border-right:2px solid #005290;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top:-4px;
	margin-left:-3px;
}
/* ----- brownInfo ----- */
.brownInfo .mbTitle{
	background-image: url(../images/bg_slash2.png);
    background-repeat: repeat;
	background-color: #666;
	padding:7px 20px 7px 37px;
	color:#fff;
	border-radius:22px;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	font-size:1.125em;
	width:auto;
	display:inline-block;
	margin-bottom:16px;
}
.brownInfo .mbTitle .arrow{ left:15px;border-color:#ffcc68;}
.brownInfo .mbTitle .arrow:before{ border-color:#ffcc68;}
.brownInfo .mbTitle:after{
	border-color: #666 transparent transparent transparent;
    border-style: solid solid solid solid;
    border-width: 6px 6px 0 6px;
    content: "";
    left:37px;
    bottom: -6px;
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 5;
}
.TextBox{
	box-sizing:border-box;
	padding:15px;
}
.TextBox > p{
	margin:20px 0;
}
.TextBox > p:first-of-type{ margin-top:0;}
.TextBox > p:last-of-type{ margin-bottom:0;}
/**/
.resBox{
	font-size:1.6em;
	line-height:150%;
	clear: both;
}
.resBox p + p{ margin-top:1.5em;}
.resBox ul,.resBox ol{ padding-left:1.5em;}
.picRight,.picLeft{
	width:100%;
}
.picRight .wd,.picLeft .wd{width:100%;}
.picRight .pic{ float:right;}
.picLeft .pic{ float:left;}
.picRight .pic,.picLeft .pic{
	width:100%;
	text-align:center;
}
.picRight .pic img,.picLeft .pic img{
	max-width:100%;
	height:auto;
}
@media screen and ( min-width: 768px) {
	.picRight .wd,.picLeft .wd{width:auto;}
	.picRight .pic,.picLeft .pic{max-width:300px;}
}
.resBox a{
	color:#c55400;
}
.resBox a:hover,
.resBox a:focus{
	color:#b62824;
}
.resBox .imgBd{
	border:solid 1px #eee;
	margin-top:20px;
}
.resBox .imgBd img{
	max-width:100%!important;
	height:auto;
}
.resBox > ul{
	margin:10px 0 20px 0;
	list-style-type:none;
}
.resBox > ul:last-of-type{ margin-bottom:0;}
.resBox > ul > li{
	padding:6px 20px;
	position: relative;
	border-top:1px dashed #dedede;
}

.resBox > ul > li:first-of-type{
	/*border-top:2px solid #000;*/
	border-top:none;
}
.resBox > ul > li:before{
	content: "";
    width:8px;
    height:8px;
    display: inline-block;
    position: absolute;
    left:3px;
    top:14px;
	margin:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#005290;
}
.resBox > ul > li > span{ display:inline-block;}
/**/
.resBox.brownInfo > ul > li:first-of-type{border-top:none;}
.resBox.brownInfo > ul > li:before{ background-color:#ffcc68;}
.resBox.brownInfo > ul{
	background-color:#fff;
	padding:5px 15px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.resBox.brownInfo > ul > li{padding:10px 20px;}
/**/
.mbResult{
	font-size:1.6em;
	line-height:150%;
}
.mbResult > dl{
	width:100%;
	display:table;
	/*border-top:1px dashed #dedede;*/
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	box-sizing:border-box;
}
.mbResult > dl:first-of-type{border-top:none;}
.mbResult > dl:hover{ background-color:rgba(0,82,144,.1);}
.mbResult > dl > dt,
.mbResult > dl > dd{
	width:auto;
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	padding:10px;
}
.mbResult > dl > dt {
	width:50px;
}
.mbResult > dl > dt.brief {
	width:120px;
}
.mbResult > dl > dt > span{
	width:100%;
	display:inline-block;
	line-height:125%;
	box-sizing:border-box;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	font-family:Arial, Helvetica, sans-serif;
}
/**/
.mbResult > ul{ padding-left:1.5em;}
.mbResult > ol{
	/*counter-reset: li;
	list-style: none;*/
	padding-left:1em;	
}
.mbResult > ol > li{
	/*display: flex;	
	counter-increment: li;*/
	box-sizing: border-box;
    padding:10px 0;
	transition:all 0.4s ease;
}
.mbResult > ol > li:hover{
	background-color:rgba(0,82,144,.1);
}
.mbResult > ol > li + li{
	/*border-top:1px dashed #dedede;*/
}
.mbResult > ol > li::before{
	/*content: counter(li);
	width: 50px;
    text-align: center;
	box-sizing: border-box;
    padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	min-width: 50px;*/
}
.mbResult > ol > li > p,
.mbResult > ol > li > div,
.mbResult > ol > li > span{
	max-width:calc(100% - 50px)
}

.mbResult > h3{
    font-size: 1.375em;
    margin: 10px 0;
}
/**/
.mbResult .tag{
	width:auto;
	padding:3px 12px;
	display:inline-block;
	background-color:#005290;
	color:#fff;
	line-height:125%;
	box-sizing:border-box;
	font-size:0.933em;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	margin-bottom:6px;
	text-align:center;
	min-width:100px;
}
/**/
.oneResult > dl > dt,
.oneResult > dl > dd{
	width:100%;
	display:block;
	text-align:left;
}
.oneResult > dl > dt{ padding:10px 10px 6px;}
.oneResult > dl > dt > span{width:60px;}
.oneResult > dl > dd{ padding:0 10px 10px;}
.oneResult .tag{ display:none;}

/* ----- 展開收合 ----- */
.mb_head{
	width:100%;
	float:left;
}
.mb_head .headTit{
	box-sizing: border-box;
    padding: 10px;
    position: relative;
    text-align: left;
    font-family: "微软雅黑","微軟正黑體";
    font-weight: bold;
    font-size: 2.1em;
    line-height: 100%;
	background-color: #000;
    color: #ccc;
	float: left;
    width: 100%;
}
.mb_head .headTit strong {
    color: #fff;
	line-height: 150%;
    display: inline-block;
    position: relative;
    padding-left: 28px;
}
.mb_head .headTit strong:before{
	content: "";
    background-image: url(../images/msg-title.svg);
    *background-image: url(../images/msg-title.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 0;
    top: 3px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}
.mb_head .headTit .more{
	padding-right:42px;
    font-size: 0.833em;
	color:#ccc;
	float:right;
	position:relative;
	line-height:31px;
}
.mb_head .headTit .more:hover{
	color:#fff;
}
.mb_head .headTit .more:after{
	content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 100%;
    float: right;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: right center;
	background-image: url(../images/msg-more.png);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.mb_head .headTit .more:hover:after{
	background-image: url(../images/msg-more-ov.png);
}
/* ----- 展開收合 ----- */
.memberMessage .dmenu {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 20px;
}
.memberMessage .dmenu:last-of-type {margin:0;}
.memberMessage .dmenu_head {
	cursor:pointer;
	width:100%;
	float:left;
}
.memberMessage .dmenu_body {
	float: left;
	width: 100%;
	margin:0;
	padding:15px;
	box-sizing:border-box;
	/*font-size:1em;*/
	line-height:150%;
	background-color:#ffffff;
}
.avTab .spHead{
	display:none;
	width:100%;
	position:relative;
	padding-left: 22px;
	box-sizing:border-box;
	font-weight:bold;
}
.avTab .spHead .arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid #ec6945;
    box-sizing: border-box;
}
.avTab .spHead .arrow:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    display: inline-block;
    border-top: 2px solid #ec6945;
    border-right: 2px solid #ec6945;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -4px;
    margin-left: -3px;
}
@media screen and ( max-width: 767px) {
	.memberMessage .avTab > dl > dt{width:120px; padding:6px;}
	.memberMessage .avTab > dl > dd{padding:6px;}
	.memberMessage .avTab > dl > dd:nth-of-type(2){width:25%;}
	.dmenu_body_font{
		font-size:1rem;	
	}
}
@media screen and (max-width:480px) {
	.memberMessage .dmenu_body {
		padding:15px 0;
	}	
	.avTab .spHead{
		display:block;
	}
	.memberMessage .avTab > dl{
		background-color:#dcdcdc;
	}
	.memberMessage .avTab > dl.titHead{ display:none;}
	.memberMessage .avTab > dl > dt,
	.memberMessage .avTab > dl:hover > dt{
		width:100%;
		display:block;
		box-sizing:border-box;
		background-color:#ec6945;
		color:#fff;
	}
	.memberMessage .avTab > dl > dd,
	.memberMessage .avTab > dl > dd:nth-of-type(2){
		width:100%;
		float:left;
		box-sizing:border-box;
		border:none;
	}
	.memberMessage .avTab > dl > dd:nth-of-type(2){
		border-top:1px dotted #333;
	}
	.mbResult > dl,.mbResult > dl > dt,.mbResult > dl > dd{
		width:100%;
		display:block;
		text-align:left;
		padding:0;
	}
	.mbResult > dl{
		padding:10px;
		position:relative;
	}
	.mbResult > dl > dt{
		padding-bottom:6px;
	}
	.mbResult > dl > dd .tag{margin-left:70px;}
	.mbResult > dl > dt > span{ width:100%;}
	.oneResult > dl > dt{ 
		position:relative;
		left:auto;
		top:auto;
	}
}


/** gallery **/
.gallery{
	float:left;
	position:relative;
	width: 100%;
	margin: 20px auto 0;	
}
.gallery ul {
  	display: flex;
    flex-wrap: wrap;
 	padding:0;		
	margin:0 -10px;
	list-style:none;
	float:none;
	width:auto;	
}
.gallery li {
	width:100%;
	margin:0;
	padding:10px 10px 0 10px;
	box-sizing: border-box;
}
.gallery ul li a {
	display:block;
    width:100%;
	height:100%;
}
.gallery li .name {
	float: left;
	width:100%;
	color: #333333;
	font-size:1.5em;
	text-align: center;	
	margin:10px 0 0;
	line-height:1.2;
}
.gallery li a:hover .name,
.gallery li a:focus .name {
	color: #c82850;
}
.gallery li .pic {
	position:relative;
	float:left;
	width:100%;
	height: auto;
	padding-bottom:66.66%;
	margin:0;
	text-align:center;
	overflow:hidden;
	background-color:#f2f2f2;
}
.gallery li .pic .img{
	position:absolute;	
	width:100%;
	height:100%;
	/*background-size:cover;*/
	background-size: contain;
	background-repeat:no-repeat;
	background-position:50% 50%;	
	transition:all 0.5s;	
}	

.gallery li .pic .img img{
 	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}


.gallery li a:hover .pic .img,
.gallery li a:focus .pic .img{	
	transform:scale(1.1);
}
.gallery li .pic .playico {
	position: absolute;
	z-index: 1;
 	top:50%;
  	left: 50%;
 	transform: translate(-50%, -50%);
	background: rgba(0,0,0,.3) url(../images/playico.svg) no-repeat 50%;
	background-size:80px;
	width:100%;
	height:100%;
	transition: 0.4s;
	opacity:0.85;			
}
.gallery li .pic a:hover .playico,
.gallery li .pic a:focus .playico {
	opacity:1;
	background-color: rgba(0,0,0,.6);	
}
@media screen and ( min-width: 481px) {
	.gallery li {width:50%;}
}
@media screen and ( min-width: 768px) {
	.gallery li {width:33.33%;}
}
@media screen and ( min-width: 991px) {
	.gallery li {width:33.33%;}
}


/** 影音專區 **/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%;
	width:100%;
	display:block;
	float:left;
	margin:25px 0; } 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; 
	height: 100%; }


/** viewBtn **/
.viewBtn {
	width:100%;	
	text-align:center;
	margin-top:20px;
}
.viewBtn a {
	display:inline-block;
	position:relative;
	background:#005290;
	padding:5px 20px;
	color:#FFF;
	border-radius:20px;
	margin:2px 0;
}
.viewBtn a:hover,
.viewBtn a:focus {
	color:#fff;
	background:#c55400;
}
.viewBtn a span {
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:5px;
	background: url(../images/btn-more-white.png) no-repeat 50%;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s; 
         -o-transition:all 0.4s;
            transition:all 0.4s;
}
.viewBtn a:hover span,
.viewBtn a:focus span {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

/** bannerRes **/
#bannerRes {
	position:relative;
	width:100%;
	margin:0 auto 20px;
}
#bannerRes .listshow {
	float:left;
	width:100%;
}
#bannerRes .listshow .item {
	position: relative;
	float: left;
	overflow: hidden;
	height: 470px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*border:solid 1px #ebebeb;*/
	background:#F4F4F4;
}
#bannerRes .listshow a {
}
#bannerRes .listshow a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#bannerRes .listshow img {
	max-width:100%;
	max-height:470px;
	height: auto !important;
}
#bannerRes .listshow .slick-prev,
#bannerRes .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:40px;
	height:40px;
	background:rgba(0,0,0,.5);
	box-sizing:border-box;
	z-index:10;	
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#bannerRes .listshow .slick-prev {
	left:15px;
}
#bannerRes .listshow .slick-next {
	right:15px;
}
#bannerRes .listshow .slick-prev:focus {
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#bannerRes .listshow .slick-next:focus {
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#bannerRes .listshow .slick-prev span,
#bannerRes .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#bannerRes .listshow .slick-prev span:before,
#bannerRes .listshow .slick-next span:before {
	position:absolute;
	content: "";
    display: block;   
    width: 19px;
    height: 19px;    
    z-index: 2;
	box-sizing:border-box;
}
#bannerRes .listshow .slick-prev span:before {
	left: 50%;
    top: 50%;
	margin: -9px 0 0 -6px;
	border-left: 3px solid #FFF;
    border-top: 3px solid #FFF;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#bannerRes .listshow .slick-next span:before {
	right: 50%;
    top: 50%;
	margin: -9px -6px 0 0 ;
	border-right: 3px solid #FFF;
    border-top: 3px solid #FFF;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#bannerRes .listshow .slick-prev:hover,
#bannerRes .listshow .slick-next:hover,
#bannerRes .listshow .slick-prev:focus,
#bannerRes .listshow .slick-next:focus {
	background-color:rgba(185,49,29,.8);
}
@media screen and ( max-width: 768px) {
	#bannerRes .listshow .item {height: 376px;}
	#bannerRes .listshow img {max-height:376px;}	
}
@media screen and ( max-width: 640px) {
	#bannerRes .listshow .item {height: 305px;}
	#bannerRes .listshow img {max-height:305px;}	
}
@media screen and ( max-width: 420px) {
	#bannerRes .listshow .item {height: 200px;}
	#bannerRes .listshow img {max-height:200px;}	
}