body{
    padding-top: 120px;
}
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top100 { margin-top:100px; }

.bottom5 { margin-bottom:5px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom30 { margin-bottom:30px; }
.bottom50 { margin-bottom:50px; }
.bottom100 { margin-bottom:100px; }

/*bootstrap使row中的col垂直居中*/
.row-vertical-center {
    display: flex;
    align-items: center;
}


/* 导航条 */
.navbar {
    min-height: 0px;
    margin-bottom: 0px;
}
.navbar-inverse .navbar-brand {
    padding-right: 200px;
    font-size: 36px;
    color:#00A0DE;
}
.navbar-inverse .navbar-brand:hover {
    color:#00A0DE;
}
.navbar-brand,.navbar-nav li a {
    line-height: 120px;
    height: 120px;
    padding-top: 0;
}
.navbar-inverse .navbar-nav>li>a {
    padding-right: 50px;
    font-size: 18px;
    color:#FFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color:#00A0DE;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #00A0DE;
    background-color: #222;
}
.navbar-toggle {
    margin-top: 18px;
}


/*底部*/
footer{
    background-color: #2d2d2d;
    color: rgb(178, 178, 178);
}
footer .row{
    padding-top: 50px;
    padding-bottom: 50px;
}
footer .list-group .friendship-link,
footer .list-group .contact-info {
    font-size: 14px;
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
}
footer .list-group .friendship-link:hover {
    color: #FFF;
}
footer .list-group .item-first {
    padding-bottom: 20px;
    font-size: 18px;
    color: #FFF;
}