@charset "utf-8";

#map .tile {width: 0.993%;opacity: 0;}
#map .person { width: 3.35%; margin-left: -1.1%; margin-top: 1.05%;}
#map .object-near{opacity: 0;}


#map img.bg { left: 8.35%; top: 3.75%; width: 85%; }

#map .building_1{ left: 59.78%; top: 6.8%;width: 19%; z-index: 465; }
#map .building_1_2{ z-index: 502;}
#map .building_2{ left: 44.53%; top: 66.9%; z-index: 517; width: 10.41%;}
#map .building_3{ left: 23.4%; top: 37.39%; z-index: 488; width: 33.5%;}
#map .building_4{ left: 57.6%; top: 64.61%; z-index: 503; width: 4.17%;} 

#map .gate{left: 54.55%; top: 68.66%;  width: 4.88%;}
#map .gate_1_1{z-index: 509; }
#map .gate_1_2{ z-index: 507;}
#map .gate_1_3{ z-index: 510;}


#map .tree_1{ left: 76.97%; top: 54.4%; z-index: 499; width: 4.25%;}
#map .tree_2{ left: 57.05%; top: 58.2%; z-index: 494; width: 4.2%;}
#map .tree_3{ width: 2.6%;}
#map .tree_3.tree_3_1{ left: 22.65%; top: 53.38%; z-index: 488; }
#map .tree_3.tree_3_2{ left: 27.0%; top: 56.74%; z-index: 491;}
#map .tree_4{ left: 56.02%; top: 55.71%; z-index: 478; width: 10.78%;}
#map .tree_5{ left: 53.04%; top: 49.21%; z-index: 461; width: 4.0%;}
#map .tree_6{ left: 59.03%; top: 44.94%; z-index: 455; width: 2.75%;}

#map .plants_1{width: 9.5%;}
#map .plants_1.plants_1_1{ left: 20.24%; top: 57.08%; z-index: 487;}
#map .plants_1.plants_1_2{ left: 34.15%; top: 67.75%; z-index: 500;}

#map .wall_1{ left: 46.28%; top: 74.72%; z-index: 522; width: 5.44%;}
#map .wall_2{ left: 63.25%; top: 63.94%; z-index: 480; width: 2.15%;}
#map .wall_3{ left: 44.51%; top: 39.96%; z-index: 417; width: 12.41%; }
#map .wall_5{ left: 29.65%; top: 47.4%; z-index: 427; width: 12.54%; }
#map .wall_6{ left: 23.39%; top: 47.19%; z-index: 485; width: 33.52%;}
#map .wall_6_2{ z-index: 442;}
#map .wall_7{ left: 35.93%; top: 37.5%; width: 20.95%; z-index: 426; }
#map .wall_7_2{ z-index: 460; }
#map .wall_7_3{ z-index: 447; }
#map .wall_8{ left: 36.41%; top: 41.89%; z-index: 425; width: 7.84%; }
#map .wall_9{ left: 50.34%; top: 52.74%; z-index: 479; width: 14.96%;}
#map .wall_10{ left: 50.51%; top: 44.05%; z-index: 444; width: 13.47%; }

#map .object_1{width: 4.48%;}
#map .object_1.object_1_1{ left: 24.38%; top: 49.54%; z-index: 452;}
#map .object_1.object_1_2{ left: 37.61%; top: 58.76%; z-index: 467;}
#map .object_2{ width: 5.15%; left: 30.5%; top: 49.03%; z-index: 490;}
#map .object_3{ width: 17.81%; left: 24.4%; top: 41.89%; z-index: 427;}
#map .object_4{ width: 19.15%; left: 37.6%; top: 51.3%; z-index: 484; }
#map .object_5{ width: 17.8%; left: 24.4%; top: 44.01%; z-index: 440;}
#map .object_6{ width: 4.47%; left: 51.51%; top: 37.55%; z-index: 404;}
#map .object_7{ width: 2.68%; left: 46.68%; top: 41.82%; z-index: 412;}
#map .object_8{ width: 1.29%; left: 50.18%; top: 41.24%; z-index: 410;}
#map .object_9{ width: 1.29%; left: 49.13%; top: 40.87%; z-index: 411;}
#map .object_10{ width: 1.58%; left: 70.17%; top: 61.4%; z-index: 507;}


