body {
	font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead {
	font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}
@media (min-width:768px) {
	.navbar {
		min-height:40px
	}
	.navbar-nav>li>a {
		font-size:14px;
		padding-top:11px;
		padding-bottom:11px
	}
	.navbar-brand {
		padding-top:0;
		padding-bottom:0;
		line-height:42px;
		height:42px
	}
}
.jumbotron {
	/*border-bottom:10px solid #ddd;*/
	position:relative;
	padding:40px 0;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 3px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.075);
	background:#002233;
	background:-moz-linear-gradient(45deg,#002233 0,#008fd6 100%);
	background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#002233),color-stop(100%,#008fd6));
	background:-webkit-linear-gradient(45deg,#002233 0,#008fd6 100%);
	background:-o-linear-gradient(45deg,#002233 0,#008fd6 100%);
	background:-ms-linear-gradient(45deg,#002233 0,#008fd6 100%);
	background:linear-gradient(45deg,#002233 0,#008fd6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002233', endColorstr='#008fd6', GradientType=1);/*
	-webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)*/
}
.jumbotron a {
	color:#fff;
	color:rgba(255,255,255,.5);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.jumbotron aa:hover {
	color:#fff;
	text-shadow:0 0 10px rgba(255,255,255,.25)
}
.jumbotron .container {
	position:relative;
	z-index:2
}
.jumbotron:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(../img/bs-docs-masthead-pattern.png) repeat center center;
	opacity:.4
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1) {
	.jumbotron:after {
		background-size:150px 150px
	}
}
.masthead {
	padding:60px 0 80px;
	margin-bottom:0;
	color:#fff
}
@media screen and (min-width:768px) {
	.masthead {
		padding:90px 0 110px
	}
}
.masthead h1 {
	font-size:60px;
	line-height:1;
	letter-spacing:-2px;
	font-weight:700
}
@media screen and (min-width:768px) {
	.masthead h1 {
		font-size:90px
	}
}
@media screen and (min-width:992px) {
	.masthead h1 {
		font-size:100px
	}
}
.masthead h2 {
	font-size:18px;
	font-weight:200;
	line-height:1.25
}
@media screen and (min-width:768px) {
	.masthead h2 {
		font-size:24px
	}
}
@media screen and (min-width:992px) {
	.masthead h2 {
		font-size:30px
	}
}
.masthead p {
	font-size:40px;
	font-weight:200;
	line-height:1.25
}
.masthead .masthead-button-links {
	margin-top:30px
}
.masthead-links {
	margin:0;
	padding:0;
	list-style:none
}
.masthead-links li {
	display:inline;
	padding:0 10px;
	color:rgba(255,255,255,.25)
}
.masthead-links li a:hover {
	color:#fff
}
.subhead {
	text-align:center;
	border-bottom:1px solid #ddd
}
@media screen and (min-width:768px) {
	.subhead {
		text-align:left
	}
}
.subhead h1 {
	font-size:60px
}
.subhead p {
	margin-bottom:20px
}
@media screen and (min-width:768px) {
	.subhead p {
		text-align:left
	}
}
.btn-primary.btn-shadow {
	-webkit-box-shadow:inset 0 -4px 0 #2a6496;
	box-shadow:inset 0 -4px 0 #2a6496;
	border:0;
	color:#fff
}
.btn-lg.btn-shadow {
	padding:13px 35px 17px
}
.bc-social {
	padding:15px 0;
	text-align:center;
	background-color:#f5f5f5;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd
}
.bc-social-buttons {
	margin-left:0;
	margin-bottom:0;
	padding-left:0;
	list-style:none
}
.bc-social-buttons li {
	display:inline-block;
	line-height:1;
	color:#555
}
.bc-social-buttons li .fa {
	font-size:18px;
	margin-right:3px
}
.bc-social-buttons li .fa-weibo {
	font-size:20px
}
.bc-social-buttons li a {
	color:#555
}
.bc-social-buttons li.social-qq:hover {
	color:#428bca
}
.bc-social-buttons li.social-weibo a:hover {
	color:#d9534f
}
.bc-social-buttons>li+li:before {
	padding:0 10px;
	color:#ccc;
	content:"|"
}
.projects .thumbnail {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:310px;
	margin-bottom:30px;
	border-radius:0
}
.projects .thumbnail .caption {
	height:200px;
	overflow-y:hidden;
	color:#555
}
.projects .thumbnail .caption a:hover,.projects .thumbnail .caption a:focus {
	text-decoration:none
}
.projects .thumbnail .imgbox { height:150px; display:inline-block; width:100%;}
.projects .thumbnail img {
	max-width:100%;
	max-height:100%;
	height:auto;
}
.projects-header {
	width:60%;
	text-align:center;
	margin:60px 0 10px;
	font-weight:200;
	margin-bottom:40px;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.projects-header h2 {
	font-size:30px;
	letter-spacing:-1px
}
@media screen and (min-width:768px) {
	.projects-header h2 {
		font-size:42px
	}
}
.nav-sub {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:70px;
	border-top:1px solid #eee
}
.footer {
	color:#777;
	padding:30px 0;
	border-top:1px solid #e5e5e5;
	margin-top:70px
}
.footer a {
	color:#777
}
.footer-top .about>div {
	height:110px;
	margin-bottom:10px
}
.footer-top .about>div h4 {
	color:#563d7c;
	font-size:16px
}
.footer-bottom {
	font-size:13px
}
.footer-bottom ul>li {
	padding:0
}
.footer-bottom ul>li+li:before {
	padding:0 10px;
	color:#ccc;
	content:"|"
}
#scrollUp {
	background-color:#777;
	color:#eee;
	font-size:40px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:46px;
	height:46px;
	border:none;
	opacity:.8
}
#scrollUp:hover {
	background-color:#333
}
@media screen and (min-width:992px) {
	#scrollUp {
		bottom:100px
	}
}
.bc-sidebar {
	margin-top:30px
}
.bc-sidebar>ul>li>a {
	display:block;
	margin:0 0 -1px;
	padding:8px 14px;
	border:1px solid #e5e5e5
}
.excerpt-list {
	margin-top:60px
}
.excerpt {
	min-height:120px;
	border:1px solid #eee;
	position:relative;
	margin-bottom:10px;
	padding:20px 20px 20px 24px
}
.excerpt-title {
	font-size:24px;
	margin-top:0
}
.excerpt-title a {
	color:#555
}
.excerpt-title a:hover,.excerpt-title a:active {
	color:#3071a9
}
.excerpt-meta {
	position:absolute;
	bottom:12px
}
.excerpt-tags {
	color:#777
}
.excerpt-tags .glyphicon {
	position:relative;
	top:2px;
	color:#eee
}
.excerpt-tags a,.excerpt-tags span {
	color:#777;
	font-size:12px
}
.post {
	position:relative;
	margin-top:60px;
	max-width:680px;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.post-header h1,.post-header h2 {
	font-size:32px;
	margin:0 0 45px 0;
	position:relative;
	text-align:center
}
@media (min-width:768px) {
	.post-header h1,.post-header h2 {
		font-size:36px
	}
}
.post-header h1:after,.post-header h2:after {
	border-top:1px solid #e5e5e5;
	bottom:0;
	content:"";
	left:50%;
	margin:0 0 0 -30%;
	position:absolute;
	width:60%
}
.post-header h1 a,.post-header h2 a {
	color:#363636;
	display:block;
	padding:65px 0 20px;
	position:relative
}
.post-header h1 a:hover,.post-header h2 a:hover {
	color:#428bca
}
.post-header h1 a:before,.post-header h2 a:before {
	border-top:1px solid #e5e5e5;
	bottom:-4px;
	content:"";
	left:50%;
	margin:0 0 0 -27%;
	position:absolute;
	width:60%
}
.post-header h1 a:after,.post-header h2 a:after {
	border-top:1px solid #e5e5e5;
	bottom:-3px;
	content:"";
	left:50%;
	margin:0 0 0 -28%;
	position:absolute;
	width:60%
}
@media (min-width:768px) {
	.post-header h1 a,.post-header h2 a {
		padding-left:65px;
		padding-right:65px
	}
}
.post-content {
	font-size:16px;
	line-height:1.8;
	padding-top:20px;
	padding-bottom:20px
}
.post-content p,.post-content pre,.post-content ul,.post-content ol,.post-content dl,.post-content form,.post-content hr,.post-content table,.post-content blockquote {
	margin-bottom:1.8em
}
.post-content blockquote {
	font-size:16px
}
.post-content pre {
	margin-top:-20px
}
.post-content li>p {
	margin-bottom:5px
}
.post-content img,.post-content video,.post-content embed,.post-content iframe {
	max-width:100%
}
.post-content img {
	height:auto
}
article.page {
	margin-top:0;
	max-width:none
}
article.page .post-content {
	padding-top:0
}
article.page .post-content h2 {
	font-size:36px;
	padding-bottom:9px;
	margin:40px 0 20px;
	border-bottom:1px solid #eee
}
#btn-jike-video:after {
	content:"新";
	color:#fff;
	position:absolute;
	top:1px;
	right:0;
	padding:3px 3px 3px 3px;
	z-index:9999999;
	background:#d9534f;
	border-radius:50%;
	font-size:12px;
	line-height:1;
	border:1px solid #d43f3a
}
.centertext{ text-align:center;}
.pagination {
  margin: 30px 0;
  padding-top:10px;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f4f4f4;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #6a6a6a;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #6a6a6a;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}