@media screen and (min-width:421px){
	#item{
		width: 420px;height: 420px;background-color: #f5f5f5;	
	}
	.process{
		position: relative;
		width: 420px;
		margin:0px auto;
	}
}
@media screen and (max-width:420px){
	#item{		
		width: 338px; height: 338px;  
	}
	.process{
		position: relative;
		width: 338px;
		margin:0px auto;	 
	}
}
@media screen and (max-width:321px){
	#item{		
		width: 290px; height: 290px;
		margin:2px 2px 0px 0px;
	}
	.process{
		position: relative;
		width: 290px;
		margin:0px auto;	 
	}
}
img#frame{
    z-index: 2;pointer-events: none;position: absolute;top: 0px;left: 0px;width: 100%;opacity: 1;
}
#step1 div{
    width: 120px;float:left;margin: 3px;
}
#step1 div img{cursor: pointer;}
#step1 div img{width: 100%;}
#step1::after{
    display: block;content: "";clear: both;float: none;
}
#rotLeft, #rotRight{
    bottom: 0;z-index: 1000;position: absolute;
}
 
#rotLeft{left:0;}
#rotRight{right:0;}