* {
	margin: 0;
	padding: 0;
	font-size: 0;/* Opera */
}
img {
	width: 100%;
	font-size: 0;
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); 	/* IE 9 */
	-moz-transform: translate3d(0, 0, 0); 	/* Firefox */
	-webkit-transform: translate3d(0, 0, 0); /* Safari Chrome */
	-o-transform: translate3d(0, 0, 0);
}
.content {
  width: 300px;
  height: 600px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.bg {
  position: absolute;
  top: -75px;
  left: -38px;
  width: 375px;
  height: 750px;
  opacity: 0;
}
.bg img{
  transform: rotateZ(0.0001deg);
  -ms-transform: rotateZ(0.0001deg);
  -moz-transform: rotateZ(0.01deg);
  -webkit-transform: rotateZ(0.0001deg);
  -o-transform: rotateZ(0.0001deg);
}
.border{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 298px;
  height: 598px;
  border: 1px solid #666666;
}
.logo img{
  width: 165px;
  height: 184px;
  top: -131px;
  position:relative;
}
.logo {
  position: absolute;
  height: 26px;
  top: 34px;
  left: 36px;
  opacity: 0;
  overflow: hidden;
}
.logo2 img{
  width: 165px;
  height: 184px;
  top: -159px;
  position:relative;
}
.logo2 {
  position: absolute;
  height: 26px;
  top: 34px;
  left: 36px;
  opacity: 0;
  overflow: hidden;
}
.frame1_text1 img{
  width: 221px;
  height: 273px;
}
.frame1_text1 {
  position: absolute;
  height: 52px;
  top: 79px;
  left: 113px;
  opacity: 0;
  overflow: hidden;

}
.frame1_text2 img{
  width: 221px;
  height: 273px;
  top: -54px;
  position:relative;
}
.frame1_text2 {
  position: absolute;
  height: 45px;
  top: 133px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame1_text3 img{
  width: 221px;
  height: 273px;
  top: -111px;
  position:relative;
}
.frame1_text3 {
  position: absolute;
  height: 54px;
  top: 190px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame1_text4 img{
  width: 221px;
  height: 273px;
  top: -168px;
  position:relative;
}
.frame1_text4 {
  position: absolute;
  height: 42px;
  top: 247px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame1_text5 img{
  width: 221px;
  height: 273px;
  top: -223px;
  position:relative;
}
.frame1_text5 {
  position: absolute;
  height: 50px;
  top: 303px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}


.frame2BG {
  width: 300px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0f8ec7;
  opacity: 0;
}
.frame2_text1 img{
  width: 146px;
  height: 161px;

}
.frame2_text1 {
  position: absolute;
  height: 52px;
  top: 78px;
  left: 116px;
  opacity: 0;
  overflow: hidden;
}
.frame2_text2 img{
  width: 146px;
  height: 161px;
  top: -56px;
  position:relative;
}
.frame2_text2 {
  position: absolute;
  height: 43px;
  top: 135px;
  left: 116px;
  opacity: 0;
  overflow: hidden;
}
.frame2_text3 img{
  width: 146px;
  height: 161px;
  top: -111px;
  position:relative;
}
.frame2_text3 {
  position: absolute;
  height: 54px;
  top: 190px;
  left: 116px;
  opacity: 0;
  overflow: hidden;
}


.frame2_text4 img{
  width: 204px;
  height: 72px;
  top: 0px;
  position:relative;
}
.frame2_text4 {
  position: absolute;
  height: 16px;
  top: 272px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame2_text5 img{
  width: 204px;
  height: 72px;
  top: -18px;
  position:relative;
}
.frame2_text5 {
  position: absolute;
  height: 18px;
  top: 290px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame2_text6 img{
  width: 204px;
  height: 72px;
  top: -36px;
  position:relative;
}
.frame2_text6 {
  position: absolute;
  height: 22px;
  top: 308px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.frame2_text7 img{
  width: 204px;
  height: 72px;
  top: -56px;
  position:relative;
}
.frame2_text7 {
  position: absolute;
  height: 22px;
  top: 328px;
  left: 113px;
  opacity: 0;
  overflow: hidden;
}
.ctaBtn{
  position: absolute;
  width: 118px;
  height: 58px;
  top: 504px;
  left: 35px;

}
.ctaRoll img{
  width: 165px;
  height: 184px;
  top: -65px;
  position:relative;
}
.ctaRoll {
  position: absolute;
  height: 62px;
  top: 0px;
  left: 0px;
  opacity: 0;
  overflow: hidden;
}
.ctaOver img{
  width: 165px;
  height: 184px;
  top: 0px;
  position:relative;
}
.ctaOver {
  position: absolute;
  height: 62px;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
}