#a1,#a2,#a3,#pv,#pw,#px,#px2,#py,#pz,#tx,#c1
{
font-family:Arial, Helvetica, Verdana, sans-serif;
}
#a1
{
font-size:1.2em;
}
#a2,#py
{
font-size:1.7em;
letter-spacing:2px;
}
#a3
{
font-size:1.25em;
}
#a3,#py
{
font-weight:bold;
line-height:0.2vh;
}
#pv
{
display:block;
width:94%;
font-size:2.5vh;
margin-top:0.5vh;
margin-bottom:1vh;
}
#pw
{
display:block;
width:94%;
background-color:#ffb5b5;
padding:0.4vh;
margin-top:1.6vh;
margin-bottom:1vh;
}
#px
{
font-size:0.9em;
margin-top:1.7vh;
margin-bottom:1vh;
}
#px2
{
font-size:0.75em;
margin-top:1.7vh;
margin-bottom:1vh;
}
#pz
{
font-size:0.75em;
line-height:3vh;
}
#tx
{
font-size:2.3vh;
font-weight:bold;
line-height:2.7vh;
}
#pv,#px,#px2,#py,#pz,#tx,#c1
{
color:#000095;
}
#a1:link,#a1:visited,#a2:link,#a2:visited
{
display:block;
font-weight:bold;
color:#ffffff;
text-align:center;
text-decoration:none;
margin-bottom:1vh;
}
#a1:link,#a1:visited
{
width:92%;
background-color:#000095;
padding:0.45vw;
margin-top:0.2vh;
}
#a2:link,#a2:visited
{
width:94%;
background-color:#b5b5ff;
padding:0.4vw;
margin-top:1.2vh;
}
#a1:hover,#a1:active,#a2:hover,#a2:active
{
background-color:#ff0000;
}
#a3:link,#a3:visited
{
color:#000095;
}
#a3:hover,#a3:active
{
color:#ff0000;
}
.column {
float:left;
width:33.33%;
}
#c1::before
{
content:"";
background-image:url(dot.gif);
background-size:100% 100%;
display:inline-block;
width:2.44vh;
height:1.8vh;
}
#c1
{
float:left;
width:48%;
font-size:2.15vh;
font-weight:bold;
line-height:3.25vh;
margin-left:1%;
}
#hx
{
width:97%;
height:auto;
}
@media only screen and (orientation: landscape) {
#c1
{
float:left;
width:24%;
line-height:4.5vh;
}
#hx
{
width:75%;
}
}