.login_page{background-color: #F3F5F8;

    font-size: 15px;

    color: #676a6d;

	height: 100%;

 width: 100%;


    position: relative;

    background-image: url(../images/aloginbg.jpg);

    background-repeat: no-repeat;
    background-position: center;

    /*background-size: cover;*/

}
.login-title{
    font-size: 18px;
    line-height: 36px;
    color: #00AAFF;
    border-bottom: 1px solid #00AAFF;    
}
.login-top{
    background-color: #fff;
    height: 60px;
        position: fixed;
    top:0px;
    width: 100%;
    
}

.vertical-align-wrap {

    position: absolute;

    width: 100%;

    height: 100%;

    display: table;

}

.vertical-align-middle {

    display: table-cell;

    vertical-align: middle;

}

.auth-box {

    -moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    width: 360px;

    height: 320px;

   

    background-color: #fff;
    float: right;
    margin-right: 10%;

}

.auth-box .bottom {


    width: 94%;

    height: 100%;

    padding: 0 3%;

    text-align: center;

}

.auth-box .top {


    width: 100%;

    height: 200px;

    position: relative;

    background-image: url(../images/login-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}



.auth-box .top .overlay {

    position: absolute;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    background: rgba(99, 156, 185, 0.5);

}

.auth-box .right .text {

    position: relative;

    padding:300px 0 0 30px;

    color: #fff;

}

.auth-box .right .heading {

    margin-top: 0;

    margin-bottom: 5px;

    font-size: 18px;

    font-weight: 300;

}

.auth-box .right p {

    margin: 0;

    font-size: 14px;

    font-weight: 200;

}

.auth-box .content {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    width: 99%;

    vertical-align: middle;

}

.auth-box .header {

    margin: 15px 0;

}

.text-center {

    text-align: center;

}

.auth-box .lead {

    margin-top: 5px;

    text-align: center;

}

.login-logo {
    font-size: 22px;
    padding-left: 50px;
    line-height: 40px;
    background: url(../images/login-logo.png) left 10px no-repeat;
    padding-top: 10px;
    margin-left: 20px;
    color: #24578e;
    font-weight: bold;
}
.login-bottom {
    background-color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    font-size: 12px;
}
.form-group {

    margin-bottom: 15px;

}
  @media screen and (min-width: 1440px) {
    .auth-box.lockscreen {
      width: 35%; } }
  @media screen and (max-width: 1279px) {
   /* .auth-box {
      width: 50%; }*/
      .auth-box .left {
        top: 3.3em; } }
  @media screen and (max-width: 1023px) {
    .auth-box .left {
      width: 60%;
      position: inherit;
      padding: 0px; }
    .auth-box .right {
      display: none; } }
  @media screen and (max-width: 992px) {
    .auth-box {
      width: 70%; }
      .auth-box.lockscreen {
        width: 50%;
        padding: 40px 20px; } }
  @media screen and (max-width: 640px) {
    .auth-box {
      width: 90%; }
      .auth-box .content {
        width: 95%; }
      .auth-box.lockscreen {
        width: 90%; } }

.login-btn{

    margin-top: 20px;

    background-color: #00AAFF;

    border: 1px solid transparent;

	color: #fff;

	width:100%;

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);

    padding: 12px 22px;

}
.search_out font{ color:#333; font-weight:bold; font-size:12px;}
.search_out .search_item{ float:left; margin:0 5px 10px 0;}
.search_out .fst_bt{ margin-left:10px;}