@import 'css3.css';* {margin:0; padding:0;}body {position:relative;height:100%;/*background:#fff url('../assets/loginbg.png') left top repeat-x;*/background:#fff;font-family: 'Roboto', sans-serif; font-weight:300 !important;}.toplogbg { background:#0a2f50; width:100%; height:150px;}img {border:0;}a {color:#428bca; text-decoration:underline; transition:0.2s; font-family: 'Roboto', sans-serif; font-size:16px;}a:hover {color:#ff0000; text-decoration:none !important;}.logowrapper {width:960px;margin:0 auto;}.logowrapper .logo {width:200px; margin:auto; padding-top:20px;}.logwbox { width:100%; height:auto; font-family: 'Roboto', sans-serif; font-weight:300 !important;}.logwbox .container {width:1024px;margin:0 auto; padding-top:30px;}.logwbox .leftcol { width:500px; height:auto; float:left; }.logwbox .rightcol {float:right; width:500px; margin:auto; height:auto; }.logwbox .leftcol .loginimg { width:380px; height:auto; text-align:center; position:relative; margin-top:-96px;}.logwbox .leftcol .loginbox { width:380px; height:auto; margin:auto; border:0px solid #e2e2e2; padding:30px; margin-top:0px;}.logwbox .leftcol .loginbox h1{ font-size:40px; font-weight:300; font-family: 'Lato', sans-serif; margin:0px; padding:0px; margin-bottom:30px;}.logwbox .leftcol .form-group {margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight:300 !important;}.logwrap .form-control input {font-family: 'Roboto', sans-serif; font-weight:300 !important; margin-bottom:15px;}.logwbox .leftcol .form-control {display: block; font-family: 'Roboto', sans-serif; font-weight:300 !important;width:84%;height: 34px;padding: 6px 12px; padding-left:60px;font-size:20px;line-height: 1.42857143;color: #555;border-bottom: 1px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-top: 0px solid #ccc;border-radius: 4px;/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/}.logwbox .leftcol .form-control:focus {border-color: #66afe9;outline: 0;/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/}.logwbox .leftcol .form-control::-moz-placeholder {color: #999;opacity: 1;}.logwbox .leftcol .form-control:-ms-input-placeholder {color: #999;}.logwbox .leftcol .form-control::-webkit-input-placeholder {color: #999;}.logwbox .leftcol .form-control[disabled],.logwbox .leftcol .form-control[readonly],fieldset[disabled] .logwbox .leftcol .form-control {background-color: #eee;opacity: 1;}.logwbox .leftcol .form-control[disabled],fieldset[disabled] .logwbox .leftcol .form-control {cursor: not-allowed;}.loguserl { background:url(../images/userl.png) no-repeat;}.logpasswl { background:url(../images/passl.png) no-repeat;}.btnlogin { width:100%; margin-bottom:15px;display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 20px; font-weight:bold;font-family: 'Roboto', sans-serif; font-weight:300 !important;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;color: #fff;background-color: #5cb85c;border-color: #5cb85c;}.btnlogin:focus,.btnlogin:active:focus,.btnlogin.active:focus,.btnlogin.focus,.btnlogin:active.focus,.btnlogin.active.focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}.btnlogin:hover,.btnlogin:focus,.btnlogin.focus {text-decoration: none;color: #fff;background-color: #286090;border-color: #204d74;}.btnlogin:active,.btnlogin.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}.btnlogin.disabled,.btnlogin[disabled],fieldset[disabled] .btnlogin {pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}.suppbox {width: 100%;height: auto;text-align: center; padding-top:10px;}.suppbox h2{ color:#ff6600; font-size:30px !important; margin-bottom:20px; }.suppbox h3{ color:#0a2f50; font-size:22px !important; font-weight:300; }/******************************************************************************/#container {width:960px;margin:0 auto;}#container .logo {width:230px;margin:50px auto 0;}#container #box {clear:both;float:none;width:70%;margin:50px 0px 0px 220px;}p.main label {float:left;padding:5px;display:inline;margin-left:40px;font-size:13px;color:#000;margin-right:10px;}#box p {clear:both;float:none;width:100%;}p.main INPUT {background:url('../assets/input.png') 0 0 repeat-x;border:1px solid #d3d3d3;color:#555;padding:5px;float:left;width:200px;}input.login {float:right;padding:3px 10px 3px 10px;color:#fff;font-family:Segoe UI;font-size:12px;text-decoration:none;border:1px solid #555;background:#0A2F50;display:inline;margin-right:5px;cursor:pointer;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}input.login:hover{opacity:0.9;}span {font-size:13px;}.space {padding-top:15px;}span input {margin-left:125px;margin-right:5px;border:1px solid #111;background:#444;color:#fff;}::-webkit-input-placeholder { text-align:center !important; }.select_branch_drop{background: #0a2f50; /* old browsers */background: -moz-linear-gradient(top, #0a2f50 0%, #20385b 48%, #0a2f50 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2f50), color-stop(48%,#20385b), color-stop(100%,#0a2f50));/* chrome,safari4+ */background: -webkit-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* chrome10+,safari5.1+ */background: -o-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* opera 11.10+ */background: -ms-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* ie10+ */background: linear-gradient(to bottom, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* w3c */background-color: #0a2f50; border: 0 solid rgba(255, 255, 255, 0.15); color: #FFFFFF; font-family: Segoe UI;font-size: 14.2px; margin-top: 10px; padding: 13px 15px 13px 93px; position: relative;transition: all 0.25s ease 0s; z-index: 1; width: 300px;text-align: center;}@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome,.select_branch_drop{background: #0a2f50; /* old browsers */background: -moz-linear-gradient(top, #0a2f50 0%, #20385b 48%, #0a2f50 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2f50), color-stop(48%,#20385b), color-stop(100%,#0a2f50));/* chrome,safari4+ */background: -webkit-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* chrome10+,safari5.1+ */background: -o-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* opera 11.10+ */background: -ms-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* ie10+ */background: linear-gradient(to bottom, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* w3c */background-color: #0a2f50; border: 0 solid rgba(255, 255, 255, 0.15); color: #FFFFFF; font-family: Segoe UI;font-size: 14.2px; margin-top: 10px; position: relative;transition: all 0.25s ease 0s; z-index: 1; width: 300px;text-align: center;height:45px;-webkit-appearance: initial;}}@-moz-document url-prefix() {.select_branch_drop{background: #0a2f50; /* old browsers */background: -moz-linear-gradient(top, #0a2f50 0%, #20385b 48%, #0a2f50 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2f50), color-stop(48%,#20385b), color-stop(100%,#0a2f50));/* chrome,safari4+ */background: -webkit-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* chrome10+,safari5.1+ */background: -o-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* opera 11.10+ */background: -ms-linear-gradient(top, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* ie10+ */background: linear-gradient(to bottom, #0a2f50 0%,#20385b 48%,#0a2f50 100%); /* w3c */background-color: #0a2f50; border: 0 solid rgba(255, 255, 255, 0.15); color: #FFFFFF; font-family: Segoe UI;font-size: 14.2px; margin-top: 10px; padding: 13px 15px 13px 0px; position: relative;transition: all 0.25s ease 0s; z-index: 1; width: 300px;text-align: center;}}