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

html, body {

}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}

.nbLogoWarpper {
    padding-top:10px;
}

.nbLogo {
    margin: auto;
    background: url("../images/logo.png") no-repeat;
    background-size:42px 42px;
    width:42px;
    height:42px;
    /*margin-right:auto;
    margin-left:auto;*/
}

/**
 * 标题文本
 */
.nbTitle {
    padding-left: 20px;
    padding-top: 4px;
    font-size: 28px;
    color: #f65625;

}

/**
 * 左侧图标按钮样式
 */
div.iconImg div {
    padding-top: 3em;
}

.iconImg {
    margin: auto;
    width: 42px;
    height: 42px;
    column-gap: 140px;
    -webkit-column-gap: 140px; /* Chrome, Safari, Opera */
    -moz-column-gap: 140px; /* Firefox */
}

.funcGroup {
    padding-top: 0px;
    height: 100%;
}

.funcGroup div {
    /*width:19px;*/
    width: 100%;
    padding-bottom: 0px;
    bottom: 0px;
    position: absolute;
}

.funcGroup div img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 150px;
}

.nbSideBarMenu {
    margin: auto;
    vertical-align: middle;
    height: 300px;
    top:40%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.topBtn {
    position: fixed;
    top:13px;
    right: 10px;
    z-index: 3000;
    visibility: hidden;
}

/**
 * 左边样式
 */
.sideBar {
    z-index: 2000;
    position: fixed;
    background-color: #000;
    width: 60px;
    height: 100%;
    position: fixed;
}

.containerDiv {
    padding-top:100px;
    padding-left:60px;

    /*
    max-height: 800px;
    overflow-y: scroll;*/
}

/**
 * 顶部样式
 */
.topBar {
    z-index: 999;
    background: #000;
    background: linear-gradient(#f4f4f4, #e6e6e6);
    height: 50px;
    width: 100%;
    margin-left: 60px;
    position: fixed;
    -webkit-transform: translate3d(0px, 0px, 200px);
    -moz-transform: translate3d(0px, 0px, 200px);
    -ms-transform: translate3d(0px, 0px, 200px);
    -o-transform: translate3d(0px, 0px, 200px);
    transform: translate3d(0px, 0px, 200px);
}


/**
 * 单个科学课程图片组
 */
.scienceItem {
    width: 240px;
    height: 180px;
    position: absolute;
}

.scienceItem div {
    width: 185px;
    height: 131px;
    margin: auto;
}

/**
 * 单个科学图片
 */
.scienceItemImg {
    width:185px;
    height:131px;
}