@charset "UTF-8";
.routeplan.container {
  padding: 2rem 0;
  min-height: 70vh;
}

.routeplan__query {
  padding: 0 1rem;
}

.routeplan__intro {
  font-size: 1.6rem;
  line-height: 1.3;
  padding: 0 1rem;
}

.queryroutepath {
  padding: 1rem 0;
}

.routemaplink {
  word-break: keep-all;
  cursor: pointer;
  color: blue;
  font-size: max(1.4rem, min(1.8229166667vw, 1.8rem));
  margin: 0 0.5rem;
  align-self: center;
  text-decoration: none;
}

.ticketnote {
  line-height: 1.3;
}

.ticketnotelist {
  margin-left: 1em;
  line-height: 1.3;
}

.ticketnotelist li {
  line-height: 1.3;
}

@media only screen and (min-width: 769px) {
  .queryroutepath {
    width: 50%;
  }
}
.input-group {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}

.queryroutepath .input-group {
  align-items: stretch;
}

.querystation__wrap {
  flex: 0 0 fit-content;
  background-color: var(--bgcolor-darkblue);
  color: #FFF;
  display: flex;
  align-items: center;
  padding: 1.5rem 1rem;
  border: 1px solid var(--bgcolor-darkblue);
  border-radius: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.input-text {
  flex: 0 0 fit-content;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 1rem;
}

.input-button {
  flex: 0 0 fit-content;
  min-width: 10%;
  margin-left: 1rem;
  padding: 1rem 0;
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
}

.query.input-button {
  font-size: 1.4rem;
  background-color: var(--bgcolor-darkblue);
  color: #FFFFFF;
  border-radius: 0.5rem;
}

.stationlist {
  border: 1px solid #333;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.errMsg__wrap {
  margin: 2rem 0;
}

.errMsg__text {
  color: darkred;
  font-size: 1.8rem;
  font-weight: bold;
}

.routeplan__baseinfo,
.stationapi__baseinfo {
  padding: 0 2rem;
}

.routeplan__baseinfo table,
.stationapi__baseinfo table {
  width: 100%;
  font-size: 1.8rem;
}

.routeplan__baseinfo th, .routeplan__baseinfo td,
.stationapi__baseinfo th, .stationapi__baseinfo td {
  width: 20%;
  padding: 1rem 0;
  text-align: left;
}

.routeplan__baseinfo th.center,
.routeplan__baseinfo td.center,
.stationapi__baseinfo th.center,
.stationapi__baseinfo td.center {
  text-align: center;
}

.routeplan__baseinfo th,
.stationapi__baseinfo th {
  background-color: var(--bgcolor-lightblue);
  font-weight: bold;
}

.summarypath__wrap {
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 0;
}

.summarypath__wrap img {
  height: 4rem;
}

.summarypath__wrap .walk__text {
  padding-left: 3px;
  align-self: flex-end;
}

table.routeplan__detail {
  border-collapse: collapse;
  width: 100%;
  margin: 2rem auto;
}

table.routeplan__detail td {
  padding: 0;
}

.routeplan__detail .stationlabel,
.routeplan__detail .walk {
  width: 15%;
  font-size: 0;
  text-align: center;
  position: relative;
}

@media only screen and (min-width: 769px) {
  table.routeplan__detail {
    width: 60%;
  }
}
.routeplan__detail .stationlabel.pass::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #FFF;
  margin: auto;
}

.routeplan__detail .stationlabel::after,
.routeplan__detail .stationlabel::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -2;
}

.routeplan__detail .stationlabel.first::after {
  height: 50%;
  top: initial;
  bottom: 0;
}

.routeplan__detail .stationlabel.last::after {
  height: 50%;
  top: 0;
}

.routeplan__detail .Brown.stationlabel::after {
  background-color: var(--color-br);
}

.routeplan__detail .Red.stationlabel::after {
  background-color: var(--color-r);
}

.routeplan__detail .Green.stationlabel::after {
  background-color: var(--color-g);
}

.routeplan__detail .Orange.stationlabel::after {
  background-color: var(--color-o);
}

