body{
  font-size:20px;
}
.ma-main-menu{
  margin: 1% auto;
  padding:20px;
}
.ma-btn{
border:1px solid #000; 
  margin: 5px;
}

#ap-top{height:45px;font-size:32px;line-height:45px}
#ap-top img{position:absolute;height:40px;margin: 0 3px;border-radius:50%;}

.ma-main-submenu {
  position: absolute;
  background: var(--color-light);
  color: var(--color-dark);
  border: 1px solid var(--color);
  top: 40px;
  padding: 5px 25px 5px 5px;
  left: 0px;
  font-size:24px;
  -moz-box-shadow: 1px 1px 15px var(--color-dark);
  -webkit-box-shadow: 1px 1px 15px var(--color-dark);
  box-shadow: 1px 1px 15px var(--color-dark);
  z-index: 10000000;
}
a{  font-size:28px;}
.ma-mainmenu li{  
  padding: 5px;

}
.ma-mainmenu li:before{  
content: '\25C8  '; 
  color: #F7C1C2;
}
.ma-mainmenu ul li{  
  padding-left:50px;
}
.ma-mainmenu ul li:before{  
content: '\251C  '; 
  color: #F7C1C2;
}

.ma-item{ margin: 10px;border-bottom: 1px solid var(--color);}
.ma-item-img{}
.ma-item-image{border: 1px solid var(--color);
display: grid;
  place-items: center;
}

.ma-item-desc{}
.ma-main-table td{
  padding:5px;
  border-bottom: 1px solid var(--color);
	}


.ma-table td{
  padding:5px;
  border-bottom: 1px dashed #aaa;
	}

#app-pop {
  top: 20%;
  left: 3%;
  width:93vw;
}
.ma-close{
  position:relative;
  float:right;
  top:-16px;
  right:-16px;
  background:#fff;
  padding: 4px 3px 0px 4px;
  border-radius:50%;
  font-size: 34px;
  z-index: 10000;
}
a:hover.ma-close {opacity: 1;}

input[type="text"], select{
  font-size: 26px;
  border: 1px solid var(--color);
}
textarea {
  font-size: 24px;
  border: 1px solid var(--color);
}
.gallery{width:99%}
.gallery tr{border-bottom: 1px solid #000;}
.gallery th{border-bottom: 1px solid #000;}