html {
  height: 100%;
}
body {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 50%;
  font-weight: 400;
  width: auto;
  min-width: 1040px;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body .overlay-black {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
body .contact-msg-box {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  display: none;
  width: 480px;
  height: 168px;
  margin-top: -84px;
  margin-left: -240px;
}
body .contact-msg-box .close-btn {
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  cursor: pointer;
  text-align: center;
}
body .contact-msg-box .close-btn:hover {
  font-size: 1.2em;
}
body .contact-msg-box .data,
body .contact-msg-box .technical {
  float: left;
  width: 199.2px;
  height: 128px;
  margin: 20px 0;
  padding: 0 20px;
}
body .contact-msg-box .data h4,
body .contact-msg-box .technical h4 {
  font: bold 1.8em 'Open Sans Condensed';
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
body .contact-msg-box .data div,
body .contact-msg-box .technical div {
  font-size: 1.4em;
  line-height: 2.6em;
  margin: 0 20px;
  text-align: center;
}
body .contact-msg-box .data div a,
body .contact-msg-box .technical div a {
  text-decoration: none;
}
body.full-screen .page-description {
  display: none!important;
}
body.fullscreen .page-description {
  display: none!important;
}
.header {
  max-height: 80px;
  margin-left: 213.6px;
}
.header .page-tittle,
.header .page-title {
  float: left;
  overflow: hidden;
  width: 213.6px;
  height: 80px;
  margin-left: -213.6px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}
.header .page-tittle a,
.header .page-title a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 176px auto;
}
.header .page-description.normal {
  display: none;
}
.header .page-description {
  font-size: 1.3em;
  bottom: 0;
  float: left;
  height: 80px;
  padding: 0 160px 0 6.4px;
  background-repeat: no-repeat;
  background-position: 67.2px center;
}
.header .page-description div {
  overflow: auto;
  max-height: 74.4px;
  margin-right: 20px;
  padding: 6.4px 20px 12px 20px;
}
.header .page-description div h1 {
  font-family: 'Open Sans Condensed', 'Open Sans Condensed Light';
  font-size: 14.4px;
  font-weight: 600;
  line-height: 38.4px;
  margin: 0;
  padding: 0;
}
.header .page-description div img {
  vertical-align: middle;
}
.header .Friendly-Links-contianer {
  position: absolute;
  z-index: 98;
  top: 0;
  right: 64px;
  width: 96px;
  padding-top: 6.4px;
}
.header .Friendly-Links-contianer h1 {
  font-family: 'Open Sans Condensed', 'Open Sans Condensed Light';
  font-size: 11.2px;
  font-weight: 600;
  line-height: 19.2px;
  margin: 0;
  padding: 0;
}
.header .Friendly-Links-contianer span a {
  line-height: 14.4px;
  display: block;
}
.header .Friendly-Links-contianer img {
  vertical-align: middle;
}
.warp {
  position: relative;
  height: 648px;
  margin-left: 214.4px;
}
.warp .menu-side-bar {
  position: relative;
  float: left;
  overflow: visible;
  box-sizing: border-box;
  width: 213.6px;
  height: 100%;
  margin-left: -214.4px;
}
.warp .menu-side-bar .page-tittle,
.warp .menu-side-bar .page-title {
  overflow: hidden;
  width: 213.6px;
  height: 80px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}
.warp .menu-side-bar .page-tittle a,
.warp .menu-side-bar .page-title a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 176px auto;
}
.warp .menu-side-bar .page-tittle h1,
.warp .menu-side-bar .page-title h1 {
  font-family: 'open sans condensed';
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.4em;
  display: block;
  margin: 0;
  margin-top: 0;
  padding: 0;
  padding-top: 8px;
}
.warp .menu-side-bar .page-tittle span,
.warp .menu-side-bar .page-title span {
  font-family: 'open sans condensed';
  font-size: 1.4em;
  font-weight: 600;
}
.warp .menu-side-bar ul {
  width: 213.6px;
  margin: 0;
  padding: 0;
}
.warp .menu-side-bar ul li {
  display: block;
  height: 36px;
  margin: 0;
  padding: 0;
}
.warp .menu-side-bar ul li div {
  font-family: 'open sans condensed';
  font-size: 1.6em;
  font-weight: 600;
  line-height: 36px;
  height: 36px;
  padding-left: 64.4px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 40px center;
}
.warp .menu-side-bar ul li.active div {
  font-size: 1.8em;
  font-weight: bold;
  background: none;
}
.warp .menu-side-bar .other-info {
  font-size: 1.4em;
  line-height: 4.5em;
  position: absolute;
  bottom: 1em;
  width: 100%;
  text-align: center;
}
.warp .menu-side-bar .copyright {
  font-size: .9em;
  line-height: 2.0em;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.warp .menu-side-bar .hover-status {
  position: absolute;
  z-index: 999;
}
.warp .menu-side-bar .inner-container {
  position: absolute;
  width: 213.6px;
  height: 100%;
}
.warp .menu-side-bar .left-menu-toggle-btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 25.6px;
  height: 40px;
  margin-top: -20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 13.6px center;
  webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.warp .menu-side-bar .left-arrow {
  right: -12px;
  background-position: 13.6px center;
  webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.warp .menu-side-bar.hover-status {
  position: absolute;
  z-index: 999;
}
.warp .map {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 800px;
}
.warp .map .tap-menu-container {
  position: relative;
}
.warp .map .page-description {
  font-size: 1.3em;
  min-height: 80px;
  padding: 0 160px 0 6.4px;
  background-repeat: no-repeat;
  background-position: 67.2px center;
}
.warp .map .page-description div {
  padding: 0 24px 8px 24px;
}
.warp .map .page-description div h1 {
  font-family: 'Open Sans Condensed', 'Open Sans Condensed Light';
  font-size: 14.4px;
  font-weight: 600;
  line-height: 38.4px;
  margin: 0;
  padding: 0;
}
.warp .map .page-description div img {
  vertical-align: middle;
}
.warp .map .page-description.normal {
  display: none;
}
.warp .map div.active {
  display: block;
}
.warp .map .level1-container {
  font-size: 10.4px;
  display: none;
}
.warp .map .level1-container .level1 {
  font-size: 9.6px;
  line-height: 20px;
  display: block;
  height: 20.8px;
  margin: 0;
  padding: 0;
}
.warp .map .level1-container .level1 li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
}
.warp .map .level1-container .level1 li:hover,
.warp .map .level1-container .level1 li.active {
  cursor: pointer;
}
.warp .map .level2-container {
  display: none;
}
.warp .map .level2-container .level2 {
  width: 100%;
  height: 19.2px;
  margin: 0;
  padding: 0;
}
.warp .map .level2-container .level2 li {
  line-height: 16.8px;
  display: block;
  float: left;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
}
.warp .map .level2-container .level2 li:hover,
.warp .map .level2-container .level2 li.active {
  font-weight: bold;
  cursor: pointer;
}
.warp .map .ushow-map {
  position: relative;
  margin-right: 240px;
}
.warp .map .ushow-map #uGRIDDFrame {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: white;
}
.warp .fly2-sidebar {
  font-size: 9.6px;
  line-height: 24px;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 239.2px;
  height: 100%;
  margin-right: -240px;
}
.warp .fly2-sidebar .category-selector {
  font-size: 10.4px;
  line-height: 25.6px;
  position: relative;
  overflow: visible;
  height: 25.6px;
  margin: 24px 12px 12px 12px;
  padding: 0 0;
  text-align: center;
}
.warp .fly2-sidebar .category-selector div {
  display: none;
  cursor: pointer;
}
.warp .fly2-sidebar .category-selector div.current {
  display: block;
}
.warp .fly2-sidebar .category-selector .icon-arow-down {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 6.4px;
  display: block;
  width: 25.6px;
  height: 25.6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.warp .fly2-sidebar .fly-to-container {
  overflow-x: hidden;
  overflow-y: auto;
}
.warp .fly2-sidebar .fly-to-container table td {
  padding: 0 0 0 20px;
}
.warp .fly2-sidebar .fly-to-container table td a {
  line-height: 12.8px;
  display: block;
  padding: 6.4px 0;
  cursor: pointer;
  text-decoration: none;
}
.warp .fly2-sidebar .fly-to-container table td a:hover {
  color: #000;
}
.warp .fly2-sidebar .handler {
  position: absolute;
  z-index: 99;
  bottom: 50%;
  left: -25px;
  display: block;
  width: 0;
  height: 120px;
  margin-bottom: -60px;
  padding: 12px 12px;
  cursor: pointer;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}
.warp.no-menu-bar .map ul.menu {
  font-size: 1.3em;
  line-height: 2em;
  display: block;
  height: 2.1em;
  margin: 0;
  padding: 0;
}
.warp.no-menu-bar .map ul.menu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
  cursor: pointer;
}
.warp.no-menu-bar .map .level1-container {
  display: none;
}
.warp.no-menu-bar .map .level1-container .level1 {
  width: 100%;
  height: 19.2px;
  margin: 0;
  padding: 0;
}
.warp.no-menu-bar .map .level1-container .level1 li {
  line-height: 16.8px;
  display: block;
  float: left;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
}
.warp.no-menu-bar .map .level1-container .level1 li:hover,
.warp.no-menu-bar .map .level1-container .level1 li.active {
  font-weight: bold;
  cursor: pointer;
}
.warp.no-menu-bar .map div.active {
  display: block;
}
.clear {
  clear: both;
}
.location-sync {
  font-size: 9.6px;
  line-height: 19.2px;
  position: absolute;
  z-index: 94;
  right: 0;
  bottom: 0;
  padding: 1.6px 0 0 6.4px;
}
.location-sync .toggle {
  display: inline-block;
  width: 24.8px;
  height: 15.2px;
  margin: 0 7.2px;
  cursor: pointer;
  vertical-align: text-bottom;
  background-position: 0 15.2px;
  background-size: 100% auto;
}
.location-sync .toggle.active {
  background-position: 0 0;
}
.map .map-function-bar {
  position: absolute;
  top: 12px;
  right: 24px;
  height: 25.6px;
}
.map .map-function-bar div {
  float: left;
  width: 25.6px;
  height: 25.6px;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  background-repeat: no-repeat;
  background-size: auto 60%;
}
.map .map-function-bar div:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #000;
}
.map .map-function-bar div.current-location {
  background-position: 4px center;
}
.map .map-function-bar div.reset-map {
  background-position: -28.5px center;
}
.map .map-function-bar div.full-screen {
  background-position: -60px center;
}
.map .map-function-bar div.full-screen.exit {
  background-position: -92px center;
}
.map .map-function-bar.has-over-lay {
  width: 102.4px;
}
.map .map-function-bar.has-over-lay div.over-lay {
  display: block;
}
/*------ overlay button begin --------*/
.map .map-function-bar div.over-lay {
  display: none;
}
.map .map-function-bar div.over-lay {
  background-position: -120.8px 6.4px;
}
.map .map-function-bar div.over-lay:hover,
.map .map-function-bar div.over-lay.active {
  background-position: center center;
}
/*------ overlay button end --------*/
.powered-container {
  line-height: 17.6px;
  position: absolute;
  right: 0;
  bottom: 10.4px;
  width: 240px;
  padding: 6.4px 0;
  text-align: center;
}
a.home,
a.help {
  position: absolute;
  top: 0;
  display: block;
  width: 22.4px;
  height: 19.2px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
}
a.home {
  right: 9.6px;
}
a.help {
  right: 36.8px;
}
.bottom-alert-box {
  font-size: 1.8vh;
  line-height: 150%;
  position: fixed;
  bottom: 0;
  left: 50%;
  box-sizing: border-box;
  width: 50%;
  min-width: 280px;
  margin-left: -25%;
  padding: 1%;
  border-top: 2.4px solid #35bdff;
  background-color: #FFF;
  box-shadow: 0 1vh 1vh rgba(0, 0, 0, 0.5);
}
.bottom-alert-box div {
  float: left;
  width: 90%;
}
.bottom-alert-box .ignore-btn {
  line-height: 250%;
  top: 50%;
  float: right;
  width: 10%;
  content: 'Ignore';
  cursor: pointer;
  text-align: center;
  color: #FFF;
  background-color: #35BDFF;
}