.zoom1.mapWrapper{
	width:1000%; /*700 150% 3000*//*movement area*/
	left: -700%;
}
.zoom2.mapWrapper{
	width:750%; /*700 150% 3000*//*movement area*/
	left: -325%;
}
.zoom3.mapWrapper{
	width:420%; /*700 150% 3000*//*movement area*/
	left: -200%;/*left: -25%;*/
}
.mapWrapper{
	position: relative;
	height: 2200px; /*movement area*/
	top: 0px;
	text-align: center;
	/*border: 1px solid #F00;*/
	z-index: 0;
}
.map{
	position: absolute;
	width: 30%;/*80 10*/
	height: auto;
	overflow: hidden;
}
.map img,
.balloon-1 img,
.balloon-2 img,
img.car{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.map>.shop{
	background-color: transparent;/*#000;*/
	opacity: 1;
	width: 19%;
	height: 10%;
	top: 0px;
	cursor: pointer;
	z-index: 0;
}
.map>.shop.edit{
	background-color: #000;
}
.map>.shop>.hints{
	opacity: 0;
	/*max-width:120px;
	display: none;
	border: 2px solid #000;*/
	max-width: 180px;
	text-align: center;
	padding: 0 5px;
}
.map>.shop>.hints.current,
.map>.shop>.hints.on{
	/*background-color: #FFF;
	color: #000;*/
	/*border: 2px solid #FFF;*/
	background-color: #FFF;
	border: 2px solid #000;
}
.hints > h5{margin-top: 0; margin-bottom: 3px; color: #000; cursor:pointer;}
.hints > h6{margin: 0; color: #666; font-size: 11px; cursor:pointer;}
.map>a.noLink.shop,
.map>a.noLink.shop .hints > h5,
.map>a.noLink.shop .hints > h6{
	cursor: default;
}

/*.whiteGlow{text-shadow: 
-3px 0px 10px #FFF,
3px 0px 10px #FFF,
0px 0px 10px #FFF,
-3px -3px 10px #FFF,
3px -3px 10px #FFF,
0px -3px 10px #FFF,
-3px 3px 10px #FFF,
3px 3px 10px #FFF,
0px 3px 10px #FFF;
}*/
.whiteGlow{text-shadow: 
-3px 0px 0px #FFF,
3px 0px 0px #FFF,
0px 0px 0px #FFF,
-3px -3px 0px #FFF,
3px -3px 0px #FFF,
0px -3px 0px #FFF,
-3px 3px 0px #FFF,
3px 3px 0px #FFF,
0px 3px 0px #FFF;
}

.map>.shop.on>.hints> h6,
.map>.shop.on>.hints> h5{
	color: #EC404E;
}
.map>.shop.on{
	z-index: 10;
}

.zoom3.mapWrapper .hints > h5{
	font-size: 9px;
}
.zoom2.mapWrapper .hints > h5,
.zoom1.mapWrapper .hints > h5{
	font-size: 11px;
}

.map>.shop.blockA>.hints{
	text-align: right;
}
.map>.shop.blockB>.hints{
	text-align: left;
}
.map>.shop.blockA.floor_G>.hints,
.map>.shop.blockB.floor_G>.hints{
	text-align: center;
}

.zoom1 .map>.shop>.hints,
.zoom2 .map>.shop>.hints{
	display: block;
	opacity: 0;
}
#customMap>.loadingCover{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #333;
	opacity: 0.3;
}

#miniMapContainer{
	width:244px; /*122/183px*/
	height:144px;/*72/108px*/
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 5px;
	bottom: 5px;
	border: 2px #FFF solid;
	opacity: 0;
}
#miniMapWrapper{
	overflow: hidden;
	left: -284px;/*-213px/-142px;*/
	top: -360px;/*-270px/-180px;*/
}
#miniMapWrapper,#miniMap{
	width: 813px;/*610px / 406px;*/
	height: 864px;/*648px/432px;*/
}
#miniMap>img{
	position: absolute;
	width: 30%;/*80 10*/
	height: auto;
	/*left: 35%;
	top: 41.6%;*/
}
#miniMap>.bounds{
	border: 3px solid #EC404E;
	width: 13.8%;
	height: 9.36%;
	left: 42.529529%;
	top: 46.023103%;
}
#mapModule{
	width: 894px;
	height: 633px;
	border: 2px solid #FFF;
	margin: 0 auto;
	position:relative;
}

