body, html{
  margin: 0;
  width: 300px;
  height: 250px;
}

#banner {
  position:relative;
  text-align: center;
  border: 1px solid #999;
  width: 300px;
  height: 250px;
  cursor: pointer;
  background: #00a1e4;
  overflow: hidden;
  box-sizing: border-box;
}

#bgcolor {
	position: absolute;
	width: 300px;
	height: 250px;
	opacity:1;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 0;
}

#img01 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img01.jpg");
	z-index: 0;
}

#img02 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img02.jpg");
	z-index: 0;
}

#img03 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img03.jpg");
	z-index: 0;
}

#img04 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img04.jpg");
	z-index: 0;
}

#img05 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img05.jpg");
	z-index: 0;
}

#img06 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img06.jpg");
	z-index: 0;
}

#img07 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/img07.jpg");
	z-index: 0;
}

#logo01 {
	position: absolute;
	width:170px;
	height: 140px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/logo01.png");
	z-index: 0;
}

#logo02 {
	position: absolute;
	width:165px;
	height: 210px;
	top: 0px;
	left: 135px;
	opacity:0;
	background-image: url("assets/logo02.png");
	z-index: 0;
}

#logos {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/logos.png");
	z-index: 0;
}

#txt01 {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt01.png");
	z-index: 0;
}

#txt02 {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt02.png");
	z-index: 0;
}

#txt03 {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt03.png");
	z-index: 0;
}

#txt04 {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt04.png");
	z-index: 0;
}

#txt05 {
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt05.png");
	z-index: 0;
}