@charset "utf-8";

.n64_box:before,
.n64_box:after {
	content:"";
  	position:absolute;
  	z-index:-1;
  	bottom:10px;
  	left:10px;
  	width:50%;
  	height:20%;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 1);
	transform:rotate(-3deg); }
.n64_box:after{ right:10px; left:auto; transform:rotate(3deg); }
.n64_box { position: relative; transform-style:preserve-3d; }
.n64_box div { position: absolute; overflow:hidden;  }
.n64_box {  transition:transform 1s ease-in; transform:rotateY(-220deg); }
.n64_box_flip { transform:rotateY(-40deg); }
.n64_box { width:200px; height:140px; }
.n64_back { width:200px; height:140px; }
.n64_back2 { width:140px; height:200px; }
.n64_front { width:200px; height:140px; }
.n64_front2 { width:140px; height:200px; }
.n64_left, .n64_right { width:40px;  height:140px; }
.n64_left2, .n64_right2 { width:40px;  height:200px; }


.n64_right { transform: rotateY(-270deg) translateX(20px) translateZ(160px); transform-origin:top right; }
.n64_right2 { transform: rotateY(-270deg) translateX(20px) translateZ(130px); transform-origin:top right; }
.n64_left 	{ transform: rotateY(270deg) translateX(-20px) translateZ(0px); transform-origin:center left; }
.n64_left2 	{ transform: rotateY(270deg) translateX(-20px) translateZ(-30px); transform-origin:center left; }
.n64_front	{ transform: translateZ(20px); }
.n64_front2	{ transform: translateX(30px) translateZ(20px); }
.n64_back 	{ transform: translateZ(-20px) rotateY(180deg); }
.n64_back2	{ transform: translateZ(-20px) translateY(0px) translateX(30px) rotateY(180deg);}