body,html{margin:0px;padding:0px;

font-family:Arial, Helvetica, sans-serif;
 background-color:#F4f4f4;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

}



#banner{background-color:#333333;text-align:center;
  
  font-size:24px;
  color:#FFFFFF;width:100%;height:35px;}
#banner img{width:250px;}


 
#appAreaLarge{width:100%;height:500px;width:900px;margin:auto;margin-top:10px;
border:10px solid #fff;}
#appAreaInner{ background-color:#EF6153;
height:500px;width:900px;}


#butangArea{width:180px;margin:auto;}

#butang1{float:right;width:50px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;
background-color:#D4532E;border-radius:5px;color:#eee;}
#butang1:hover{opacity:.6;}

#butang2{float:left;width:50px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;
background-color:#D4532E;border-radius:5px;color:#eee;}
#butang2:hover{opacity:.6;}

#butang3{width:120px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;
background-color:#D4532E;border-radius:5px;color:#eee;}
#butang3:hover{opacity:.6;}



  #promo{text-align:center;}










#logo{text-align:center;}
#logo img{width:450px;}


#statArea{width:100%;background-color:#D4532E;height:25px;}
#statArea1{float:left;color:#fff;margin-left:40px;font-size:20px;}
#statArea2{float:right;color:#fff;margin-right:40px;font-size:20px;}

#questionArea{width:90%;height:60%;margin:auto;background-color:#fff;}



#intro{margin-top:30px;margin-left:50px;font-size:30px;}




.tickbox{float:left;margin-left:20px;}
.qq{font-size:23px;width:100%;cursor:pointer;height:33px;}
.qq:hover{background-color:#ECF0F1;}





#feedback1{font-size:23px;width:100%;text-align:center;}
#feedback2{width:100px;height:80px;margin:auto;text-align:center;font-size:60px;background-color:#F2E6D6;border-radius:10px;}
#feedback3{font-size:16px;width:100%;text-align:center;}
#feedback4{font-size:26px;width:100%;text-align:center;}


.feedback5{float:none; clear:both;font-size:20px;width:400px;margin:auto;background-color:#FFF;padding:5px;}


#appAreaInner2{ background-color:#fff;
height:auto;width:90%;margin:auto;margin-bottom:20px;}






#butang6{margin:auto;width:130px;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;}
#butang6 img{float:right;}
#butang6:hover{opacity:.6;}







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


	#hsarea{width:100%;}
	 #appAreaLarge{width:100%;}
 
	#appAreaInner{ height:560px;width:100%;border:none;}
#appAreaLarge{border:none;}

 

}







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


	#hsarea{width:100%;}
	 #appAreaLarge{width:100%;}
 
	#appAreaInner{ height:560px;width:100%;border:none;}
#appAreaLarge{border:none;}
#logo img{width:90%;}
 

.feedback5{width:80%;}


}



	


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

.qq{font-size:18px;width:100%;cursor:pointer;height:35px;}
	 

}