html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.navbar{
  border-radius: 0;
  margin-bottom: 0;
}
.header{
	margin: 0;
	padding: 0;
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
  html{
    min-width: 640px;  
  }
  .container{
    padding:0;
  }
  .header .logo{
    min-width: 600px;
    display: block;
    height: 240px;
    background: #00F;
  }
  .header .logo{
    height: 160px;
    width: 100%;
    background: url("../images/pku-logo-s.png") center center no-repeat;
  }
  .header .title{
    height: 80px;
    width: 100%;
    background: url("../images/text-c-s.gif") center top no-repeat;
    margin-bottom: 1em;
  }
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .navbar-right{
    float: left!important;
  }
  .header .logo{
    height: 200px;
    width: 100%;
    background: url("/pub/xwyxljk/images/pku-logo-m.png") center center no-repeat;
  }
  .header .title{
    height: 90px;
    width: 100%;
    background: url("/pub/xwyxljk/images/text-c-m.gif") center top no-repeat;
    margin-bottom: 1em;
  }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .navbar-right{
    float: right!important;;
  }
  .header .logo{
    float: left;
    height: 200px;
    width: 200px;
    background: url("../images/pku-logo-m.png") center center no-repeat;
  }
  .header .title{
    float: left;
    height: 200px;
    width: 600px;
    margin-left:20px; 
    background: url("../images/text-l-m.gif") left center no-repeat;
  }  
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
  .header .logo{
    float: left;
    height: 240px;
    width: 240px;
    background: url("../images/pku-logo-l.png") center center no-repeat;
  }
  .header .title{
    float: left;
    height: 240px;
    width: 715px;
    margin-left:20px; 
    background: url("../images/text-l-l.gif") left center no-repeat;
  }
}

p {
  text-indent:2em;
}  
.list p {
  text-indent:0;
}
.list p strong{
  display:inline-block;
  width:4em;
}
.list p span{
  display:inline-block;
  width:4em;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.footer .container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.footer .container .text-muted {
  margin: 20px 0;
}