.a1 {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-transform-style: preserve-3d; 
}

.a2 {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	-webkit-transform-style: preserve-3d; 
}

.a3 {
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
	-webkit-transform-style: preserve-3d; 
}

.a0 {
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	-webkit-transform-style: preserve-3d; 
}


body {
	overflow:hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	background-color:#d1cab8;
}
html { height: 100%}

.catalog_product { float:left; margin-top:1.3%; margin-left:-88.5%; width:10%; }
.catalog_image { float:left; margin-bottom:1px; width:100%;}
.catalog_height { float:left; height:25.4%;}



.main { float:left; width:100%; }
.left { float:left; height:100% z-index:411111;  background-size:100%;  background-repeat:no-repeat; }
.right { float:left; background-color:#F00; z-index:1000; }

ul {  list-style: none; width:100%; }
li { margin-right:2px; }



.floor { float:left;z-index:119;width:100%;height:100%; margin-left:-4%;position: relative;-webkit-transition: all 300ms ease-in;}
   
#div_100
{
	float:left;
	width:100%;
}  
.li:before {
    bottom: auto;
    top: -20px;
    -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
}​
.img_floor { float:left;}
.ulscroll { float:left; overflow-y: scroll;  height:90%; width:90%;}

#black_div_bottom {float:left; width:103%; margin-left:-2%;  height:550px; background-color:#000;}

#floorimage { float:left;width:100%; }

@media only screen and (min-width: 640px) {
	
	.hide_show {float:right;  width:7%; height:20px;  position:absolute;   z-index:30; margin-left:91%; margin-top:5px;  }
	.manage { float:left;  width:81%; height:30px;  position:absolute;   z-index:30; margin-left:2%; background-color:#39F; padding-left:1%; display:none;}
	.img_floor {width:70px; margin-bottom:3px; margin-left:-20%;}
	.product_list { float:left; background-color:#000; height:100%; display:none; position:absolute;  margin-left:85%; width:15%; z-index:25;  }
	.ulscroll { float:left; overflow-y: scroll;  height:90%; width:90%;}
	#floorimage { float:left;width:100%; }
}
@media only screen and (min-width: 800px) {
	
	.hide_show {float:right;  width:5%; height:20px;  position:absolute;   z-index:30; margin-left:96%; margin-top:5px;  }
	.manage { float:left;  width:81%; height:30px;  position:absolute;   z-index:30; margin-left:2%; background-color:#39F; padding-left:1%; display:none;}
	.img_floor {width:130px; margin-bottom:3px; margin-left:-20%;}
	.product_list { float:left; background-color:#000; height:100%; display:none; position:absolute;  margin-left:85%; width:15%; z-index:25;  }	
	.ulscroll { float:left; overflow-y: scroll;  height:90%; width:90%;}
#floorimage { float:left;width:100%; }
}

@media only screen and (min-width: 960px) {
	
	.hide_show {float:right;  width:5%; height:20px;  position:absolute;   z-index:30; margin-left:96%; margin-top:5px;  }
	.manage { float:left;  width:81%; height:30px;  position:absolute;   z-index:30; margin-left:2%; background-color:#39F; padding-left:1%; display:none;}
	.img_floor {width:130px; margin-bottom:3px; margin-left:-20%;}
	.product_list { float:left; background-color:#000; height:100%; display:none; position:absolute;  margin-left:85%; width:15%; z-index:25;  }
	.ulscroll { float:left; overflow-y: scroll;  height:90%; width:90%;}
	#floorimage { float:left;width:100%; }
}
@media only screen and (min-width: 1024px) {
	
	.hide_show {float:right;  width:5%; height:20px;  position:absolute;   z-index:30; margin-left:96%; margin-top:5px;  }
	.manage { float:left;  width:81%; height:30px;  position:absolute;   z-index:30; margin-left:2%; background-color:#39F; padding-left:1%; display:none;}
	.img_floor {width:130px; margin-bottom:3px; margin-left:-20%;}
	.ulscroll { float:left; overflow-y: scroll;  height:90%; width:90%;}	
}
@media only screen and (min-width: 1280px) {
	.hide_show {float:right;  width:7%; height:20px;  position:absolute;   z-index:30; margin-left:94%; margin-top:5px;  }
	.manage { float:left;  width:9%; height:100%;  position:absolute;   z-index:30; margin-left:1%; background-color:#39F; padding-left:1%; display:block;}
	.img_floor {width:115px; margin-bottom:3px; margin-left:-33%;}
	
	.product_list { float:left; background-color:#666; height:100%; display:block; margin-top:30px; position:absolute;  margin-left:89%; width:12%; z-index:25;  }
	.ulscroll { height:90%; width:68%; margin-left:-20%;}
	#floorimage { float:left;width:100%; margin-left:26%; }
}

@media only screen and (min-width: 1824px) {
	
	.hide_show {float:right;  width:2%; height:20px;  position:absolute;   z-index:30; margin-left:95%; margin-top:5px;  }
	.manage { float:left;  width:81%; height:30px;  position:absolute;   z-index:30; margin-left:2%; background-color:#39F; padding-left:1%; display:none;}
	.img_floor {width:185px; margin-bottom:3px; margin-left:-12%;}
	.product_list { float:left; background-color:#000; height:100%; display:block; position:absolute;  margin-left:85%; width:15%; z-index:25;  }
	#floorimage { float:left;width:100%; }
	
}