@CHARSET "UTF-8";
/*body {
        background: #eee;
        margin: 0;
        padding: 0;
        font-family: "Arial Regular","微软雅黑";
        font-size: 1.2em;
}*/
#login-logo {
        margin-top: 150px;
        width: 390px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        background: #f6f6f1;
        height: 54px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 0;
        text-align: center;
}
/*@media (max-height: 700px)
{ 
        #login-logo {
                margin-top: 0;
        } 
        h1 {
                margin-top: 0;
        }
}*/
#login-logo img {
        border: 0;
}
#login {
        margin-top: 150px;
        width: 390px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        background-color: #3b6ba5;
        color: #fff;
        border: 0;
        /*border-bottom: 1px solid #000;*/
        /*border-left: 1px solid #000;*/
        /*border-right: 1px solid #000;*/
        /*border-top: 0;*/
        text-align: center;
        font-family: "Arial Regular","微软雅黑";
}
#login table {
        width: 100%;
}
#login input {
        height: 25px;
        width: 200px;
        margin-bottom:20px!important;
        font-family: "Arial Regular","微软雅黑";
        font-size: 1.2em;
        font-weight:500;
}
#login a {
        font-family: "Arial Regular","微软雅黑";
        font-size: 1.1em;
        color: #ccc;
}
#login label {
        display: none;
}

/*#pwd, #user,#old_pwd, #new_pwd, #retype_new_pwd {
        width: 10em;
}*/
.center {
        text-align: center;
}

h1 {
        /*color: #1C94C4;*/
        font-size: 16pt;
        color: #fff;
}
.v-spacer {
        /*padding-top: 1em;*/
}


/* ~~ Top Navigation Bar ~~ */
/*<div class="navigation-bar">
    <div id="navigation-container">
      <img src="images/itop-logo-external.png" />
    </div>
</div>*/

#navigation-container {
  width: 1200px;
  margin: 0 auto;
  height: 60px;
}

.navigation-bar {
  background-color: #fff;
  height: 60px;
  width: 100%;
  /* text-align:center; */
}
.navigation-bar img{
float:left;
}
.navigation-bar ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
  display:inline-block;
  vertical-align:top;
}

.navigation-bar li {
  list-style-type: none;
  padding: 0px;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline;
}

.navigation-bar li a {
  color: black;
  font-size: 16px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 60px;
  padding: 5px 15px;
  opacity: 0.7;
}



/* ~~ Booskin ~~ */

body
{
    background-attachment: fixed;
    width: 100%;
    /*text-align: center;*/
    height:100%;
    background: #ececec url(../images/img/bg_1.jpg) no-repeat center center;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    /*padding-top: 55px;*/
    /*padding-bottom: 55px;*/
    font-family: '微软雅黑','Arial Regular','Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    /*background-color: #e9eaed;*/
    font-weight: 400;
}

.btn
{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    /*background: #3498db;*/
    /*background: #1b809e;*/
    /*border-color: #1b809e;*/
    margin-bottom: 10px;
}

.btn-forgot
{
    margin-bottom: 10px;
    padding-left:0;
}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 10px;
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    border-radius: 0;
}
.form-signin input[type="password"]
{
    border-radius: 0;
}
.callout {
    padding: 10px 30px;
    margin: 20px 0;
    border:0;
    /*border: 1px solid #eee;*/
    /*border-left-width: 15px;*/
    /*border-radius: 0px;*/
}
.callout-info {
    /*border-top:1px solid rgb(59, 107, 165);*/
    color: #fff;
    background-attachment: fixed;
    background: rgb(59, 107, 165) url(../images/img/banner.png) no-repeat right center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size:contain;
}
.alert {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    /*border: 0px solid darkred;*/
    /*border-top-width:2px;*/
    /*border-right-width:60px;*/
    padding: 10px 20px;
}
.msgout {
    padding: 20px;
    margin: 20px 0;
}
.wall
{
    margin-top: 160px;
    padding:0;
    background-color: #fefefe;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}