body,html{margin:0px;padding:0px;background-image:url(sos.png);font-family:Verdana, Geneva, sans-serif;}

#newnextButton{width:50px;margin:auto;margin-top:15px;cursor:pointer;}
#newnextButton:hover{opacity:.6;}
#newnextButton img{width:100%;}

#bar1{width:100%;background-color:#3498DB;}
#bar2{width:100%;padding-top:5px;padding-bottom:5px;background-color:#6BB9F0;}
#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}

#gameArea{width:800px;height:410px;margin:auto;background-color:#fff;margin-top:40px;margin-bottom:10px;position:relative;}

#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;}


#pix1{margin-top:2px;text-align:center;}
#pix1 img{width:220px;height:220px;}
#butang1{float:left;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{float:right;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;}
#butang2:hover{opacity:.6;}

 #butangholder{width:250px; margin:auto;}

#passage{padding:2%;width:96%;text-align:center;color:#fff;background-color:#6C7A89;}
#passage2{padding:2%;width:96%;text-align:center;color:#fff;background-color:#6C7A89;font-size:20px;cursor:pointer;}
#passage2:hover{opacity:.6;}

#promo{margin:auto;text-align:center;}

#glossArea{width:780px;padding:10px;margin:auto;background-color:#fff;}
#spacer{width:100%;height:40px;}

@media screen and (max-width:800px) {
	 
#gameArea{width:100%;}
 #glossArea{width:95%;}

}

@media screen and (max-width:650px) {
	#title1{font-size:32px;}
#passage{padding:2%;width:96%;float:left;height:auto;}
#quiz{margin:2%;margin-top:40px;width:95%;float:left;border: 1px solid #3CF; border-radius:1px;position:relative;}
#gameArea{margin-top:15px;}
}


@media screen and (max-width:450px) {
	#title1{font-size:25px;}
	#title2{font-size:15px;}
	#banner{width:100%;height:50px;background-color:#F39C12;padding-left:0%;}
}

@media screen  and (max-width:820px){
#bannerb{width:100%;}
#bannerb img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
}


@media screen  and (max-width:600px){
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
}

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

	#banner img{width:100%;height:auto;}
}