/* common */
/*====================================================
	common styles
====================================================*/

a{
    cursor:pointer;
    cursor: hand;
}

html,
body {
    color: #505050;
    line-height: 1.75em;
    background: #f5f5f5;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}


/* header */
/*====================================================
	header
====================================================*/
.main-header {
    text-align: center;
    /*background-color: #FFFFFF;*/
    /*padding: 42px 0;*/

}


.main-header .branding {
    font-size: 3.5em;
    color: #303030;
}

.main-header .branding:hover {
    text-decoration: none;
}

.main-header .branding img {
    max-width: 100%;
}

.main-header h1 {
    color: #fff;
}

.btn-doc {
    position: relative;
    bottom: -40px;
    border: 1px solid #f1362f;
    background-color: transparent;
}

.container-row-color-title{
    color:#5cb85c;
}
.container-row-color-content1{
    color:#FF5F5F;
}
.container-row-color-content2{
    color:rgba(255, 131, 0, 0.8);
}
.container-row-color-content3{
    color:#BDCC00;
}



@media only screen and (max-width: 767px) {
    .btn-doc {
        display: block;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
}

.home-template .main-header {
    padding-top: 62px;
    padding-bottom: 62px;
    background-repeat: no-repeat;
    background-position: center 20%;
    -webkit-background-size: cover;
    background-size: cover;
}

/* main-navigation 张猛治*/

.main-navigation {
    text-align: center;
    background: #337ab7;
    /* background-image: url(../../Image/nav_img.jpg); */
    border-top: 1px solid #ebebeb;
    margin-bottom: 15px;
    border-bottom: 2px solid #e1e1e1;
    width:100%;

    /*height:300px;*/

    /*background: -ms-linear-gradient(top, #fff,  #337AB7);        /* IE 10 */

    /*background:-moz-linear-gradient(top,#b8c4cb,#337AB7);/*火狐*/

    /*background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#337AB7));/*谷歌*/

    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#337AB7));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #fff, #D5F0F3);   /*Safari5.1 Chrome 10+*/


    background: #F5F5F9;
    /*background: -o-linear-gradient(top, #fff, #337AB7);  Opera 11.10+*/
}

.main-navigation .menu li a {
    color: #000000;
    line-height: 4em;
    display: block;
    padding: 0 21px;
}

.main-navigation .menu {
    padding: 0;
    margin: 0;
}

.main-navigation .menu li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.main-navigation .menu li.nav-current {
    border-bottom: 2px solid #f4645f;
    margin-bottom: -2px;
}


.main-navigation .menu li button {
    color: #505050;
    line-height: 3em;
    display: block;
    padding: 0 21px;
    margin: 0.5em 0 0.5em;
}

.main-navigation .menu li button span {
    margin: 0 0 0 0.5em;
}

.main-navigation .menu li:hover > a {
    color: #f4645f;
    text-decoration: none;
}

.main-navigation .menu li ul {
    visibility: hidden;
    background: #ffffff;
    text-align: left;
    padding: 7px 0px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 120%;
    width: 200px;
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.main-navigation .menu li ul li {
    display: block;
    margin: 0;
}

.main-navigation .menu li ul li a {
    line-height: 2.5em;
    color: #505050;
}

.main-navigation .menu li ul:hover > a {
    color: #f4645f;
}

.main-navigation .menu li:hover ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100%;
}

@media (max-width: 767px) {
    .main-navigation {
        text-align: left;
    }

    .main-navigation .menu li {
        display: block;
    }

    .main-navigation .menu li:hover > a {
        color: #f4645f;
        text-decoration: none;
    }

    .main-navigation .menu li ul {
        visibility: visible;
        padding: 0px 0px 0px 20px;
        margin: 0;
        position: relative;
        top: 0;
        width: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

/* navbar */
.navbar-header {
    text-align: center;
}

.navbar-header i {
    height: 56px;
    line-height: 56px;
    font-size: 2em;
    cursor: pointer;
}

@media (min-width: 768px) {
    .nav-toggle-button {
        display: none;
    }
}

/* login form registration form*/
.form-box {
    margin-top: 35px;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #fff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 {
    margin-top: 0;
}

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form button.btn {
    width: 100%;
}

.form-bottom form .input-error {
    border-color: #4aaf51;
}

/* problemShow */
/*====================================================
	problemShow
====================================================*/
.pre-large-font {
    font-size: 15px;
    background-color: inherit;
    padding: 0 10px 0 10px;
    margin: 0;
    border: 0;
    word-break: normal;
    white-space: pre-wrap !important; /*保留空白，进行换行*/
    word-wrap: break-word !important; /*连续字符换行*/
}

xmp {
    white-space: pre-wrap!important;    /*保留空白，进行换行*/
    word-wrap: break-word!important;    /*连续字符换行*/
    font-family: inherit;
    font-size: 120%;
    /*font-weight: bold; */
    /*color: #000000;*/
}

.row-margin-bottom {
    margin-bottom: 10px;
}
.row-margin-top {
    margin-top: 10px;
}
/* footer */
/*====================================================
	footer
====================================================*/
.bs-docs-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    color: #767676;
    text-align: center;
    border-top: 1px solid #e5e5e5
}

.bs-docs-footer-links {
    padding-left: 0;
    margin-top: 10px
}

.bs-docs-footer-links li {
    display: inline;
    padding: 0 2px
}

.bs-docs-footer-links li:first-child {
    padding-left: 0
}

@media (min-width: 768px) {
    .bs-docs-footer p {
        margin-bottom: 0
    }
}