body {
  background-color: #eee;
  background:url(images/background.png);}


#login{
  max-width:320px;
  margin:0 auto;}

#signin-error{
  max-width: 320px;
  margin: 0 auto;
  margin-top:25px;
  border-left: 4px solid #dd3d36;
  display: none;
  background: #fff;
  padding:12px;}

.form-signin {
  max-width: 330px;
  padding: 25px;
  margin-top: 20px ;
  margin-bottom: 20px;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2);}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;}
.form-signin .checkbox {
  font-weight: normal;}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;}
.form-signin .form-control:focus {
  z-index: 2;}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;}

.my-info{
  margin:0 auto;}


#resetpwd{
  max-width:320px;
  margin:0 auto;}

#resetpwd-error{
  max-width: 320px;
  margin: 0 auto;
  margin-top:25px;
  border-left: 4px solid #dd3d36;
  display: none;
  background: #fff;
  padding:12px;}

#validate{
  max-width:320px;
  margin:0 auto;}

.form-validate {
  max-width: 330px;
  padding: 25px;
  margin-top: 20px ;
  margin-bottom: 20px;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2);}
.msg{
  padding:10px 0 0 0;}

.footer{
  text-align: center;}

.footer ul li{
  display: inline-block;}

#verify{
  max-width:320px;
  margin:0 auto;}

#verify-error{
  max-width: 320px;
  margin: 0 auto;
  margin-top:25px;
  border-left: 4px solid #dd3d36;
  display: none;
  background: #fff;
  padding:12px;}

.form-verify {
  max-width: 330px;
  padding: 25px;
  margin-top: 20px ;
  margin-bottom: 20px;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2);}

#haveloged{
  max-width:320px;
  margin:0 auto;
  padding: 25px;
  margin-top: 20px;}

#auth_grant{
  max-width:550px;
  margin:0 auto;
  padding: 25px;}


.work-list{
  list-style: none;
  padding: 0;}

.work-list li{
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.work-list li small{
  color:#777;}

.work-list li a{
  color:#000;}

#links ul li{
  width: 138px;}
#links ul li a img{
  max-width: 120px;
  height: 46px;}

#links ul li a{
  /*min-height: 46px;*/
  max-height: 110px;
  color: #000;
  padding: 5px 5px;
  max-width: 140px;
  overflow: hidden;}

#members h3, #members h4, #members span{
  text-align: center;}

#news-content h3, #news-content h4, #news-content .news-info{
  text-align: center;}

#news-content p{
  font-size: 13pt;}
body, html{
  height: 100%;}
footer, .push{
  height: 70px;}

footer{
  background: #f2f2f2;
  margin-bottom: 0px;}

.wrapper{
  min-height: 100%;
  margin: 0 auto -70px;}


.menubar { background-color: #8c1515;}
.menubar li{ text-align: center;}
.menubar .nav li a{
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;}
.menubar .nav li a:hover { color:#337ab7;}


.news-header{
  background-color: #8c1515;}

.panel .panel-heading a{
  color: inherit;}

.panel-body .row{
  margin: 0 auto;}

.panel-heading{
  padding: 5px 15px;}

#members .row{
  padding: 10px 30px;}

#members .row .col-xxs-6, #members .row .col-xs-4, #members .row .col-sm-3, #members .row .col-md-2, #members .row .col-lg-2{
  padding-left: 0px;
  padding-right: 0px;}

#members .col-xxs-6{
  width: 50%;}

@media (min-width:500px){
  #members .col-xs-4{
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;}
}

@media (min-width:768px){
  #members .col-sm-3{
    width: 25%;}
}

@media (min-width:992px){
  #members .col-md-2{
    width: 16.66%;}
}

@media (min-width:1200px){
  #members .col-lg-2{
    width: 16.66%;}
}

#index-page .panel-body{
  padding-bottom: 0px;}

/* .modal { position: absolute; } */

/*
#cv table, #cv tr, #cv td, #cv th{ border: 1px solid black; }
*/

.teacher{
  max-width: 146px;
  height: 150px;}

.teacher img{
  height: 104px;
  padding: 0;
  margin: 0 auto;}

.submenu {
  position: absolute;
  z-index: 9999;
  background: #8c1515;
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 90px;}

.submenu li{
  width: 100%;}

.menubar .submenu li a{
  text-decoration: none;
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 5px;
  padding-bottom: 5px;}

/* minor fix in homepage */
#index-page #slide{ padding-right: 5px;}
#index-page #news-center{ padding-left: 5px;}
#index-page #achievement-paper{ padding-right: 5px;}
#index-page #news-dynamic{ padding-left: 5px;}
#index-page #news-meeting{ padding-right: 5px;}
#index-page #news-field{ padding-left: 5px;}