body,html{margin:0px;padding:0px;background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}




.bigText{font-size:30px;}

#gameArea{width:800px;min-height:460px;margin:auto;background-color:#fff;margin-top:10px;margin-bottom:10px;box-sizing:border-box;border:1px solid #6C7A89;}
 



#title1{text-align:center;background-color:#6C7A89;height:40px;padding:20px;font-size:40px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2{text-align:center;background-color:#6C7A89;height:40px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;}

 

#pix1a{margin:auto;margin-top:2px;text-align:center;}
#pix1a img{margin:auto;margin-top:2px;text-align:center;width:40%;}

#pix1{margin-top:2px;text-align:center;}
#butang1{float:left;width:110px;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{ float:right;width:110px;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;}
#butang2:hover{opacity:.6;}



 #butangholder{width:300px; margin:auto;}


 
 

#promo{margin:auto;text-align:center;margin-top:10px;}



 
 






 #butangHolder2{width:180px; margin:auto;margin-top:50px;}

#menuButton{text-align:center;width:100px;border-radius:5px;background-color:#5C97BF;cursor:pointer;padding:9px;color:#EFEFEF;float:left;}
#menuButton:hover{opacity:.7;}

#qButton{text-align:center;width:20px;border-radius:5px;background-color:#5C97BF;cursor:pointer;margin:auto;padding:9px;color:#EFEFEF;float:right;}
#qButton:hover{opacity:.7;}


#stars{text-align:center;width:100px;margin:auto;margin-top:40px;}

 
#menuButton2{text-align:center;width:100px;border-radius:5px;background-color:#5C97BF;cursor:pointer;margin:auto;padding:9px;margin-top:50px;color:#EFEFEF;}
#menuButton2:hover{opacity:.7;}


 


#nbp{padding:50px;text-align:center;clear:both;float:none;}

 
 



#feedbackScore{text-align:center;width:90%;margin:auto;margin-top:50px;font-size:35px;}


 
  


#notesArea{float:left;font-size:16px;padding:30px;padding-top:14px;height:200px;background-color:#fff;}
#notesArea img{margin:auto;width:300px;}
#pageNum{width:40px;height:40px;text-align:center;font-size:30px;background-color:#ecf0f1;color:grey;border-radius:20px;float:left;margin-top:10px;margin-left:10px;}




#notesButang{margin:auto;opacity:0.1;padding:8px;border-radius:6px;font-size:17px;width:50px;background-color:#D2D7D3;margin-top:0px;cursor:pointer;}

#notesButang:hover{background-color:#ececec;color:grey;}




#interArea{text-align:center;}








#area1{width:100px;background-color:#2574A9;border-radius:5px;text-align:center;padding:5px;font-size:20px;color:#fff;margin:auto;margin-top:10px;}

#area2{margin-top:30px;text-align:center;font-size:20px;padding-left:8px;padding-right:8px;}
#area3{width:270px;margin:auto;height:40px;padding-top:8px;}

#area4{margin-top:30px;text-align:center;font-size:20px;padding-left:8px;padding-right:8px;}
#area5{width:270px;margin:auto;height:40px;padding-top:8px;}




.butang3{border:1px solid white;float:left;width:110px;margin:auto;text-align:center;background-color:#DADFE1;height:20px;padding:5px;font-size:16px;color:#6C7A89;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
.butang3:hover{background-color:#D2D7D3;border:1px solid #6C7A89;}


.butang4{border:1px solid white;float:right;width:110px;margin:auto;text-align:center;background-color:#DADFE1;height:20px;padding:5px;font-size:16px;color:#6C7A89;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
.butang4:hover{background-color:#D2D7D3;border:1px solid #6C7A89;}





#title2a{cursor:pointer;text-align:center;background-color:#6C7A89;height:70px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2a:hover{opacity:.7;}



.blue{color:#2574A9;}





@media screen and (max-width:365px) {

 #notesArea img{margin:auto;width:260px;}
}


 


@media screen and (max-width:800px) {
	
#gameArea{width:100%;}
 .notes{text-align:center;font-size:25px;padding:20px;}


#notesArea{float:left;font-size:16px;padding:30px;padding-top:14px;height:300px;background-color:#fff;}
}




@media screen and (max-width:775px) {
	#gameAreaOuter{margin-top:15px;min-height:540px;}
}


 



@media screen and (max-width:650px) {
	#title1{font-size:32px;}
}




@media screen and (max-width:570px) {
#pix1a img{margin:auto;margin-top:2px;text-align:center;width:70%;}
}


@media screen and (max-width:450px) {
	#title1{font-size:25px;}
	#title2{font-size:15px;}
}
 
 

@media screen and (max-width:400px) {
 #butangHolder2{width:180px; margin:auto;margin-top:20px;}
}



@media screen  and (max-width:350px){
	#banner img{width:100%;height:auto;}
#title2a{text-align:center;background-color:#6C7A89;height:70px;padding:5px;font-size:16px;color:#fff;font-family:Verdana, Geneva, sans-serif;}

}









