@charset "utf-8";
/* CSS Document */

/* CSS reset */
* {
    margin: 0;
    padding: 0;
	position:absolute;
}
img{
	border:none;
}
body{
	cursor:pointer;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
#ie-fallback{
	z-index:99;
	top:0px;
	left:0px;
	}
/* Contaciner Area */
#banner {
	width:300px;
	height:250px;
	overflow: hidden;
	background:#7de8df;
	border:1px solid #666666;
 	box-sizing: border-box;
}

/* Common Frame */
#logo{
	top:0px;
	left:0px;
	width: 3000px;
	height: 250px;
	opacity:0;
	background:url(../images/logo.png) no-repeat
}

/* First Frame */
#butterfly{
	left: -10px;
  	top: -10px;
  	width: 70px;
  	height: 65px;
  	background: url(../images/butterfly.png) 0px 0px;
}
#tree{
	right: 0px;
  	top: 0px;
  	width: 195px;
  	height: 248px;
  	background: url(../images/tree.png) 0px 0px;
}
#txt1{
	width:80px;
	height: 27px;
	left:0px;
	top:50px;
	background:url(../images/txt1.png) no-repeat;
}
#txt2_wrapper{
	width:130px;
	height: 0px;
	left:0px;
	top: 77px;
	overflow:hidden;
}

#txt3{
	width:80px;
	height: 26px;
	left:0px;
	top:148px;
	background:url(../images/txt3.png) no-repeat;
}
#txt4{
	width:80px;
	height: 30px;
	left:0px;
	top: 172px;
	background:url(../images/txt4.png) no-repeat;
}

#cta{
	width:160px;
	height:600px;
	top:200px;
	left:0px;
	background:url(../images/cta.png) no-repeat;
}
#glow{
	width:160px;
	height:600px;
	top: 0px;
	left: 0px;
	opacity:0;
	background:url(../images/glow.png) no-repeat;
}