.routeplan__detail .Blue.stationlabel::after {
  background-color: var(--color-bl);
}

.routeplan__detail .Yellow.stationlabel::after {
  background-color: var(--color-y);
}

.routeplan__detail .stationlabel img {
  background-color: #FFF;
}

@media only screen and (min-width: 769px) {
  .routeplan__detail .stationlabel img {
    width: 70%;
  }
}
.routeplan__detail .stationname {
  width: 70%;
  color: #000;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 1rem 0 1rem 1rem;
}

.routeplan__detail .transferline {
  height: 6rem;
}

.routeplan__detail .transferline .walk::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 5px; /* 虛線寬度 */
  height: 100%;
  background: repeating-linear-gradient(to bottom, grey 0px, grey 4px, transparent 4px, transparent 8px); /* 黑色線條，間隔透明 */
}

.routeplan__detail .transferline .walk::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  background: url(../images/icon_walk.svg), #FFF;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.routeplan__detail .transfertext {
  color: grey;
  font-size: 1.8rem;
}

.routeplan__detail .transfertext span {
  margin-left: 3rem;
  display: inline-block;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid grey;
}

.routeplan__detail .routeline {
  width: 100%;
  padding-left: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.routeplan__detail .routeline img {
  max-height: 30px;
}

.routeplan__detail .lineimg {
  flex: 0 0 fit-content;
}

.routeplan__detail .destname {
  flex: 0 0 fit-content;
  padding-left: 0.5rem;
  font-size: 1.8rem;
}

.routeplan__detail .collapsepass {
  padding: 1rem 0 1rem 1rem;
}

.routeplan__detail .collapsepass__text {
  cursor: pointer;
  user-select: none;
  display: inline-block;
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
  background: #E3E3E3;
  border-radius: 1000px;
  position: relative;
}

.routeplan__detail .collapsepass__text.multi::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 100%;
  background-image: url("../images/icon_collapse-open.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.routeplan__detail .collapsepass__text.collapse::before {
  background-image: url("../images/icon_collapse-close.svg");
}

.routeplan__detail .row__pass {
  display: none;
}

.routeplan__detail .row__pass.collapse {
  display: table-row;
}

.routeplan__detail .traintime {
  width: 15%;
  color: gray;
  text-align: right;
  font-size: 1.8rem;
  font-weight: bold;
}

.stationapi__baseinfo table {
  border-collapse: collapse;
}

.stationapi__baseinfo table th,
.stationapi__baseinfo table td {
  border: 1px solid silver;
  padding: 1rem;
}

.stationapi__baseinfo table th {
  color: #000;
  background-color: #efefef;
}

.stationapi__title {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 1rem 0;
}

.roadmapselect-wrap {
  max-width: 960px;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
}

.stationlink-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /*        max-width: 960px;
         margin: auto;*/
}

.stationlink-wrap .stationitem {
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  border: none;
  position: absolute;
  background-color: transparent;
  /* opacity: 0.3; */
}

.closebtn {
  position: absolute;
  z-index: 10;
  top: 1px;
  right: 1px;
  width: 40px;
  height: 40px;
  background-color: #F7F7F7;
  cursor: pointer;
}

#BR01 {
  left: 82.5%;
  top: 79.21875%;
  width: 4.895833333%;
  height: 4.140625%;
}

#BR02 {
  left: 78.2291666667%;
  top: 79.296875%;
  width: 3.3333333333%;
  height: 4.140625%;
}

#BR03 {
  left: 68.5416666667%;
  top: 78.125%;
  width: 8.3333333333%;
  height: 3.203125%;
}

#BR04 {
  left: 74.8958333333%;
  top: 75.078125%;
  width: 9.375%;
  height: 1.875%;
}

#BR05 {
  left: 74.7916666667%;
  top: 71.71875%;
  width: 5.4166666667%;
  height: 1.875%;
}

#BR06 {
  left: 68.75%;
  top: 69.53125%;
  width: 3.9583333333%;
  height: 4.0625%;
}

