body
{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
::selection {background-color:transparent;}
#wrapper
{
	position:absolute;
	width:700px;
	height:700px;
	background-repeat:no-repeat;
	top:0px;
	left:0;
	right:0;
	background-color:#d58f69;
	margin:auto; -webkit-transform:scale(1); -webkit-transform-origin: center center;
}
.bg{position: relative;
left: 13px;
top: 14px; bottom:0; right:0;}
.full{position: absolute;
left: 336px;
top: 98px; bottom:0; right:0; z-index:50;}

.disImg_left{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
display:none;
}

.disImg_right{
position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
display:none;
}


	
/*
#left_light{
	position:absolute; width:239px; height:343px; left:69px; top:135px;
}
*/
.blue_left,.red_left,.violet_left,.yellow_left,.red_left,.green_left{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
	}
/*#right_light{position:absolute; width:227px; height:342px; left:395px; top:135px;}
*/
.blue_right,.red_right,.violet_right,.yellow_right,.red_right,.green_right{
position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

#controls{
position: absolute;
width: 679px;
height: 105px;
left: 324px;
top: 580px; z-index:60}

.up_left{position:absolute; width:16px; height:12px; background-image:url(../images/up.png); left:255px; top:35px;cursor:pointer;}
.up_left:hover{background-image:url(../images/up_hover.png);cursor:pointer;}
.down_left{position:absolute; width:16px; height:12px; background-image:url(../images/down.png); left:255px; top:60px;cursor:pointer;}
.down_left:hover{background-image:url(../images/down_hover.png);cursor:pointer;}
#left_display{-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;position:absolute; width:85px; height:20px; color:#00ff00; font-size:17px; text-align:center; left:153px; top:37px;}


.up_right{position:absolute; width:16px; height:12px; background-image:url(../images/up.png); left:545px; top:35px;cursor:pointer;}
.up_right:hover{background-image:url(../images/up_hover.png);cursor:pointer;}
.down_right{position:absolute; width:16px; height:12px; background-image:url(../images/down.png); left:545px; top:60px;cursor:pointer;}
.down_right:hover{background-image:url(../images/down_hover.png);cursor:pointer;}
#right_display{
-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;position:absolute; width:85px; height:20px; color:#00ff00; font-size:17px; text-align:center; left:448px; top:37px;}

.switch{position:absolute; width:13px; height:26px; left:360px; top:40px;
cursor:pointer;}

.sw{position:absolute; width:13px; height:26px; left:0px; top:0px; background-image:url(../images/switch_off.png);}
.switch_on{position:absolute; width:13px; height:26px; left:0px; top:0px; }
.sw:hover{background-image:url(../images/switch_hover.png);}

.calender1,.calender2,.calender3{
position: absolute;
left: 835px;
top: 664px;
z-index: 125;
}

#showCalendar{
	position: absolute;
	left: 835px;
	top: 664px;
	width: 116px;
	height: 68px;
	background-image:url(../images/calender/page26.png);
	z-index: 125;
	display:none;
}

#disableOn{
	position: absolute;
	left: 451px;
	top: 591px;
	width: 472px;
	height: 76px;
	background-image: url(../images/disableOn.png);
	z-index: 125;
	display:none;
}
	
#spinach{
position: absolute;
width: 65px;
height: 66px;
background-image: url(../images/spinach.png);
background-position: 129px;
left: 641px;
top: 217px;
z-index: 72;
cursor:pointer;
}
#spinach:hover
{
	background-position:195px;
}
#lettuce{
position: absolute;
width: 65px;
height: 66px;
background-image: url(../images/lettuce.png);
background-position: 129px;
left: 641px;
top: 438px;
z-index: 151;
cursor:pointer;

}
#lettuce:hover
{
	background-position:195px;
}
#raddish{
	position:absolute; width:65px; height:66px; background-image:url(../images/raddish.png); background-position:130px;
	 left: 641px;
top: 329px;
z-index:72;
cursor:pointer;
}

#raddish:hover
{
	background-position:195px;
}

#spinach_stick{

position: absolute;
width: 700px;
height: 100px;
left: 328px;
top: 460px;
z-index:150;
}

.sp_st_l_1{position:absolute; left:110px; z-index:2}
.sp_st_l_2{position:absolute; left:170px; z-index:2}
.sp_st_l_3{position:absolute; left:230px; z-index:2}

.sp_st_r_1{position:absolute; left:445px; z-index:2}
.sp_st_r_2{position:absolute; left:503px; z-index:2}
.sp_st_r_3{position:absolute; left:560px; z-index:2}

