body{

    /*padding-top:50px;*/

    z-index:0;

	font-family: "source-han-sans-traditional","source-han-sans-simplified-c",Microsoft YaHei,Microsoft JhengHei,sans-serif;

}

/*!

.wf-loading {

    visibility: hidden;

  }



.wf-active, .wf-inactive {

    visibility: visible;

  }

*/

.navbar-brand{

    max-width: 100%;

    margin-top: -7px;

}



.navbar-default {

    background: #ffffff;

	border:none;

	padding-top:4px;

}



.navbar-default .navbar-nav > li > a {

    color: #000000;

	border-bottom: 4px solid #ffffff;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

    color: #000000;

	border-bottom: 4px solid #ef7c00;

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

    border-bottom: 4px solid #ef7c00;

	background: #ffffff;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

    border-bottom: 4px solid #ef7c00;

	background: #ffffff;

}



.indexbg{

	background: url("../img/index_bg.png") no-repeat center top;

	background-size: cover;	

    -webkit-background-size: cover;

    -moz-background-size: cover;

	-o-background-size: cover;

	position:relative;

	z-index:10;

}



.jumbotron {

	color:#000000;

    padding-top:130px;

	height:auto;

	margin:0px auto;

	background: transparent;

}



.btn-circle {

    width: 60px;

    height: 60px;

    margin-top: 15px;

    padding: 7px 16px;

    border: 2px solid #fff;

    border-radius: 100%;

    font-size: 32px;

    color: #fff;

    background: 0 0;

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.btn-circle:hover,

.btn-circle:focus {

    outline: 0;

    color: #fff;

    background: rgba(255,255,255,.1);

}



.row-header{

    margin:0px auto;

    padding-top:3%;

}



.row-content{

    margin:0px auto;

    padding-bottom:5%;

}



.row-content-gray{

	background:#eeeeee;

	padding-right: 0px;

	padding-left: 0px;

    padding-bottom:5%;

}



.img{

    max-width: 100%;

    height: auto;

}



.img_title{

    max-width: 50%;

    height: auto;

}



.index_content{

	padding-bottom: 150px;

}



.description{

	padding-top:5%;

}



.thumbnail{

	background: transparent;

	border-style:none;

}



.thumbnail.white{

	height:385px;

	background: #ffffff;

	border-style: solid;

	border-color:#bbbbbb;

	border-width:2px;

}



.thumbnail.foundation{

	height:456px;

	padding-top:5%;

	padding-right:5%;

	padding-left:5%;

	background: #ffffff;

	border-style: solid;

	border-color:#bbbbbb;

	border-width:2px;

}



.caption.projects{

	padding-left:0px;

	padding-right:0px;

}



h2{

	color:#0e3f60;

	font-size: 25px;

}



h3{

	font-size: 26px;

}



h4{

	color:#333333;

	font-size: 20px;

	line-height: 30px;

}



h5{

	color:#202020;

	font-size: 18px;

	line-height: 30px;

}



h6{

	color:#0e3f60;

	font-size: 20px;

}



p{

	color:#333333;

	font-size: 16px;

	line-height: 30px;

}



p.title_small{

	color:#333333;

	font-size: 36px;

}



p.text{

	color:#343434;

	font-size: 16x;

	line-height: 30px;

}



p.feature{

	color:#333333;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

}



p.projecttitle{

	color:#454545;

	font-size: 20px;

	text-align: left;

}



p.project{

	color:#454545;

	font-size: 14px;

	line-height: 20px;

	text-align: left;

}



p.news{

	color:#000000;

	font-size: 16px;

	line-height: 20px;

}



p.video{

	color:#545454;

	font-size: 18px;

}



p.title{

	color:#333333;

	padding-top: 100px;

	padding-bottom: 60px;

	font-size: 40px;

	text-align: center;

}



p.contact{

	color:#454545;

	font-size: 14px;

}



.inverse{

	color:#ffffff;

}



.caption{

	text-align: center;

}



.note{

	font-size:12px;

	line-height: 15px;

}



.btn-contact{

	color: #ffffff;

	background: url("../img/content_button.png") no-repeat;

    border: none;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 30px;

	width: 100%;

	max-width: 300px;

	height: 78px;

}



.btn-contact:hover {

	background: url("../img/content_button_hover.png") no-repeat;

}



.btn-contactform{

	color: #ffffff;

	background: url("../img/contact_button.png") no-repeat;

    border: none;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

	width: 100%;

	max-width: 120px;

	height: 31px;

}



.btn-contactform:hover {

	background: url("../img/contact_button_hover.png") no-repeat;

}



.btn_center{

	margin: auto;

	width: 300px;

}



.footer1{

	padding-top:20px;

	background: #1f242b;

}



.footer2{

	min-height:30px;

	padding-top:10px;

	background: #191d21;

}





.list-inline{

	color:#ffffff;

	font-size: 12px;

	vertical-align:text-top;

}



.space{

	word-spacing: 40px;

}



.table{

	max-width:100%;

}



.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {

    border: none;

	padding-top:0px;

	padding-left:0px;

	font-size: 12px;

	text-decoration: none;

}



.spec tr td, .spec tbody tr th, .spec thead tr th {

	text-align: center;

}



.social{

	word-spacing: 10px;

    text-align:right;

	font-size: 18px;

}



.footer_menu{

	font-size: 12px;

}



a.p1:link, a.p1:active, a.p1:visited {

    color: #9e9e9e;

}



a.p1:hover{

    color: #ef7c00;

	text-decoration: none;

}



a.p2:link, a.p2:active, a.p2:visited {

    color: #ffffff;

}



a.p2:hover{

    color: #ef7c00;

	text-decoration: none;

}



a.p3:link, a.p3:active, a.p3:visited {

    color: #5a6e7f;

}



a.p3:hover{

    color: #bbbbbb;

	text-decoration: none;

}



a.p4:link, a.p4:active, a.p4:visited {

    color: #f16421;

}



a.p4:hover{

    color: #bbbbbb;

	text-decoration: none;

}



a.p5:link, a.p5:active, a.p5:visited {

	color:#545454;

	font-size: 18px;

	text-decoration: none;

}



a.p5:hover{

    color: #bbbbbb;

	text-decoration: none;

}



a.p6:link, a.p6:active, a.p6:visited {

	color:#5a6e7f;

	font-size: 16px;

	text-decoration: none;

}



a.p6:hover{

    color: #bbbbbb;

	text-decoration: none;

}



a.p7:link, a.p7:active, a.p7:visited {

	color:#545454;

	font-size: 14px;

	text-decoration: none;

}



a.p7:hover{

    color: #bbbbbb;

	text-decoration: none;

}



a.p8:link, a.p8:active, a.p8:visited {

	color:#000000;

	font-size: 20px;

	text-decoration: none;

}



a.p7:hover{

    color: #bbbbbb;

	text-decoration: none;

}



.about_content{

	padding-bottom: 50px;

	background: #dce5ec url("../img/about_bg.jpg") no-repeat center top;

	background-size: cover;	

    -webkit-background-size: cover;

    -moz-background-size: cover;

	-o-background-size: cover;	

}



.breadcrumb{

	font-size: 14px;

	background:none;

	padding-left:0px;

}



.breadcrumb a{

	color: #000000;

}



.breadcrumb a:hover{

	color: #ef7c00;

	text-decoration: none;

}



.breadcrumb>.active{

	color: #000000;

}



.breadcrumb>li+li:before{

	color: #000000;

}



hr{

	border:none;

	height:2px;

	background-color:#bbbbbb;

}



.form-group{

	color: #5a6e7f;

	font-size: 16px;	

}



.bslogo{

	 vertical-align:text-bottom;

}

.index_video{

    width: 100%;

    height: auto;

	position:absolute;

	z-index:-10;

}



.padding-top{

	padding-top:12%;

}



#video-bg {

  position: fixed;

  top: 0; right: 0; bottom: 0; left: 0;

  z-index:-10;

  overflow: hidden;

}

#video-bg > video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* 1. No object-fit support: */

@media (min-aspect-ratio: 16/9) {

  #video-bg > video { height: 300%; top: -100%; }

}

@media (max-aspect-ratio: 16/9) {

  #video-bg > video { width: 300%; left: -100%; }

}

/* 2. If supporting object-fit, overriding (1): */

@supports (object-fit: cover) {

  #video-bg > video {

    top: 0; left: 0;

    width: 100%; height: 100%;

    object-fit: cover;

  }

}