body {
	background-color: rgb(0, 0, 255);
	position: relative;
	width: 1520px;
	height: 690px;
}
#frame1 {
	position: absolute;
	z-index: 2;
	width: 800px;
	height: 690px;
	background-image: url('1.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content1 {
	position: absolute;
	z-index: 8;
	width: 10px;
	height: 10px;
	opacity: 0;
}
#content1 img {
	width: 80px;
	height: 80px;
}
#frame1:hover {
	opacity: 0;
}
#frame1:hover~#content1 {
	opacity: 1;
}	
#frame2 {
	position: absolute;
	z-index: 3;
	top: 86px;
	left: 180px;
	width: 450px;
	height: 510px;
	background-image: url('2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content2 {
	position: absolute;
	top: 86px;
	left: 210px;
	z-index: 8;
	width: 10px;
	height: 10px;
	opacity: 0;
}
#content2 img {
	width: 20px;
	height: 20px;
}
#frame2:hover {
	opacity: 0;
}
#frame2:hover~#content2 {
	opacity: 1;
}	
#frame3 {
	position: absolute;
	z-index: 4;
	top: 104px;
	left: 200px;
	width: 400px;
	height: 480px;
	background-image: url('3.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content3 {
	position: absolute;
	top: 180px;
	left: 560px;
	z-index: 8;
	width: 10px;
	height: 10px;
	opacity: 0;
}
#content3 img {
	width: 40px;
	height: 40px;
}
#frame3:hover {
	opacity: 0;
}
#frame3:hover~#content3 {
	opacity: 1;
}
#frame4 {
	position: absolute;
	z-index: 5;
	top: 124px;
	left: 220px;
	width: 340px;
	height: 430px;
	background-image: url('4.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content4 {
	position: absolute;
	margin-top: 6px;
	top: 465px;
	left: 469px;
	z-index: 8;
	width: 10px;
	height: 10px;
	opacity: 0;
}
#content4 img {
	width: 80px;
	height: 80px;
}
#frame4:hover {
	opacity: 0;
}
#frame4:hover~#content4 {
	opacity: 1;
}
#frame5 {
	position: absolute;
	z-index: 6;
	top: 159px;
	left: 254px;
	width: 249px;
	height: 324px;
	background-image: url('5.png');
	background-size: contain;
	background-repeat: no-repeat;
}
#content5 {
	position: absolute;
	margin-top: 6px;
	top: 414px;
	left: 430px;
	z-index: 8;
	width: 10px;
	height: 10px;
	opacity: 0;
}
#content5 img {
	width: 60px;
	height: 60px;
}
#frame5:hover {
	opacity: 0;
}
#frame5:hover~#content5 {
	opacity: 1;
}
#center {
	position: absolute;
	z-index: 8;
	top: 198px;
	left: 292px;
	width: 169px;
	height: 209px;
}
#icon {
	position: absolute;
	top: 0px;
	right: 0;
	width: 140px;
	border-style: solid;
	border-width: 4px;
	border-color: brown;
}
iframe {
	position:absolute;
	top: 240px;
	left: 830px;
	width: 680px;
	height: 428px;
	border: none;
}