@charset "utf-8";
/* CSS Document */

/*style*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
  line-height: 1.1;
}

.text-muted {
  color: #ccc;
}

.breadcrumb{
	background:none;
}

.page-header .breadcrumb{
	margin-bottom:0px;
}

.text-defaultTheme {
  color: #428bca;
}
a.text-defaultTheme:hover,
a.text-defaultTheme:focus {
  color: #337ab7;
  text-decoration: none;
}

.text-iceblue {
  color: #16a6b6;
}
a.text-iceblue:hover,
a.text-iceblue:focus {
  color: #2acad4;
  text-decoration: none;
}

footer {
  /* Set the fixed height of the footer here */
  height: auto;
  padding:15px 0px 25px 0px;
  color:#dedede;
  background-color:#201e24;
}

footer h5 {
	font-weight:600;
	font-size:15px;
}

footer a {
	color: #ccc;
}

footer a:hover,
footer a:focus {
	color: #eee;
}

.page-header {
	padding-bottom:0px;
}

/*layout*/

.navbar {
    margin-bottom: 0px;
}

.home-main{
	margin-top:30px;
	height:auto;
	overflow:hidden;
}

.home-main .row{
	margin-bottom:20px;
}

.home-main .lead,
.home-main .lead-sm{
  margin-bottom: 30px;
}

.home-main h1,
.home-main .h1,
.home-main h2,
.home-main .h2,
.home-main h3,
.home-main .h3 {
  margin-bottom: 15px;
}

.home-main .article-list p{
	height:45px;
	line-height: 1.6;
	overflow:hidden;
}


.home-main .album-thumb-list .thumbnail{
  margin-bottom: 5px;
}

.home-main .album-thumb-list h4{
  font-size: 14px;
  height:45px;
  line-height: 1.6;
  margin-top:0px;
  overflow:hidden;
}

.post-gallery .thumbnail{
  margin-bottom: 5px;
}

.post-gallery .thumbnail p{
  height:40px;
  line-height: 1.4;
  margin-top:0px;
  margin-bottom:0px;
  overflow:hidden;
}

.home-main .product-list h4{
  font-size: 14px;
  height:40px;
	line-height: 1.6;
  overflow:hidden;
  margin-top:5px;
  margin-bottom:5px;
}

.specific-define-cols-ul-height{
  min-height:100px;
}

.product-thumb-list h5{
  height:40px;
	line-height: 1.4;
  overflow:hidden;
  margin-top:5px;
  margin-bottom:5px;
}


@media (max-width: 767px) {
  .home-main .product-list h4{
    height:38px;
    line-height: 1.3;
  }

  .home-main .product-list .thumbnail{
    margin-bottom: 10px;
  }
}

.sub-main {
	margin-bottom:50px;
}

.sub-main .article-list,
.sub-main .product-list,
.sub-main .album-thumb-list,
.sub-main .download-list,
.sub-main .job-list,
.sub-main .link-list,
.sub-main .search-list{ /*弄了我半天把 nav pagination 顶到下面去，居然就这样歪打正着的成功了*/
	height:100%;
	min-height:500px;
	margin-bottom:10px;
}

.comment-list{
	height:100%;
	min-height:480px;
}

.sub-main .product-list .price-sm,
.sub-main .product-list .price-md {
  margin-bottom:0px;
}

.sub-main .album-thumb-list p {
	max-width:180px;
	margin:5px auto;
	height:36px;
	overflow:hidden;
}

.sub-main .media-list .media{
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}

.sub-main .media-list .media .media-right > div{
	width:105px;
}

.sub-main .media-list .media .media-body h4{
	/*
	height:22px;
	overflow:hidden;
	*/
}

.user-main{ /*弄了我半天把 nav pagination 顶到下面去，居然就这样歪打正着的成功了*/
	height:100%;
	min-height:560px;
	margin-bottom:30px;
}


.user-main .page-header{
	margin-top:20px;
	margin-bottom:10px;
}

.user-main .sidebar{
	margin-top:95px;
}

