body {
	background-color: #f2f2f2;
}

.body-container {
	background: white;
	padding-top: 25px;
	padding-bottom: 65px;
}


.footer {
	width:90%; 
	margin: 0 auto;
}


/* HEADER  */

header {
	background-color: #00ADF2;
}



/* NAV  */

header#site-nav .navbar-collapse {
padding: 0px;
}

.navbar-default {
border: none;
}

header#site-nav .navbar-header {
padding: 25px 0 0;
overflow: hidden;
}

.navbar-header {
	margin-bottom: 20px;
}

.span-sitename {
	margin-top: 22px;
	margin-left: 46px;
}


header#site-nav .span-logo {
width: 220px;
}

a.logo {
padding: 2px 20px 7px 17px;
display: block;
border-right: 2px dotted #ddf0fc;
margin-right: -20px;
}

header#site-nav a.name {
font-family:Microsoft YaHei;
font-weight: 800;
font-size: 2.0em;
line-height: 36px;
height: auto;
color: #ddf0fc;
}

header#site-nav .navbar {
min-height: 0px;
}

header#site-nav nav, header#site-nav .dropdown-menu {
background: #008fd5;
margin-bottom: 0px;
}

header#site-nav nav ul.navbar-nav {
/* margin: 0 0; */
padding-left: 20px;
margin-top:7px;
}

ul.menu {
border: none;
list-style: none;
text-align: left;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #f4c624;
background-color: transparent;
}


header#site-nav nav ul.navbar-nav > li > a {
font-family: Microsoft YaHei;
font-weight: 800;
letter-spacing: 0.11em;
padding-top: 9px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 38px;
line-height: 22px;
color: #e6f4fb;
text-transform: uppercase;
font-size: 1.3em;
}

.nav > li > a:hover,
.nav > li > a:focus {
  color: #f4c624 !important;
}

.active a {
	color:#f4c624 !important;
}

/* Makes video responsive 
source: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php;
*/ 

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.promotion {
	background: #F2F2F2;
	border: 0;
	padding: 20px;
	margin-top: 50px;
}

.thumbnail .caption {
	padding-left: 0px !important;
}

.subheading {
	padding-top: 9px;
}

.row {
	margin-right: 0;
	margin-left: 0;
}


footer {
padding: 25px 0px;
}

footer .footer-logo {
display: block;
background: url(../img/footer-logo.png) no-repeat;
height: 34px;
}

footer .footer-contact {
margin-top: 25px;
color: #4d4d4d;
font-size: 1.2em;
margin-left: 10px;
}

.font-bold {
font-weight: bold;
font-family: Microsoft YaHei;
}

footer section {
border-right: 2px solid #FFFFFF;
}

footer section h3 {
font-weight: 800;
font-size: 1.2em;
line-height: 19px;
color: #0071bc;
margin: 0px 0px 20px 5px;
}

footer section .quick-links {
padding: 0px 0px 0px 20px;
}

footer section .quick-links li {
font-size: 1.1em;
color: #00aeef;
}

footer section .quick-links a {
color: #808080;
font-size: 1.1em;
line-height: 15px;
font-weight: 800;
}

ul li, ol li {
 margin-bottom: 6px; 
}

.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}


footer section .social-links a {
color: #4d4d4d;
font-size: 1.4em;
line-height: 27px;
font-weight: 800;
padding: 0px 5px 0px 15px;
text-decoration: none;
text-transform: uppercase;
}

footer section .footer-links {
padding-top: 10px;
border-top: 2px solid #FFFFFF;
}

footer section .footer-links li {
border-right: 1px solid #d9d9d9;
}

footer section .footer-links a {
color: #000000;
font-size: 1.1em;
font-weight: bold;
}

/* CONTROL */

.control {
	margin-top: 25px;
	margin-bottom: 24px;
}


/* FORM */

#contact-form {
	margin-top: 25px;
}

.input-lg, .form-group-lg .form-control {
	border-radius: 0;
	height: 33px;
	font-size: 1.2em;
}

.form-group {
	margin-bottom: 20px;
}

label {
	margin-bottom: 10px;
}


/* BACKGROUND */

.title-background h3 {
	margin-bottom: 20px;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  .mobile {
    margin-top: 28px;
    border-right: 0;
	border-bottom: 2px solid white;
	padding-bottom: 28px;
	}

	.span-sitename {
/*	width: 46% !important;*/
	padding-top: 2px;
	font-size: 20px !important;
	line-height: 21px;
	}

	.span-sitename {
	width: 80% !important;
	margin-left: 31px !important;
	}


	.thiner {
    padding-top: 0px !important;
    margin-bottom: 0px !important;

	}

	.navbar-brand {
	font-family: Microsoft YaHei;
	font-weight: 700;
	letter-spacing: 0.11em;
	padding-top: 14px !important;
	padding-bottom: 8px;
	padding-left: 30px !important;
	padding-right: 25px !important;
	line-height: 22px;
	color: #e6f4fb !important;
	text-transform: uppercase;
	font-size: 1.1em;
	}

	header#site-nav nav ul.navbar-nav > li > a {
	padding-left: 25px;
	}
}



/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {


header#site-nav nav ul.navbar-nav > li > a {
		padding-right: 28px;
		}
}


/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
	.span-sitename {
	width: 60%;
	margin-left: 46px;
	margin-top: 12px !important;
	}
 }


.navbar-default .navbar-toggle {
	border-color: white;
}


.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}