.main_con{ padding: 0px 0 39px;  float: left;  width: 100%;  position: relative;}.border_top{border-bottom: 1px solid #EEEEEE;position: absolute;top: 147px;width: 100%;}
.login_sub_head {  font-size: 16px;  font-weight: bold;  letter-spacing: 0.02em;}#loader {  width: 0px;}#header a, #content a, #footer a {  text-decoration: none;
    color: #3B5998;}.btn-big.primary, .btn-small.primary{background:#1f77b2}
.form-login-wrapper-login .login-form .tiptext {  font-size: 12px;  padding: 0;  margin: 0;  color: #555;}.form-login-wrapper-login .login-form label {
  margin: 15px 0 0 0;font-weight: normal;  color: #4d4d4d;  font-size: 13px;  display: block; font-family: Arial,Helvetica,sans-serif;}#border-middle-login {height: 305px;float: left;width:10%;text-align: center; background: url(/api/signup/images/SignIn_OR_new.png) no-repeat center;}
._left_wrapper_login { padding: 0;  width: 50%;  float: left; font-family: 'Open Sans', sans-serif;}
.Google_img,.FB_img,.TW_img{height:33px;width:90px;}
#_right_wrapper_reg {padding: 0;  width: 40%;  float: right;  font-family: 'Open Sans', sans-serif;  }
@media only screen and (min-width :1200px) and (max-width :5000px){
#_right_wrapper_reg_for_mobile{display:none}
.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login { margin: 0px 0 50px 0;}.form-login-wrapper-login .login-form label input {background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px; margin: 5px 5px 5px 0px; font-size: 30px; font-weight: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border: 1px solid #ccc;
  width:97%;}.form-login-wrapper-login .login-form label {  margin: 15px 0 0 0;  font-weight: 400;  color: #777;  font-size: 13px;  display: block;}
.span_sign_up{  position: absolute;top: 291px;left:56px;}span.span_Not {  margin-left: 3px;}

   }
@media only screen and (min-width: 980px) and (max-width:1199px) { 
#border-middle-login{width:6%;}
#_right_wrapper_reg_for_mobile	{display:none}  .form-login-wrapper-reg{width:319px;}
.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login { margin: 0px 0 50px 0;}.form-login-wrapper-login .login-form label input {  background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px;  margin: 5px 5px 5px 0px;  font-size: 30px;  font-weight: normal;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;
  border: 1px solid #ccc;  width:96%;}#_right_wrapper_reg{  margin-right: 20px;}
.span_sign_up{  position: absolute;top: 297px;left:123px;}
  }
@media only screen and (min-width: 768px) and (max-width:979px) { 
#border-middle-login{width:6%;}.border_top{top:80px !important;}
#_right_wrapper_reg_for_mobile	{display:none}  .form-login-wrapper-reg{width:302px;}.login_sub_head {  font-size: 16px;  font-weight: bold;  letter-spacing: 0.02em;
}.main_con{  padding: 0px 0 39px;  float: left;  width: 100%;  position: relative;}.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login { margin: 0px 0 50px 0;}.form-login-wrapper-login .login-form label input {  background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px;  margin: 5px 5px 5px 0px;  font-size: 30px;  font-weight: normal;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;
  border: 1px solid #ccc;  width:96%;}.span_sign_up{  position: absolute;top: 297px;left:118px;}
span.span_Not {margin-left: 10px;}#_right_wrapper_reg{margin-right:23px;}p.tip {width: 100%;}
}
@media only screen and (min-width :481px) and (max-width :767px){ 
.border_top{top:122px !important;}
.main_con{  padding: 0px 0 39px;}#_right_wrapper_reg{display:none;}  .form-login-wrapper-reg{width:360px;}#border-middle-login {  height: 305px;  float: left;
  width: 50px;  text-align: center;  background: url(/api/signup/images/SignIn_OR_new.png) no-repeat center;  transform: rotate(90deg);
  position: absolute;  top: 190px;  left: 190px;}.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}.form-login-wrapper-login { margin: 0px 0 50px 0;}
.form-login-wrapper-login .login-form label input {  background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px;  margin: 5px 5px 5px 0px;  font-size: 30px;  font-weight: normal;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;
  border: 1px solid #ccc;  width:98%;}.span_sign_up{  position: absolute;top: 291px;left:-91px;}
._left_wrapper_login {  padding: 0;  width:100%;  float: left;    margin-top:30px;}#_right_wrapper_reg {  padding: 0;  width: 440px;  float: right;  margin-top:28px;
}.span_Not{position:absolute;}.btn_login{margin-top:30px;}#border-middle-login{display:none} 
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.alert{padding:5px;}
	.main_con{  padding: 0px 0 9px !important;}	.border_top{top:100px !important;}	#_right_wrapper_reg{display:none;}.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login { margin: 0px 0 50px 0;}.form-login-wrapper-login .login-form label input {  background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px;  margin: 5px 5px 5px 0px;  font-size: 20px;  font-weight: normal;  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;  border: 1px solid #ccc;  width:94%;}#border-middle-login{display:none}#header a, #content a, #footer a {  text-decoration: none;
  color: #3B5998;}.tiptext_forget{  margin-right:5px!important;float: right;}._left_wrapper_login {  padding: 0;  width:100%;  float: left;    margin-top: 30px;
}#_right_wrapper_reg {  padding: 0;  width: 280px;  float: right;  margin-top:28px;}.btn_login{margin-top:30px;}
   .form-login-wrapper-reg{width:360px;}#login_btn{width:100%}
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape){
	.main_con{padding: 0px 0 9px;}	#_right_wrapper_reg{display:none;}.inner_left_top h1{font-size: 16px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login { margin: 0px 0 50px 0;}#border-middle-login{display:none}.tiptext_forget{  margin-right:5px!important;float: right;}
.span_sign_up{  position: absolute;top: 273px;left:-65px;}
#_right_wrapper_reg {  padding: 0;  width: 428px;  float: right;  margin-top:28px;}.span_Not{position:absolute;}.btn_login{margin-top:30px;}
   .form-login-wrapper-reg{width:360px;}
  }
@media only screen and (min-width :0px) and (max-width :319px){
	.main_con{ padding: 0px 0 9px !important;}.border_top{top:112px !important;}#login_btn{width:100%}	#_right_wrapper_reg{display:none;}
#border-middle-login{display:none}#border-middle-login {  height: 305px;  float: left;text-align: center; background: url(/api/signup/images/SignIn_OR_new.png) no-repeat center;
  transform: rotate(90deg);  position: absolute;  top: 190px;}
.inner_left_top h1{font-size: 14px;font-weight: bold;letter-spacing: 0.02em;color:#444;}
.form-login-wrapper-login .login-form label input {  background: url('../img/layout/field_bg.gif') repeat-x #fff;
  padding: 5px 6px 5px 6px;  margin: 5px 5px 5px 0px;  font-size:25px;  font-weight: normal;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;
  border: 1px solid #ccc;  width:95%}.tiptext_forget{  margin-right:5px!important;float: right;}.span_sign_up{position: absolute;top: 311px;left: 43px;width: 165px;}
._left_wrapper_login {  padding: 0;  width: 100%;  float: left;  margin-top: 30px;}#_right_wrapper_reg {  padding: 0;  width: 200px;  float: right;  margin-top:28px;
}.span_Not{position:absolute;}.btn_login{margin-top:30px;} 
p.tip {width: 100%;}p.tiptext.tip {font-size: 9px!important;}.Google_div {margin-right: 2px !important;width: 30% !important;}.FB_div{margin-right: 2px !important;width: 30% !important;}
.TW_div{margin-right: 2px !important;width: 30% !important;}
  }
  .block {
  width: 100%;
  margin: 0 auto;
}