@-ms-viewport {
  width: device-width; }

@media only screen and (min-device-width: 800px) {
  html {
    overflow: hidden; } }

* {
  padding: 0;
  margin: 0; }

html {
  height: 100%; }

body {
  height: 100%;
  overflow: hidden; }

div#tourDIV {
  height: 100%;
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

main {
  height: 100%; }

div#panoDIV, div#panoDIV2 {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.instruction_box, .privacy_set_box, .measure_box, .moviemake_box, .information_box, .moviecomplete_box {
  z-index: 2500;
  display: none; }

#videodownload {
  text-decoration: underline;
  cursor: pointer; }

.videopos {
  z-index: 2;
  display: none;
  width: 640px;
  height: 360px; }

#layer-div table tr td > i.active, #layer-div table tr td > i:hover {
  color: #f07281; }

#layer-div table tr td > i.disabled {
  cursor: not-allowed;
  color: #c7bfc0; }

#deleteConfirm {
  position: absolute;
  z-index: 3000;
  background-color: rgba(249, 249, 249, 0.4);
  display: none;
  width: 100%;
  height: 100%; }

#imgSave {
  display: none; }

aside li.disabled:hover {
  background-color: rgba(97, 97, 97, 0.726); }

#map {
  position: absolute;
  bottom: 20px;
  left: 120px;
  width: 150px;
  height: 115px;
  border: 5px solid white;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  background-color: white;
  z-index: 2009; }
  #map .custom-map-tool {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 1.7em;
    z-index: 1; }
  #map .custom-map-tool2 {
    position: absolute;
    bottom: 0em;
    z-index: 1; }
  #map i {
    font-size: 22px; }
  #map .basemap {
    display: none;
    position: absolute;
    left: 2em;
    bottom: 1em;
    width: 180px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 7px;
    border-radius: 3px;
    color: white; }
    #map .basemap label {
      display: block; }
      #map .basemap label input[type='radio'] {
        margin-right: 5px; }
    #map .basemap:after {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-right-color: rgba(0, 0, 0, 0.7);
      border-width: 7px;
      margin-top: -7px; }

#path.active, #layer-div table tr td > i#path:hover {
  background-color: #1b6cd6; }

#picDate {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: white;
  padding: 2px 5px;
  border-radius: 20px;
  opacity: 0.5;
  font-weight: 600; }
  #picDate:hover {
    opacity: 1; }