@media (orientation: portrait) {
body {
	background-color: white;
	overflow:no;
	width: 100%;
	/*max-width:480px;*/
}

div.menu_point{
	width:37px;
	height:37px;
	padding-top:5px;
	padding-bottom:5px;
}

div#menu_point_hidde{
	display:none;
}
div#menu_blind_point{
	width:37px;
	height:37px;
	display:none;
}
}
@media (orientation: landscape) {
	body {
		background-color: white;
		overflow:no;
		width: 100%;
		max-height: 92%;
		min-height: auto;
	}

	div.menu_point{
		width:37px;
		height:37px;
		padding-top:5px;
		padding-bottom:5px;
	}
	div#menu_head{
		position:fixed;
		background-color:white;
		border-color:white;
		vertical-align:middle;
	}
	div#menu_blind_point{
		position:relative;
		width:37px;
		height:40px;
		display:block;
		background-color:white;
		padding:0 0 0 0;
		z-index:-1;
	}
}

.button{
	font-size:15px;
	height:45px;
}

.textbox{
	font-size:20px;
	height:45px;
	width:150px;
}

#ROW{
	/*max-width:315px;*/
	width:auto;
	/*height:45px*/
	display: flex;
	/*justify-content:space-between;*/
	float:left;
}

.segment{
	min-width:75px;
	max-width:auto;
	display: block;
	min-width:75px;
	max-width:auto;
	display: block;
	vertical-align: center;
	margin:auto;
	padding:auto;
}

.table{
	width:100%;
	font-size:17px;
}

.navi {
	width:330px;
	height:auto;
	/*background-color:#00FF00;*/
	position:reltive;
	top:0;
	left:0;
	right:0;
	Z-index:10;
	display: block;
}

#basic {
	min-width:auto;
	max-width:100%;
	min-height: calc(100% - 30px);
	max-height: calc(100% - 30px);
	border-width:40;
	/*background-color:#FF00FF;*/
	position:relative;
	overflow:auto;
	z-index:0;
	font-size:12px;
	border: solid;
	border-width: 2 2 2 2;
	border-color: #FFFFFF;
}

#footer {
	min-width: auto;
	height:20px;
	/*background-color:#FFFF00;*/
	border: solid;
	border-width: 2 0 0 0;
	border-color: #999999;
	position:relative;
	bottom:0;
	left:0;
	right:0;
	Z-index:10;
	display: flex;
	align-items:center;
}

td.table_hidde{
	display:none;
	visibility: collapse;
}
td.id_hidde{/*info in ground.css*/
	/*display:none;
	visibility: collapse;*/
}

#container { border: 1px solid #808080; width: 350px; position:fixed;left:40%;top:15%;Background-color:red}
#txtarea { border: 1px solid #f0f040; background-color: #fffff0; width: 95%; padding: 10px; margin: 10px; }
div#pic_upload{
	border: 1px solid #808080;
	max-width:auto;
	width:90%;
	max-height: 450px;
	height:85%;
	position:fixed;
	left:5%;
	top:15%;
	Background-color:red;
	overflow:auto;
}
#pic_upload_table{
	/*border: 1px solid #f0f040;*/
	/*background-color: #fffff0;*/
	background-color: #ffffff;
	max-width:auto;
	padding: 10px;
	margin: 10px;
}


div#HEAD_BUTTON_LINE{
	width:100%;
	z-index:0;
	display: flex;
}

div#HEAD_BUTTONS{
	z-index:0;
}

div#SPEED_EDIT{
	max-height:37px;
	max-width:200px;
	width:0px;
	z-index:-1;
	background-color:yellow;
	color:red;
	font-size:14px;
	text-align:center;
	vertical-align:center;
}

div#menu{
	width:150;
	min-height:auto;
	max-height:calc(100% - 30px);
	overflow:auto;
	z-index:20;
	position:absolute;
	background-color:ffffff;
	border:3px solid grey;
	padding: 3 3 3 3;
	visibility:hidden;
}