html{background-image:url("img/photo.jpg");background-size:10% 10%;font-family:Ubuntu,Arial,sans-serif;user-select:none;-webkit-user-select:none;
-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-o-user-select:none;}
	*{cursor:arrow}

#map_r2_bg,#map_r2_canv,#map_r1_bg,#map_r1_canv,#map_r3_bg,#map_r3_canv,#map_bg{
	width:954px;height:1160px;position:absolute;top:0px;left:0px;transition:opacity .5s,transform .5s;
}

#map_r2_bg,#map_r1_bg,#map_r3_bg{display:none}
#body{border:solid 3px #fff;overflow:hidden;position:fixed;
top:50px;left:50px;bottom:50px;right:50px;
/*margin:auto;*/
background:rgba(0,0,0,0.5)}
#mapscroll{position:absolute;top:0px;left:300px;right:0px;bottom:1em;overflow:scroll}
#mapwrap{width:954px;height:1160px;position:absolute;top:0px;left:0px;right:0px;margin:auto;transition:opacity .5s,transform .5s;overflow:hidden}
#lantaictrl{position:absolute;bottom:0px;left:0px;background:#09f;right:0px;height:1em;text-align:center}
#lantaictrl button{background:#000;color:#fff;border:solid 2px #000;transition:border .5s,transform .5s;height:100%}
#lantaictrl button:hover{background:#000;color:#fff;border:solid 2px #fff;transform:scale(1.1)}

#jadwal{position:absolute;top:0px;left:0px;width:300px;bottom:0px;background:#fff;overflow-x:auto;overflow-y:scroll;}
.hael{background:#000;color:#fff;width:100%;height:2em;font-size:10pt;border:solid 2px #09f;transition:all 1s linear}
.hael:hover{background:#09f;color:#000;border:solid 2px #f90}

#statusbar{position:fixed;top:0px;left:0px;right:0px;height:20px;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.5),transparent);color:#fff}
#jam{float:right;font-size:30pt}
#ua{float:left}

#notify-wrap{position:fixed;bottom:20px;right:-450px;height:80px;width:400px;background:rgba(0,64,128,0.9);border:solid 3px #026;font-size:11pt;transition:all .5s ease-out}
#notify-img{position:absolute;top:0px;right:0px;bottom:0px;height:100%}
#notify-msg{position:absolute;top:10px;left:10px;right:70px;color:#fff;filter:drop-shadow(2px 2px 2px #000)}
a{color:#fff;filter:drop-shadow(2px 2px 2px #00f)}
a:visited{color:#fff;filter:drop-shadow(2px 2px 2px #00f)}

#tentang{position:fixed;left:0px;right:0px;width:50%;top:100%;bottom:-100%;margin:auto;height:50%;background:rgba(0,64,128,0.9);
border:solid 3px #026;color:#fff;transition:all .5s ease-in-out}
#tentang-isi{position:absolute;top:0px;left:0px;width:100%;bottom:55px;overflow-x:none;overflow-y:scroll}
#tentang button{position:absolute;bottom:0px;left:0px;right:0px;width:100%;border:none;border-top:solid 3px #026;height:50px;color:#fff;background:transparent;}
#tentang button:hover{background:rgba(255,255,255,0.2)}