@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	    font-family: 微軟正黑體, Roboto, "Varela Round", sans-serif;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
ul{
	    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul li{
	    list-style: none;
}
.flash1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 20px;
	margin-bottom:  50px;
}


.by {
	width: 100%;
	text-align: center;
}
#Lap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

ul.newsList{}
ul.newsList li{
	overflow:hidden;
	position:relative;
	background:#79c4ca;
	width:44%;
	float:left;
	margin: 0 3% 30px;
	}
ul.newsList li:nth-child(even){
	background:#a8c269;}
ul.newsList li .Img {
	opacity:0;
	z-index:10;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#010000fc;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}
ul.newsList li:hover .Img {
	opacity:1;}
ul.newsList li .Img img{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	width:100%;
	float:left;}
ul.newsList li:hover .Img img{
	opacity:0.15}
ul.newsList li .Txt {
	position:relative;
	z-index:20;
	padding:60px 30px;}
ul.newsList li .Txt div.date{
	letter-spacing:2px;
	font-size:13px;
	padding:10px;
	text-align:center;
	background:#ffff;
	margin:0 30px;}

ul.newsList li .Txt h3{
	line-height: 32px;
    height: 80px;
	overflow:hidden;
	color:#373737;
	font-weight:normal;
	font-size: 26px;
	margin: 30px 0 10px 0;
	overflow: hidden;
}
ul.newsList li:hover .Txt h3{
	color:#fff;
}
ul.newsList li .Txt h3 a{
	color:#373737;
	
	}
ul.newsList li:hover .Txt h3 a{
	color:#fff;}

ul.newsList li .Txt h3 a:hover{
text-decoration:underline;
}

ul.newsList li .Txt p{
	color:#ffffff;
	line-height:21px;
	height:130px;
	overflow:hidden;
	}

ul.newsList li  a{
	color:#ffffff;
	
	}	
ul.newsList li .Txt p:before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 10px;
	margin-bottom: 20px;
    background: url(newsline.png) center top no-repeat;
}	
ul.newsList li:hover .Txt p{
	color:#fff;}
ul.newsList li .Txt a.more{
	display:block;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	    color: #ffffff;
    font-size: 20px;
    padding-top: 10px;
	}
ul.newsList li:hover .Txt a.button{
	letter-spacing:5px;}
	
	
ul.newsList li .Txt a.More:hover{
text-decoration:underline
}