body,html {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
body {
  background:#8A8A8A;    /*#E5E5E5*/
  font-family:arial;
}

a {
  color: inherit;
  text-decoration:none;
  cursor:pointer;
}
a:hover {
  text-decoration: underline;
}


ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
p {
  padding:0;
  margin:0;
}
input {
  outline: none;
}


header {
  position:absolute;
  top:0;
  width:100%;
  height:52px;
  background:#fff;
  z-index:9;
  box-shadow:0 0 5px #D4D4D4;
  overflow:hidden;
}

nav {
  width:980px;
  margin:0 auto;
}
nav .navleft {
  float:left;
  z-index:200;
}

.navleft .panel_icon {
  display:block;
  float:left;
  width:90px;
  height:52px;
  cursor:pointer;
  background:center center no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAACfElEQVRoQ+2YTWjUQBiG9yyIB0ERT4Li38GLoncLFT0telB7UJHtKire69GbPzfbRVBPFaWtoidBKa4VK95EUfAgogdx22qTNGkm2c2O77hf6tps4mRpurNlHvjY+Zh3kjwMZJnkNCuBer0+gNpAbfcRBMErCGynNhNw/TxqH7VLy3II4B7XcY9T1C4tSgkgtAPha9RKoZrAXoSfUCtFWgFk16K2UiuFagJ5rLlNrRRaoBXI9qIO1mq1j/gtijFqPU3HgkxqAay5LPVcCEoJIHd87u0z2xwtzBsPz1SNsX7XKt+3WOXHG4rEkkaAc74N+XPIX0V9EGPUaZqOgklZgYvTpZ7AupHjYU0N7ef+z+lPFIkFa6UFAt/8Oj57ky8uXOMERf5FPQHj2+HBLby5SKBAkQZptwpzagmk3apOCBxJFpA0JTohkPhcK0ogcasIpQUSg0Q7AhXHGbddZljMc+Y837OZZ8ww7wuutYkiEZQScHzfWV0c5mvO3l2ovlJZ3OMQRSKoJeA1BHL5Owt1bKjsagGBFtACrel6gRqbev1+9jlfXFhzgCINVBXAnDg/70bdwp/fJI130fRfVBUIwcMnHymlt4pQTgCTf7YK54KTiVtFYO6o/e6pbY71O8bjC4H5oOhaEyMmq3yfpEiETAVCEJI+1EO2B/leHOrFAaggxqh1NB1BOYEQ5KU+q2gBLRCDrIBbrc7vvPSIN1df6YV403WHQMV1z/9y3XsGYy9Nz/8sxjOMDeJlsIoisSghEIKs9JEyBPkrWNf6Y1YzbQpMiO9K1P6XdgSkaUcgLVogCS0gQdYCm1ED1GZCpgLLAQQ2ovZQq9F0jlzuN/hlnZC6NhF0AAAAAElFTkSuQmCC');

}

ul.opt-left {
  margin-left:10px;
  float:left;
}
ul.opt-left li {
  float:left;
  margin:0 5px;
  padding:20px 10px 12px;
  text-align:center;
  font:13px 'Open Sans',helvetica;
  color:#676767;
  cursor:pointer;
  font-weight:300;
  letter-spacing:1px;
}
ul.opt-left li:hover {
  color:#aaa;
}
ul.opt-left li.sel {
  border-bottom:2px solid #00519E;
}

ul.opt-right {
  margin-right:4px;
  float:right;
}
ul.opt-right li {
  float:left;
  margin:10px 5px;
  padding:9px 10px 8px;
  text-align:center;
  font:13px helvetica;
  color:#818181;
  font-weight:300;
  letter-spacing:0.9px;
  border-radius:4px;
}
ul.opt-right li.user_type {
  float:left;
  margin:10px -5px 10px 5px;
  padding:9px 0 8px 10px;
  text-align:center;
  font:13px helvetica;
  color:#00519E;
  font-weight:700;
  letter-spacing:1px;
  border-radius:4px;
}
ul.opt-right li.logout {
  color:#666;
  padding-right:30px;
  background:#f0f0f0 47px 10px url('/img/logout.png') no-repeat;
  cursor:pointer;
}
ul.opt-right li.logout:hover {
  color:#000;
  background:#E2E2E2 47px 10px url('/img/logout.png') no-repeat;
}



.content {
  min-width:980px;
  max-width:980px;
  margin:0 auto;
  padding:52px 0;
  background:#F0F0F0;
  box-shadow:2px 2px 1px #DBDBDB;
  border-radius:0 0  3px 3px;
  overflow:hidden;
}

.main_box {
  float:left;
  width:880px;
  margin:10px 50px;
  padding:35px 0 20px;
  font:14px helvetica;
  letter-spacing:1px;
  font-weight:500;
  color:#434343;
}


.box_data_top {

}


.main_box hr {
  float:left;
  width:100%;
  margin:4px 0 0;
  border:2px solid #00519E;
  opacity:0.85;
}

ul.main_body {
  float:left;
  width:100%;
  min-height:100px;
  background:#f5f5f5;
}
ul.main_body li {
  float:left;
  margin-bottom:8px;
  padding:25px 0 35px 15px;
  min-width:865px;
  max-width:865px;
  min-height:80px;
  max-height:80px;          
  border:1px solid #f0f0f0;
  background:#fff;
  font:14px helvetica;
  letter-spacing:1px;
  font-weight:500;
  color:#323232;
  overflow:hidden;
  cursor:pointer;
  border-radius:3px;
}
ul.main_body li:hover {
  border:1px solid #bbb;
}
ul.main_body li .opt-docname {
  float:left;
  min-width:880px;
  max-width:880px;
}

ul.main_body li .opt-docname .docname {
  float:left;
  margin:0 3px;
  padding:7px 10px 5px 32px;
  min-width:30px;
  max-height:20px;
  border-radius:4px;
  font:14px verdana;
  color:#666;
  font-weight: bold
}
.docname.doc1 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAG2SURBVDhPjVI7Sx1REF6wsBHFCxfu3T1nZndFfAVEfBAIJIWIhYqC2isoRFNqIYJYaGF1q/yEYJM6TZoU+QOCBFHQxsZCEBRfoOg3s+fcq9ew+MHAvL5v5uxOkIfU8lpKvBcb88Wl3oe0tbUFxL9tHD95S4mGXTkfibUjaL7NSHyFLX56EdQmXNv/AWKlNpHPucydkk8Mr1RFiKa1uR6Y9KNGpj9INWaVDCDO+npMtOjSGRLiHV9MLK+79Bskxgxhswc3pJIlib5VycYMajIHYRhaiNw7kU159yeZKspElLi+XKD3EHbqnhoExWKxSRWjqF0T+WgA+ZFD7nOxolEEsEG3BHGpxPioJ/g2R7B9+P+8eKFQaJbe+uNSgdTaAQmqt0DUb63tURGiMaml5TJJL77duMQeKiAECVCcwZrHWgEQ/4qtnRQ/DsMO3cDFHq8EsPLcSwH4v9nwlPrGfNAN6q5SBeIo6pUAl7eMlQ+0AkDwu//FXOIu7TXmsxYF/i+IYdrlC/8aduf8G9gZhC8k5og/OnoGKI7irQup4XlM/Apbwsmu4ka2QNqAVXQTol342xkrCJ4BXHSHEqPLQIAAAAAASUVORK5CYII=');
}
.docname.doc2 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAGTSURBVDhPrZK/S8NQEMerZnM3mzgJYpKmbV6KseqiQ2n9MRiH6FDUxcVFcOvg4GT/ACdHdRBxdsgiCC4OgjoIxUWkYMFBQaokfi956rtNxIMj+fbu8717fcnEcfydauTz+VqhUGgKITp4hrlcbkiWOMOEDDQvAYwcx2m4ruvjeQaTlmVZfVRnDBMyANwhd6XM6LreC/0IkzppxjCRRjemxjjCgtRJwOAYuU/vjGEiDY0MMG1e6iSgj3CsQ3pnDBNp/J+BIaoTlheEg2Jx4E8GgB+MsbXYHAlOfm2AKxyXBrMwaJMBbQF9AINbuhHGqML3/R40Nukft9zynFFajZINRpdfs8XpKfz+hPq2yjADFEs0nZoBfxD8laYXXKK+RQNUhhkA9rFmNOzV6ipMiWO05Bf6pjLMwLZtQRuYolw1Sisd1QAbnOMIDWxwozLMANGFpis0hYaoTGLqPfIZ8EW2WJnB9BfUNhnDRHoLFprayGvkOh0Lzx2CYX6KFo0xTMgA0I/cQ7aQ70gy20BJo/oPE2c+ATgGt+Dk1xZnAAAAAElFTkSuQmCC');
}
.docname.doc3 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADgSURBVDhPtZFZDoJAEETnIoqJbMMijiK4YBDRk3gDj60fHqFMTcCPgWTCh5V0Xqqr05kG8Xe5nosgDEB2rWna5lucqhPIrjVNh+MB7a0FSR9WD/SlB2wq9yWaawOSPrs/0ZcesKkoCtSXGiT95AW8vTpXv28wWDCbz+AsHJC6YUgppe8n6QcLpJTI1hlI3TDEjPeT2psLkjRBvstB6oYhMx8siOIIaqNA0pu/ycwHC0IZ6ueRYwO2XPiBj3SVghwbsOXC8zzESQxybMCWi6W7hIwkyLEBWy7enxf6mu6F+AIid/HvPDZBKAAAAABJRU5ErkJggg==');
}
.docname.doc4 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADgSURBVDhPtZFZDoJAEETnIoqJbMMijiK4YBDRk3gDj60fHqFMTcCPgWTCh5V0Xqqr05kG8Xe5nosgDEB2rWna5lucqhPIrjVNh+MB7a0FSR9WD/SlB2wq9yWaawOSPrs/0ZcesKkoCtSXGiT95AW8vTpXv28wWDCbz+AsHJC6YUgppe8n6QcLpJTI1hlI3TDEjPeT2psLkjRBvstB6oYhMx8siOIIaqNA0pu/ycwHC0IZ6ueRYwO2XPiBj3SVghwbsOXC8zzESQxybMCWi6W7hIwkyLEBWy7enxf6mu6F+AIid/HvPDZBKAAAAABJRU5ErkJggg==');
}
.docname.doc5 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAG2SURBVDhPjVI7Sx1REF6wsBHFCxfu3T1nZndFfAVEfBAIJIWIhYqC2isoRFNqIYJYaGF1q/yEYJM6TZoU+QOCBFHQxsZCEBRfoOg3s+fcq9ew+MHAvL5v5uxOkIfU8lpKvBcb88Wl3oe0tbUFxL9tHD95S4mGXTkfibUjaL7NSHyFLX56EdQmXNv/AWKlNpHPucydkk8Mr1RFiKa1uR6Y9KNGpj9INWaVDCDO+npMtOjSGRLiHV9MLK+79Bskxgxhswc3pJIlib5VycYMajIHYRhaiNw7kU159yeZKspElLi+XKD3EHbqnhoExWKxSRWjqF0T+WgA+ZFD7nOxolEEsEG3BHGpxPioJ/g2R7B9+P+8eKFQaJbe+uNSgdTaAQmqt0DUb63tURGiMaml5TJJL77duMQeKiAECVCcwZrHWgEQ/4qtnRQ/DsMO3cDFHq8EsPLcSwH4v9nwlPrGfNAN6q5SBeIo6pUAl7eMlQ+0AkDwu//FXOIu7TXmsxYF/i+IYdrlC/8aduf8G9gZhC8k5og/OnoGKI7irQup4XlM/Apbwsmu4ka2QNqAVXQTol342xkrCJ4BXHSHEqPLQIAAAAAASUVORK5CYII=');
}
.docname.doc6 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAG2SURBVDhPjVI7Sx1REF6wsBHFCxfu3T1nZndFfAVEfBAIJIWIhYqC2isoRFNqIYJYaGF1q/yEYJM6TZoU+QOCBFHQxsZCEBRfoOg3s+fcq9ew+MHAvL5v5uxOkIfU8lpKvBcb88Wl3oe0tbUFxL9tHD95S4mGXTkfibUjaL7NSHyFLX56EdQmXNv/AWKlNpHPucydkk8Mr1RFiKa1uR6Y9KNGpj9INWaVDCDO+npMtOjSGRLiHV9MLK+79Bskxgxhswc3pJIlib5VycYMajIHYRhaiNw7kU159yeZKspElLi+XKD3EHbqnhoExWKxSRWjqF0T+WgA+ZFD7nOxolEEsEG3BHGpxPioJ/g2R7B9+P+8eKFQaJbe+uNSgdTaAQmqt0DUb63tURGiMaml5TJJL77duMQeKiAECVCcwZrHWgEQ/4qtnRQ/DsMO3cDFHq8EsPLcSwH4v9nwlPrGfNAN6q5SBeIo6pUAl7eMlQ+0AkDwu//FXOIu7TXmsxYF/i+IYdrlC/8aduf8G9gZhC8k5og/OnoGKI7irQup4XlM/Apbwsmu4ka2QNqAVXQTol342xkrCJ4BXHSHEqPLQIAAAAAASUVORK5CYII=');
}
.docname.doc7 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADgSURBVDhPtZFZDoJAEETnIoqJbMMijiK4YBDRk3gDj60fHqFMTcCPgWTCh5V0Xqqr05kG8Xe5nosgDEB2rWna5lucqhPIrjVNh+MB7a0FSR9WD/SlB2wq9yWaawOSPrs/0ZcesKkoCtSXGiT95AW8vTpXv28wWDCbz+AsHJC6YUgppe8n6QcLpJTI1hlI3TDEjPeT2psLkjRBvstB6oYhMx8siOIIaqNA0pu/ycwHC0IZ6ueRYwO2XPiBj3SVghwbsOXC8zzESQxybMCWi6W7hIwkyLEBWy7enxf6mu6F+AIid/HvPDZBKAAAAABJRU5ErkJggg==');
}


