.metro_back
 {
  position: fixed;
  top: 0px;
  left: 0px;

  width: 100%;
  height: 100%;

  background-color: #000000;

  opacity: 0.5;

  z-index: 2000;
 }


.map_metro
 {
  position: fixed;
  top: 0px;
  left: 0px;

  width: 100%;
  height: 100%;

  z-index: 2100;
 }

.metro_wrap
 {
  position: relative;

  margin: auto;

  width: 100%;
  max-width: 1260px;
  height: 100%;
  max-height: 1260px;

  background-color: #ffffff;

  overflow-y: scroll
 }

.metro_close
 {
  position: absolute;
  top: 0px;
  right: 0px;

  padding: 20px;

  cursor: pointer;

  font-size: 16px;
 }

.metro_close:hover
 {
  background-color: #efefef;
 }

.metro_lines
 {
  margin-top: 56px;
  margin-bottom: 20px;

  padding: 10px;

  text-align: center;
 }

.metro_line
 {
  display: inline-block;

  margin-right: 10px;
  margin-bottom: 10px;

  vertical-align: middle;

  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;

  background-color: #ffffff;

  cursor: pointer;
 }

.metro_line:hover
 {
  background-color: #efefef;
 }

.metro_label
 {
  display: inline-block;

  vertical-align: middle;

  width: 25px;
  height: 25px;

  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;

  line-height: 25px;

  text-align: center;

  font-size: 12px;
  color: #ffffff;
 }

.metro_name
 {
  display: inline-block;

  vertical-align: middle;

  padding-right: 12px;
 }

.metro_name.clear
 {
  height: 25px;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;

  line-height: 25px;

  font-weight: bold;
  font-size: 18px;
  color: #ff0000;
 }

.metro_name.apply
 {
  height: 25px;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;

  line-height: 25px;

  font-weight: bold;
  font-size: 18px;
  color: #0174ff;
 }

.metro_line.select
 {
  background-color: #e2e2e2;
 }

.line_1
 {
  background-color: #ed3326;
 }

.line_2
 {
  background-color: #4cb85e;
 }

.line_3
 {
  background-color: #0078bf;
 }

.line_4
 {
  background-color: #00bef0;
 }

.line_5
 {
  background-color: #8d5b2d;
 }

.line_6
 {
  background-color: #f58232;
 }

.line_7
 {
  background-color: #8e479b;
 }

.line_8
 {
  background-color: #ffcb35;
 }

.line_8A
 {
  background-color: #ffcb35;
 }

.line_9
 {
  background-color: #a0a2a3;
 }

.line_10
 {
  background-color: #b4d445;
 }

.line_11
 {
  background-color: #79cdcd;
 }

.line_12
 {
  background-color: #acbfe3;
 }

.line_14
 {
  background-color: #eaac9e;
 }

.line_15
 {
  background-color: #cc5e9e;
 }

.line_D1
 {
  background-color: #f4aa34;
 }

.line_D2
 {
  background-color: #e700c3;
 }