@charset "UTF-8";
#nothingArea{
	width:85px;
	
	float: left;
	
}
.timeDiv{
	display: flex;
}

.stDiv{
	display: flex;
}

#timeArea{
	width:100%;
	height: 5%;
	
	overflow: hidden;
	
}
#stationArea{
	
	height: 100%;

	overflow: hidden;
}

#svgdiv{
	

	overflow: hidden;
	
}
#top_manuTime {
	position: fixed;
	z-index: 18;
	top: 20px;
	left: px;
	background-color: darkslategray;
	height: 50px;
	width: 100%;
}
#rightAreaTime {

	position: fixed;
	top: 80px;
	left: 0px;

	overflow: none;
	background-color: #fff;
}
.buttonc {
	
	padding-left: 15px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 10px;
}
#wButton{
	padding-left: 0px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 0px;
	width:35px;
}
.buttonTime{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 0px;
	width:30px;
	height: 30px;	
}
.buttonTime2{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-left: 25px;;
	padding-top: 10px;
	width:30px;
	height: 30px;	
}
.buttonTime2b{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-left: 15px;;
	padding-top: 10px;
	width:30px;
	height: 30px;	
}
.buttonTimeA {
	
	padding-left: 15px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 10px;
	padding-top: 12px;
}
.buttonTimeB {
	
	padding-left: 0px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-top: 12px;
}
.buttonTime3{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	
	padding-top: 15px;
	width:30px;
	height: 30px;	
}
#tab1{
	top:0px;
	left:0px;
	width: 80px;
	height: 20px;
	background-color: gainsboro;
	color: #fff;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;	
}
#tab2{
	top:0px;
	width: 80px;
	left:80px;
	height: 20px;
	background-color: darkgray ;
	color: #000;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;	
}
#tab3{
	top:0px;
	width: 80px;
	left:160px;
	height: 20px;
	background-color: darkgray ;
	color: #000;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;		
}
#tabArea{
	top:0px;
	width: 80px;
	left:240px;	
	width: 100%;
	height: 20px;
	background-color: gainsboro  ;
	z-index: 100;
	position:fixed;		
}
.clickArea{
	
	padding-top: 5px;

}
#coMenu{
	position:fixed;
	z-index:1000;
	Width:100px;
	height:140px;
	visibility:hidden;
	background-color:gainsboro;
	box-shadow: 10px 5px 5px red;
	font-size: 14px;
}
.coMenuAitem{
	Width:90px;
	height: 23px;
	padding: 6px;
	text-align:center;
}
.coMenuAitem{
	cursor: pointer;
}
#coMenu2{
	position:fixed;
	z-index:1000;
	Width:100px;
	height:26px;
	visibility:hidden;
	background-color:gainsboro;
	box-shadow: 10px 5px 5px red;
	font-size: 14px;
}
.coMenuAitem2{
	Width:90px;
	height: 23px;
	padding: 6px;
	text-align:center;
}
.coMenuAitem2{
	cursor: pointer;
}
#coMenu3{
	position:fixed;
	z-index:1000;
	Width:100px;
	height:66px;
	visibility:hidden;
	background-color:gainsboro;
	box-shadow: 10px 5px 5px red;
	font-size: 14px;
}
.coMenuAitem3{
	Width:90px;
	height: 23px;
	padding: 6px;
	text-align:center;
}
.coMenuAitem3{
	cursor: pointer;
}
#dataArea{
	display: none;
}
#trainDataEdit{
	position: fixed;
	width: 700px;
	top:50px;
	left:50px;
	height: 700px;
	background-color: #fff;
	z-index: 19000;
	border: 1px solid #808080;
	padding: 10px;
	visibility:hidden;
	overflow: hidden;
}
 .trainData-table {
      border-collapse: collapse;
      float: left;
    }

    .trainData-table th, .trainData-table td {
      border: 1px solid #808080;
      padding: 8px;
      text-align: left;
    }

    .trainData-table th {
      background-color: #f2f2f2;
    }
  #saveBack{
	  position: fixed;
	  top:0px;
	  left: 0px;
	  z-index: 40000;
	  width: 100%;
	  height: 100%;
	  opacity: 0.5;
	  background-color: #000;
	  visibility:hidden;
  }
#popBack2{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10008;
	opacity: 0.5;
	visibility: hidden;
	background-color: #000;
}
#pop_answer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	height:30%;
	
	padding: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 10009;
	visibility: hidden;
	opacity: 1.00;
}

#popup-inner2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	
	max-width: 190px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 10009;
	visibility: hidden;
	opacity: 1.00;
}
#popup-inner3 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;

	max-width: 190px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 10009;
	visibility: hidden;
	opacity: 1.00;
}