body,html{

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

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




.pr1{width:210px;margin:auto;height:30px;font-size:28px;color:#34495E;margin-bottom:2px;padding:3px;border: 3px solid grey;border-radius:8px;cursor:pointer;}
.pr1:hover{border: 3px solid #22313F; }



#s1{line-height:1px!important;color:#4B77BE;height:30px;float:left;}
#s1a{line-height:30px!important;color:#4B77BE;height:30px;margin-right:15px;} 


#s2{line-height:1px!important;color:#grey;height:30px;float:left;}
#s2a{line-height:30px!important;color:#4B77BE;height:30px;margin-right:15px;} 
#s3{line-height:1px!important;color:#grey;height:30px;float:left;}
#s3a{line-height:30px!important;color:#4B77BE;height:30px;margin-right:15px;} 
#s4{line-height:1px!important;color:#grey;height:30px;float:left;}
#s4a{line-height:30px!important;color:#4B77BE;height:30px;margin-right:15px;} 
#s5{line-height:1px!important;color:#grey;height:30px;float:left;}
#s5a{line-height:30px!important;color:#4B77BE;height:30px;margin-right:15px;} 

#clearance{clear:both;float:none;width:100%;}

.ppx img{float:left;width:120px;height:120px;border:1px solid grey;}
.ppxHolder{float:left;width:120px;height:140px;text-align:center;cursor:pointer;margin-right:5px;margin-left:5px;margin-bottom:40px;}
.ppxHolder:hover{opacity:.8;}


#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:460px;margin:auto;background-color:#fff;margin-top:40px;margin-bottom:10px;}

#title1{text-align:center;background-color:#F2784B;height:40px;padding:20px;font-size:40px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2{line-height:40px;text-align:center;background-color:#EB974E;height:40px;padding:0px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2a{padding:5px;text-align:center; min-height:40px;font-size:18px; font-family:Verdana, Geneva, sans-serif;width:auto;}


#title2inner{background-color:green;width:100%;height:100%;font-size:30px;}


#pix1{margin-top:2px;text-align:center;}
#butang1{float:left;width:80px;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:80px;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;}

#butang3{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;}
#butang3:hover{opacity:.6;}

#butang4{margin:auto;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;}
#butang4:hover{opacity:.6;}

#butang5{margin:auto;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;float:right;margin-right:15px;line-height:24px!important;margin-top:2px;}
#butang5:hover{opacity:.6;}


.correct{background-color:#00B16A!important;color:#fff!important;}
.incorrect{background-color:#F03434!important;color:#fff!important;}

 #butangholder{width:200px; margin:auto;}
 #butangholder2{width:120px; margin:auto;padding-top:10px;height:45px; }
 #butangholder2 img{ ;}

input {height:30px; }


#passage{padding:2%;width:96%;text-align:center;color:#fff;background-color:#6C7A89;}

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

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




#word1{line-height: 80px;width:80px;text-align:center;padding:10px;font-size:23px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;}

#middleholder{width:350px;margin:auto;margin-top:10px; }

#word2{line-height: 80px;width:80px;text-align:center;padding:10px;font-size:23px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;float:left;cursor:pointer;}
#word3{line-height: 80px;width:80px;text-align:center;padding:10px;font-size:18px;height:80px;background-color:#2574A9;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:#fff;float:left;margin-left:10px;cursor:pointer;}
#word4{line-height: 80px;width:80px;text-align:center;padding:10px;font-size:23px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;float:right;margin-left:10px;cursor:pointer;}

#word5{clear:both;float:none;line-height: 80px;width:80px;text-align:center;padding:10px;font-size:23px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:20px;cursor:pointer;border:5px solid grey;color:grey;}




#n1{margin:auto;width:100px;font-size:28px;}

#n2{font-size:22px;padding:10px;}
#n3{font-size:15px;padding:10px;}
#n4{font-size:15px;padding:10px;margin-left:20px;}



#uber{width:660px;margin:auto;height:600px;background-color:#fff;}

@media screen and (max-width:660px) {#uber{width:520px;margin:auto;}}
@media screen and (max-width:520px) {#uber{width:390px;margin:auto;}}
@media screen and (max-width:390px) {#uber{width:260px;margin:auto;}}
 


@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%;height:300px;float:left;border: 1px solid #3CF; border-radius:1px;position:relative;}
#gameArea{margin-top:15px;height:540px;}
}



@media screen and (max-width:540px) {
	 
	#title2{font-size:13px;height:40px;line-height:14px;}
	#title2inner{line-height:40px!important;}
	#n1{line-height:40px!important;}
}



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

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





#word1{line-height: 80px;width:80px;text-align:center;padding:0px;font-size:18px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;}

#middleholder{width:290px;margin:auto;margin-top:10px; }

#word2{line-height: 80px;width:80px;text-align:center;padding:0px;font-size:18px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;float:left;cursor:pointer;}
#word3{line-height: 80px;width:80px;text-align:center;padding:0px;font-size:16px;height:80px;background-color:#2574A9;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:#fff;float:left;margin-left:10px;cursor:pointer;}
#word4{line-height: 80px;width:80px;text-align:center;padding:0px;font-size:18px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:10px;cursor:pointer;border:5px solid grey;color:grey;float:right;margin-left:10px;cursor:pointer;}

#word5{clear:both;float:none;line-height: 80px;width:80px;text-align:center;padding:0px;font-size:18px;height:80px;background-color:#FDE3A7;border-radius:120px;margin:auto;margin-top:20px;cursor:pointer;border:5px solid grey;color:grey;}



}