@charset "utf-8";
/* ---------------------------------------------------------------------
 CSS Reset (Thanks Eric Meyer)
 ------------------------------------------------------------------------ */
 html, body, div, main, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

@font-face {
    font-family: "Source Han Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/NotoSansSC-Regular.woff2") format("woff2"),
         url("../fonts/NotoSansSC-Regular.woff") format("woff"),
         url("../fonts/NotoSansSC-Regular.otf") format("opentype");
}

/* -
/* ---------------------------------------------------------------------
 Public Common
 ------------------------------------------------------------------------ */
body {
    color: #000;
    background: #fff;
    font-family: Source Han Sans, Arial, Helvetica, siyuanlight, "黑体", sans-serif;
    padding-bottom: 0;
    overflow-x: auto;
    overflow-y: scroll;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active,
a:focus,
a:hover,
a:link,
a:visited {
    color: #333;
    outline: 0;
}

.navbar {
    margin-bottom: 10px;
}

.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.logo {
    padding-top: 15px;
    padding-left: 30px;
    width: 240px;
    height: auto;
}

.member-top-icon {
    font-size: 14px;
    margin-top: 30px;
}

.member-top-icon p {
    display: block;
    float: right;
    margin-right: 60px;
}

.banner img {
    width: 90%;
    height: auto;
}

.banner p,
.description-title p {
    text-align: center;
}

.description {
    margin-top: 10px;
    margin-left: 50px;
    width: 90%;
    line-height: 1.5;
    font-size: 18px;
}

.description-title {
    font-size: 22px;
    color: #ff0000;
    margin: 20px 0 0;
}

.traineepic img {
    width: 180px;
    height: auto;
    float: right;
}

.detailinfo p,
.detailinfo span {
    display: block;
}

.detailinfo p {
    margin-top: 15px;
    width: 80%;
}

.detail-item {
    margin-top: 20px;
}

.talk-upload-btn {
    font-size: 16px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    padding: 10px 50px;
    background-color: #c80000;
}

.job-btn a,
.talk-upload-btn a {
    color: #fff;
    text-decoration: none;
}

.job-btn {
    position: absolute;
    top: 480px;
    left: 1110px;
    font-size: 16px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    padding: 10px 50px;
    background-color: #c80000;
}

.job-btn:hover,
.talk-upload-btn:hover {
    background-color: #ff0000;
}

/* 2.手机 6P */

@media (max-width: 414px) {
    .membersdaylogo .col-md-8 {
        padding-left: 0;
    }
    .logo {
        padding-top: 18px;
        padding-left: 0;
        width: 120px;
        height: auto;
    }
    .member-top-icon {
        font-size: 14px;
        margin-top: 25px;
        padding-left: 30px;
    }
    .member-top-icon p {
        margin-right: 0;
    }
    .banner img {
        width: 100%;
        height: auto;
    }
    .description {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
    }
    .traineepic img {
        width: 180px;
        height: auto;
        float: none;
    }
    .traineepic {
        margin-left: auto;
        margin-right: auto;
        float: left;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .detailinfo span {
        text-align: center;
    }
    .detailinfo p {
        width: 100%;
    }
    .description-title {
        font-size: 20px;
    }
    .job-btn {
        position: absolute;
        top: 200px;
        left: 200px;
        font-size: 14px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        padding: 5px 35px;
        background-color: #c80000;
    }
}

/* 3.手机 6 */

@media (max-width: 375px) {
    .membersdaylogo .col-md-8 {
        padding-left: 0;
    }
    .logo {
        padding-top: 18px;
        padding-left: 0;
        width: 160px;
        height: auto;
    }
    .top-title {
        font-size: 20px;
        font-weight: 700;
        margin: 20px 0;
    }
    .banner img {
        width: 100%;
        height: auto;
    }
    .description {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
    }
    .traineepic img {
        width: 180px;
        height: auto;
        float: none;
    }
    .traineepic {
        margin-left: auto;
        margin-right: auto;
        float: left;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .detailinfo span {
        text-align: center;
    }
    .detailinfo p {
        width: 100%;
    }
    .description-title {
        font-size: 20px;
    }
    .job-btn {
        position: absolute;
        top: 200px;
        left: 200px;
        font-size: 14px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        padding: 5px 35px;
        background-color: #c80000;
    }
}

/* 1.手机 Nexus 5 */

@media (max-width: 360px) {
    .member-top-icon {
        font-size: 14px;
        margin-top: 30px;
        padding-left: 20px;
    }
    .member-top-icon p {
        display: block;
        float: right;
        margin-right: 0;
    }
}

/* 4.手机  */

@media (max-width: 320px) {
    .logo {
        padding-top: 18px;
        padding-bottom: 10px;
        width: 120px;
        height: auto;
    }
    .member-top-icon {
        font-size: 12px;
        margin-top: 25px;
        padding-left: 10px;
    }
    .member-top-icon p {
        margin-right: 0;
    }
}

/* 7.大屏幕*/

@media (min-width: 1000px) {
    .logo {
        margin-left: 10px;
    }
}

/* 6.电脑 */

@media (min-width: 1025px) {}

/* 7.大屏幕*/

@media (min-width: 1200px) {
    .logo {
        margin-left: 170px;
    }
}

/* 7.大屏幕*/

@media (min-width: 1300px) {
    .logo {
        margin-left: 120px;
    }
}

/* 7.大屏幕*/

@media (min-width: 1360px) {
    .logo {
        margin-left: 10px;
    }
}

/* 7.大屏幕*/

@media (min-width: 1400px) {
    .logo {
        margin-left: 10px;
    }
}

/* 7.大屏幕*/

@media (min-width: 1500px) {
    .logo {
        margin-left: 0;
    }
}