html, body, iframe { height:100%; width: 100%; margin: 0; padding: 0; }

body { font-size: 11pt; }

.container { display: flex; min-height: 87%; }
.container-left { flex: 1; text-align: right; }
.container-center { min-height: 87%; }
.container-right { flex: 1; }

.banner { width: 100%; }
.banner td {
	height: 30pt; text-align: center; vertical-align: middle;
	border:thin solid #7F7F7F; background-color: #90EE90; cursor: pointer;
}

.topmenu { color: GhostWhite; }
.topmenu td { color: LightGray; }
.topmenu th { font-weight: normal; cursor: pointer;  }
.topmenu th:hover { font-weight: bold; color: white; }

.mainmenu { font-size: 14pt; color: #474747; }
.mainmenu td { padding: 0 3px 0 3px; }
.mainmenu th { font-weight: normal; }
.mainmenu th:hover { font-weight: bold; cursor: pointer; }

.dbgrid { text-align: center; border-top: 2px solid gray; }
.dbgrid thead { background-color: WhiteSmoke; border-bottom: thin solid gray; }
.dbgrid tbody tr:hover { color: gray }
.dbgrid td { padding: 8px; border-bottom: thin dotted lightGray; }

.moyang-normal {
	margin: 0.5em 0px; line-height: inherit; color: rgb(34, 34, 34); font-family: sans-serif; font-size: 1.15rem; 
}

.popmenu { position: absolute; border: thin solid white; padding: 2px; background: #c0c0c0; color: black; display: none; }
.popmenu table td { margin: 0; padding:  0; vertical-align: top; }

.popboard {
	position: absolute; padding: 3px; background-color: #CECECE; color: black;
	border: 2px solid white; border-left: 2px solid white; border-right: 2px solid gray; border-bottom: 2px solid gray; 
	display: none;
}
.popboard div {
	padding: 5px;
	border: thin solid #808080; 
	background-color: white; color: black;
}
.popboard table { color: black; }
.popboard table td { margin: 3px; padding:  3px; vertical-align: top; }
.popboard table th { font-weight: normal; font-size: 10pt; color: lightslategray; }

.popup-menu {
	position: absolute;
	border: thin solid white;
	padding: 2px;
	background: #c0c0c0;
	color: black;
	display: none;
	z-index: 999;
}
ul.popup-menu-sero {
	margin: 0;
	padding: 3px;
	list-style:none;
}
ul.popup-menu-sero li {
	margin-bottom: 3px;
	padding: 5px 10px 5px;
	background: #f4f4f4;
	cursor: pointer;
}
ul.popup-menu-sero li:hover { background: white; }	

@media only screen and (max-width: 1400px) {
	.over-1400 { display: none; }
}
@media only screen and (max-width: 1200px) {
	.over-1200 { display: none; }
}
@media only screen and (max-width: 1000px) {
	.over-1000 { display: none; }
}
@media only screen and (max-width: 800px) {
	.over-800 { display: none; }
}
@media only screen and (max-width: 600px) {
	.over-600 { display: none; }
}
@media only screen and (max-width: 400px) {
	.over-400 { display: none; }
}