@charset "utf-8";
/* CSS Document */
.mainArea{
	padding: 0;
}
.newsArea{
	padding: 60px 0;
}
.newsArea ul{
	display: flex;
	flex-wrap: wrap;
	margin:0 -15px;
}
.newsArea ul li{
	width: 33.33%;
	padding:15px;
}
.newsArea ul li .item{
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.05);
	transition: 0.8s;
}
.newsArea ul li:hover .item{
	box-shadow: 4px 5px 20px 0px rgba(0,0,0,0.1);
	transform: translateY(-10px);
}
.newsArea ul li .Img{
	overflow: hidden;
}
.newsArea ul li .Img img{
	width: 100%;
	display: block;
	transition: 0.9s;
}
.newsArea ul li:hover .Img img{
	transform: scale(1.1);
}
.newsArea ul li .Txt{
	position: relative;
	background:#fff;
	padding: 20px 20px 10px 20px;
}
.newsArea ul li .Txt h3{
	padding-bottom: 10px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	font-family: "Noto Sans TC", Helvetica, Arial, sans-serif, "微軟正黑體", Heiti TC, "メイリオ";
}
.newsArea ul li .Txt h3 a{
	color:#000;
	display: block;
	overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.newsArea ul li .Txt h3 a:hover{
	color:#ed6a1e;
}
.newsArea ul li .Txt p{
	color:#7b7b7b;
	font-size: 13px;
	margin-bottom: 20px;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.newsArea ul li .Txt p span{
	color: #60a1fd;
	display: inline-block;
	padding-right: 15px;
}
.newsArea ul li .Txt div.date{
	color:#60a1fd;
	font-size: 13px;
	transition: 0.6s;
}
.newsArea ul li .Txt div.date span{
	display: inline-block;
}

.newsArea ul li .Txt a.more{
	color:#60a1fd;
	font-size: 13px;
	display: block;	
	transition: 0.6s;
	float: right;
}
.newsArea ul li .Txt a.more:hover{
	letter-spacing: 2px;
}
.newsArea ul li .Txt a.more::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #60a2fd transparent;
	position: absolute;
	bottom: 2px;
	right: 2px;
}



.exhibitionArea{
	padding: 60px 0;
}
.exhibitionArea ul{
	display: flex;
	flex-wrap: wrap;
	margin:0 -15px;
}
.exhibitionArea ul li{
	width: 33.33%;
	padding:15px;
}
.exhibitionArea ul li .item{
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.05);
	transition: 0.8s;
}
.exhibitionArea ul li:hover .item{
	box-shadow: 4px 5px 20px 0px rgba(0,0,0,0.1);
	transform: translateY(-10px);
}
.exhibitionArea ul li .Img{
	overflow: hidden;
}
.exhibitionArea ul li .Img img{
	width: 100%;
	display: block;
	transition: 0.9s;
}
.exhibitionArea ul li:hover .Img img{
	transform: scale(1.1);
}
.exhibitionArea ul li .Txt{
	position: relative;
	background:#fff;
	padding: 20px 20px 10px 20px;
}
.exhibitionArea ul li .Txt h3{
	padding-bottom: 10px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	font-family: "Noto Sans TC", Helvetica, Arial, sans-serif, "微軟正黑體", Heiti TC, "メイリオ";
}
.exhibitionArea ul li .Txt h3 a{
	color:#000;
	display: block;
	overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.exhibitionArea ul li .Txt h3 a:hover{
	color:#ed6a1e;
}
.exhibitionArea ul li .Txt p{
	color:#7b7b7b;
	font-size: 13px;
	padding-bottom: 10px;

	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.exhibitionArea ul li .Txt p span{
	color: #60a1fd;
	display: inline-block;
	padding-right: 15px;
}
.exhibitionArea ul li .Txt a.more{
	color:#60a1fd;
	font-size: 13px;
	text-align: right;
	display: block;	
	transition: 0.6s;
}
.exhibitionArea ul li .Txt a.more:hover{
	letter-spacing: 2px;
}
.exhibitionArea ul li .Txt a.more::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #60a2fd transparent;
	position: absolute;
	bottom: 2px;
	right: 2px;
}
@media (max-width:768px) {
.newsArea ul li, .exhibitionArea ul li{
	width: 50%;
}
}

@media (max-width:520px) {
.newsArea ul li, .exhibitionArea ul li{
	width: 100%;
}
}