/*********************************************************************
Default Banner Style
**********************************************************************/

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

body, body * {-webkit-font-smoothing: antialiased!important; text-rendering: optimizeLegibility!important; vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 9pt; color: #000000;}
#container {position: absolute; width: 300px; height: 250px; border:1px solid #000000; 	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
	 margin: auto; background: #ffffff; visibility:hidden;}
	#container.banner_300x250{width: 300px; height: 250px;}
	#container.banner_300x50{width: 300px; height: 50px;}
	#container.banner_320x50{width: 320px; height: 50px;}
	#container.banner_160x600{width: 160px; height: 600px;}
	#container.banner_300x600{width: 300px; height: 600px;}
	#container.banner_728x90{width: 728px; height: 90px;}
	#container.banner_970x250{width: 970px; height: 250px;}
#content {position: absolute; width: 100%; height: 100%; overflow: hidden;}
/*#content div, #content button{position:absolute; background-repeat: no-repeat; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }*/
#content div, #content button{position:absolute; background-repeat: no-repeat;  }
.retina{background-size: contain; -moz-background-size: contain; -webkit-background-size: contain}
body{-webkit-text-size-adjust: none;}
.hidden{visibility:hidden;}
.clickable{border: none; cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none;}

button{border: none;}
sup {vertical-align: super; font-size: 8px;}
a, a:hover, a:active, a:visited{color:#000000;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* KEEP Z-INDEX AT TOP */
#bg_exit {position: absolute; width: 100%; height: 100%; cursor: pointer; opacity: 0; }

#background{background-image: url("img_bg.jpg"); background-color:#ffffff; width:300px; height:250px; left:0px; top:0px; }
#text1{background-image: url("img_text_01.png"); width:300px; height:250px; left:0px; top:0px; }
#text2{background-image: url("img_text_02.png"); width:300px; height:250px; left:0px; top:0px; }

#checkbox1{left:60px; top:43px;}
    #box1{background-image: url("img_box.png"); width:38px; height:38px;}

#checkbox2{left:60px; top:124px;}
    #box2{background-image: url("img_box.png"); width:38px; height:38px;}
    #checkboxMask2{left:0px; top:-12px; width:0px; height:50px; overflow: hidden;}
        #check2{background-image: url("img_check.png"); width:46px; height:50px;}

#cta_hitArea{left:10px; top:200px;}
    #ctaUp{background-image: url("img_ctaUp.png"); width:141px; height:40px;}
    #ctaOver{background-image: url("img_ctaOver.png"); width:141px; height:40px;}