@font-face {
  font-family: 'Mylius';
  src: url('font/MyliusModern.jpg') format('woff') /* Modern Browsers */;
  font-weight: normal;
  font-style: normal;   
}

*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, img { border: 0; outline: none; }



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

body{
    position:absolute;
    border:0 none;
    outline:0;
    padding:0;
    margin:0;
    background: #ffffff;
    background-color:transparent;
	font-family: 'Mylius', sans-serif !important;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.copyHeader{
    position:absolute;
    width:240px;
    top:74px;
    left:26px;
	font-size:18px;
	color:#0032a0;
}

.copy{
    position:absolute;
    width:230px;
    top:116px;
    left:26px;
	font-size:14px; 
	color:#0032a0;
}

.btnPlay {
    background-image:url('images/btnPlay.png');
    background-size:80px 80px;
    width:80px;
    height:80px;
    position:absolute;
    left: 110px;
    top: 85px;
    opacity:0.7;
    z-index:10;
    cursor: pointer;
}

#container{
    position:absolute;
    width:300px;
    height:250px;
    top:0px;
    left:0px;
    margin:auto;
    overflow: hidden;
	border:1px solid #666666;
	cursor: pointer; 
	z-index: 100;
}


#exitBtn{
    position:absolute;
    top:0px;
    left:0px;
    width:300px;
    height:250px;
    cursor:pointer;
    z-index:400;
    background-color:#FFFFFF;
    opacity:0;
    filter:alpha(opacity=0);
}

#background {
    position:absolute;
    width:100%;
    height:100%;
    left: 0px;
    top: 0px;
    background: #FFFFFF;
}

#background_textArea {
    position:absolute;
    width:148px;
    height:510px;
    left: 8px;
    top: 41px;
    background: #e12028;
}

#images {
    position:absolute;
    width:286px;
    height:202px;
    left: 6px;
    top: 40px;
	opacity:0;
    overflow:hidden;
    background: #FFFFFF;
}

#imgBk
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 

#imgCloudLeft
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 
#imgCloudRight
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 

#imgTower
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 

#imgGrass
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:300px; 
	height:250px; 
	opacity:1;
	filter:alpha(opacity=100);
}

#imgLogoLockup01, #imgLogoLockup02 {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    opacity:0;
    filter:alpha(opacity=0);
}

#endFrame {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    background: #ffffff;
    opacity:1;
    filter:alpha(opacity=100);
}


#copy_frame01, #copy_frame02a, #copy_frame02b { position:absolute; opacity:0; filter:alpha(opacity=0);}
#cta01 { position:absolute; left:0px; top:0px; width:300px; height:250px; display:none;}
#cta02 { position:absolute; left:0px; top:0px; width:300px; height:250px; display:none;}
#copy_frame01 { color:#ffffff;}





#btnReplay {
    position:absolute;
    left: 5px;
    top: 5px;
    display:none;
    z-index:401;
    cursor: pointer;
}


:focus {outline:none;}
::-moz-focus-inner {border:0;}