* { margin: 0; padding: 0; border: 0; }
ul, li { list-style: none; }
#container { width: 300px; height: 250px; position: relative;  margin: 0 auto; overflow: hidden; }
.transis { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
#cup.positionAb { transform-origin: 60% 50%; }
#cta.positionAb { transform-origin: 50% 50%; }
.positionAb { position: absolute; }
#clickTag { position: absolute; display: block; left: 0; width: 298px; height: 248px; top: 0; z-index: 99999;background:url(images/click.png);}
#banner_bg { left: 0; top: 0; z-index: 1; }
#banner_bg_2 { left: 0; top: 0; z-index: 4; opacity: 0;}
#logo { bottom: 17px; right: 0px; opacity: 0; z-index: 3; }
#logo_2 { bottom: 18px; right: 19px; opacity: 0; z-index: 5; }
#blue_rec{left:-253px; top:0px;z-index: 2; }
#text1_a { top: 27px; left: 14px; opacity: 0; z-index: 3; }
#text1_b { top: 106px; left: 14px; opacity: 0; z-index: 3; }
#text2 { top: 38px; left: 17px; opacity: 0; z-index: 5; }
#text3 { top: 73px; left: 17px; opacity: 0; z-index: 5; }
#text4 { top: 129px; left: 16px; opacity: 0; z-index: 5; }
#text5 { top: 121px; right: 0px; opacity: 0; z-index: 5; }
#text1, #text2, #text3, #logo{
		transition: all 0.4s ease;
}