#BR07 {
  left: 63.2291666667%;
  top: 69.53125%;
  width: 4.5833333333%;
  height: 4.0625%;
}

#BR08 {
  left: 54.5833333333%;
  top: 67.578125%;
  width: 8.2291666667%;
  height: 2.65625%;
}

#R05BR09 {
  left: 59.6875%;
  top: 62.34375%;
  width: 6.25%;
  height: 3.828125%;
}

#BL15BR10 {
  left: 59.375%;
  top: 54.609375%;
  width: 5%;
  height: 4.609375%;
}

#G16BR11 {
  left: 59.6875%;
  top: 48.515625%;
  width: 5.7291666667%;
  height: 4.296875%;
}

#BR12 {
  left: 60.5208333333%;
  top: 45.3125%;
  width: 10%;
  height: 2.65625%;
}

#BR13 {
  left: 60.5208333333%;
  top: 42.34375%;
  width: 10%;
  height: 2.265625%;
}

#BR14 {
  left: 60.5208333333%;
  top: 38.828125%;
  width: 6.5625%;
  height: 2.265625%;
}

#BR15 {
  left: 58.0208333333%;
  top: 33.125%;
  width: 5%;
  height: 4.0625%;
}

#BR16 {
  left: 65.625%;
  top: 32.96875%;
  width: 3.2291666667%;
  height: 3.75%;
}

#BR17 {
  left: 70.5208333333%;
  top: 32.96875%;
  width: 3.8541666667%;
  height: 3.75%;
}

#BR18 {
  left: 75.7291666667%;
  top: 32.96875%;
  width: 3.4375%;
  height: 3.75%;
}

#BR19 {
  left: 80.7291666667%;
  top: 32.96875%;
  width: 3.4375%;
  height: 3.75%;
}

#BR20 {
  left: 85%;
  top: 32.96875%;
  width: 5.8333333333%;
  height: 3.75%;
}

#BR21 {
  left: 91.7708333333%;
  top: 33.28125%;
  width: 3.6458333333%;
  height: 3.90625%;
}

#BR22 {
  left: 87.6041666667%;
  top: 38.90625%;
  width: 6.5625%;
  height: 2.265625%;
}

#BR23 {
  left: 82.6041666667%;
  top: 42.5%;
  width: 11.6666666667%;
  height: 2.265625%;
}

#BL23BR24 {
  left: 83.6458333333%;
  top: 46.40625%;
  width: 11.6666666667%;
  height: 2.734375%;
}

#R28 {
  left: 12.2916666667%;
  top: 5.546875%;
  width: 5.1041666667%;
  height: 2.265625%;
}

#R27 {
  left: 10.8333333333%;
  top: 9.296875%;
  width: 6.5625%;
  height: 2.265625%;
}

#R26 {
  left: 10.8333333333%;
  top: 12.96875%;
  width: 6.5625%;
  height: 2.265625%;
}

#R25 {
  left: 10.8333333333%;
  top: 16.40625%;
  width: 6.5625%;
  height: 2.265625%;
}

#R24 {
  left: 17.0833333333%;
  top: 19.375%;
  width: 3.4375%;
  height: 3.75%;
}

#R23 {
  left: 21.1458333333%;
  top: 19.375%;
  width: 4.4791666667%;
  height: 3.75%;
}

#R22 {
  left: 26.7708333333%;
  top: 19.375%;
  width: 3.125%;
  height: 3.75%;
}

#R22A {
  left: 25.625%;
  top: 14.0625%;
  width: 5%;
  height: 3.75%;
}

#R21 {
  left: 31.0416666667%;
  top: 19.375%;
  width: 3.0208333333%;
  height: 3.75%;
}

#R20 {
  left: 34.8958333333%;
  top: 19.375%;
  width: 4.2708333333%;
  height: 3.75%;
}

#R19 {
  left: 40.3125%;
  top: 21.484375%;
  width: 6.5625%;
  height: 2.265625%;
}

#R18 {
  left: 40.3125%;
  top: 24.921875%;
  width: 6.5625%;
  height: 2.265625%;
}

