@font-face {
    font-family: Roboto-Black, PingFangSC-Regular, sans-serif;
    src: url('Font/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Font/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BoldCondensed';
    src: url('Font/Roboto-BoldCondensed.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url('Font/Roboto-Condensed.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Font/Roboto-Regular.ttf') format('truetype');
}

body {
    font-family: Roboto-Regular,"Noto Sans SC";
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    body {
        padding-top: 0px;
        margin-left: 230px;
    }

    .body-content {
        margin-top: 0px;
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* 自定义导航 */

.navbar-menu {
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    left: 24px;
    background: url('Image/Default/menu.png') no-repeat;
    background-size: 100%;
}

.navbar-inverse {
    background: #272727;
}

.navbar-fixed-left {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    border: none;
}

@media (min-width: 768px) {
    .navbar-fixed-left {
        border-radius: 0;
        width: 230px;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1030;
        margin-bottom: 0;
    }
}

.navbar-fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
}

.navbar-brand img {
    width: 29px;
    height: 21px;
}

.navbar-nav > li a {
    color: #7d7d7d !important;
    padding: 0px;
    font-size: 13px;
}

.navbar-nav > .selected a {
    color: #d2d2d2 !important;
}

@media (min-width: 768px) {
    .navbar-header {
        margin-top: 120px;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .navbar-brand {
        width: 100%;
        text-align: center;
        margin-left: auto !important;
    }

        .navbar-brand img {
            width: 51px;
            height: 37px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    .navbar-nav {
        margin-top: 75px;
    }

        .navbar-nav > li {
            width: 100%;
            padding: 15px 15px 15px 70px;
            cursor: pointer;
        }

            .navbar-nav > li > div {
                width: 100%;
            }

        .navbar-nav > .ico_active {
            background: url('Image/Default/ico_active_select.png') no-repeat;
            background-size: 24px 24px;
            background-position-x: 32px;
            background-position-y: 50%;
        }

            .navbar-nav > .ico_active[select=selected] {
                background: url('Image/Default/ico_active_selected.png') no-repeat;
                background-size: 24px 24px;
                background-position-x: 32px;
                background-position-y: 50%;
            }

        .navbar-nav > .ico_music {
            background: url('Image/Default/ico_music_select.png') no-repeat;
            background-size: 24px 24px;
            background-position-x: 32px;
            background-position-y: 50%;
        }

            .navbar-nav > .ico_music[select=selected] {
                background: url('Image/Default/ico_music_selected.png') no-repeat;
                background-size: 24px 24px;
                background-position-x: 32px;
                background-position-y: 50%;
            }

        .navbar-nav > .ico_education {
            background: url('Image/Default/ico_ico_education_select.png') no-repeat;
            background-size: 24px 24px;
            background-position-x: 32px;
            background-position-y: 50%;
        }

            .navbar-nav > .ico_education[select=selected] {
                background: url('Image/Default/ico_education_selected.png') no-repeat;
                background-size: 24px 24px;
                background-position-x: 32px;
                background-position-y: 50%;
            }
}


@media (min-width: 768px) {
    .navbar-intellectual_property {
        width: 110px;
        height: 30px;
        left: 50%;
        margin-left: -55px;
        position: absolute;
        font-family: Roboto-Regular;
        font-size: 11px;
        color: #4a4a4a;
        text-align: center;
        bottom: 17px;
    }
}

/* 自定义导航 */

/* 高斯模糊 */
.gaussian_blur {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1999;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
/* 高斯模糊 */

/* 开场秀 */
.opening_show {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #272727;
    z-index: 1999;
}

    .opening_show video {
        display: block;
        position: absolute;
        top: 0;
        min-width: 100%;
        min-height: 100%;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }

    .opening_show > img {
        display: block;
        position: absolute;
        top: 0;
        min-width: 100%;
        min-height: 100%;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }

    .opening_show .video_shade {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.6);
        z-index: -1;
    }

.opening_show-content {
    width: 100%;
    height: 378px;
    position: absolute;
    top: 50%;
    margin-top: -189px;
}

    .opening_show-content > div {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

.opening_show-logo {
    width: 51px;
    height: 37px;
    background: url('Image/Default/logo.png') no-repeat;
    background-size: 100%;
}

.opening_show-title {
    margin-top: 85px;
    font-family: Roboto-BoldCondensed;
    font-size: 36px;
    color: #ffffff;
}

.opening_show-subtitle {
    margin-top: 8px;
    font-family: Roboto-Condensed;
    font-size: 18px;
    color: #ffffff;
}

.opening_show-button {
    margin-top: 142px;
    width: 43px;
    height: 43px;
}

    .opening_show-button > button {
        width: 43px;
        height: 43px;
        border: none;
        background: #6597c5;
        border-radius: 50%;
        font-family: Roboto-Bold;
        font-size: 20px;
        color: #ffffff;
        padding: 0;
        text-align: center;
    }

.opening_show-intellectual_property {
    position: absolute;
    bottom: 0;
    opacity: 0.9;
    background: #1b1b1b;
    width: 100%;
    height: 42px;
    line-height: 42px;
    opacity: 0.4;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
}

    .opening_show-intellectual_property > div {
        width: calc(100% / 3);
        float: left;
    }

    .opening_show-intellectual_property a {
        color: #ffffff;
    }

.intellectual_property-left {
    text-align: left;
}

.intellectual_property-center {
    text-align: center;
}

.intellectual_property-right {
    text-align: right;
}
/* 开场秀 */

/* CKEditor 自定义样式 */
.image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image-style-side,
.image-style-align-left,
.image-style-align-center,
.image-style-align-right {
    max-width: 50%;
}

.image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
/* CKEditor 自定义样式 */

/* 无内默认样式 */
.coming_soon {
    width: 100%;
}
/* 无内默认样式 */