@charset "UTF-8";
/* CSS Document */
body{ 
	/*background-image: linear-gradient(135deg, #F73959, #E86E00);*/
}
section{
	margin: 0;
}
p{ font-size: 16px;}
h1{	font-size: 30px; font-weight: 800;} 
#spp_intro{
	/*background-image: linear-gradient(135deg, #F73959, #E86E00);*/
	background-size: cover;
	padding: 50px;
	text-align: center;
}
#spp_cat01{
	background-color: rgba(111,177,209,0.70);
	color: #333;
	padding: 50px;
}
#spp_cat02{
	background-color: rgba(142,96,188,0.70);
	background-size: cover;
	background-attachment: fixed;
	color: #333;
	padding: 50px;
}
#spp_cat03{
	background-color:rgba(255,180,227,1.00);
	color: #fff;
	padding: 50px;
}
#spp_cat04{
	background-color:rgba(180,120,200,1);
	color: #fff;
	padding: 50px;
}
.w80{ 
	display: block;
	margin: auto;
	width:80%;
	}
.rowitem{
	display:block;
	width:100%;
	margin: 20px 0;
	text-align: center;
}
.bookitem{
	display:inline-block;
	width:24%;
	overflow: hidden;
	text-align: center;
}
.bookitem img{
	width:90%;
	margin:auto;	
}
.bookitem h4{
	color:#fff;
	font-size: 20px;
}
@media (max-width: 1024px) {
	.w80{ 
	display: block;
	margin: auto;
	width:100%;
	margin: 0;
	}
	.bookitem{
	display:inline-block;
	width:49%;
	overflow: hidden;
	text-align: center;
}
}