/*.yycol-right2 { float:right; width:720px; min-height:600px; padding:0px 0px; overflow:auto;background:#8B6969; }*/
.yycol-right2 { float:right; width:100%; min-height:600px; padding:0px 0px; overflow:auto;background:#8B6969;}

.yycol-right2 .yshutter { width: 70px; height:55px; position:relative; left:490px; top:45px; }
.yycol-right2 .ymenu { width: 40px; height:50px; position:relative; left:110px; top:115px; }
.yycol-right2 .yinfo { width: 40px; height:50px; position:relative; left:150px; top:65px; }
.yycol-right2 .ystart_stop { width: 60px; height:50px; position:relative; left:420px; top:15px; }
.yycol-right2 .yminus { width: 40px; height:50px; position:relative; left:550px; top:-35px; }
.yycol-right2 .yplus { width: 40px; height:50px; position:relative; left:590px; top:-85px; }
.yycol-right2 .ycamerawindow { width: 320px; height:245px; position:relative; left:125px; top:-80px; text-align:center;}
	/*font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; color:#fff;}*/
.yycol-right2 .ycamerawindow img{ width: 280px; position:relative; left:25px; top:19px; vertical-align:middle; border:3px solid #555; display:none;}
.yycol-right2 .ydesc { width: 300px; height:30px; position:relative; left:200px; top:5px; }
.inset-text-photo { margin:0px 0px 0 0px;
  font-size: 14px;
  /*color: #766;*/
  color: #bbb;
  text-align:left;
  /*text-shadow: 1px 1px 0px #aaa;*/
  text-shadow: 1px 1px 0px #333;
  /*font-weight: bold;*/
  width: 300px;
  height: 40px;
  background: #6C7B8B;
  float:left;
 }
/* 20241128 */
@media only screen and (min-width: 768px) {
	.canvasframefont {
		border:0px solid grey;
		text-align:center;
		border-top:1px solid white;
		border-left:1px solid white;
		border-right:1px solid #d1c0b0;
		box-shadow: 0px 10px 15px rgba(200, 132, 31);
		display:flex;
		align-items: center;
		.canvas, .myCanvas {
			touch-action: none;
			margin-top:10px;
			margin-bottom:10px;
			margin-left:auto;
			margin-right:auto;
		}
	}
	
	.canvasframehome {
		resize:both;overflow:auto;
		width:80%;height:688px;margin:auto;text-align:center;
		background:rgba(209, 192, 176,1);border:0px solid grey;
		margin-top:20px;
		border-top:1px solid white;border-left:1px solid white;
		border-right:1px solid #d1c0b0;
		border-radius:0px;
		box-shadow: 0px 20px 25px rgba(200, 132, 31);
		display:flex;
		align-items: center;
		.canvas {
			touch-action:none;margin:auto;border:0px solid #eeeeee;
			border-top:2px solid grey;border-bottom:2px solid white;
			border-left:2px solid grey;border-right:2px solid white;
			border-radius:0px;
		}
	}
}
@media only screen and (max-width: 768px) {
	.canvasframefont {
		border:0px solid grey;
		text-align:center;
		border-top:1px solid white;
		border-left:1px solid white;
		border-right:1px solid #d1c0b0;
		box-shadow: 0px 10px 15px rgba(200, 132, 31);
		display:flex;
		align-items: center;
		.canvas, .myCanvas {
			touch-action: none;
			margin-top:10px;
			margin-bottom:10px;
			margin-left:auto;
			margin-right:auto;
		}
	}
	
	.canvasframehome {
		//width:310px;height:220px;margin:auto;padding:0px;overflow:auto;
		width:100%;height:220px;margin:auto;padding:0px;
		background:rgba(209, 182, 176,1);border:1px solid grey;
		margin-top:5px;
		border-top:1px solid white;border-left:1px solid white;
		border-right:1px solid #d1c0b0;
		border-radius:0px;
		.canvas {
			touch-action:none;margin-top:3px;width:300px;height:206px;
			border-top:1px solid grey;border-bottom:1px solid white;
			border-left:1px solid grey;border-right:1px solid white;
			border-radius:0px;
		}
	}
}
