body{ font-family: "Tahoma", Geneva, sans-serif;  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    
    }
textarea{position: relative;top:3px;    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; margin:2px;}

.group_L1{background-color: #90ce4f; color:white; position:relative; width: 840px;font-size: 20px;font-weight: bold;text-align: center;}
.group_L2{;background-color: #90ce4f;color: #000099; position:relative;width: 820px; font-size: 18px;text-align: center;margin-left: 20px;}
 .question_row1{display:table ;width:820px;margin-left: 15px;background-color: white; padding: 5px;}
 .question_hdr{display:table ;width:820px;margin-left: 15px;background-color: white; padding: 5px;text-align: right;}

 .question_row2{display: table-cell;word-wrap: normal;width:640px;vertical-align: middle;padding: 5px;margin-left: 15px;text-align:left;
 border-style: solid; border-width: 2px; border-color: #90ce4f; border-radius: 5px;}
  .question_row2.odd{background-color: #EEEEEE;}
  .question_row1:hover > .r4{visibility: visible;}
 .question_row3{position:relative;top:-14px;width:80px; max-height: 24px;}
 /*.r1{display: hidden;background-color: #99CCFF;width:20px;left:20px;}*/
 .r2{display: table-cell;background-color: #E0F0FF;width:20px;left:20px;}
 .r4{display: table-cell;}
 
 #heder_frame{display: absolute;text-align: right;height: 80px; width: 250;top: 0px; left: 700px;}
 #center_frame{display: table-cell;overflow-y: auto;overflow-x: hidden;height: 500px;}
 #footer_frame{display: none; width: 256px;height:43px;position: absolute;left: 50%;top: 94%; z-index: 900; margin-left: -100px;position: fixed;}
 #right_frame{width:400px; height: 100px; position: absolute;left:550px;z-index: 100;top:50%;font-size: 22px; color:  #90ce4f;}
 #left_frame1{width:220px;}
 #left_frame2{width:220px;} 
 #left_frame{width:220px; position: absolute;}
 .res2{border-style: solid;border-width: 1px;width:200px;}
  .res1{width:300px;}
 .res2i{background-color: orange;}
 .res2p{background-color: red;}
 .res2z{background-color: green;}
 .remark{display: table-cell;}
 #popup{z-index: 600;visibility:hidden;position: fixed; margin-left: -465px;margin-top: -315px;top:50%;left: 50%;
  width: 900px;height: 570px;border-style: solid; border-width:20px; border-radius: 20px;padding: 20px;background-color: #FFFFFF; border-color: #90ce4f;
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
 #result{display: table-cell; position: relative; width: 520px; height: 320px; top: 0px; font-size: 14px;left:150px;}
 #result_text{z-index: 100;display:table;width: 875px; font-size: 16px;position: relative; left: 0px; top:0px;
 border-style: solid; border-width: 2px; border-color: #90ce4f; border-radius: 5px;
  background-color: #EEEEEE; margin-bottom: 20px;padding: 10px;}
 #btn_close_popup{z-index: 800;text-align: center; margin-left: 325px; height: 37px; width: 250px; background-color: #53b209; border-color: black;
  border-style: solid; border-radius:5px;font-size: 30px;
 margin-top: -15px; color: white;position: relative;}
 

 #btn_save{text-align: center;  height: 37px; width: 250px; background-color: #53b209; 
 border-color: black; border-style: solid; border-radius:5px;font-size: 30px; color: white; position: relative;}

 
.ahr1{height: 30px; background-color: #90ce4f;width: 864px;text-align: center;color:#000099;border-top-left-radius:15px;border-top-right-radius:15px;}
.ahr1a{height: 45px; background-color: #90ce4f;width: 844px;text-align: center;color:#ffffff;padding: 10px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.ahr1b{height: 10px; background-color: #90ce4f;width: 864px;text-align: center;color:#000099;}
.ahr2{height: 133px; background-color: #90ce4f;width: 864px;text-align: center;}
.ahr0{text-align: center;border-style: none;border-radius: 10px;border-color: #90ce4f;}
.ahr3{ min-height:270px; max-height: 550px; background-color: #90ce4f;width: 864px;text-align: center; border-bottom-left-radius:15px;border-bottom-right-radius:15px;   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.navigate{display: table-cell; position: relative; color:white;
text-align: center;  height: 33px; width: 270px; background-color: #53b209; 
 border-color: #90ce4f; border-style: solid; border-radius:15px;font-size: 25px;}
.navigate:hover{color:red;}
input[type=checkbox]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;

}

input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : green;
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
 /* text-shadow : 0 0 0.0714em rgb(115,153,77);*/
  font-weight : bold;

}

.r4 {
	position: relative;
	visibility:hidden;
}
.r4:after, .r4:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.r4:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #C8E6A7;
	border-width: 10px;
	margin-top: -10px;
}
.r4:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #C8E6A7;
	border-width: 12px;
	margin-top: -12px;
	}