/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
	font-family: “华文细黑”,"Microsoft YaHei","微软雅黑",sans-serif;
	letter-spacing:.15em;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

body > nav.navbar {
	background-color: #106090;
	border-bottom-color: #024868;
	padding: .5em 0;
}

body > nav > div.container {
	background-color: #106090;
}

a.carousel-caption > h2 {
	letter-spacing:.2em;
}

a.carousel-caption:link { 
	text-decoration:none; 
	color: white;
} 
a.carousel-caption:visited { 
	text-decoration:none; 
	color: white;
} 
a.carousel-caption:hover { 
	text-decoration:none; 
	color: white;
} 
a.carousel-caption:active { 
	text-decoration:none;
	color: white;
} 

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header .carousel-caption {
	background-color: black; 
	opacity: .6; 
	/* this works in IE6, IE7, and IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	/* this works in IE8 only */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";	
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	html,
	body {
		letter-spacing:0;
	}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media(max-width:408px) {
    #headernote {
		display: none;
	}
}