.docname.doc11 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAG2SURBVDhPjVI7Sx1REF6wsBHFCxfu3T1nZndFfAVEfBAIJIWIhYqC2isoRFNqIYJYaGF1q/yEYJM6TZoU+QOCBFHQxsZCEBRfoOg3s+fcq9ew+MHAvL5v5uxOkIfU8lpKvBcb88Wl3oe0tbUFxL9tHD95S4mGXTkfibUjaL7NSHyFLX56EdQmXNv/AWKlNpHPucydkk8Mr1RFiKa1uR6Y9KNGpj9INWaVDCDO+npMtOjSGRLiHV9MLK+79Bskxgxhswc3pJIlib5VycYMajIHYRhaiNw7kU159yeZKspElLi+XKD3EHbqnhoExWKxSRWjqF0T+WgA+ZFD7nOxolEEsEG3BHGpxPioJ/g2R7B9+P+8eKFQaJbe+uNSgdTaAQmqt0DUb63tURGiMaml5TJJL77duMQeKiAECVCcwZrHWgEQ/4qtnRQ/DsMO3cDFHq8EsPLcSwH4v9nwlPrGfNAN6q5SBeIo6pUAl7eMlQ+0AkDwu//FXOIu7TXmsxYF/i+IYdrlC/8aduf8G9gZhC8k5og/OnoGKI7irQup4XlM/Apbwsmu4ka2QNqAVXQTol342xkrCJ4BXHSHEqPLQIAAAAAASUVORK5CYII=');
}
.docname.doc12 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAGTSURBVDhPrZK/S8NQEMerZnM3mzgJYpKmbV6KseqiQ2n9MRiH6FDUxcVFcOvg4GT/ACdHdRBxdsgiCC4OgjoIxUWkYMFBQaokfi956rtNxIMj+fbu8717fcnEcfydauTz+VqhUGgKITp4hrlcbkiWOMOEDDQvAYwcx2m4ruvjeQaTlmVZfVRnDBMyANwhd6XM6LreC/0IkzppxjCRRjemxjjCgtRJwOAYuU/vjGEiDY0MMG1e6iSgj3CsQ3pnDBNp/J+BIaoTlheEg2Jx4E8GgB+MsbXYHAlOfm2AKxyXBrMwaJMBbQF9AINbuhHGqML3/R40Nukft9zynFFajZINRpdfs8XpKfz+hPq2yjADFEs0nZoBfxD8laYXXKK+RQNUhhkA9rFmNOzV6ipMiWO05Bf6pjLMwLZtQRuYolw1Sisd1QAbnOMIDWxwozLMANGFpis0hYaoTGLqPfIZ8EW2WJnB9BfUNhnDRHoLFprayGvkOh0Lzx2CYX6KFo0xTMgA0I/cQ7aQ70gy20BJo/oPE2c+ATgGt+Dk1xZnAAAAAElFTkSuQmCC');
}
.docname.doc13 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADgSURBVDhPtZFZDoJAEETnIoqJbMMijiK4YBDRk3gDj60fHqFMTcCPgWTCh5V0Xqqr05kG8Xe5nosgDEB2rWna5lucqhPIrjVNh+MB7a0FSR9WD/SlB2wq9yWaawOSPrs/0ZcesKkoCtSXGiT95AW8vTpXv28wWDCbz+AsHJC6YUgppe8n6QcLpJTI1hlI3TDEjPeT2psLkjRBvstB6oYhMx8siOIIaqNA0pu/ycwHC0IZ6ueRYwO2XPiBj3SVghwbsOXC8zzESQxybMCWi6W7hIwkyLEBWy7enxf6mu6F+AIid/HvPDZBKAAAAABJRU5ErkJggg==');
}
.docname.doc14 {
  background:no-repeat #fff 6px 8px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADgSURBVDhPtZFZDoJAEETnIoqJbMMijiK4YBDRk3gDj60fHqFMTcCPgWTCh5V0Xqqr05kG8Xe5nosgDEB2rWna5lucqhPIrjVNh+MB7a0FSR9WD/SlB2wq9yWaawOSPrs/0ZcesKkoCtSXGiT95AW8vTpXv28wWDCbz+AsHJC6YUgppe8n6QcLpJTI1hlI3TDEjPeT2psLkjRBvstB6oYhMx8siOIIaqNA0pu/ycwHC0IZ6ueRYwO2XPiBj3SVghwbsOXC8zzESQxybMCWi6W7hIwkyLEBWy7enxf6mu6F+AIid/HvPDZBKAAAAABJRU5ErkJggg==');
}

