



.img-container{	
	position:relative;
	display:inline-block;	
}


#calcDiv{	
width: 30%;
height: 30%;
float: left;
color: red;
font-size: 1vw;
background-color: powderblue;
}
#calcDiv2{	
width: 35%;
height: 70%;
float: right;
color: red;
font-size: 1vw;
background-color: powderblue;
}


#mjh{	
position: absolute;
    left: 15%;
    top: 46.5%;
    /* height: 100%; */
    width: 40%;
	z-index:2;
}
#mjv{	
position: absolute;
    right: 79%;
    top: 7.7%;
    height: 45%;
    /* width: 30%;*/
	z-index:2;
}
#mjvprt{	
position: absolute;
    left: 11%;
    top: 41.2%;
    height: 38%;
    width: 10%;
    z-index: 1;
}
#vernier{
position: absolute;
width:100%;
right: 0%;
top: 0.2%;
z-index: 2;
}

#mmgauge{
position: absolute;
    left: 110%;
    top: 99.5%;
	width: 7%;
    height: 6%;
	z-index:2;
}
#mmgaugeT{
position: absolute;
    left: 78%;
    top: 99.5%;
}

#gear{
position: absolute;
    left: 5%;
    top: 91.5%;
    width: 70%;
	z-index:2;
}
#gear2{
position: absolute;
    left: 5%;
    top: 91.5%;
    width: 70%;
	z-index:2;
	 /* transform: rotate(349deg); */
}
#geart{
position: absolute;
    left: 33%;
    top: 182.5%;
    /* font-size: 1vw; */
    color: blue;
}
#gauget{
position: absolute;
    left: 93%;
    top: 91.5%;
    width:40%;
    color: blue;
}

#rotategear{	
position: absolute;
    left: 70%;
    top: 69.2%;
}
#movehorijaw{	
position: absolute;
    left: 70%;
    top: 69.2%;
}
#moveverjaw{	
position: absolute;
    left: 70%;
    top: 69.2%;
}

/*------index2.html-----*/

#fmfixed{
position: absolute;
    width: 35%;
    right: 52%;
    top: 24.2%;
    z-index: 1;
}

#fmls{
position: absolute;
    width: 36%;
    height: 10%;
    right: 17%;
    top: 49.7%;/*25.7%; */
    z-index: 2;
}
#fmmv{
position: absolute;
    width: 6%;
    height: 13%;
    right: 60%;
    top: 47.7%;/*25.7%; */
    z-index: 2;
}
#cscale{
position: absolute;
    width: 29%;
    height: 14%;
    right: 16.2%;
    top: 47.8%;/*23.8%;*/
    z-index: 4;
}
#ratchet{
position: absolute;
    width: 11%;
    height: 11%;
    right: 6%;
    top: 50%;/*25%;*/
    z-index: 3;
}
#gatis{
position: absolute;
    width: 3%;
    height: 11%;
    right: 15%;
    top: 50%;/*25%;*/
    z-index: 3;
}
/*-common part--*/

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
tr:nth-child(even) {
  background-color: #D6EEEE;
}  
tr:nth-child(odd) {
  background-color: #F0FBCC;
} 