@charset "utf-8";
.nav-pills>li>a {border-radius:inherit;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color:#005395;}
.more{
	background-color:#0d6abd;
	color:#FFFFFF;
	width:160px;
	line-height:40px;
	}
.more a{color:#FFFFFF;}
.container .row .starter-template.col-lg-7.col-xs-12 .btn-block.more.text-center a{color:#FFFFFF;}
.img-w{
	max-width:100%;height: auto;}
.b-h{
	margin-bottom:50px;
	}
.t-h{
	margin-top:50px;}
.p-t{ padding-top:50px;}
.p-b{padding-bottom:50px;}
.yj-bj{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
.gray-h6 {
    color:#d2cdcd; }
.navbar-inverse{
	background-color:#FFF;
	border-color:#FFF;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #0d6abd;
}
.navbar-inverse .navbar-toggle{background-color: #0d6abd;
	}
	
.navbar-inverse .navbar-toggle{
		border-color:white;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #0d6abd;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #8a8a8a;
    background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:white;
}
.navbar-brand {
   padding: 0px 0px;
 }
.n-b{
	border-width:1px;
	border-color:#999;
	border-style: solid;
	width:90px;
	line-height:30px;
	display:inline-block;
	background-color:#f2f2f2;
	padding:12px;
	margin-right:30px;
	}
.day{
	color:#999;
	font-size:28px;
	font-family:"微软雅黑";
	clear:both;
	display:block;
	}
.yearAndMonth{
	font-size:14px;
	color:#999;
	font-family:"微软雅黑"; 
	}
.b-solid{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c5c5c5;
	padding-bottom:12px;
    margin-bottom:30px;
	margin-top:15px;
	}
.b-dotted{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#c5c5c5;
	padding-bottom:15px;
	margin-bottom:15px;}
	.pagination #current {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
   background-color: #0d6abd;
}
.projects a img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
	.projects a img {
    height: 100px;
	}
}

.entry img {
  max-width: 100% !important;
  height: auto;
}

.flex{
  display: flex
}

.grid{
  display: grid
}

.h-10{
  height: 2.5rem
}

.h-\[240px\]{
  height: 240px
}

.h-\[530px\]{
  height: 530px
}

.w-full{
  width: 100%
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex-col{
  flex-direction: column
}

.items-center{
  align-items: center
}

.justify-center{
  justify-content: center
}

.gap-1{
  gap: 0.25rem
}

.gap-4{
  gap: 1rem
}

.border-\[6px\]{
  border-width: 6px
}

.border-solid{
  border-style: solid
}

.border-\[\#805238\]{
  border-color: #805238
}

.object-cover{
  object-fit: cover
}

@media (max-width: 640px){
  .sm\:h-\[120px\]{
    height: 120px
  }

	.sm\:h-\[300px\]{
    height: 120px
  }

  .sm\:h-\[60px\]{
    height: 60px
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:gap-2{
    gap: 0.5rem
  }
}