.canvas {
	width: 900px;
	height: 556px;
	margin: 100px auto;
	background: #f2eae7;
	position: relative;
}

#table{
	position: absolute;
	z-index: 20;
}
.box1{
	width: 800px;
	height: 30px;
	background: #d5a67c;
	top: 470px;
	left: 55px;
	position: absolute;
	border-radius: 2px;
	margin-left: 0px;
}
.boxleg1{
	width: 20px;
	height: 56px;
	background: #717078;
	top: 500px;
	left: 95px;
	position: absolute;
}
.boxleg2{
	width: 20px;
	height: 56px;
	background: #717078;
	top: 500px;
	left: 795px;
	position: absolute;
}
.boxlegdetail1{
	width: 32px;
	height: 8px;
	background: #052e1c;
	top: 500px;
	left: 89px;
	position: absolute;
}
.boxlegdetail2{
	width: 32px;
	height: 8px;
	background: #052e1c;
	top: 500px;
	left: 789px;
	position: absolute;
}

/*glasses*/
#glasses1{
	position: absolute;
	top: 0px;
	left: -40px;
	z-index: 15;
	opacity: 0.5;
}
#glasses2{
	position: absolute;
	top: 0px;
	left: 50px;
	z-index: 15;
	opacity: 0.5;
}
.gbox0{
	border-bottom: 8px solid #97d6db;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	width: 12px;
	top: 462px;
	left: 330px;
	position: absolute;
	border-radius: 3px;
}
.gbox1{
	width: 8px;
	height: 40px;
	background: #97d6db;
	top: 430px;
	left: 346px;
	position: absolute;
}
.gbox2{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 41px 19px 41px;
	border-color: transparent transparent #97d6db transparent;
	top: 424px;
	left: 308px;
	position: absolute;
	transform: rotate(180deg);
	border-radius: 1px;
}
.gbox3 {
    border-bottom: 65px solid #97d6db;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    width: 80px;
    top: 360px;
    left: 308px;
    position: absolute;
	border-radius: 3px;
}
.gwater1{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 36px 12px 36px;
	border-color: transparent transparent #f6f0b4 transparent;
	top: 423px;
	left: 314px;
	position: absolute;
	transform: rotate(180deg);
	border-radius: 3px;
}
.gwater2 {
	border-bottom: 15px solid #f6f0b4;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	height: 0;
	width: 72px;
	top: 408px;
	left: 312px;
	position: absolute;
  border-radius: 2px;
}


/*bottle*/
#bottle1{
	z-index: 10;
}
.bbox1{
	width: 72px;
	height: 127px;
	background: #116d3c;
	top: 343px;
	left: 210px;
	position: absolute;
	border-radius: 3px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.bbox2{
	width: 24px;
	height: 127px;
	background: #116d3c;
  top: 224px;
	left: 234px;
	position: absolute;
	border-radius: 3px;

}
.bbox3 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 36px 77px 36px;
	border-color: transparent transparent #116d3c transparent;
	top: 268px;
	left: 210px;
	position: absolute;
	border-radius: 2px;
}
.bboxlabel1 {
	width: 72px;
	height: 91px;
	background: #f3f5f4;
	top: 356px;
	left: 210px;
	position: absolute;
}
.bboxlabel2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27px 57px 27px;
	border-color: transparent transparent #f3e28a transparent;
	top: 268px;
	left: 219px;
	position: absolute;
}
.bboxlabel3{
	width: 24px;
	height: 62px;
	background: #f3f5f4;
	top: 232px;
	left: 234px;
	position: absolute;
}

/*fbottle*/
#flowerb1{
	opacity: 0.7;
}
.fbbox1{
	width: 80px;
	height: 120px;
	background: lightblue;
	top: 350px;
	left: 620px;
	position: absolute;
	border-radius: 3px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.fbbox2{
	border-bottom: 20px solid lightblue;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	height: 0;
	width: 80px;
	top: 332px;
	left: 620px;
	position: absolute;
}
.fbbox3{
	width: 58px;
	height: 10px;
	background: lightblue;
	top: 324px;
	left: 631px;
	position: absolute;
	border-radius: 3px;
}
.fbbwater1{
	width: 70px;
	height: 51px;
	background: #6cc4c8;
	top: 415px;
  left: 625px;
	position: absolute;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


#flowers1{
	position: absolute;
	top: -95px;
	left: 52px;
	transform: rotate(8deg);
}
#flowers2{
	position: absolute;
	top: 69px;
	left: -73px;
	transform: rotate(-6deg);
}
.fstem1{
	width: 4px;
	height: 200px;
	background: #5e9551;
	top: 270px;
	left: 679px;
	position: absolute;

}
.fheadstem1{
	width: 16px;
	height: 16px;
	background-color: #5e9551;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	top: 257px;
	left: 673px;
	position: absolute;
}
.flowershead1{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 24px 30px;
	border-color: transparent transparent #f5605c transparent;
	top: 239px;
	left: 651px;
	position: absolute;
	transform: rotate(180deg);
	border-radius: 3px;
}


/*Heart*/
.hearts1{
	z-index: 8;
}
.heart{
	position: absolute;
	top: 150px;
	left: 375px;
	transform-origin: 80px 20px;
}
.htbox1{
	width: 6px;
	height: 306px;
	background: white;
	top: 100px;
	left: 77px;
	position: absolute;
}
.heartmv{
	animation: heartps 60s infinite;
}
@keyframes heartps {
	0%{
		transform: rotate(0deg);
	}
	20%{
		transform: rotateY(-60deg);
	}
	0%{
		transform: rotate(0deg);
	}
	80%{
		transform: rotateY(60deg);
	}
	100%{
		transform: rotateY(0deg);
	}
}

.hhbox1{
	width: 160px;
	height: 160px;
	background: red;
	position: absolute;
	transform: rotate(45deg);
}
.hhccc1{
	width: 160px;
	height: 160px;
	background: red;
	position: absolute;
	top: -52px;
	left: 52px;
	border-radius: 50%;
}
.hhccc2{
	width: 160px;
	height: 160px;
	background: red;
	position: absolute;
	top: -52px;
	left: -52px;
	border-radius: 50%;
}
.hhccc3{
	width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0 20px 19px 20px;
	    border-color: transparent transparent red transparent;
	    top: 188px;
	    left: 60px;
	    position: absolute;
}
.htype1{
	font-size: 3.4em;
	    color: white;
	    position: absolute;
			top: -20px;
	    left: -11px;
	    line-height: 39pt;
	    text-align: center;
	    font-family: 'Dancing Script', cursive;
}