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;
position:relative
}
.footer .cr_count_site_pv{position:absolute;display:block; float:right; top:29px; right:80px}

.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 a img{
  width: 120px;
  height: 46px;
}

#links ul li a{
  /*min-height: 46px;*/
  color: #000;
  padding: 5px 5px;
}

#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;
  /*text-indent: 2em;*/
}
body, html{
  height: 100%;
}
footer, .push{
  height: 70px;
}

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

.wrapper{
  min-height: 100%;
  margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}


.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%;
    /*padding-left: 5px;
    padding-right: 5px;*/
  }
}

@media (min-width:992px){
  #members .col-md-2{
    width: 16.66%;
    /*padding-left: 5px;
    padding-right: 5px;*/
  }
}

@media (min-width:1200px){
  #members .col-lg-2{
    width: 16.66%;
    /*padding-left: 5px;
    padding-right: 5px;*/
  }
}

#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;
}

.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-ed{ padding-right: 5px; }
/*#index-page #achievement-ing{ padding-right: 5px; }*/
#index-page #news-dynamic{ padding-left: 5px; }
#index-page #news-meeting{ padding-right: 5px; }
#index-page #news-field{ padding-left: 5px; }