.login{
position:absolute;
top:28%;
left:32%;
z-index:2;
}
.italic{ font-style:italic; }
.blink { animation: 1s linear infinite blink_effect; }
@keyframes blink_effect {
0% { visibility: hidden; }
30% { visibility: hidden; }
100% { visibility: visible; }
}

.MenuBoard{
position:fixed;
right:6%;
top:0;
width:2.1em;
line-height:1.0;
padding:0.4em 0;
margin:0 0.5em 0 0.3em;
text-align:center;
/*font-size:16px;*/
color:#fff;
background-color:#cfcfcf;
border-radius:0 0 6px 6px;
opacity:0.95;
/*filter:alpha(style=0,opacity=95);*/
z-index:10000;
}
.MenuBoard a{font-size:14px;color:#6666cc;}
.MenuBoard a:hover{font-size:14px;color:#363636;}

#MainMenu{
padding:16px;
margin:0;
margin-left:-160px;
display:none;
text-align:left;
color:#363636;
background:#fff;
width:240px;
line-height:1.3em;
border:6px solid #cfcfcf;
border-radius:6px;
}
#MainMenu ul{list-style-type:none;padding-left:8px;margin:0;}
#MainMenu li{width:100%;padding:0 6px;margin:0;border-bottom:1px dotted #6495ed;}

#icon_menu{
position:fixed;
bottom:16px;
width:80%;
text-align:center;
padding:5px;
background-color:#fff;
border:1px solid #898989;
border-radius:6px;
opacity:0.85;
/*filter:alpha(style=0,opacity=95);*/
z-index:10000;
}

#map { width: 100%; height: 400px; border:1px solid #cfcfcf; }

.busstop{ border:1px solid #696969;border-radius:14px;padding:6px;width:100%;text-align:center;background-color:#fffaf0; }
.busstop_arrival{ border:1px solid #8b4513;border-radius:16px;padding:8px;width:100%;text-align:center;background-color:#a0522d;color:#fff;font-size:1.2em; }
.busstop_skip{ border:1px solid #dcdcdc;border-radius:16px;padding:8px;width:100%;text-align:center;background-color:#f5f5f5;color:#696969; }
.nextstop{ padding:8px;text-align:center; }