.user-main .sidebar .nav > li.active {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
}

.user-main .media-list .media {
    border-bottom: 1px solid #dedede;
}

.user-main .media-list .media .media-right > div {
    width: 85px;
}

.user-main .media-list .media .media-body .media-heading {
    overflow: hidden;
    margin-bottom: 8px;
}

.user-main .media-list .media .media-body p {
    margin-bottom: 5px;
}

.user-main .picture-preview {
	border:none;
}

.post-container{
}

.post-content-title{
	margin-bottom:15px;
}
.post-content-info {
	margin-bottom:10px;
}

.sub-main .post-content-info .btn {
	padding:0px;
	border-radius:0px;
	border:none;
}

.post-content-info span,
.post-content-info a{
	margin-right:4px;
}
.post-content-info span > span,
.post-content-info a > span{
	padding-left:3px;
}

.post-content-info a {
	color:#ccc;
}

.post-content-info a:hover,
.post-content-info a:focus {
	color:#bfbfbf;
}

.post-content-info a.addedFavorite {
  color: #ff8a00;
  border-color:transparent;
}
.post-content-info a.addedFavorite:focus,
.post-content-info a.addedFavorite.focus {
  color: #e48618;
  border-color: transparent;
}
.post-content-info a.addedFavorite:hover {
  color: #e48618;
  border-color: transparent;
}

.addedFavorite {
  color: #ff8a00;
  border-color: #ff8a00;
  background-color:transparent;
}
.addedFavorite:focus,
.addedFavorite.focus {
  color: #e48618;
  border-color: #e48618;
  background-color:transparent;
}
.addedFavorite:hover {
  color: #e48618;
  border-color: #e48618;
  background-color:transparent;
}
.addedFavorite:active,
.addedFavorite.active,
.open > .dropdown-toggle.addedFavorite {
  color: #e48618;
  border-color: #e48618;
  background-color:transparent;
}
.addedFavorite:active:hover,
.addedFavorite.active:hover,
.open > .dropdown-toggle.addedFavorite:hover,
.addedFavorite:active:focus,
.addedFavorite.active:focus,
.open > .dropdown-toggle.addedFavorite:focus,
.addedFavorite:active.focus,
.addedFavorite.active.focus,
.open > .dropdown-toggle.addedFavorite.focus {
  color: #e48618;
  border-color: #e48618;
  background-color:transparent;
}



.post-description{
	margin-bottom:15px;
}

