body{
  margin: 0;
  background-color: rgb(208, 203, 203);
}
#container{
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  margin:  0px auto 0 auto;
  width: 1907px;
  height: 900px;
}
#titleBar{
  position: absolute;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background-color: rgb(37, 92, 148);
}
#titleName{
  position: absolute;
  left: 40px;
  font-size: 35px;
  color: #ffffff;
}
#clock{
  position: absolute;
  top: 10px;
  right: 545px;
  font-size: 35px;
  filter:  invert(100%);
}
#time{
  position: absolute;
  right: 15px;
  font-size: 35px;
  color: #ffffff;
}
.stationName{
  display: block;
  padding-left: 10px;
  width: 100%;
  border: none;
  color:  #000;
  text-decoration: none;
  font-size: 35px;
}
#map{
  display: block;
  position: absolute;
  top: 85px;
  left: 50%;
  transform: translate(-50%, 0%);
  /* width: 1200px; */
  height: 750px;
}
#table0{
  position: absolute;
  top: 160px;
  left: 20px;
}
#table1{
  position: absolute;
  top: 455px;
  left: 20px;
}
#table2{
  position: absolute;
  top: 650px;
  left: 20px;
}
#table3{
  position: absolute;
  top: 120px;
  right: 20px;
}
#table4{
  position: absolute;
  top: 410px;
  right: 20px;
}
#table5{
  position: absolute;
  top: 610px;
  right: 20px;
}
.data_position{
  position: absolute;
  top: 0px;
  right: 90px;
}
.unit_position{
  position: absolute;
  top: 0px;
  left:  95px;
}
#message{
  display: block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1350px;
  height: 37px;
  font-size: 25px;
  text-align: center;
  border-top: solid 5px #2648aa;
  border-bottom: solid 5px #2648aa;
  background-color: #ffffff;
}
#logo{
  position: absolute;
  bottom: 5px;
  right: 20px;
  width: 170px;
  height: 40px;
}
table{
  border-collapse: collapse;
}
th{
  border: solid 2px rgb(148, 148, 148);
  text-align: left;
  padding-left: 15px;
  background-color: #ffffff;
  font-size:  26px;
  width: 250px;
  height: 39.2px;
}
th a.stationName{
  height: 51.2px;
}
td{
  border: solid 2px rgb(148, 148, 148);
  position: relative;
  background-color: #000000;
  text-align: center;
  font-size:  26px;
  color: #ff6f00;
  font-weight:  bold;
  width: 180px;
  height: 39.2px;
}


#message_container{
  white-space: nowrap;
  position: relative;
  margin: 0px auto 0 auto;
  width: 1900px;
  height: 400px;
}
#attention{
  position: absolute;
  top: 60px;
  left: 20px;
  resize: none;
  width: 970px;
  height: 200px;
  font-size: 25px;
}
#newsText{
  position: absolute;
  top: 100px;
  left: 20px;
  resize: none;
  width: 1000px;
  height: 200px;
  font-size: 21px;
}
#newsText:hover{
  cursor:pointer;
}
#newsButton{
  background-color: #e6efef;
  border: solid 1px #000000;
  position: absolute;
  top: 315px;
  left: 920px;
  width: 100px;
  height: 50px;
  font-size: 30px;
  padding-top: 0px;
  padding-bottom: 3px;
}
#newsButton:hover{
  background-color:#bababa;
  /* background-color:rgb(0, 140, 255); */
  cursor:pointer;
}
.button_effect{
  background-color: #bababa !important;
  box-shadow: inset 2px 0 6px #ededed,
              inset -2px 0 6px #ededed,
              inset 0 2px 6px #ededed,
              inset 0 -2px 6px #ededed;
}