@charset "utf-8";

#map .tile {width: 1.45%;opacity: 0;}
#map .person { width: 5.15%; margin-left: -1.9%; margin-top: 1.5%;}
#map .object-near{opacity: 0;}


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

#map .building_1{ left: 49.6%; top: 11.95%; width: 32.4%; z-index: 436;}
#map .building_2{ left: 49.57%; top: 28.87%; width: 3.58%; z-index: 395;}

#map .gate{left: 37.4%; top: 62.2%; width: 13.25%; z-index: 521;}

#map .plant_1{ width: 9.93%; left: 42.96%; top: 56.5%; z-index: 499;}
#map .plant_2{ left: 20.61%; top: 56.52%; z-index: 502; width: 2.62%;}



#map .object_1{width: 6.96%;}
#map .object_1.object_1_1{ left: 29.07%; top: 53.19%; z-index: 477;}
#map .object_1.object_1_2{ left: 36.2%; top: 47.71%; z-index: 472;}
#map .object_1.object_1_3{ left: 34.77%; top: 57.5%; z-index: 491;}
#map .object_1.object_1_4{ left: 41.9%; top: 52.03%; z-index: 486;}
#map .object_2{ width: 4.7%; left: 47.33%; top: 36.85%; z-index: 404;}
#map .object_3{ width: 2.95%;}
#map .object_3_1{ left: 52.37%; top: 41.16%; z-index: 417;}
#map .object_3_2{ left: 55.13%; top: 43.23%; z-index: 429;}
#map .object_4{ width: 13.2%; left: 59.45%; top: 43.35%; z-index: 452;}
#map .object_5{ width: 2.8%; left: 44.5%; top: 38.35%; z-index: 436;}


#map .pin{width: 1.3%;}
#map .pin.pin_9{ left: 44.9%;   top: 36.0%;   z-index: 438; }
#map .pin.pin_10{ left: 67.1%; top: 49.15%; z-index: 455;}
#map .pin.pin_eter{ left: 75.05%; top: 45.7%; z-index: 520; width: 6.9%;}
#map .pin.pin_exit{ left: 38.5%; top: 73.5%; z-index: 593; width: 6%;}

#map .tt_box{width: 8%;}
#map .tt_box.tt_box_1{left: 45.7%; top: inherit; bottom: 65%; z-index: 438;}
#map .tt_box.tt_box_2{left: 67.8%; top: inherit; bottom: 51.5%; z-index: 455;}




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