.simClick{
	position:absolute;
	width:75px;
	height:75px;
	cursor:pointer;
	/*background-color:#f00;
	opcity:0.3*/
}
.blinking{
    -webkit-animation:blink 0.15s ease-in-out infinite alternate;
    -moz-animation:blink 0.15s ease-in-out infinite alternate;
    animation:blink 0.15s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.tmpBlock{
	position: absolute;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 4px solid yellow;
	border-radius: 10px;
}


.drawBlock{
	position: absolute;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 4px solid #00f;
	border-radius: 10px;
}
.colorPared{
	position:absolute;
	width:38px;
	height:38px;
	cursor: pointer;
}

#colorSelector {
	position: absolute;
	top: 51px;
	left: 1054px;
	height: 610px;
	width: 80px;
}

#colorSelector > span {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-right: 8px;
	border: 4px solid #ccc;
	padding: 2px;
	cursor: pointer;
}

#numArea {
	position: absolute;
	top: 51px;
	left: 1134px;
	height: 610px;
	width: 80px;
}

#numArea > span {
	display: flex;
	width: 60px;
	height: 72px;
	/* margin-right: 8px;
	padding: 2px; */
	justify-content: center;
	font-size: 38px;
	align-items: center;
	margin-bottom: 6px;
}

#colorSelector > span:hover {
	border: 4px solid #fc0;
}

#colorSelector > span.selected {
	border: 4px solid #f85b56;
}

#colorSelector > span > span {
	display: inline-block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.btn-help {
    top: 715px;
    left: 50px;
}

.help-area {
    top: 600px;
    left: 130px;
}

#sideSelector {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sideSelector > span {
	position: absolute;
	display: inline-block;
	/* border: 2px solid transparent; */
	box-sizing: border-box;
	cursor: pointer;
	width: 80px;
	height:80px;
}

/* @media (any-hover: hover) {
	#sideSelector>span:hover {
		border: 2px solid #fc0;
	}
} */
.hover{
	border: 2px solid #fc0;
}

#sideSelector > span.selected {
	border: 2px solid #f85b56;
}
/* 第1週 */
#sideSelector > span#date-1 {
	top: 196px;
	left: 690px;
}

#sideSelector > span#date-2 {
	top: 196px;
	left: 780px;
}

#sideSelector > span#date-3 {
	top: 196px;
	left: 870px;
}

/* 第2週 */
#sideSelector > span#date-4 {
	top: 286px;
	left: 330px;
}

#sideSelector > span#date-5 {
	top: 286px;
	left: 420px;
}

#sideSelector > span#date-6 {
	top: 286px;
	left: 510px;
}

#sideSelector > span#date-7 {
	top: 286px;
	left: 600px;
}

#sideSelector > span#date-8 {
	top: 286px;
	left: 690px;
}

#sideSelector > span#date-9 {
	top: 286px;
	left: 780px;
}

#sideSelector > span#date-10 {
	top: 286px;
	left: 870px;
}

/* 第3週 */
#sideSelector > span#date-11 {
	top: 375px;
	left: 330px;
}

#sideSelector > span#date-12 {
	top: 375px;
	left: 420px;
}

#sideSelector > span#date-13 {
	top: 375px;
	left: 510px;
}

#sideSelector > span#date-14 {
	top: 375px;
	left: 600px;
}

#sideSelector > span#date-15 {
	top: 375px;
	left: 690px;
}

#sideSelector > span#date-16 {
	top: 375px;
	left: 780px;
}

#sideSelector > span#date-17 {
	top: 375px;
	left: 870px;
}

/* 第4週 */
#sideSelector > span#date-18 {
	top: 463px;
	left: 330px;
}

#sideSelector > span#date-19 {
	top: 463px;
	left: 420px;
}

#sideSelector > span#date-20 {
	top: 463px;
	left: 510px;
}

#sideSelector > span#date-21 {
	top: 463px;
	left: 600px;
}

#sideSelector > span#date-22 {
	top: 463px;
	left: 690px;
}

#sideSelector > span#date-23 {
	top: 463px;
	left: 780px;
}

#sideSelector > span#date-24 {
	top: 463px;
	left: 870px;
}

/* 第5週 */
#sideSelector > span#date-25 {
	top: 552px;
	left: 330px;
}

#sideSelector > span#date-26 {
	top: 552px;
	left: 420px;
}

#sideSelector > span#date-27 {
	top: 552px;
	left: 510px;
}

#sideSelector > span#date-28 {
	top: 552px;
	left: 600px;
}

#sideSelector > span#date-29 {
	top: 552px;
	left: 690px;
}

#sideSelector > span#date-30 {
	top: 552px;
	left: 780px;
}

#sideSelector > span#date-31 {
	top: 552px;
	left: 870px;
}


#canvasPointer{
	position: absolute;
	top: 0px;
	left: 0px;
}