body { background-color: #479dd8; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
.navbar{ margin-top:-2px;}
.menu{ margin-top:20px; margin-left:20px;}
.menu li{ height:30px; line-height: 30px; padding: 0; }
.menu li a{height:30px; line-height: 30px; padding: 0; width: 100px; text-align: center;-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px; border-radius:5px;  }
.menu .active{ }    
.imgtou { width: 45%; margin: 50px auto; }
.imgtou .img-circle {} 
.login-footer a { color: White; }
.navbar-header { text-align: center; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #3283ba; border-color: #3283ba; }
.list-group-item.list-group-item-text{ color:#c7ddef;}
#login{ overflow-x:hidden; }
#container { position:fixed; height: 100%; width: 100%;z-index:-1; text-align:center;min-width:1400px; background-position:center center}
#output { opacity: 0.2;width: 100%; height: 100%; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
#userlist,#userchar{ display:none;}

.thumbnail{-webkit-transition:all 10ms ease-in-out;-moz-transition:all 10ms ease-in-out; position:relative; overflow:hidden;position: relative;}
.thumbnail img{transition: .1s transform;  transform: translateZ(0);}
.thumbnail:hover{-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);  z-index: 1;}
.thumbnail:hover img {
  transform: scale(1.1, 1.1);
  transition: .3s transform;
}
.thumbnail .lefttop{ position:absolute; top:10px; left:-24px; width:100px; height:30px; line-height:30px; background-color:red; text-align:center; color:White;transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */ -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);}
.cslist{ padding-right:10px; margin-top:10px;}
.cslist .col-md-3{ padding:0 5px;}
.text-overflow{
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.Stage{ position:relative;}
.Stage .line{ height:8px; background-color:#e1e4e9; position:absolute; top:25px; width:100%;;border-radius: 4px;}
.Stage .line_active{ position:absolute; top:25px; width:100%;; height:8px;border-radius: 4px;background-color:#1d97e2; }
.Stage table{ position:absolute; margin:0; padding:0; list-style:none; width:100%; text-align:center; font-family:微软雅黑;} 
.Stage td span{ display:block; padding:10px; font-size:18px; width:20px;border-radius: 50%;
 background-color:#e1e4e9; color:#6b6b6b; text-align:center; margin:5px auto; }
 .Stage .active span{ background-color:#1d97e2; color:#fff;}
 .Stage .active{ color:#1d97e2;}
 .nav-tabs .active{ background-color:#fff; border: 1px #ddd solid;border-bottom:0;}