@charset "UTF-8";

/* Resets ------ */ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0; background-color: transparent; background-repeat: no-repeat; background-size: auto auto; } 

body { 
	background-color: rgba(0, 0, 0, 0.7);
	margin:0px;
	font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


div {
	position: absolute;
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	transform-origin: center center;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
}


#ad{
   border: rgb(0,0,0) 1px solid;
   background:#cccccc;
   
   overflow:hidden;
	top:0px;
   left:0px;

   position: relative;
	display: block;
	width: 298px;
	height: 598px;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.bg1,.bg2,.bg3,.bg4{
	height:600px;
	width:300px;
	top:0;
	left:300px;
}

.bg1{
	background: rgb(228,82,64);
}
.bg2{
	background: rgb(38,98,124);
}
.bg3{
	background: rgb(161,202,185);
}
.bg4{
	background: rgb(95,28,45);
}

#clickdiv{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:40000;
	cursor:pointer;
}