@charset "utf-8";



#main{

	width: 1200px;

	margin:  0 auto;

	overflow: hidden;

	padding-top: 220px;

}

#backgroundImage{

	display: none;

}

#pageBanner{

	position: absolute;

	width: 100%;

	left: 50%;

	margin-left: -50%;

	margin-top: -80px;

	height: 130px;

}

#pageTitle{

	width: 100%;

	text-align: center;

	color: #A70002;

	padding: 35px 0 15px 0;

	font-size: 40px;

}

#pageSubTitle{

	width: 100%;

	text-align: center;

	color: #333;

	font-size: 26px;

}

#postData{

	width: 100%;

	text-align: center;

	color: #333;

	font-size: 16px;

}



#blogBanner{

	position: absolute;

	width: 100%;

	left: 50%;

	margin-left: -50%;

	margin-top: 60px;

	height: 400px;

	background-repeat: no-repeat;

	background-size: contain;

	background-position: center;

}



.blogDistributeBlk{

	float: left;

	width: 100%;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-flow: row nowrap;

	align-items: center;

	justify-content: space-between;

	margin-top: 500px;

	margin-bottom: 60px;

}





.blogGaleria1{





	width: 300px;





	height: 300px;





	overflow: hidden;





	object-fit: contain;





	background-position: center;





	background-size: cover;





	align-self: center;





}





.blogGaleria2{





	width: 300px;





	height: 300px;





	overflow: hidden;





	object-fit: contain;





	background-position: center;





	background-size: cover;





}





.blogGaleria3{





	width: 300px;





	height: 300px;





	overflow: hidden;





	object-fit: contain;





	background-position: center;





	background-size: cover;





}





.blogGaleria4{





	width: 200px;





	height: 200px;





	overflow: hidden;





	object-fit: contain;





	background-position: center;





	background-size: cover;





}



.blogGaleria5{

	width: 150px;

	height: 150px;

	overflow: hidden;

	object-fit: contain;

	background-position: center;

	background-size: cover;

}











@media(max-width: 1220px) {





	#main{

		width: 920px;

	}





}











@media(max-width: 960px) {



	#main{

		width: 600px;

		padding-top: 180px;

	}

	

	.blogGaleria2{





		width: 190px;





		height: 190px;





	}





	.blogGaleria3{





		width: 190px;





		height: 190px;





	}





	.blogGaleria4{





		width: 140px;





		height: 140px;





	}

	

	.blogGaleria5{

		width: 100px;

		height: 100px;

		overflow: hidden;

		object-fit: contain;

		background-position: center;

		background-size: cover;

	}





	.bigPostText{





		width: 600px;





		margin-left: 0px;





	}











}





@media(max-width: 640px) {



	#main{

		width: 300px;

		padding-top: 90px;

	}

	#pageBanner{

		margin-top: 0px;

	}

	#blogBanner{

		margin-top: 150px;

		height: 250px;

	}

	.blogDistributeBlk{

		height: auto;

		flex-flow: column nowrap;

		margin-top: 420px;

	}





	.blogGaleria1, .blogGaleria2, .blogGaleria3, .blogGaleria4, .blogGaleria5{





		width: 300px;





		height: 250px;





		margin-bottom: 15px;





	}





}