ul.main_body li .opt-des {
  float:left;
  min-width:880px;
  max-width:880px;
  padding:9px 0 0 10px;
  font:12px verdana;
  color:#777;
}



ul.main_body li .input_field {
  float:left;
  width:284px;
}

ul.main_body li.more-wifis {
  float:left;
  width:830px;
  text-align:center;
  background:#FBFBFB;
  padding:30px 25px 14px;
  font:11px helvetica;
  letter-spacing:1px;
  color:#00519E;
  border-bottom:1px solid #ddd;
  overflow:hidden;
}

.instasubmit {
  max-width:150px;
  margin:5px auto;
  padding:5px 12px;
  text-align:center;
  border:1px solid #00519E;
  border-radius:3px;
  background:#00519E;
  color:#fff;
  font:15px helvetica;
  cursor:pointer;
}
.instasubmit:hover {
  background:#970000;
  color:#eee;
}


#popup {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  background:#fff;
  box-shadow:0 0 5px #D4D4D4;
  overflow:hidden;
  z-index:40;
  border-radius:4px;
  }

#popup .box {
  max-width:100%;
  background:#F0F0F0;
  border-top:1px solid #E6E6E6;
  font:12px helvetica;
  color:#555;
  letter-spacing:0.7px;
  line-height:18px;
  padding:8px 20px;
}
#popup .box .box_info {
  float:left;
  color:#888;
  padding:5px 7px;
  font:12px helvetica;
  letter-spacing:0.6px;
  line-height:21px;
  max-width:60%;
  max-height:21px;
  overflow:hidden;
}
#popup .box p {
  color:#444;
  margin:0 20px 15px 20px;
  text-align:center;
  font-size:13px;
}

