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

#banner {
	position:relative;
	text-align: center;
	border: 1px solid #e1ebf1;
	width: 300px;
	height: 600px;
	cursor: pointer;
	background: #e9f4fa;
	overflow: hidden;
	box-sizing: border-box;
}

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

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

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

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

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

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

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

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