.post-content,
.post-description{
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

@media (min-width: 768px) {
  .post-content,
  .post-description{
	font-size: 16px;
  }
}

.comment-block{}
.comment-block .form-horizontal .control-label,
.resume-block .form-horizontal .control-label{
	text-align:left;
}

.tab-content{ /*bootstrap 的方法是.nav-tabs { margin-bottom:15px;}*/
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab-content .media-list .media{
	padding-bottom:0px;
	margin-bottom:10px;
}

.comment-date {}
.comment-reply {
	margin-left:10px;
}




.sidebar {
	margin-top:47px;
}

.sidebar .nav li .nav li a{
	padding-left:30px;
}

.sidebar .nav li .nav li .nav li a{
	padding-left:45px;
}

.sidebar .nav > li > a.active {
	background-color:#eee;
}

.sidebar aside{
	margin-top:15px;
}
.sidebar aside p{
	display:inline-block;
	margin-bottom:5px;
}
.sidebar aside p span > span {
	padding-left:5px;
	line-height:18px;
}



.overview-hero .text-content{
	padding-top:15px;
}

.info-strip .text-content p:nth-child(2){ /*本来是要用first-child的但是我也不知道nth-child(2)就奏效了而且还是(2)*/
	height:100px;
	overflow:hidden;
}

.info-strip .text-content h2{
	height:32px;
	overflow:hidden;
}

.view-data-bar{
	margin:26px 0px 0px;
}

.view-data-bar span{
	margin-right:4px;
}

.view-data-bar span > span{
	padding-left:3px;
}

.link-list .view-data-bar{
	margin-top:33px;
}

.search-list .view-data-bar{
	margin:10px 0px 15px 0px;
}



.picture-preview{
	width:162px;
	color: #888;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px dashed #ccc;
}

.picture-preview img{
	width:auto;
	height:auto;
	max-width:150px;
	max-height:150px;
}

.form-horizontal .form-group .checkbox label > label,
.form-horizontal .form-group .radio label > label{
	padding-left:0px;/*临时解决jquery valite报错而直接在parent append的label造成 padding-left:20px;*/
	font-weight:700;
}

.user-panel .media .media-body h4 {
    font-weight:400;
    margin-top: 5px;
    margin-bottom: 10px;
}

.user-panel .media .media-body p {
    margin-bottom: 5px;
    color: #888;
}



/*render*/
.sub-main .thumbnail{
  border:none;
}

.component .thumbnail{
  border:none;
}

.price-well{
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: #f6f6f6;
	padding: 10px 10px 10px 15px;
	border-radius: 0;
}

/********for carousel inside btn block********/
.btn-carousel {
  color: #f2f2f2;
  background-color:transparent;
  border-color: #f2f2f2;
}
.btn-carousel:focus,
.btn-carousel.focus {
  color: #fff;
  border-color: #fff;
}
.btn-carousel:hover {
  color: #fff;
  border-color: #fff;
}

.btn-cart {
  color: #fff;
  background-color:#ff8a00;
  border-color: #ff8a00;
}
.btn-cart:focus,
.btn-cart.focus {
  color: #eee;
  background-color: #e48618;
}
.btn-cart:hover {
  color: #eee;
  background-color: #e48618;
}
.btn-cart:active,
.btn-cart.active,
.open > .dropdown-toggle.btn-cart {
  color: #eee;
  background-color: #e48618;
}

.btn-order {
  color: #fff;
  background-color:#dd2727;
  border-color: #dd2727;
}
.btn-order:focus,
.btn-order.focus {
  color: #eee;
  background-color: #c52e2e;
}
.btn-order:hover {
  color: #eee;
  background-color: #c52e2e;
}
.btn-order:active,
.btn-order.active,
.open > .dropdown-toggle.btn-order {
  color: #eee;
  background-color: #c52e2e;
}
/********for carousel inside btn block********/

.btn-defaultTheme {
  color: #428bca;
  background-color:transparent;
  border-color: #428bca;
}
.btn-defaultTheme:focus,
.btn-defaultTheme.focus {
  color: #337ab7;
  border-color: #337ab7;
}
.btn-defaultTheme:hover {
  color: #337ab7;
  border-color: #337ab7;
}

.btn-defaultTheme:active,
.btn-defaultTheme.active,
.open > .dropdown-toggle.btn-defaultTheme {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-defaultTheme:active:hover,
.btn-defaultTheme.active:hover,
.open > .dropdown-toggle.btn-defaultTheme:hover,
.btn-defaultTheme:active:focus,
.btn-defaultTheme.active:focus,
.open > .dropdown-toggle.btn-defaultTheme:focus,
.btn-defaultTheme:active.focus,
.btn-defaultTheme.active.focus,
.open > .dropdown-toggle.btn-defaultTheme.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-defaultTheme:active,
.btn-defaultTheme.active,
.open > .dropdown-toggle.btn-defaultTheme {
  background-image: none;
}
.btn-defaultTheme.disabled:hover,
.btn-defaultTheme[disabled]:hover,
fieldset[disabled] .btn-defaultTheme:hover,
.btn-defaultTheme.disabled:focus,
.btn-defaultTheme[disabled]:focus,
fieldset[disabled] .btn-defaultTheme:focus,
.btn-defaultTheme.disabled.focus,
.btn-defaultTheme[disabled].focus,
fieldset[disabled] .btn-defaultTheme.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-defaultTheme .badge {
  color: #fff;
  background-color: #333;
}





.btn-default:focus,
.btn-default.focus {
  background-color:#fff;
}
.btn-default:hover {
  background-color:#fff;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color:#fff;
}