@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: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 20px;
}


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

ul.newsList{}
ul.newsList li{
	overflow:hidden;
	position:relative;
	background:#ffb624;
	width: calc(33.333% - 20px);
	float:left;
	margin: 0 10px 30px;
	s
	}
ul.newsList li:nth-child(2){
	background:#9a87ba;}
ul.newsList li:nth-child(3){
	background:#8BC34A;}
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 10px;
	}

ul.newsList li .Txt h3{
	line-height: 40px;
	height: 90px;
	overflow:hidden;
	color:#373737;
	font-weight:normal;
	font-size: 28px;
	margin: 30px 0 10px 0;
	overflow: hidden;
}
ul.newsList li:hover .Txt h3{
	color:#fff;
}
ul.newsList li .Txt h3 a{
	color:#373737;
	width: 100%;
	float: left;
	text-decoration: none;
	}
ul.newsList li:hover .Txt h3 a{
	color:#fff;
	text-decoration: none;
	}

ul.newsList li .Txt h3 a:hover{

}

ul.newsList li .Txt p{
	color:#ffffff;
	line-height: 28px;
	height: 170px;
	font-size: 14px;
	overflow:hidden;
	}
ul.newsList li .Txt p a{
	float: left;
	overflow: hidden;
	font-size: 12px;
	width: calc(100% - 16px);
	
	border: 3px solid #FFF;
	margin-top: 25px;
	padding: 5px;
	}

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
}





@media (max-width: 767px) {
.by {
	margin-bottom: 50px;
}
.flash1 {
    width: 100%;
    margin-top: 20px;
}
ul.newsList li {
    width: calc(100% - 40px);
    float: left;
    margin: 0 20px 30px;
}
}