.class-content{
	box-sizing: border-box;
	width: 70%;
	padding: 10px;
	float: left;
	color: #515151;
}
.class-content h3{
	border-bottom: 2px solid #62a026;
	line-height: 1.8em;
	margin-bottom: 25px;
	padding-top: 0;
}
.class-content .blog-con-1 {
	margin-bottom: 40px;
}
.class-content .blog-con-1 img{
	display: block;
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.class-content .blog-con-2 {
	margin-bottom: 40px;
	font-size: 18px;
}
.class-content .blog-con-2 img{
	display: block;
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.class-content table{
	border:1px solid #ababab;
	border-collapse:collapse;
}

.class-content table th,
.class-content table td{
	border:1px solid #ababab !important;
	padding: 5px;
}
.backend-show a:hover{
	text-decoration: underline;
}
.on-box{
	box-sizing: border-box;
	width: 94%;
	margin: 0 auto 15px;
}
.on-box h3 a{
	font-weight: bolder;
}



/* 圖片 */
.class-photo{
	box-sizing: border-box;
	width: 30%;
	padding: 10px;	
	float: left;
	color: #515151;
}

@media (max-width: 767px){
	.class-content{
		width: 100%;
	}
	.class-photo{
		width: 100%
	}
}

ul.pager{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;	
}
ul.pager li{
	width: 100%;
	border-radius: 8px;
	display: inline-block;
	padding: 0 8px;
	background: #e2e2e2;
	margin: 0;
	margin-top: 20px;

}
ul.pager .previous{
	 background: #e2e2e2;
}

ul.pager .next{
	background: #e2e2e2;
	text-align: right;
}
@media (min-width: 767px){
	ul.pager{
		justify-content:space-between;
	}
	ul.pager li{
	width: auto;
}