.blue_l{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
}
.blue_r{
position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

.red_l{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
}
.red_r{
position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

.green_l{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
}
.green_r{
position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

.yellow_l{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
}
.yellow_r{position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

.violet_l{
position: absolute;
top: 215px;
left: 402px;
z-index: 1;
}
.violet_r{position: absolute;
top: 215px;
left: 722px;
z-index: 1;
transform: rotateY(-180deg);
}

#re{
position: absolute;
width: 662px;
height: 420px;
left: 345px;
top: 135px;
z-index: 5252;
background-color: rgb(255, 0, 0);
opacity: 0.5;
display:none;
}

#butt{
position:absolute;
width:96px;
height:36px;
background-image: url(../images/reset.png);
z-index:123;
top: 691px;
left: 474px;
cursor:pointer;
}

#butt:hover{
position:absolute;
width:93px;
height:33px;
height:40px;
z-index:123;
top: 691px;
left: 474px;
cursor:pointer;
background-image: url(../images/reset_hover.png);
	background-repeat:no-repeat;
}


#dragRule1{
position: absolute;
width: 160px;
height: 16px;
left: 596px;
top: 558px;
background-image: url(../images/hrRuler0001.png);
cursor:pointer;
z-index:190;
}

	
#dragRule1a{
position: absolute;
width: 160px;
height: 16px;
left: 596px;
top: 558px;
background-image: url(../images/hrRuler0003.png);
display:none;
z-index:250;
}

#dragRule2{
position: absolute;
width: 25px;
height: 252px;
left: 409px;
top: 261px;
background-image: url(../images/hrRuler0002.png);
display:none;
z-index:252;
cursor:pointer;
}

#dragOver{
position: absolute;
width: 536px;
height: 20px;
left: 409px;
top: 502px;
z-index:182;
/*background-color: rgb(255, 0, 0);*/

}

/*Video play*/
#video{
position: absolute;
left: 372px;
top: 690px;
width: 96px;
height: 37px;
background-image: url("../images/video.png");
background-repeat: no-repeat;
cursor: pointer;
}
	

#video:hover{
position: absolute;
left: 373px;
top: 692px;
width: 93px;
height: 33px;
    background-image: url("../images/video_hover.png");
    background-repeat: no-repeat;
	cursor:pointer;
}
	
.intVideo{
position:absolute;
left: 486px;
top: 273px;
background-image: url("../images/vid_bg.png");
  display:none;
  width:386px;
  height:313px;
  z-index:165;
  
}

#intClose{
position:absolute;
left:359px;
top:0px;
width:24px;
height:34px;
cursor:pointer;
background-image: url("../images/vid_close.png");
}

#intClose:hover{
position:absolute;
left:359px;
top:0px;
width:24px;
height:34px;
background-image: url("../images/vid_close_1.png");
cursor:pointer;
}


#vidPre{
position:absolute;
left:119px;
top:282px;
width:31px;
height:25px;
cursor:pointer;
background-image: url("../images/vid_rewind.png");
}

#vidPre:hover{
position:absolute;
left:119px;
top:282px;
width:34px;
height:28px;
background-image: url("../images/vid_rewind_1.png");
cursor:pointer;
}

#vidStop{
position:absolute;
left:157px;
top:281px;
width:34px;
height:28px;
cursor:pointer;
background-image: url("../images/vid_stop.png");
}

#vidStop:hover{
position:absolute;
left:157px;
top:281px;
width:34px;
height:28px;
background-image: url("../images/vid_stop_1.png");
cursor:pointer;
}

.vidplay{
position:absolute;
left:196px;
top:281px;
width:34px;
height:28px;
cursor:pointer;
background-image: url("../images/vid_play.png");
}

.vidplay:hover{
position:absolute;
left:196px;
top:281px;
width:31px;
height:25px;
background-image: url("../images/vid_play_1.png");
cursor:pointer;
}

.vidpause{
position:absolute;
left:196px;
top:281px;
width:34px;
height:28px;
cursor:pointer;
background-image: url("../images/vid_pause.png");
}

.vidpause:hover{
position:absolute;
left:196px;
top:281px;
width:31px;
height:25px;
background-image: url("../images/vid_pause_1.png");
cursor:pointer;
}

	
#vidNext{
position:absolute;
left:236px;
top:281px;
width:34px;
height:28px;
cursor:pointer;
background-image: url("../images/vid_fwd.png");
}

#vidNext:hover{
position:absolute;
left:236px;
top:281px;
width:31px;
height:25px;
background-image: url("../images/vid_fwd_1.png");
cursor:pointer;
}

#Video1{
position:absolute;
left:34px;
top:36px;
}