#map .object_11{ width: 5.67%; left: 37.47%; top: 47.27%; z-index: 427;}
#map .object_12{ width: 1.38%; left: 39.44%; top: 50.6%; z-index: 432;}
#map .object_12_2{ left: 41.74%; top: 47.17%; z-index: 429;}
#map .object_13{ width: 1.9%; left: 40.86%; top: 44.48%; z-index: 427;}

#map .stairs_1{ width: 5.67%; left: 37.47%; top: 44.48%; z-index: 430;}

@keyframes move {
  0% {transform: rotateZ(0deg) scale(1) translateY(0px);}
  25% {transform: rotateZ(5deg) scale(1.2) translateY(-10px);}
  50% {transform: rotateZ(0deg) scale(1) translateY(0px);}
  75% {transform: rotateZ(-5deg) scale(1.2) translateY(-10px);}
  100% {transform: rotateZ(0deg) scale(1) translateY(0px);}
}
#map .flame_1{ width: 2.0%; left: 45.35%; top: 41.21%; z-index: 390; animation: move 2.5s ease-in-out infinite; }
#map .water_1{ width: 1.95%; left: 45.98%; top: 42.22%; z-index: 490;}


#map .car_1{ width: 3.5%; left: 60.4%; top: 66.25%; z-index: 500;}
#map .car_2{ width: 4.34%; left: 19.05%; top: 57.77%; z-index: 475;}
#map .car_3{ width: 4.23%; left: 45.15%; top: 51.6%; z-index: 443;}


#map .pin{width: 1%;}
#map .pin.pin_1{ left: 48.55%; top: 54.9%; z-index: 484;pointer-events: none; opacity: 0; transition: 0.5s;}
#map .pin.pin_2{ left: 64.9%; top: 44.6%; z-index: 593;}
#map .pin.pin_3{ left: 59.1%; top: 63.9%; z-index: 511;}
#map .pin.pin_4{ left: 41.0%; top: 43.54%; z-index: 427;pointer-events: none;opacity: 0; transition: 0.5s;}
#map .pin.pin_5{ left: 47.7%; top: 40.0%; z-index: 452;}
#map .pin.pin_6{ left: 53.08%; top: 36.45%; z-index: 406;}
#map .pin.pin_13{ left: 47.7%; top: 40.0%; z-index: 452;}
#map .pin.pin_14{ left: 49.9%; top: 43.0%; z-index: 423;}


#map .pin.pin_7{ left: 49.95%; top: 66.54%; z-index: 599; width: 3.5%;}
#map .pin.pin_8{ left: 64.9%; top: 56.54%; z-index: 500; width: 3.5%;}
#map .pin.pin_9{ left: 45.38%; top: 70.54%; z-index: 527; width: 4.3%;}

#map .pin.object-near{pointer-events: auto;opacity: 1; transition: 0.5s;}


#map .tt_box{width: 5%; }
#map .tt_box.tt_box_1{left: 49.1%; top: inherit; bottom: 45.6%; z-index: 484;}
#map .tt_box.tt_box_2{left: 65.4%; top: inherit; bottom: 55.9%; z-index: 593;}
#map .tt_box.tt_box_3{left: 59.5%; top: inherit; bottom: 36.7%;z-index: 511;}
#map .tt_box.tt_box_4{left: 41.5%; top: inherit; bottom: 57%; z-index: 466;}
#map .tt_box.tt_box_5{left: 46.25%; top: inherit; bottom: 59.5%; z-index: 452;}
#map .tt_box.tt_box_6{left: 53.55%; top: inherit; bottom: 63.0%; z-index: 406;}
#map .tt_box.tt_box_7{ left: 50.3%; top: inherit; bottom: 57.5%; z-index: 423;}




@media only screen and (max-width: 768px) {
	
	#map .tt_box{width: 10%;}
}