h1{
    font-size: 24px;
    color: #373d41;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
}
.bg{
    background-image: url('../image/bg-black.jpg');
    color: #fff;
    margin-top: 50px;
}

/* .welfare */
.welfare .row{
    margin-top: 20px;
}
.welfare .row .title{
    font-size: 20px;
    font-weight: bold;
    padding: 8% 0 20px 0;
}

.join-nav{
    list-style: none;
    margin: 10px auto;
    width: 5%;
    min-width: 645px;
}
.join-nav li{
    float: left;
    padding: 14px 0;
    /* list-style: none; */
}
/*.join-nav{
    padding: 40px 0 40px  0;
    list-style: none;
}
 .join-nav li{
    float: left;
}*/
.join-nav li a{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 30px;
    color: #000;

}
.position{
    color: #fff;
    text-align: center;
    padding-top: 50px;

}
.position .nav>li>a{
    color: #000;
}
.position .nav>li>a:hover{
    color: #000;
}
.position .item{
    border: 1px solid #0099FF;
    width: 76%;
    margin-left: 8%;
    padding: 15px 0;
    margin-bottom: 12px;
    cursor: pointer;

}
.position .mymodal{
    line-height: 30px;
}
.recruit .row{
    text-align: center;
    padding: 40px 0;
}
.recruit .title{
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
}
.recruit .describe{
    padding: 0 28px;
    margin-bottom: 20px;
}

.contact{
    padding: 40px 0 70px 0;
}
.contact .row{
    text-align: center;
}
.contact .title{
    font-size: 20px;
    font-weight: bold;
    padding: 17% 0 20px 0;
}