@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:#ffffff; display:none; }

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

.buttonConfig {background-color:#fff;cursor: pointer;opacity: 0;}
.ctaConfig {top: 158px;left: 98px;width: 106px;height: 32px;/* background-color: aqua; *//* opacity: 0.5; */z-index: 1;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px;-o-border-radius: 16px;}

/*-------------*/
/*     I D     */
/*-------------*/
/* Border */
#border { box-sizing: border-box; border: 1px solid #000; opacity: 1; }

/* Images */
/* bg */
#bgWhite { background-color: #000000}
#bgBlack { background-color: #000000}
#bg1 { background: url(bg1.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}
#bg2 { background: url(bg2.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}
#bg3 { background: url(bg3.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}

/* Text */
#bg1,#bg4 { background: url(bg1.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}
#bg2,#bg5 { background: url(bg2.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}
#bg3,#bg6 { background: url(bg3.jpg) no-repeat;background-size: 100%; top: 0px; left: 0px;}

/* Text */
#text1a, #text4a { background: url(text1a.png) no-repeat; background-size: 100%; }
#text1b, #text4b { background: url(text1b.png) no-repeat; background-size: 100%;}
#text1c, #text4c { background: url(text1c.png) no-repeat; background-size: 100%;}

#text2a, #text5a { background: url(text2a.png) no-repeat; background-size: 100%; }
#text2b, #text5b { background: url(text2b.png) no-repeat; background-size: 100%; }
#text2c, #text5c { background: url(text2c.png) no-repeat; background-size: 100%; }

#text3a, #text6a { background: url(text3a.png) no-repeat; background-size: 100%; }
#text3b, #text6b { background: url(text3b.png) no-repeat; background-size: 100%; }
#text3c, #text6c { background: url(text3c.png) no-repeat; background-size: 100%; }

/* Others */
#resolve{
/*    background-color: #000;*/
}
#footer { background: url(footer.png) no-repeat; background-size: 100%; }
#arrows { position: absolute; background: url(arrows.png) no-repeat; background-size: 100%; bottom:0; left:0; width:300px; height: 250px; }
#divider1, #divider2, #divider3, #divider4{ background: url(divider.png) no-repeat; background-size: 100%; }