*{
  padding:0; margin:0; font-size:0; border:0; box-sizing:border-box; outline:none; overflow:hidden; -webkit-tap-highlight-color:transparent;
}
:not([type=text]):not(textarea){
  -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none;
}
.leaflet-control-attribution>a{
  font:12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
[class^=leaflet]{
  overflow:visible;
}
html,body{
  width:100%; height:100%; min-width:360px; background:#aaa; color:#000;
}
body{
  position:relative;
}
body>*{
  position:absolute;
}
#content{
  height:100%;
}
.page{
  position:relative; height:100%; float:left;
}
.bar{
  height:38px; background:#ccc; color:#000; padding:3px;
}
#menus_bar{
  padding:0;
}
.set_left,.set_right,.set_center{
  height:32px;
}
.set_left{
  float:left;
}
#menu>.bar+.bar{
  height:auto; padding:0;
}
.half{
  cursor:pointer; width:50%; height:32px; background:#f4dab9; border-radius:7px 7px 0 0; float:left;
}
.half>h2{
  height:29px; color:#000; text-align:center; padding-top:4px;
}
.half.not{
  background:#e3c9a8;
}
.half.not>h2{
  color:#888;
}
.spot,.url{
  border:1px solid #ccc;
}
.spot .bar,.url .bar{
  height:37px; padding:2px;
}
.spot>.bar+.bar{
  height:35px; padding-top:0;
}
.url>.bar+div{
  background:#ddd;
}
.url>.bar+div>*{
  width:100%; text-align:center;
}
#spot_menu>.spot,.url{
  margin-top:3px;
}
.theme{
  background:#eee; border:2px solid #eee; margin-top:3px;
}
.theme .spot{
  margin-top:2px;
}
#spot_menu>.spot:first-child,#theme_menu .spot:first-child,.theme:first-child{
  margin-top:0;
}
input[type=button],input[type=range],#spot_menu .bar:first-child,#theme_menu .bar:first-child,.title.bar,.set_left>div,.set_right>div,.set_center>div,.move,.url{
  cursor:pointer;
}
.theme>.bar>.set_left,#spot_menu .bar:first-child>div:first-child,#spot_menu .bar:first-child>div:first-child>h1,.theme>.bar>.set_left>h1,#theme_menu .bar+div .bar:first-child>.set_left,#theme_menu .bar+div .bar:first-child>.set_left>h1,.url>.bar>.set_left,.url>.bar>.set_left>h3{
  width:calc(100% - 32px); height:32px;
}
.theme>.bar:first-child{
  background:#eee;
}
.theme>.bar:first-child>div>h1{
  font:bold 26px Arial, Helvetica, sans-serif;
}
.set_left>*,.set_right>*{
  float:left;
}
.set_center{
  position:absolute; left:calc(50% - 16px); width:32px;
}
.set_center>input[type=button]{
  width:32px; height:32px; font-size:8px; padding:0; margin:0;
}
.set_right{
  float:right;
}
h1,h2,h3,#about,#about>*,.main label,#input>label{
  font:bold 22px Tahoma, Geneva, sans-serif;
}
h3{
  padding-left:3px;
}
#links_bar{
  width:100%; height:30px; margin-top:7px;
}
#links_bar>label{
  margin:0 4px 0 0; cursor:default;
}
h1{
  font-size:27px;
}
h3{
  color:#007; text-decoration:underline;
}
.set_left>h1{
  font-size:28px;
}
#menus h1{
  font-size:26px; padding-left:3px;
}
#about{
  color:#700; margin-top:7px;
}
#about+label,#about+label+h2{
  margin-top:7px;
}
#max{
  display:inline-block; height:26px; color:#070; margin:7px 0 4px;
}
img{
  width:32px; height:32px; pointer-events:none;
}
.bar>div>div{
  position:relative; width:32px; height:32px; margin-left:3px; float:left;
}
.bar>div>div:first-child,.bar>div>div.move+div{
  margin-left:0;
}
.bar>div>div>img{
  position:absolute;
}
.eyelid{
  height:22px;
}
#show_stack{
  height:29px;
}
.check_no,.check_yes{
  bottom:0; left:9px; width:16px; height:14px;
}
.slim{
  width:20px; height:32px; margin-left:6px;
}
.main{
  height:calc(100% - 38px); padding:0 5px; overflow-y:scroll;
}
#menus{
  height:calc(100% - 75px); overflow-y:scroll;
}
#folder_top{
  width:100%; height:6px; background:#f4dab9;
}
#manila{
  background:#f4dab9; padding:0 5px 5px;
}
.hood>.bar{
  background:#ddd;
}
.main label,#input>label{
  display:inline-block; height:26px; margin:7px 0 4px; cursor:pointer;
}
#input>label{
  margin-top:0;
}
em{
  font-size:15px;
}
.main>.set_left{
  margin-top:10px;
}
.main>.set_left>h1{
  padding-left:0;
}
.main>.set_left+div{
  clear:left;
}
.main>.bottom{
  margin:0 0 7px 0;
}
.hide,label.hide{
  display:none;
}
select,option,input,textarea{
  width:100%; height:38px; background:#fff; color:#000; font:22px Tahoma, Geneva, sans-serif; padding:5px; border:1px solid #c00; outline:none;
}
select,option{
  padding:1px;
}
textarea{
  height:197px; resize:none; overflow-y:scroll;
}
#edit_scroll>h1{
  color:#fff; margin-top:7px;
}
#edit_popup_info{
  height:114px;
}
input[type=button]{
  width:100%; height:auto; background:linear-gradient(#1b7bbb,#147); color:#fff; font:bold 28px Tahoma, Geneva, sans-serif; padding:5px 10px;
  border:1px solid #005; border-radius:5px; margin-top:10px;
}
input[type=button].add_link{
  border:1px solid #c00; margin-bottom:4px;
}
input[type=button].add_link.yes,.yes{
  border-color:#0b0;
}
.yes .bar{
  background:#bcb;
}
.focus{
  border-color:#ff0;
}
.focus>.bar,.theme.focus>.bar{
  background:#ddb;
}
input[type=button].act{
  background:linear-gradient(#679467,#235023); border-color:#050;
}
input[type=button].act.yes{
  background:linear-gradient(#b75757,#502323); border:1px solid #c00;
}
.search_bar{
  height:38px; background:#679467;
}
.search{
  width:calc(100% - 38px); float:left;
}
.go{
  cursor:pointer; padding:3px;
}
#map,#spot_map{
  height:calc(100% - 38px); background:#000;
}
#map.one{
  height:calc(100% - 76px);
}
#map.two{
  height:calc(100% - 114px);
}
.leaf{
  width:121px;
}
.leaf *,.leaf>.pos>label{
  font:bold 12px Tahoma, Geneva, sans-serif; word-wrap:break-word;
}
.leaf>h2{
  background:#000; color:#fff; font-size:14px; text-align:center; margin-bottom:3px; padding:2px;
}
.popup,.pos{
  margin-bottom:3px;
}
.link{
  display:table; width:100%; text-align:center;
}
.link+.link{
  margin-top:3px;
}
.link>div{
  display:table-cell;
}
.a,.link>div>div{
  display:inline-block; color:#007; font-size:10px; text-decoration:underline; vertical-align:text-bottom; cursor:pointer;
}
.pos *{
  word-wrap:normal;
}
.pos>label{
  width:27px; height:auto; color:#700; margin:0; float:left; clear:left;
}
.pos>div{
  width:94px; text-align:right; float:left;
}
.add,.add>img,.bar>div>.add,.bar>div>.add>img{
  width:24px; height:24px;
}
.add{
  top:4px; cursor:pointer;
}
.bar>div>div.trash,.trash>img{
  width:24px; height:32px;
}
.theme>.bar>div>div.trash{
  width:32px;
}
.theme>.bar>div>div.trash>img{
  right:0;
}
#tiny_map{
  height:300px; margin-top:7px; background:#000;
}
.bottom{
  margin-bottom:7px;
}
#backdrop{
  position:absolute; width:100%; height:100%; background:#700; opacity:0.5; z-index:1000003;
}
#backdrop.green_back{
  background:#050;
}
#backdrop.grey_back{
  background:#333;
}
#top_input{
  width:100%; top:38px; background:#aaa; padding:7px 5px 5px; z-index:1000001;
}
#input{
  overflow:visible;
}
#check_input{
  position:relative; width:16px; height:20px; float:right;
}
#check_input>img{
  position:absolute; width:16px; height:14px; bottom:0;
}
#qr{
  position:absolute; width:250px; height:250px; top:calc(50% - 106px); left:calc(50% - 125px);
}
.move{
  display:none; background:linear-gradient(#ee0,#cc0); padding:3px; border:1px solid #aa0; border-radius:7px;
}
.focus>div>div>div.move{
  display:block;
}
.focus>div>div>div.move+div{
  display:none;
}
.spot>.bar+.bar .move,.theme .set_right>.move,.url .set_right>.move{
  background:linear-gradient(#cc0,#ee0);
}
.move>img{
  width:24px; height:24px;
}
audio{
  width:100%;
}
#vid,#youtube,video{
  width:100%; height:100%; background:#000;
}
#vid{
  z-index:1000002;
}
#wait{
  width:100%; height:100%; background:url(../icon/wait.png) center center no-repeat; animation:wait 700ms linear infinite; z-index:1000004;
}
@keyframes wait{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}
#wait.no_wait{
  animation-play-state:paused; display:none;
}
#warn{
  width:90%; height:94px; background:#ccc; color:#a00; top:calc(50% - 47px); left:5%; padding:5px; border-radius:2px; z-index:1000005;
}
#warn>h1{
  text-align:center;
}
#warn>input{
  width:calc(50% - 4px); margin-top:5px;
}
#warn>#cancel{
  margin-left:8px;
}
input[type=button]#reset{
  margin-top:7px;
}