@import url("layout.css");

div.PageInfo{
	clear:both;
	padding-top:15px;
}

div.PageInfo h3{
	border: 0;
	color: #368939;
	font-size: 40px;
	font-family: 'Microsoft JhengHei', 微軟正黑體, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: 600;
	line-height: 48px;
	margin: 0px;
    padding: 10px 0;
    text-align: left;
}
.DLlist {
	min-height: 300px;
    padding: 30px 0 50px;
}
.DLlist li {
	float:left;
	margin:0 20px 30px 0;
	width: calc((100% - 60px)/4)
}
.DLlist li:nth-child(4n) {
	margin:0 0 30px 0;
}
.DL-img {
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    overflow: hidden;
}
a.DL-btn {
	background: #544943;
    color: #fff;
    display: block;
	font-size: 17px;
    text-decoration: none;
}
a.DL-btn:hover { background: #867269;}
@media screen and (max-width: 640px) {
	.DLlist li {
		width: calc((100% - 20px)/2)
	}
	.DLlist li:nth-child(2n) {
		margin:0 0 30px 0;
	}
}

@media screen and (max-width: 480px) {
	div.PageInfo h3{ font-size:21px }
	
}
@media screen and (max-width: 479px) {
	
}