article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {  display: block; margin:0; padding:0;}
html {  font-size: 100%;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;height: 100%;}
button,
input,
input {  *overflow: visible;  line-height: normal;}
button::-moz-focus-inner,
input::-moz-focus-inner {  padding: 0;  border: 0;}
input[type="text"],input[type="password"] {  display: block;  border:none;  padding:7px 5px;  background:#fff; width:95%;}
input[type="text"]:focus {  outline: none;}
input[type="button"],
input[type="submit"] {  cursor: pointer;  -webkit-appearance: button;}
.clearpx{    height:0px;    clear:both;}
.clear1px{    height:1px;    clear:both;}
.clear5px{    height:5px;    clear:both;}
.clear10px{    height:10px;    clear:both;}
.clear20px{    height:20px;    clear:both;}
body {  margin: 0px;  padding:0px;  font-family: "Open Sans",Arial,sans-serif;  font-size: 13px;  font-weight:normal;  color: #333;  background:#fff url(../img/indexBg.png) repeat;height: 100%;}
form{ min-height:100%; margin-bottom:-40px;}
a {  color: #2071a1;  text-decoration: none;}
a:hover {  color: #369bd7;  text-decoration: none;outline: 0;}

img {  max-width: 100%;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;}
  
.wrapper{    margin:0px;    padding:0px;  }     
.wrapperTop{    background:#2877aa url(../img/hero-bg.png) repeat-x;     height:52px;      margin:0 auto; padding:3px 0;  }
.headerContainer{margin:0 auto;  max-width:1200px; padding:0;}  
.indexLogo{  float:left;  margin:0px;  padding:0px 0 0 10px;   text-align:left; width:27%;  position:relative; }   
.loginPanel{   padding:3px 10px 3px 0;     float:right;    text-align:right;}  
.loginPanel .loginBox{text-align:right;float:right;} 
.loginPanel .loginBox .txtBox{position:relative; float:left;margin-left:1px; width:220px;} 
.error-login{color:#660000; font-size:12px; line-height:24px;}
.error-email{color:#f00; font-size:12px;position: absolute;right: 10px;margin-top: -18px;}
.error-password{color:#f00; font-size:12px;position: absolute;right: 10px;margin-top: -18px;}
.error-forgetEmail{color:#f00; font-size:12px;position: absolute;right: 10px;margin-top: -22px;}

.wrapperTopContent {padding:0;   margin: 0 auto;max-width: 1200px;  } 
.wrapperTopContent .indexImg{width:34%;float: left;padding-left: 10px;}
.wrapperTopContent .indexContent{text-align: justify;float: right;width:63%; color:#111;font-size: 15px;padding-right: 10px;}
.wrapperTopContent .indexContent .headTxt{font-size: 24px;font-weight: bold;border-bottom: 1px solid #2877aa; color:#2877aa; padding-bottom:3px; margin-bottom:10px;}
sup{font-size:10px;}
.ProjectName{       float:left;    width:auto;    padding:15px;    color:#eee;    font-size:24px; }    
.registerForm{    float:right;   }
.headerBarLogin{    height:40px;    width:100%;    background:#000;     border-radius:5px 5px 0 0;}

.bgclass{background:#000; opacity:.9; }
.pnl_popup { width:300px; height:auto; background-color:#fff;  padding:0px; }
.pnl_popup .boxHeader{background: #2071a1;padding: 5px;color: #fff;font-size: 18px;font-weight: bold;}
.pnl_popup .boxHeader a.close{float: right;color: #111;background: #fff;border-radius: 50%;line-height:20px;width: 24px;height: 24px;text-align: center;}
.pnl_popup .boxBody{padding:5px;}
.pnl_popup .boxBody .forgetEmail{margin-bottom: 10px; position:relative;}
.pnl_popup .boxBody .forgetEmail input[type="text"]{  display: block;  border:none;  padding:7px 5px;  background:#fff;  width:96%; border:1px solid #eee;}

.btnSubmit{ padding:8px 0 7px;  color:#fff;  background:#111;   border:none;  font-size:12px;letter-spacing:0px; width:57px; margin-left:1px;}
.btnSubmit:hover{color:#2071a1; }
.forgetPassword{padding:1px ;text-align:left;width: 130px; float:left;}
.forgetPassword a{color:#fff;}
.forgetPassword a:hover{color:#111;}
.productsDiv{max-width:1200px; background:none; margin:20px auto 0;padding: 0 10px;}
.productsDiv ul.tabs {list-style: none;padding: 0; margin:0;}
.productsDiv .tabs li{  float: left; width:25%; margin:0; padding-bottom:10px; min-height:160px;	}
.productsDiv .tabs li .productHead{ margin: 10px;padding-bottom: 5px;text-transform: uppercase;font-size: 20px;border-bottom: 1px solid rgba(0,0,0,.2); line-height:20px;}
.productsDiv .tabs li .productText{ padding:0 10px;font-size: 14px; line-height:18px;	}
.footer{padding: 10px;background:#333;color:#999; text-align:center; height:20px;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}

@media screen and (max-width:900px) {
    .headerContainer{ max-width:900px;} 
    .wrapperTopContent {max-width:900px;}
    .wrapperTopContent .indexImg {padding-left: 10px; width:40%;}
    .wrapperTopContent .indexContent {font-size: 13px;padding-right: 10px;line-height: 16px; width:56%;}
    .wrapperTopContent .indexContent .headTxt{font-size:20px;font-weight: bold;border-bottom: 1px solid #2877aa; color:#2877aa; padding-bottom:3px; margin-bottom:10px;}
}

@media screen and (max-width:768px) {
    form{ min-height:100%; margin-bottom:0px;}
    .headerContainer{ max-width:740px;} 
    .wrapperTopContent .indexImg {padding-left: 10px; padding:0; width:100%; text-align:center;}
    .wrapperTopContent .indexImg img {width:70%;}
    .wrapperTopContent .indexContent {font-size: 14px;padding-right: 10px; padding:20px 10px; line-height: 18px; width:auto;}
    .wrapperTopContent .indexContent .headTxt{font-size:18px;font-weight: bold;border-bottom: 1px solid #2877aa; color:#2877aa; padding-bottom:3px; margin-bottom:10px; line-height:18px; text-align:left;}
    .productsDiv .tabs li{ width:50%;min-height:100px;	}
    .indexLogo{width:100%; text-align:left; padding:0;}   
    .loginPanel{padding: 0px;margin: 0px;border: 1px solid #ccc;background: #eee;width: 100%;}  
    .loginPanel .loginBox{text-align: left;float: none;width: 100%;margin: 0 auto;} 
    .loginPanel .loginBox .txtBox{position: relative;float: left;width: 96.5%;margin: 5px;} 
    input[type="text"],input[type="password"] {  display: block;  border:none;  padding:10px 5px;  background:#fff; width:100%; font-size:16px;}
    .btnSubmit {padding:12px 10px;width: 100px;margin: 5px; font-size:16px;}
    .btnSubmit:hover {background:#2071a1; color:#fff;}
    .forgetPassword {padding: 10px 0;width: 100%;text-align: right;margin-bottom: 10px;}
    .forgetPassword a{color: #2071a1;padding: 10px;margin-right: 10px;background: #fff; font-size:16px;}
    .forgetPassword a:hover{color: #fff;background: #2071a1;}
    .error-login{color:#660000; font-size:12px; line-height:24px;}
    ._1error{position: absolute;width: 180px;margin-left: 110px;margin-top: -40px;text-align: left;left: 0;line-height: 14px;}
    .error-email{color:#f00; font-size:12px;position: absolute;right: 0px;margin-top: -22px;}
    .error-password{color:#f00; font-size:12px;position: absolute;right: 0px;margin-top: -22px;}
    .error-forgetEmail{color:#f00; font-size:12px;position: absolute;right: 10px;margin-top: -22px;}
    .productsDiv{max-width:1200px; background:none; margin:0 auto ;padding: 0 10px;}
}

@media screen and (max-width:600px) {
    .wrapperTopContent .indexImg img {width:90%;}
    .loginPanel .loginBox .txtBox{position: relative;float: left;width: 94%;margin: 5px;} 
    .productsDiv .tabs li{ width:100%;min-height:100px;	}
   .productsDiv{max-width:1200px; background:none; margin:0 auto;padding: 0 10px;}
}