.first
  {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
  }

  .login
  {
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
  }

  .info
  {
    text-align: center;
    display: none;
  }

    .main
    {
      background: #e7eef5;
//      background-image: -webkit-linear-gradient(top, #e7eef5, #79a3a3);
//      background-image: -moz-linear-gradient(top, #e7eef5, #79a3a3);
//      background-image: -ms-linear-gradient(top, #e7eef5, #79a3a3);
//      background-image: -o-linear-gradient(top, #e7eef5, #79a3a3);
//      background-image: linear-gradient(to bottom, #e7eef5, #79a3a3);
     -webkit-border-radius: 28;
     -moz-border-radius: 28;
      border-radius: 28px;
      font-family: Arial;
      color: #ffffff;
/*      font-size: 42px;*/
/*      padding: 10px 20px 10px 20px; */
      text-decoration: none;
      text-align: center;
      display: none;
    }
    .status_line
    {
     -webkit-border-radius: 10;
     -moz-border-radius: 10;
      border-radius: 10px;
      font-family: Arial;
      color: #000000;
      font-size: 12px;
      padding: 8px 10px 8px 10px;
      text-decoration: none;
    }
    .btn
    {
      height:60px;
      width:30px;
     -webkit-border-radius: 10;
     -moz-border-radius: 10;
      border-radius: 10px;
      font-family: Arial;
      color: #000000;
      font-size: 8px;
      padding: 8px 10px 8px 10px;
      text-decoration: none;
    }

    .text1
    {
     -webkit-border-radius: 10;
     -moz-border-radius: 10;
      border-radius: 10px;
      font-family: Arial;
      color: #000000;
      padding: 10px 10px 10px 10px;
      text-decoration: none;
      text-align: center;
      font-size: 1em;
      width: 400px;
    }

    .btn1
    {
      height:80px;
      width:210px;
     -webkit-border-radius: 10;
     -moz-border-radius: 10;
      border-radius: 10px;
      font-family: Arial;
      color: #000000;
      font-size: 8px;
      padding: 10px 10px 10px 10px;
      text-decoration: none;
    }

    .btn_group
    {
      height:100px;
      padding: 8px 10px 8px 10px;
      text-decoration: none;
    }

    .clr_blue  { background: #3498db;}
    .clr_green { background: #2ed91f;}
    .clr_red   { background: #f51111;}
    .clr_yellow{ background: #f5f50a;}
    .clr_lime  { background: #ff00ff;}
    .clr_brown { background: #b03333;}
    .clr_light { background: #29f5e4;}
    .clr_dark  { background: #2c615b;}


  .container
  {
    position: absolute;
/*
    width: 100%;
    height: 100%;
    max-width: device-width;
    max-height: device-height;
    min-width: device-width;
    min-height: device-height;
*/
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin:0 auto;
    background: #E0E0E0;
  }


  .main_body
  {
    display: none;
    margin-left: auto;
    margin-right: auto;
  }

  .googleMap
  {
    width:570px;
    height:600px;
/*
    min-width: 960px;
    max-width: 960px;
*/
    margin-left: auto;
    margin-right: auto;
/*    transform: translateZ(0px) rotate(0deg);*/
  }

  .trip_data
  {
    width:570px;
    height:600px;
/*
    min-width: 960px;
    max-width: 960px;
*/
    margin-left: auto;
    margin-right: auto;
/*    transform: translateZ(0px) rotate(0deg);*/
    color: #000000;
    font-size: 250%;
    background: #A0A0A0;
  }

/*
  .map_container
  {
    width: 940px;
    height: 920px;
    position: relative;
    overflow: hidden;
  }

  .map
  {
//    position: absolute;
//    top: 0px;
//    left: 0px;
//    right: 0px;
//    bottom: 0px;
//    z-index: 1;
//    overflow: hidden;
//    width: 940px;
//    height: 920px;
//    margin-left: auto;
//    margin-right: auto;
//    margin:0 auto;
//    transform: translateZ(0px) rotate(0deg);
  }
  .map_test
  {
    position: absolute;
    top: -460px;
    left: -470px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    overflow: hidden;
    width: 1880px;
    height: 1840px;
    margin-left: auto;
    margin-right: auto;
    margin:0 auto;
    transform: translateZ(0px) rotate(0deg);
  }
*/