#popup .box .box_sep {
  float:right;
  padding:3px 9px;
  font:13px helvetica;
  letter-spacing:0.6px;
  line-height:21px;
  color:#888
}






.popupbutton {
  float:right;
  padding:5px 7px;
  font:13px helvetica;
  letter-spacing:0.9px;
  color:#444;
  border:none;
  background:#D5D5D5;
  border-radius:3px;
  cursor:pointer;
}
.popupbutton:hover {
  color:#111;
  background:#CACACA;
}

.popupbutton.submit {
  color:#f0f0f0;
  background:#CA0000;
}
.popupbutton.submit:hover {
  color:#fff;
  background:#B00000;
}

#error {
  position:fixed;
  top:-60px;
  width:100%;
  padding:16px 0;
  line-height:30px;
  background:#fff;
  font:13px 'Roboto',helvetica;
  color:#00519E;
  letter-spacing:1px;
  text-align:center;
  border-bottom:1px solid #00519E;
}
#okey {
  position:fixed;
  top:-60px;
  width:100%;
  padding:16px 0;
  line-height:30px;
  background:#fff;
  font:13px 'Roboto',helvetica;
  color:#006600;
  letter-spacing:1px;
  text-align:center;
  border-bottom:1px solid #006600;
}
#boxup {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-250px;
  margin-top:-100px;
  display:block;
  margin:12px auto;
  padding:8px 0 7px;
  min-width:500px;
  max-width:500px;
  min-height:200px;
  box-shadow:0 0 3px 2px #4C626C;
  border-radius:2px;
  background:#fff;
  opacity:0;
}