#R17 {
  left: 40.3125%;
  top: 28.515625%;
  width: 6.5625%;
  height: 2.265625%;
}

#R16 {
  left: 40.3125%;
  top: 31.953125%;
  width: 6.5625%;
  height: 2.265625%;
}

#R15 {
  left: 40.3125%;
  top: 35.46875%;
  width: 6.5625%;
  height: 2.265625%;
}

#R14 {
  left: 40.3125%;
  top: 38.828125%;
  width: 6.5625%;
  height: 2.265625%;
}

#O11R13 {
  left: 39.1666666667%;
  top: 41.484375%;
  width: 7.3958333333%;
  height: 4.453125%;
}

#R12 {
  left: 35.1041666667%;
  top: 47.03125%;
  width: 7.0833333333%;
  height: 2.265625%;
}

#G14R11 {
  left: 39.1666666667%;
  top: 49.453125%;
  width: 7.7083333333%;
  height: 3.359375%;
}

#BL12R10 {
  left: 39.1666666667%;
  top: 53.359375%;
  width: 4.4791666667%;
  height: 5.859375%;
}

#R09 {
  left: 34.6875%;
  top: 60.46875%;
  width: 7.5%;
  height: 2.265625%;
}

#G10R08 {
  left: 35.7291666667%;
  top: 64.140625%;
  width: 7.5%;
  height: 4.609375%;
}

#R07O06 {
  left: 46.3541666667%;
  top: 62.34375%;
  width: 6.25%;
  height: 3.828125%;
}

#R06 {
  left: 52.9166666667%;
  top: 61.015625%;
  width: 6.25%;
  height: 5.15625%;
}

#R04 {
  left: 67.1875%;
  top: 62.34375%;
  width: 3.8541666667%;
  height: 3.828125%;
}

#R03 {
  left: 71.3541666667%;
  top: 64.296875%;
  width: 5.7291666667%;
  height: 4.453125%;
}

#R02 {
  left: 77.3958333333%;
  top: 62.34375%;
  width: 4.2708333333%;
  height: 3.828125%;
}

#G01 {
  left: 63.125%;
  top: 94.53125%;
  width: 5.9375%;
  height: 2.265625%;
}

#G02 {
  left: 63.4375%;
  top: 90.859375%;
  width: 11.0416666667%;
  height: 2.265625%;
}

#G03 {
  left: 63.4375%;
  top: 87.109375%;
  width: 6.1458333333%;
  height: 2.265625%;
}

#G03A {
  left: 56.1458333333%;
  top: 87.109375%;
  width: 4.6875%;
  height: 4.21875%;
}

#G04Y07 {
  left: 62.2916666667%;
  top: 82.65625%;
  width: 9.1666666667%;
  height: 2.265625%;
}

#G05 {
  left: 59.375%;
  top: 78.4375%;
  width: 5.8333333333%;
  height: 2.421875%;
}

#G06 {
  left: 55.7291666667%;
  top: 75.78125%;
  width: 6.1458333333%;
  height: 2.421875%;
}

#G07 {
  left: 52.1875%;
  top: 73.046875%;
  width: 6.9791666667%;
  height: 2.421875%;
}

#G08 {
  left: 48.75%;
  top: 70.46875%;
  width: 9.6875%;
  height: 2.34375%;
}

#G09O05 {
  left: 43.6458333333%;
  top: 67.578125%;
  width: 8.2291666667%;
  height: 2.34375%;
}

#G11 {
  left: 28.125%;
  top: 63.515625%;
  width: 7.5%;
  height: 2.265625%;
}

#BL11G12 {
  left: 28.5416666667%;
  top: 55.78125%;
  width: 7.5%;
  height: 3.4375%;
}

#G13 {
  left: 27.7083333333%;
  top: 53.28125%;
  width: 7.2916666667%;
  height: 2.265625%;
}

#G15O08 {
  left: 49.4791666667%;
  top: 48.359375%;
  width: 9.375%;
  height: 4.453125%;
}

#G17 {
  left: 65.625%;
  top: 50.9375%;
  width: 4.4791666667%;
  height: 3.671875%;
}

