body{
	text-align: center;
	background-color: #F5FCFF;
}
ul{
	list-style-type: none;
	text-align: left;
}
.title img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.image{
	height: 80px;
	position:absolute;
	padding-top: 10px;
	padding-left: 10px;
}
.list{
	color: #4189B4;
	border: 1px solid #ddd;
	padding: 12px;
	background-color: white;
	border-radius:4px;
}
#list{
	padding-left:0px;
	}
.today{
	color: #4189B4;
}
h4{
	padding-left:13%;
}
p{
	padding-left: 13%;
}
#date{
	position: absolute;
	text-align: center;
	padding-top: 20%;
	padding-left:42.5%;
	color: white;
	font-size:1.3em;
}
.sign2{
	float:right;
	position: absolute;
	padding-left: 130%;
}
@media(max-width: 1620px){
	.list{
		padding-left: 25px;
	}
	#date{
		padding-top: 19%;
		padding-left: 41.5%;
	}
}
@media(max-width: 1521px){
	#date{
		padding-top: 19%;
		padding-left: 40%;
	}
}
@media(max-width: 1441px){
	.list{
		padding-left: 35px;
	}
}
@media(max-width: 1249px){
	#date{
		padding-top: 18.5%;
		padding-left: 40%;
		font-size:1.2em;
	}
}
@media(max-width: 1226px){
	.sign2{
		display: none;
	}
	.list{
		padding-left: 45px;
	}
}
@media(max-width: 1061px){
	.list{
		padding-left: 55px;
	}
	#date{
		padding-top: 18.5%;
		padding-left: 39%;
		font-size:1.1em;
	}
}
@media(max-width: 1140px){
	.list{
		padding-left: 55px;
	}
}
@media(max-width: 989px){
		#date{
		padding-top: 18.5%;
		padding-left: 39%;
		font-size:1em;
	}
}
@media(max-width: 872px){
	.list{
		padding-left: 65px;
	}
}
@media(max-width: 768px){
#date{
		font-size:0.8em;
	}