html {
max-width:960px;
margin:auto;
background-color:#fff;
color:#000;
direction:ltr;
font-family:"Times New Roman",serif;
font-size:16px;
text-align:center
}

h1 {
color:black;
font-size:18px;
font-weight:700;
margin-top:0;
margin-bottom:.5em
}

h2 {
color:black;
font-size:18px;
font-weight:600;
margin-top:0;
margin-bottom:.5em
}

a {
font-size:17px;
font-weight:600;
text-align:center;
padding:5px;
line-height:20px;
margin-top:0;
margin-bottom:0
}

p {
line-height:1em;
margin-top:.5em;
margin-bottom:.5em;
text-align:left
}

.p1 {
color:black;
font-size:16px;
font-weight:700;
text-align:center
}

.p2 {
color:red;
font-size:16px;
font-weight:700;
font-style:italic;
text-align:center
}

.container {
width:100%;
height:60px;
margin:auto;
overflow:hidden;
background:#fff;
position:relative;
box-sizing:border-box
}

.marquee {
background-color:#00f;
color:#fff;
font-size:16px;
font-weight:700;
line-height:100%;
margin:auto;
text-align:center;
animation-name:scroll;
position:relative;
box-sizing:border-box;
animation:scroll 20s linear infinite;
-webkit-animation-name:scroll;
-webkit-animation:scroll 20s linear infinite
}

.marquee:hover {
animation-play-state:paused;
-webkit-animation-play-state:paused
}

@keyframes scroll {
0% {
top:70%
}

100% {
top:-80%
}
}

@-webkit-keyframes scroll {
0% {
top:70%
}

100% {
top:-80%
}
}

.span1 {
color:#008000;
font-size:17px;
font-weight:600;
margin-top:0;
margin-bottom:0
}

.img {
max-height:25px;
margin-top:1em;
margin-bottom:0;
width:100%;
text-align:center
}