body {
-webkit-text-size-adjust : 100%; /* font size on apple devices */
-ms-text-size-adjust : 100%;  /* font size on windows devices */
background-color: #318c32;

font-size: 14px; /* for IE8 */
font-size: 0.9rem;
line-height: 24px; /* for IE8 */
line-height: 1.5rem; 
font-family: Verdana, Geneva, sans-serif;
}

header {
background-color: #318c32;
color: #ffffff;
text-align:center;
}

.h1 {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 44px; /* for IE8 */
font-size: 2.75rem;
font-weight: bold;
line-height: 40px; /* for IE8 */
line-height: 2.5rem;
}

a.index {
background: url(pic/20140625.jpg) no-repeat;
display:block;
width:253px; height:368px;
} 

a:hover.index {
background : url(pic/20140710.jpg) no-repeat;
}


hr {
height: 2px;
background-color: #ffffff;
border: none;
color: #ffffff;
text-align:center;
}

a.button {
	display: inline-block;
	width: 80px;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
}

a {
text-decoration: none; 
color: #ffffff;
text-align: center;
}
a:hover {
color:#ff8000;
}

a.discription {
color: #d3d3d3;
text-align: center;
}

a.xday {
color: #ffffff;
text-align: center;
background-color: #318c32;
}

footer {
color: #ffffff;
text-align: center;
}