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

body { margin:0 auto; padding:0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

#container { position:absolute; width:300px; height:250px; overflow:hidden; top:0px; left:0px; background-color:#fff; display:none; }

/*-------------------*/
/*     C L A S S     */
/*-------------------*/
.adSize { position:absolute; top: 0px; left: 0px; width:300px; height:250px; }
.hideElm { display: none; }
.btn { cursor: pointer; }
.defPos { position: absolute; top: 0px; left: 0px; }
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }


/*-------------*/
/*     I D     */
/*-------------*/

/* Border */
#border { box-sizing: border-box; border: 1px solid #ABABAB; }

/* Frame 1 */
#leavesTop1 { background: url(leavesTop1.png) no-repeat; background-size:100%; }
#plate { background: url(plate.png) no-repeat; background-size:100%; }
#smokeArea { width:180px; height:250px; top:30px; left:120px; }
#txt1a { background: url(txt1a.png) no-repeat; background-size:100%; }
#txt1b { background: url(txt1b.png) no-repeat; background-size:100%; }
#txt1c { background: url(txt1c.png) no-repeat; background-size:100%; }
#txt1d { background: url(txt1d.png) no-repeat; background-size:100%; }
#line1a { background: url(line1a.png) no-repeat; background-size:100%; }
#line1b { background: url(line1b.png) no-repeat; background-size:100%; }

/* Frame 2 */
#txt2a { background: url(txt2a.png) no-repeat; background-size:100%; }
#txt2b { background: url(txt2b.png) no-repeat; background-size:100%; }
#line2a { background: url(line2a.png) no-repeat; background-size:100%; }
#line2b { background: url(line2b.png) no-repeat; background-size:100%; }
#flower1 { background: url(flower1.png) no-repeat; background-size:100%; }

/* Frame 3 */
#leavesTop2 { background: url(leavesTop2.png) no-repeat; background-size:100%; }
#leavesBottom { background: url(leavesBottom.png) no-repeat; background-size:100%; }
#txt3a { background: url(txt3a.png) no-repeat; background-size:100%; }
#txt3b { background: url(txt3b.png) no-repeat; background-size:100%; }
#txt3c { background: url(txt3c.png) no-repeat; background-size:100%; }
#line3a { background: url(line3a.png) no-repeat; background-size:100%; }
#line3b { background: url(line3b.png) no-repeat; background-size:100%; }

/* Frame 4 */
#logo1 { background: url(logo1.png) no-repeat; background-size:100%; }
#hashtag { background: url(hashtag.png) no-repeat; background-size:100%; }
#cta1_out { background: url(cta1_out.png) no-repeat; background-size:100%; }
#cta1_over { background: url(cta1_over.png) no-repeat; background-size:100%; opacity: :0; }

/* Frame 5 */
#logo2 { background: url(logo2.png) no-repeat; background-size:100%; }
#txt4a { background: url(txt4a.png) no-repeat; background-size:100%; }
#txt4b { background: url(txt4b.png) no-repeat; background-size:100%; }
#txt4c { background: url(txt4c.png) no-repeat; background-size:100%; }
#line4a { background: url(line4a.png) no-repeat; background-size:100%; }
#line4b { background: url(line4b.png) no-repeat; background-size:100%; }
#flower2 { background: url(flower2.png) no-repeat; background-size:100%; }
#cta2_out { background: url(cta2_out.png) no-repeat; background-size:100%; }
#cta2_over { background: url(cta2_over.png) no-repeat; background-size:100%; opacity: :0; }

/* Background */
#bg1 { background: url(bg1.jpg) no-repeat; background-size:100%; }
#bg2 { background: url(bg2.jpg) no-repeat; background-size:100%; }