﻿.coverageMapWrapper {
  /* reset */
  /*  */
  /*  */
  /*  */
  /* */
  /*  */
  /*  */
  /*  */
  /* for ie6 */
  /* img  */
  /* ：optgroup */
  /*  */
  /*  hr */
  /*#msg_title {
        border: 1px solid #999;
        font-weight: bold;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 1px 2px 4px #999;
        -moz-box-shadow: 1px 2px 4px #999;
        -webkit-box-shadow: 1px 2px 4px #999;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 21px;
        text-align: center;
        padding: 10px;
        line-height: 25px;
        color: #333;
        
        background: rgb(255,255,255); // Old browsers 
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); // FF3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); // Chrome,Safari4+ 
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // Chrome10+,Safari5.1+ 
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // Opera 11.10+ 
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // IE10+ 
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // W3C 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); // IE6-9 
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }*/
  /*#msg_data {
        line-height: 26px;
        background: #e5e5e5;
        border: 1px solid #999;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        box-shadow: 1px 2px 8px #999;
        -moz-box-shadow: 1px 2px 8px #999;
        -webkit-box-shadow: 1px 2px 8px #999;
        overflow: auto;
        word-wrap: break-word;
        font-size: 18px;
        text-align: left;
        color: #333;
        background: rgb(255,255,255); // Old browsers 
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); // FF3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); // Chrome,Safari4+ 
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // Chrome10+,Safari5.1+ 
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // Opera 11.10+ 
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // IE10+ 
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); // W3C 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); // IE6-9 
    }*/ }
  .coverageMapWrapper form {
    display: block;
    margin: 0;
    padding: 0; }
  .coverageMapWrapper body, .coverageMapWrapper h1, .coverageMapWrapper h2, .coverageMapWrapper h3, .coverageMapWrapper h4, .coverageMapWrapper h5, .coverageMapWrapper h6, .coverageMapWrapper hr, .coverageMapWrapper p, .coverageMapWrapper blockquote, .coverageMapWrapper dl, .coverageMapWrapper dt, .coverageMapWrapper dd, .coverageMapWrapper ul, .coverageMapWrapper ol, .coverageMapWrapper li, .coverageMapWrapper pre, .coverageMapWrapper fieldset, .coverageMapWrapper lengend, .coverageMapWrapper button, .coverageMapWrapper input, .coverageMapWrapper textarea, .coverageMapWrapper th, .coverageMapWrapper td {
    /* table elements  */
    margin: 0;
    padding: 0; }
  .coverageMapWrapper table th, .coverageMapWrapper table td {
    padding: 1px; }
  .coverageMapWrapper body, .coverageMapWrapper button, .coverageMapWrapper input, .coverageMapWrapper select, .coverageMapWrapper textarea {
    /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, sans-serif;*/
    font: 14px/22px Trebuchet MS, Helvetica, Arial, sans-serif;
    /*  */ }
  .coverageMapWrapper h1 {
    font-size: 18px;
    /* 18px / 12px = 1.5 */ }
  .coverageMapWrapper h4, .coverageMapWrapper h5, .coverageMapWrapper h6 {
    font-size: 100%; }
  .coverageMapWrapper address, .coverageMapWrapper cite, .coverageMapWrapper dfn, .coverageMapWrapper em, .coverageMapWrapper var {
    font-style: normal; }
  .coverageMapWrapper code, .coverageMapWrapper kbd, .coverageMapWrapper pre, .coverageMapWrapper samp, .coverageMapWrapper tt {
    font-family: "Courier New", Courier, monospace; }
  .coverageMapWrapper small {
    font-size: 12px; }
  .coverageMapWrapper ul, .coverageMapWrapper ol {
    list-style: none; }
  .coverageMapWrapper a {
    text-decoration: none;
    color: #049; }
  .coverageMapWrapper a:hover {
    text-decoration: underline; }
  .coverageMapWrapper abbr[title], .coverageMapWrapper acronym[title] {
    /* ：1.ie6  abbr; 2.，ie6  */
    border-bottom: 1px dotted;
    cursor: help; }
  .coverageMapWrapper q:before, .coverageMapWrapper q:after {
    content: ''; }
  .coverageMapWrapper legend {
    color: #000; }
  .coverageMapWrapper fieldset, .coverageMapWrapper img {
    border: none; }
  .coverageMapWrapper button, .coverageMapWrapper input, .coverageMapWrapper select, .coverageMapWrapper textarea {
    font-size: 100%;
    /*  */ }
  .coverageMapWrapper table {
    border-collapse: collapse;
    border-spacing: 0; }
  .coverageMapWrapper hr {
    border: none;
    height: 1px; }
  .coverageMapWrapper .clear {
    clear: both; }
  .coverageMapWrapper a:hover {
    text-decoration: none; }
  .coverageMapWrapper #mapwrapper {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 0;
    background-color: #ffffff;
    /*background-color:transparent;*/
    min-width: 220px; }
  @media screen and (max-width: 240px) {
    .coverageMapWrapper svg {
      height: 150px;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_box {
      position: relative;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_title {
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      padding: 2%; }
 }
  @media screen and (max-width: 320px) and (min-width: 241px) {
    .coverageMapWrapper svg {
      height: 204px;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_box {
      position: relative;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_title {
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      padding: 2%; }
 }
  @media screen and (max-width: 400px) and (min-width: 321px) {
    .coverageMapWrapper svg {
      height: 266px;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_box {
      position: relative;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_title {
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      padding: 2%; }
 }
  @media screen and (max-width: 480px) and (min-width: 401px) {
    .coverageMapWrapper svg {
      height: 310px;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_box {
      position: relative;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_title {
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      padding: 2%; }
 }
  @media screen and (max-width: 568px) and (min-width: 481px) {
    .coverageMapWrapper svg {
      height: 370px;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_box {
      position: relative;
      width: 98%;
      margin: 0px; }

    .coverageMapWrapper #msg_title {
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      padding: 2%; }
 }
  @media screen and (max-width: 685px) and (min-width: 569px) {
    .coverageMapWrapper svg {
      height: 290px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  @media screen and (max-width: 768px) and (min-width: 686px) {
    .coverageMapWrapper svg {
      height: 320px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .coverageMapWrapper svg {
      height: 430px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  @media screen and (max-width: 1280px) and (min-width: 1025px) {
    .coverageMapWrapper svg {
      height: 538px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  @media screen and (max-width: 1600px) and (min-width: 1281px) {
    .coverageMapWrapper svg {
      height: 675px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  @media screen and (min-width: 1601px) {
    .coverageMapWrapper svg {
      height: 846px;
      float: left;
      width: 64%; }

    .coverageMapWrapper #msg_box {
      float: left;
      position: relative;
      width: 36%; }

    .coverageMapWrapper #msg_title {
      width: 80%;
      margin: 0 auto;
      min-height: 25px; }

    .coverageMapWrapper #msg_data {
      margin: 15px auto 5px;
      width: 90%;
      padding: 2%; }
 }
  .coverageMapWrapper .unselectable {
    -moz-user-select: none;
    -webkit-user-select: none; }
  .coverageMapWrapper .tip {
    display: none;
    padding: 5px;
    border: 1px solid #EBECED;
    color: #edeef0;
    font-weight: bold;
    z-index: 1000;
    float: left;
    position: absolute;
    /*gradient color*/
    background: #494949;
    /* Old browsers */
    background: -moz-linear-gradient(top, #494949 0%, #656565 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #656565));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #494949 0%, #656565 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #494949 0%, #656565 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #494949 0%, #656565 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #494949 0%, #656565 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#656565',GradientType=0 );
    /* IE6-9 */
    word-break: keep-all;
    white-space: nowrap; }
  .coverageMapWrapper #msg_box {
    margin-top: -5px; }
  .coverageMapWrapper #msg_title {
    margin: 0; }
  .coverageMapWrapper #msg_data {
    margin: 15px 0;
    padding: 0; }
  @media screen and (max-width: 320px) and (min-width: 241px) {
    .coverageMapWrapper svg {
      margin-top: -16px;
      margin-bottom: 0; }

    .coverageMapWrapper #msg_data {
      min-height: 331px; }
 }
  @media screen and (max-width: 400px) and (min-width: 321px) {
    .coverageMapWrapper svg {
      margin-top: -48px;
      margin-bottom: -30px; }

    .coverageMapWrapper #msg_data {
      min-height: 331px; }
 }
  @media screen and (max-width: 480px) and (min-width: 401px) {
    .coverageMapWrapper svg {
      margin-top: -70px;
      margin-bottom: -52px; }

    .coverageMapWrapper #msg_data {
      min-height: 331px; }
 }
  @media screen and (max-width: 568px) and (min-width: 481px) {
    .coverageMapWrapper svg {
      margin-top: -42px;
      margin-bottom: -20px; }

    .coverageMapWrapper #msg_data {
      min-height: 407px; }
 }
  @media screen and (max-width: 685px) and (min-width: 569px) {
    .coverageMapWrapper svg {
      width: 98%;
      margin-top: -42px;
      margin-bottom: -20px;
      height: 370px; }

    .coverageMapWrapper #msg_box {
      margin: 0;
      width: 98%; }

    .coverageMapWrapper #msg_data {
      min-height: 387px; }
 }
  @media screen and (max-width: 768px) and (min-width: 686px) {
    .coverageMapWrapper svg {
      width: 98%;
      margin-top: -42px;
      margin-bottom: -20px;
      height: 370px; }

    .coverageMapWrapper #msg_box {
      margin: 0;
      width: 98%; }

    .coverageMapWrapper #msg_data {
      min-height: 387px; }
 }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .coverageMapWrapper svg {
      margin-top: -62px;
      margin-bottom: -60px; }

    .coverageMapWrapper #msg_data {
      min-height: 326px; }
 }
  @media screen and (max-width: 1280px) and (min-width: 1025px) {
    .coverageMapWrapper svg {
      margin-top: -62px;
      margin-bottom: -60px; }
 }
  @media screen and (max-width: 1365px) and (min-width: 1281px) {
    .coverageMapWrapper svg {
      margin-top: -130px;
      margin-bottom: -122px; }
 }
  @media screen and (max-width: 1600px) and (min-width: 1366px) {
    .coverageMapWrapper svg {
      margin-top: -74px;
      margin-bottom: -69px; }
 }
  @media screen and (min-width: 1601px) {
    .coverageMapWrapper svg {
      margin-top: -160px;
      margin-bottom: -154px; }
 }

/*# sourceMappingURL=coveragemap.css.map */