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

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

#logger{float:right;}

#banner{height:30px;background-color:#e67e22;color:#fff;font-size:13px;padding:3px;}


#togButton{width:100px;text-align:center;background-color:#67809f;border-radius:3px;color:#efefef;cursor:pointer;display:none;}
#togButton:hover{background-color:#95a5a6;}

#lbinner{
	width:150px;
	height:170px;
	border:2px solid #e67e22;
	padding:5px;
	}
#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;}


.b1{font-size:14px;text-align:center;margin-top:5px;display: inline-block;width:100px;height:25px;background-color:#e8ecf1;border:1px solid #e8ecf1;padding:2px;border-radius:2px;}
 
#lines{width:100%;border-top:1px solid black;height:8px;}


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

#qArea{float:left;margin-left:10px;width:530px;line-height:25px;}
.qarea{margin-top:10px;margin-bottom:10px;}
#fbarea{line-height:110%;float:none;clear:both;height:85px;clear:both;float:none;font-size:13px;color:#67809f;margin-top:4px;}

#fb1{background-color:#03a678;color:#efefef;padding:5px;text-align:center;width:100px;font-size:18px;}
#fb2{background-color:#d91e18;color:#efefef;padding:5px;text-align:center;width:110px;font-size:18px;}

.obutang{border:2px solid grey;border-radius:4px;text-align:center;width:110px;float:left;margin-right:15px;cursor:pointer;}
.obutang:hover{background-color:#f3f1ef;border: 2px solid #2e3131;}

#navr{display:none;padding:3px;border:1px solid grey;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;cursor:pointer}
#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;}
#pix2{display:none;}

#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:420px;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:590px) {
#qArea{float:left;margin-left:10px;width:95%;}
#splitter{width:100%;height:5px;clear:both;float:none;}

}


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

#texArea{font-size:14px;} 

#pix {display:none;}
#pix2{display:inline;width:100%;}
#pix2 img{width:100%;}
}



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

.tfarea{margin:auto; width:258px;}
}