html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    font-size: 100%;
	vertical-align: baseline;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

*{box-sizing:border-box;}

body
{
	width: 100%;
	background-image:url(../images/gad_bg.png), -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 252px, #0b6af4 252px, #0b6af4 100%) !important;

	/* Mozilla Firefox */ 
	background-image:url(../images/gad_bg.png), -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 252px, #0b6af4 252px, #0b6af4 100%) !important;

	/* Opera */ 
	background-image:url(../images/gad_bg.png), -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 252px, #0b6af4 252px, #0b6af4 100%) !important;

	/* Webkit (Safari/Chrome 10) */ 
	background-image:url(../images/gad_bg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(30, #f2f2f2), color-stop(30, #0b6af4), color-stop(100, #0b6af4));

	/* Webkit (Chrome 11+) */ 
	background-image:url(../images/gad_bg.png), -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 252px, #0b6af4 252px, #0b6af4 100%) !important;

	/* W3C Markup */ 
	background-image:url(../images/gad_bg.png), linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 252px, #0b6af4 252px, #0b6af4 100%) !important;
	background-position:  top, top;
	background-repeat:repeat-x;
	
	font-family:Arial;
	padding-bottom:35px;
	min-height:100vh;
	
}

captchaClass{float: left;color:#FFF;width: 100%;}
.captchaClass img{float:left;border-radius:7px;}
.captchaClass  input{float:left;width:127px;height:47px;}
.captchaClass label{display:none;}
.rcRefreshImage{background: url('../images/refresh.png') no-repeat 0 0;width:35px;height:41px;font-size:0px;float:left;margin:0 14px;}



.page-title{position:relative;}
.ss_logo{position:absolute;top:-69px;left:0;}


.login-form {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:90%;
  max-width:450px;
  background:#fff;
  padding:20px 30px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  border: 1px solid rgba(17, 12, 46, 0.15);
  border-radius: 10px;
}
.login-form .form-title {
  text-align:center;
  font-size:30px;
  font-weight:600;
  margin:20px 0px 30px;
  color:#111;
}
.login-form .form-input {
  margin:10px 0px;
}
.login-form .form-input label,
.login-form .captcha label {
  display:block;
  font-size:15px;
  color:#111;
  margin-bottom:10px;
}
.login-form .form-input input {
  width:100%;
  padding:10px;
  outline: none;
  border-radius: 4px;
  border:1px solid #888;
  font-size:15px;
}
.login-form .captcha {
  margin:15px 0px;
}
.login-form .captcha .preview {
  color:#555;
  width:100%;
  text-align:center;
  height:40px;
  line-height:40px;
  letter-spacing:8px;
  border:1px dashed #888;
  border-radius: 4px;
  font-family:"monospace";
}
.login-form .captcha .preview span {
  display:inline-block;
  user-select:none;
}
.login-form .captcha .captcha-form {
  display:flex;
}
.login-form .captcha .captcha-form input {
  width:100%;
  outline: none;
  padding:8px;
  border-radius: 4px;
  border:1px solid #888;
}
.login-form .captcha .captcha-form .captcha-refresh {
  width:40px;
  border:none;
  outline:none;
  background:#888;
  border-radius: 4px;
  color:#eee;
  cursor:pointer;
}
.loginbtn {
  margin-top:5px;
  width:100%;
  padding:12px;
  border:none;
  outline:none;
  font-size:15px;
  text-transform:uppercase;
  background:#4c81ff;
  border-radius: 5px;
  color:#fff;
  transition: .3s;
  cursor:pointer;
}
#login-btn:hover{
  opacity: .8;
}