#box {
  position:relative;
  display:block;
  margin:110px auto;
  padding:8px 0;
  min-width:300px;
  max-width:300px;
  min-height:50px;
  box-shadow: 0 0 4px #aaa;
  border-radius:2px;
  background:#fff;
}

#box .login_icon {
  margin:15px auto 30px;
  width:90px;
  height:90px;
  background:url('/img/login_icon1.png');
}

.type1 {
  position:relative;
  display:block;
  margin:13px auto;
  padding:0;
  min-width:255px;
  max-width:255px;
  padding:6px 0;
  border:1px solid #D0D0D0;
  border-radius:2px;
  font:14px 'Roboto',helvetica;
  color:#555;
  letter-spacing:1px;
  text-align:center;
  background:#f4f4f4;
}
.type11 {
  position:relative;
  display:block;
  margin:30px auto 9px;
  padding:0;
  min-width:255px;
  max-width:255px;
  padding:5px 0;
  border:1px solid #233256;
  border-radius:2px;
  font:13px helvetica;
  color:#fff;
  text-shadow:1px 1px 0 #444;
  letter-spacing:1px;
  text-align:center;
  background:#00519E;
  box-shadow:inset 0 2px 0 #3E5897;
  cursor:pointer;
}
.type11:hover {
  color:#fff;
  background:#3E5897;
  cursor:pointer;
}


#opacity {
  display:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#000;
  opacity:0.55;
  z-index:10;
}

.cls {
 clear:both;
}