#G18 {
  left: 70.2083333333%;
  top: 48.515625%;
  width: 6.5625%;
  height: 4.296875%;
}

#G19 {
  left: 77.0833333333%;
  top: 48.515625%;
  width: 4.1666666667%;
  height: 4.296875%;
}

#O01 {
  left: 38.0208333333%;
  top: 83.125%;
  width: 7.0833333333%;
  height: 2.265625%;
}

#Y11O02 {
  left: 41.5625%;
  top: 77.5%;
  width: 6.25%;
  height: 4.0625%;
}

#O03 {
  left: 36.5625%;
  top: 75.46875%;
  width: 8.125%;
  height: 1.875%;
}

#O04 {
  left: 39.5833333333%;
  top: 72.03125%;
  width: 5.5208333333%;
  height: 2.265625%;
}

#BL14O07 {
  left: 49.4791666667%;
  top: 54.609375%;
  width: 8.9583333333%;
  height: 4.609375%;
}

#O09 {
  left: 50.7291666667%;
  top: 45.9375%;
  width: 8.6458333333%;
  height: 2.265625%;
}

#O10 {
  left: 47.1875%;
  top: 42.578125%;
  width: 9.7916666667%;
  height: 3.203125%;
}

#O12 {
  left: 32.5%;
  top: 42.03125%;
  width: 5%;
  height: 3.75%;
}

#O13 {
  left: 24.8958333333%;
  top: 46.25%;
  width: 7.2916666667%;
  height: 2.65625%;
}

#O14 {
  left: 21.1458333333%;
  top: 49.375%;
  width: 5.3125%;
  height: 2.65625%;
}

#O15 {
  left: 14.375%;
  top: 50.234375%;
  width: 5.3125%;
  height: 3.984375%;
}

#O16 {
  left: 7.6041666667%;
  top: 54.609375%;
  width: 8.2291666667%;
  height: 2.65625%;
}

#Y18O17 {
  left: 1.1458333333%;
  top: 58.359375%;
  width: 11.25%;
  height: 2.421875%;
}

#O18 {
  left: 4.1666666667%;
  top: 62.421875%;
  width: 6.875%;
  height: 2.578125%;
}

#O19 {
  left: 3.5416666667%;
  top: 66.171875%;
  width: 6.875%;
  height: 3.046875%;
}

#O20 {
  left: 3.5416666667%;
  top: 70.078125%;
  width: 6.875%;
  height: 2.265625%;
}

#O21 {
  left: 3.5416666667%;
  top: 73.671875%;
  width: 6.875%;
  height: 2.265625%;
}

#O50 {
  left: 24.8958333333%;
  top: 40.3125%;
  width: 7.2916666667%;
  height: 2.96875%;
}

#O51 {
  left: 21.4583333333%;
  top: 37.8125%;
  width: 12.9166666667%;
  height: 2.34375%;
}

#O52 {
  left: 19.0625%;
  top: 34.609375%;
  width: 13.4375%;
  height: 2.34375%;
}

#O53 {
  left: 19.0625%;
  top: 30.78125%;
  width: 13.4375%;
  height: 2.34375%;
}

#O54 {
  left: 19.0625%;
  top: 26.953125%;
  width: 5.8333333333%;
  height: 2.34375%;
}

#BL01 {
  left: 15.2083333333%;
  top: 90.46875%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL02 {
  left: 15.2083333333%;
  top: 87.03125%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL03 {
  left: 15.2083333333%;
  top: 83.4375%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL04 {
  left: 15.2083333333%;
  top: 80%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL05 {
  left: 13.75%;
  top: 76.09375%;
  width: 8.2291666667%;
  height: 2.890625%;
}

#BL06 {
  left: 15.2083333333%;
  top: 72.578125%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL07 {
  left: 15.2083333333%;
  top: 68.75%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL08 {
  left: 19.6875%;
  top: 64.6875%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL09 {
  left: 19.6875%;
  top: 61.015625%;
  width: 6.7708333333%;
  height: 2.265625%;
}

#BL10 {
  left: 18.2291666667%;
  top: 55.546875%;
  width: 8.9583333333%;
  height: 3.59375%;
}

#BL13 {
  left: 43.8541666667%;
  top: 57.265625%;
  width: 5.4166666667%;
  height: 3.75%;
}

#BL16 {
  left: 64.6875%;
  top: 57.1875%;
  width: 6.0416666667%;
  height: 3.75%;
}

#BL17 {
  left: 70.9375%;
  top: 54.609375%;
  width: 5%;
  height: 4.453125%;
}

#BL18 {
  left: 76.25%;
  top: 57.265625%;
  width: 5.625%;
  height: 3.75%;
}

