html{text-align:center; font-size:14px; }
html, body{height: 100%;}
.login{height: 100%; min-height: 660px; min-width: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-top: 330px;}
.login .username,.login .password{display: block; width: 385px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; border: 1px solid #bac8c9; margin-bottom: 15px; text-indent: 50px; color: #666;}
.login .username{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzk2QzRFNTNCRTc5MTFFOUEyMkZDMzcxMzg3RUY3QTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzk2QzRFNTRCRTc5MTFFOUEyMkZDMzcxMzg3RUY3QTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOTZDNEU1MUJFNzkxMUU5QTIyRkMzNzEzODdFRjdBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOTZDNEU1MkJFNzkxMUU5QTIyRkMzNzEzODdFRjdBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgn7mCcAAAFrSURBVHjatJYxS8NAGIZjtUNbRZEOpZQODoog2EWL3RwlNIKgoltF0klwrb9EgghO7a4F+wuUdqngXEQkf6C6KBLfwFspeknuzvjBs1y/ex+Sy911wvM8w3Ec4z/Ktm0jIdGXAifgDgzBK7jnWCpq8lTE7wVwA1Z/jJfJEaiCl6CAsCdIgmtB+HiV2JPUERwwIKpK7FUWmArraeoI8gqCvI7AVRC4OoK2gqCtI2iCvkR4n73Kgg9+4w8R4VX2KgsMbqANcAq64I10OVYJ22QyggzYZdDs2Pgc2ASH7NES1METuAJ7YIlhPotgG1ywp64iSIMWOAdZiUXOsrfFuaGH3SS/CEvjdN7n6boDPoOe4EwzfFQWM4SvKAcaMdwzDWb9EtRkLhDJC6omEmzFeFuaIsFCjILloDWIq+ZFAhvcgvc/BPtzO+BYtA8uib9T18A6WOGrK4JpMMPe0b+LZzAAjzyfejyrvutLgAEA3z8/vaFtSaAAAAAASUVORK5CYII=') 15px no-repeat;}
.login .password{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzk2QzRFNTdCRTc5MTFFOUEyMkZDMzcxMzg3RUY3QTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzk2QzRFNThCRTc5MTFFOUEyMkZDMzcxMzg3RUY3QTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOTZDNEU1NUJFNzkxMUU5QTIyRkMzNzEzODdFRjdBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOTZDNEU1NkJFNzkxMUU5QTIyRkMzNzEzODdFRjdBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PubPfiIAAAE/SURBVHjaYvz//z8DLQELjDFr1iyqGpyWlgammYhQywnEuUB8HIg/A/EXID4BFeMk2gc4gAwQbwFifTRxcyhOAmJfIH6CywB8PmAF4s1Qw+8DcSgQ80NxKFTMAKqGlRwLIqEGvARiOyBeA8SfoHgNVOwlVE0kORZ4Q+lpOILgCVQOWS1JFkhB6Zt41NxAU0uSBc+gtCYeNVpoaglaYA3Ed4AYlPvCoGL1UD42XA9VEwbl34GagdOCuUCsTEH+UoaagdMCCTyarwOxEhRfx6NOgtg4QAZngNgVmvbvQ9lniNFIrAUgbz9F4j9FDwpKLUgAYjEkvhhUjGoWgMqdYCR+MFSMahaQDUixgA0Hm2oWJAKxAhQnklyjEQFgxTZFQfSCCsH+Ap8FyUglJDngJtQMnEF0lEDpSTJgpHWzBSDAAH5pQrmsOMyfAAAAAElFTkSuQmCC') 15px no-repeat;}
.login button{display: block; width: 385px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; background: #3377ff; color: #FFF; border: 0; padding: 0; font-size: 24px;}
.login .footer{position: absolute; bottom: 30px; left: 0; right: 0; color: #999;}