body{margin:0px;padding:0px;background-image:url('sos.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
font-family:arial;
font-size:20px;
}

a:link {
  text-decoration: none;color:#fff;
}

a:visited {
  text-decoration: none;color:#fff;
}

a:hover {
  text-decoration: none;color:#fff;
}

a:active {
  text-decoration: none;color:#fff;
}

#stage{width:100%;height:100%;}
#stageinner{width:400px;margin:auto; }

#texArea{width:900px;min-height:450px;background-color:white;margin:auto;margin-top:30px;font-size:16px;} 
#btangs{width:135px;float:right;}
#next{float:right;width:40%;text-align:center;background-color:#336e7b;border:2px solid #fff;padding:3px;border-radius:5px;color:#fff;}
#back{float:left;width:40%;text-align:center;background-color:#336e7b;border:2px solid #fff;padding:3px;border-radius:5px;margin-right:5px;color:#fff;}
#back:hover{border:2px solid #81cfe0;color:#81cfe0;}
#next:hover{border:2px solid #81cfe0;color:#81cfe0;}


#navBar{height:30px;background-color:#336e7b;color:#efefef;padding:10px;}

#structions{text-align:center;padding:2px;color:grey;}



#gameArea{width:100%;height:400px;margin:auto;background-color:#fff;overflow:hidden;position:relative;}

#bgx{position:absolute;}



#quad{position:absolute;height:100%;width:400px;}

#q1{width:200px;height:200px;float:left;}
#q2{width:200px;height:200px;float:left;color:black;}
#q3{width:200px;height:200px;float:left;text-align:center;}
#q4{width:200px;height:200px;float:left;text-align:center;}

#q1 img{position:absolute;}
 
.padder{padding:30px;width:145px;position:absolute;padding-top:10px;}
.padder2{padding:30px;position:absolute;color:#efefef;padding-top:10px;}

.padder3{padding:30px;width:145px;position:absolute;padding-top:30px;}

#q2a{width:200px;height:100px;cursor:pointer;}
#q2a:hover{opacity:.8;color:grey; }

#q2b{width:200px;height:100px;cursor:pointer;}
#q2b:hover{opacity:.8;color:grey; }

#q2a img{position:absolute;}
#q2b img{position:absolute;}




#fbb{font-size:22px;text-align:center;}
 
#butang1{width:100px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang1:hover{opacity:.6;}

 #butang2{width:150px;margin:auto;margin-top:10px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang2:hover{opacity:.6;}

 #butang3{width:150px;margin:auto;margin-top:10px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang3:hover{opacity:.6;}





#contentArea{height:347px;overflow-y:scroll;overflow-x:hidden;}

#contentArea2{padding:40px;}

 
 
@media screen and (max-width:438px) {
#gameArea{width:100%;border:none;}
#quad{width:100%;}
#q1{width:50%;}
#q2{width:50%;}
#q3{width:50%;}
#q4{width:50%;}
#q2a{width:50%;}
#q2b{width:50%;}
#q1 img{width:48%;}
#q2a img{width:48%;height:98px;}
#q2b img{width:48%;height:98px;}
.padder{padding:20px;width:35%;position:absolute;padding-top:10px;font-size:14px;}
.padder2{padding:20px;width:35%position:absolute;color:#efefef;padding-top:10px;font-size:14px;}

.padder3{padding:30px;width:35%;position:absolute;padding-top:30px;}
#contentArea2{padding:15px;}
}
 


@media screen and (max-width:930px) {

#texArea{width:90%;} 
#innerBanner{width:90%;color:#fff;font-size:14px;}



}