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

#texArea2{padding:15px;min-height:350px;}
#lbinnerx{
	width:150px;
	height:170px;
	border:2px solid #e67e22;
	padding:5px;
	}

.leftb{margin-right:10px;}
a:link {
  text-decoration: none;color:#fff;
}

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

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

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


.marge{margin-left:10px!important;}

.tbox img{width:18px;float:left;margin-right:8px;cursor:pointer;}

#togButton{
	width:120px;height:23px;padding-top:8px;margin-top:8px;margin-left:70px;
	text-align:center;background-color:#67809f;
	border-radius:18px 18px 18px 18px;color:#efefef;cursor:pointer;
	display:none;}

#togButton:hover{background-color:#95a5a6;}

 
#dummy{
	display:none;
	}
.spacer5{width:100%;height:5px;}

.sel{
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;}

#tickcross img{width:30px;}

#dropText{width:40%;height:350px;overflow-y:scroll;float:left;}
#littleTitle{font-size:20px;}

#qArea{float:left;margin-left:10px;width:500px;box-sizing: border-box;padding-left:50px;}
.qarea{margin-top:10px;margin-bottom:10px;}
.fbarea{height:35px;clear:both;float:none;font-size:13px;color:#67809f;margin-top:4px;}

.tfbutang{padding:5px;height:20px;border:2px solid grey;border-radius:4px;text-align:center;width:95px;float:left;cursor:pointer;}
.tfbutang:hover{background-color:#f3f1ef;border: 2px solid #2e3131;}

#buttonfbo1 {width:0px;float:right;}
#buttonfbo2 {width:0px;float:right;}
#buttonfbo1 img{width:20px;float:right;}
#buttonfbo2 img{width:20px;float:right;}



#navr{display:none;padding:3px;border:1px solid grey;border-radius:5px;cursor:pointer;text-align:center;width:40px;}
#navr:hover{background-color:#f3f1ef;}

#clearMe{clear:both;float:none;}


#innerBanner{margin:auto;width:870px;color:#fff;font-size:16px;padding-top:2px;}

#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{border-bottom:1px solid grey;font-size:14px;padding-top:10px;padding-bottom:10px;margin-bottom:5px;}

#textTitle{font-size:30px;margin-bottom:10px;}
#pix{float:left;margin-right:15px;margin-bottom:15px;}
#pix img{width:250px;}

#pixr{float:right;margin-right:15px;margin-bottom:15px;}
#pixr img{width:250px;}

input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}





#texArea{width:900px;min-height:400px;background-color:white;margin:auto;margin-top:30px;font-size:16px;} 

#title1{font-family:arial;font-size:30px;}

.title2{font-family:arial;font-size:25px;padding:5px;border: 2px solid grey;border-radius:5px;margin-bottom:10px;margin-top:30px;}
.linx{font-family:arial;font-size:20px;}
.tex{font-family:arial;font-size:20px;}

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





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

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

#dropText{display:none;width:100%;height:350px;overflow-y:scroll;float:left;}
#togButton{display:block;}


}


@media screen and (max-width:570px) {
#qArea{float:left;margin-left:10px;width:95%;padding:20px;}
 #togButton{margin-left:40px;}
}


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

#texArea{font-size:14px;} 
#pix img{width:150px;}
#pixr img{width:150px;}
#qArea{float:left;margin-left:10px;width:95%;padding:10px;}
}
@media screen and (max-width:350px) {

#texArea{font-size:14px;} 
#pix img{width:280px;margin:auto;}
#pixr img{width:280px;margin:auto;}
#texArea{width:92%;} 
}