#mapModule.simple{width:838px;}
#mapControl{
	width: 56px;
	height: 100%;
	border-left: 2px #FFF solid;
}
#mapControl>.directionControl, #mapControl>.zoomControl{
	height: 80px;
	width: 100%;
	border-bottom: 2px solid #FFF;
}
#mapControl>.floorControl .btn{
	padding: 6px 0px 2px;
	font-size: 30px;
	background: transparent;
	border: none;
}
#mapControl>.floorControl .btn>.normal,
#mapControl>.floorControl .btn.on>.selected{
	display:inline;
}
#mapControl>.floorControl .btn.on>.normal,
#mapControl>.floorControl .btn>.selected{
	display: none;
}
#mapControl>.directionControl .btn{
	position: absolute;
	padding: 2px;
	background: transparent;
	border: none;
}
#mapControl>.zoomControl .btn{
	background: transparent;
	border: none;
}
#zoomIn[data=""],
#zoomOut[data=""] {
    opacity: 0.1;
}


/*Street name*/
.aberdeen-st{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	background-image: url("../assets/aberdeen-street_en.gif");
	background-repeat: no-repeat;
	width: 134px;
	height: 11px;
	bottom: -32px;
	left: 380px;
}
.hollywood-st{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	background-image: url("../assets/hollywood-road_en.gif");
	background-repeat: no-repeat;
	width: 11px;
	height: 133px;
	right: -30px;
	top: 250px;
}
.staunton-st{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	background-image: url("../assets/staunton-street_en.gif");
	background-repeat: no-repeat;
	width: 11px;
	height: 132px;
	left: -30px;
	top: 250px;
}
.shing-wong-st{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	background-image: url("../assets/shing-wong-street_en.gif");
	background-repeat: no-repeat;
	width: 148px;
	height: 11px;
	top: -32px;
	left: 373px;
}

.aberdeen-st.ch{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/aberdeen-street_ch.gif");
	background-repeat: no-repeat;
	width: 56px;
	height: 13px;
	bottom: -32px;
	left: 419px;
}
.hollywood-st.ch{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/hollywood-road_ch.gif");
	background-repeat: no-repeat;
	width: 13px;
	height: 57px;
	right: -30px;
	top: 288px;
}
.staunton-st.ch{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/staunton-street_ch.gif");
	background-repeat: no-repeat;
	width: 13px;
	height: 56px;
	left: -30px;
	top: 288px;
}
.shing-wong-st.ch{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/shing-wong-street_ch.gif");
	background-repeat: no-repeat;
	width: 43px;
	height: 13px;
	top: -32px;
	left: 425px;
}

.aberdeen-st.zh{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/aberdeen-street_zh.gif");
	background-repeat: no-repeat;
	width: 56px;
	height: 13px;
	bottom: -32px;
	left: 419px;
}
.hollywood-st.zh{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/hollywood-road_zh.gif");
	background-repeat: no-repeat;
	width: 13px;
	height: 57px;
	right: -30px;
	top: 288px;
}
.staunton-st.zh{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/staunton-street_zh.gif");
	background-repeat: no-repeat;
	width: 13px;
	height: 56px;
	left: -30px;
	top: 288px;
}
.shing-wong-st.zh{
	z-index: 10;
	position: absolute;
	background-image: url("../assets/shing-wong-street_zh.gif");
	background-repeat: no-repeat;
	width: 43px;
	height: 13px;
	top: -32px;
	left: 425px;
}
/*entrance button*/
.entrance{
	width: 15%;
	height: 24%;
	top: 56%;
	left: 40.5%;
}
.entrance .normal{
	opacity: 0.8;
	max-width: 100%;
	left: 0%;
	top: 0%;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.entrance .hover{
	opacity: 0;
	max-width: 100%;
	left: 0%;
	top: 0%;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.entrance:hover  .normal{
	opacity: 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.entrance:hover .hover{
	opacity: 0.8;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*animated element*/
#runningtaxi{
	left: -11%;
	top: 75%;
	width: 10%;
	height: 10%;
	/*background-color: #F00;*/
}

.balloon-1{
	left: 52%;
	top: 29%;
	width: 3.5%;
	height: 7%;
	/*background-color: #0F0;*/
}
.balloon-2{
	left: 55%;
	top: 41%;
	width: 3.5%;
	height: 7%;
	/*background-color: #00F;*/
}
.car{
	left:0px;
	top: 0px;
	display: none;
}
.bird{
	left: -5%;
	top: 0%;
	width: 2%;
	height: 2%;
	display: block;
}
.bird.flyToRight .right,
.bird.flyToLeft .left{
	display: block;
}
.bird.flyToRight .left,
.bird.flyToLeft .right{
	display: none;
}