@charset "UTF-8";
/* CSS Document */


#pdf_icon{ font-size:14px; position:absolute; top:35px; left:10px; line-height:14px;}
#pdf_icon a{text-decoration:none;}

#table{width:95%; max-width:720px; margin:0 auto; min-width:320px;}
#low_voltage{margin-left:20%; margin-right:0.8%; float:left; font-family:newErasDemi; width:55.2%; text-align:center; padding:5px 0; background-color:rgba(0,0,255,0.2); height:30px; line-height:14px; margin-bottom:5px; }
#high_voltage{width:24%; float:right; text-align:center; font-family:newErasDemi; padding:5px 0; background-color:rgba(255,0,0,0.2); height:30px; line-height:14px; margin-bottom:5px;}

.new-line{border-bottom:1px solid black; width:100%; float:left;}
.feature{width:19%; float:left; padding-top:0px; padding-bottom:0px; clear:left; text-align:right; font-size:14px; padding-right:1%;}
.spec{width:80%; float:left;}


.testers{width:80%; float:left; margin-top:-1px; font-family:newErasDemi; color:blue; cursor:pointer;}

#m2ub, #m2u, #m3u, #hvx{float:left; text-align:center; background-color:#CCC; font-size:14px; height:32px; line-height:14px; padding-top:5px; margin-bottom:4px;}

#m2ub{width:19%; margin-right:1%;}
#m2u{width:19%; margin-right:1%;}
#m3u{width:29%; margin-right:1%}
#hvx{width:30%; float:right;}

#m2ub:hover{ background-color:#bbb;}
#m2u:hover{ background-color:#bbb;}
#m3u:hover{ background-color:#bbb;}
#hvx:hover{ background-color:#bbb;}

.active{color:#C00;}


.m2ub, .m2u, .m3u, .hvx{font-size:14px; padding:3px; text-align:center;}

.m2ub{display:none;}
.m2u{display:none;}
.m3u{}
.hvx{display:none;}

@media only screen and (min-width:600px) {
#low_voltage, #high_voltage{height:15px;}
#m2ub, #m2u, #m3u, #hvx{ font-size:15px;}

}