@charset "UTF-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
#banner { position: relative; width: 300px; height: 50px; overflow: hidden; background-color: #78be20; border: 1px solid #000; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; }
.fullsize { width: 300px; height: 50px; }
.hide { display: none; }
.show { display: block; }
.hidden { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; }
#banner #mainBtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; cursor: pointer; background-color: rgba( 255, 255, 255, 0 ); }
.logo { left: 8px; top: 8px; width: 46px; height: 35px; background: url( "assets/logo.png" ) no-repeat; background-size: contain; }
.txt { width: 134px; height: 50px; left: 52px; }
.txt1 { width: 150px; background: url( "assets/copy1.png" ) no-repeat center center; background-size: auto 29px; }
.txt2 { background: url( "assets/copy2.png" ) no-repeat center center; background-size: auto 29px; }
.txt3 { background: url( "assets/copy3.png" ) no-repeat center center; background-size: auto 27px; }
.product { right: 62px; top: 5px; width: 57px; height: 89px; background: url( "assets/product.png" ) no-repeat; background-size: contain; }
.cta { right: 8px; top: 9px; width: 44px; height: 32px; background: url( "assets/shopNow.png" ) no-repeat; background-size: contain; }