#BL19 {
  left: 82.5%;
  top: 57.265625%;
  width: 4.0625%;
  height: 3.75%;
}

#BL20 {
  left: 87.3958333333%;
  top: 57.265625%;
  width: 4.5833333333%;
  height: 3.75%;
}

#BL21 {
  left: 87.7083333333%;
  top: 54.375%;
  width: 6.5625%;
  height: 2.265625%;
}

#BL22 {
  left: 87.7083333333%;
  top: 50.78125%;
  width: 6.5625%;
  height: 2.265625%;
}

#Y08 {
  left: 55.7291666667%;
  top: 81.015625%;
  width: 4.2708333333%;
  height: 3.90625%;
}

#Y09 {
  left: 46.6666666667%;
  top: 81.5625%;
  width: 8.4375%;
  height: 2.265625%;
}

#Y10 {
  left: 48.5416666667%;
  top: 78.28125%;
  width: 5.8333333333%;
  height: 3.125%;
}

#Y12 {
  left: 32.9166666667%;
  top: 79.53125%;
  width: 6.25%;
  height: 2.890625%;
}

#Y13 {
  left: 29.6875%;
  top: 76.953125%;
  width: 5.8333333333%;
  height: 2.421875%;
}

#Y14 {
  left: 29.6875%;
  top: 73.59375%;
  width: 6.6666666667%;
  height: 2.421875%;
}

#Y15 {
  left: 26.0416666667%;
  top: 70.9375%;
  width: 5.8333333333%;
  height: 2.421875%;
}

#Y16 {
  left: 22.5%;
  top: 68.125%;
  width: 5.8333333333%;
  height: 2.65625%;
}

#Y17 {
  left: 10.5208333333%;
  top: 65%;
  width: 8.75%;
  height: 2.265625%;
}

#Y19 {
  left: 2.0833333333%;
  top: 55.390625%;
  width: 5.3125%;
  height: 2.265625%;
}

#Y20 {
  left: 5.3125%;
  top: 50.546875%;
  width: 8.2291666667%;
  height: 3.828125%;
}

#DLRT {
  left: 17.8125%;
  top: 1.09375%;
  width: 39.7916666667%;
  height: 12.1875%;
}

#ALRT1 {
  left: 55.1041666667%;
  top: 85.15625%;
  width: 8.6458333333%;
  height: 1.71875%;
}

#ALRT2 {
  left: 45.2083333333%;
  top: 85.15625%;
  width: 9.8958333333%;
  height: 6.875%;
}

#ALRT3 {
  left: 30.2083333333%;
  top: 92.03125%;
  width: 30.625%;
  height: 7.34375%;
}

#tymetroA1 {
  left: 36.1458333333%;
  top: 53.359375%;
  width: 2.5%;
  height: 4.296875%;
}

#tymetroA2 {
  left: 19.8958333333%;
  top: 52.65625%;
  width: 4.4791666667%;
  height: 2.5%;
}

#tymetroOther {
  left: 3.2291666667%;
  top: 19.0625%;
  width: 11.1458333333%;
  height: 31.171875%;
}

#tcap {
  left: 33.125%;
  top: 31.015625%;
  width: 6.3541666667%;
  height: 6.171875%;
}

#gondola {
  left: 82.6041666667%;
  top: 83.59375%;
  width: 13.3333333333%;
  height: 13.984375%;
}