/**
 * COMMON STYLE
 */
 body{color:black; padding-top: 50px;}
 h3{margin-bottom:10px;}
 blockquote{background-color:#fcfcfc; margin-bottom:5px; border-left:5px solid #369; padding-left:8px;}
 blockquote p{font-size:13px; line-height:16px;}
 
.center{text-align:center;}
.container {
   /* width: 978px; */
   /* margin: 0 auto; */
}
.main-content {min-height: 420px;}

/**
 * top nav
 */
#top-nav {
  background-color:#545652;
  height:19px;
  font-weight:normal;
  padding:2px 5px;
  font-size: 13px;
  overflow: hidden;
}
#top-nav .separator{color:#777;}
#top-nav, #top-nav a{color:#bbb;}
#top-nav a:hover{color:#ddd;}
#top-nav ul{margin:0; padding:0;}
#top-nav ul li{float:left; margin:0 2px;}
.navbar-toggle .icon-bar{background-color: #c74743;}
.navbar-collapse-top-main{background-color: #F6F6F1;}

.navbar-nav>li>a.btn{color: #fff;}
.navbar-nav>li>a.btn:hover{color: rgb(124, 3, 3);}
.navbar-nav>li>a.btn-mini{padding: 2px 15px; margin: 7px 15px;}

 /**
  * HEADER
  */
 #header {
   height:41px;
   /* position: relative; */
   position: fixed;
   z-index: 1;
   top: 0;
   bottom: auto;
   width: 100%;
   margin: 0 auto 18px;
   /* padding: 3px 0 0; */
   border-bottom: 1px solid #e9e9e9;
   background-color: #F6F6F1 /*#F9F9F9*/;
   /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.05);*/
 }
 #header li, #top-nav li{list-style:none;}
 #header .header {
   height:40px;
 }
 .navbar { border: none; }
 .navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7;
}


 #footer {
     clear: both;
     margin: 30px 0;
     padding-top: 10px;
     text-align: center;
     border-top: 1px solid #ccc;
     color: #888;
 }
 #footer a {color: #37a;}

/* 基础样式 */
.image.is-fullwidth {
  width: 100%
}
.image.is-16by9 .has-ratio,.image.is-16by9 img,.image.is-1by1 .has-ratio,.image.is-1by1 img,.image.is-1by2 .has-ratio,.image.is-1by2 img,.image.is-1by3 .has-ratio,.image.is-1by3 img,.image.is-2by1 .has-ratio,.image.is-2by1 img,.image.is-2by3 .has-ratio,.image.is-2by3 img,.image.is-3by1 .has-ratio,.image.is-3by1 img,.image.is-3by2 .has-ratio,.image.is-3by2 img,.image.is-3by4 .has-ratio,.image.is-3by4 img,.image.is-3by5 .has-ratio,.image.is-3by5 img,.image.is-4by3 .has-ratio,.image.is-4by3 img,.image.is-4by5 .has-ratio,.image.is-4by5 img,.image.is-5by3 .has-ratio,.image.is-5by3 img,.image.is-5by4 .has-ratio,.image.is-5by4 img,.image.is-9by16 .has-ratio,.image.is-9by16 img,.image.is-square .has-ratio,.image.is-square img {
  height: 100%;
  width: 100%
}
.image.is-1by1,.image.is-square {
  padding-top: 100%
}
.image.is-5by4 {
  padding-top: 80%
}
.image.is-4by3 {
  padding-top: 75%
}
.image.is-3by2 {
  padding-top: 66.6666%
}

.image.is-5by3 {
  padding-top: 60%
}
.image.is-16by9 {
  padding-top: 56.25%
}
.image.is-2by1 {
  padding-top: 50%
}
.image.is-3by1 {
  padding-top: 33.3333%
}
.image.is-4by5 {
  padding-top: 125%
}
.image.is-3by4 {
  padding-top: 133.3333%
}
.image.is-2by3 {
  padding-top: 150%
}
.image.is-3by5 {
  padding-top: 166.6666%
}
.image.is-9by16 {
  padding-top: 177.7777%
}
.image.is-1by2 {
  padding-top: 200%
}
.image.is-1by3 {
  padding-top: 300%
}
.image.is-16x16 {
  height: 16px;
  width: 16px
}
.image.is-24x24 {
  height: 24px;
  width: 24px
}
.image.is-32x32 {
  height: 32px;
  width: 32px
}
.image.is-48x48 {
  height: 48px;
  width: 48px
}
.image.is-64x64 {
  height: 64px;
  width: 64px
}
.image.is-96x96 {
  height: 96px;
  width: 96px
}
.image.is-128x128 {
  height: 128px;
  width: 128px
}


/* 主页内容列表 */
.items .item-content .media img {
  width: 150px;
  height: 90px;
}


/* 评论列表 */
.comments { margin-top: 50px; }
.comment .avatar { color: #ddd; }
.comment .ctime { margin-left: 20px; }
.comment .text { font-size: 14px; }
/* 评论列表 END */