html {
    /* For bottom by footer */
    position: relative;
    min-height: 100%;
}


body {
    font-family: "Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
    /*background-color: #EBEBEB;*/
    background-color: #EBEBEB;
    padding-top: 0px;
    padding-bottom: 0px;
    /* Margin bottom by footer height */
    margin-bottom: 95px;
}


.body-content {
    padding: 12px 5px 15px 5px;
}
.body-content-cat {
    padding: 12px 5px 15px 5px;
}

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

hr {
    border-color: #DDD;
}

.input-long input, .input-long select, .input-long textarea {
    max-width: 500px;
}

.input-full input, .input-full select, .input-full textarea {
    max-width: 100%;
}

.btn:hover, .btn:focus {
    outline: 0;
}

.text-333 {
    color: #333;
}

.span-button-sm {
    padding: 0 8px 0 8px;
    line-height: 26px;
    font-size: 12px;
    background-color: #EEE;
    display: inline-block;
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 90px;
    background-color: #d2d2d2;
    text-align: center;
    padding: 0;
    color: #999;
}


.link-no-underline, .link-no-underline:hover, .link-no-underline:focus {
    text-decoration: none;
}

.link-black, .link-black a {
    color: #333;
}

.link-muted, .link-muted:hover, .link-muted:focus {
    color: #999;
}

.link-textmuted, .link-textmuted:hover, .link-textmuted:focus {
    color: #777;
}

.link-white, .link-white a {
    color: #fff;
}

.imgmask {
    opacity: 0.9;
}

    .imgmask:hover {
        opacity: 1;
    }

/*IE11浏览器img-responsive不兼容修正*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .img-responsive {
        width: 100%;
    }
}

.display-none {
    display: none !important;
}


.navbar-blue {
    background-color: #108DD6;
    border-color: #108DD6;
}

    .navbar-blue .navbar-brand {
        color: #ffffff;
    }

        .navbar-blue .navbar-brand:hover,
        .navbar-blue .navbar-brand:focus {
            color: #ffffff;
            background-color: none;
        }

    .navbar-blue .navbar-text {
        color: #dddddd;
    }

    .navbar-blue .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-blue .navbar-nav > li > a:hover,
        .navbar-blue .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #337AB7;
        }

    .navbar-blue .navbar-nav > .active > a,
    .navbar-blue .navbar-nav > .active > a:hover,
    .navbar-blue .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #337AB7;
    }

    .navbar-blue .navbar-nav > .disabled > a,
    .navbar-blue .navbar-nav > .disabled > a:hover,
    .navbar-blue .navbar-nav > .disabled > a:focus {
        color: #dddddd;
        background-color: transparent;
    }

    .navbar-blue .navbar-toggle {
        border-color: #337AB7;
    }

        .navbar-blue .navbar-toggle:hover,
        .navbar-blue .navbar-toggle:focus {
            background-color: #178acc;
        }

        .navbar-blue .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-blue .navbar-collapse,
    .navbar-blue .navbar-form {
        border-color: #337AB7;
    }

    .navbar-blue .navbar-nav > .open > a,
    .navbar-blue .navbar-nav > .open > a:hover,
    .navbar-blue .navbar-nav > .open > a:focus {
        background-color: #337AB7;
        color: #ffffff;
    }

    .navbar-blue .dropdown .dropdown-menu li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-blue .navbar-link {
        color: #ffffff;
    }

        .navbar-blue .navbar-link:hover {
            color: #ffffff;
        }

    .navbar-blue .btn-link {
        color: #ffffff;
    }

        .navbar-blue .btn-link:hover,
        .navbar-blue .btn-link:focus {
            color: #ffffff;
        }

        .navbar-blue .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-blue .btn-link:hover,
        .navbar-blue .btn-link[disabled]:focus,
        fieldset[disabled] .navbar-blue .btn-link:focus {
            color: #ddd;
        }


    .navbar-blue .badge {
        background-color: #fff;
        color: #337AB7;
    }



/*导航下拉菜单自动打开。*/
.autobar > li .dropdown-menu {
    margin: 0;
}

.autobar > li:hover .dropdown-menu {
    display: block;
}


/*按钮式下拉菜单自动打开。*/
.auto-group .dropdown-menu {
    margin: 0;
}

.auto-group:hover .dropdown-menu {
    display: block;
}

.bg_leftmenu {
    background: #f9f9f9;
}

.list-group-item-selected {
    font-weight: bold !important;
    color: #A94442 !important;
    background: #fff !important;
    /*margin-left:-1px;*/
}

.leftmenu {
    /*background:#f9f9f9;
    padding:0px; 
    vertical-align:top;
    border-right:1px solid #ddd;*/
    background: #f9f9f9;
    padding: 0px;
    padding-bottom: 20px;
    vertical-align: top;
    border: 1px solid #ddd;
    border-left: 0px;
}

    .leftmenu .menutitle {
        padding-top: 12px;
        padding-bottom: 12px;
        border-left: 0;
        border-right: 0;
        font-size: 15px;
    }

    .leftmenu .menulist a {
        border-left: 0;
        border-right: 0;
        font-size: 14px;
        padding-left: 25px;
    }

    .leftmenu .menulabel {
        font-size: 18px;
        margin: 22px 0 16px 25px;
    }

    .leftmenu a {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

.body-content > .panel-default {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}



.rightcontent {
    /*padding:20px 20px 30px 20px;*/
    padding: 0;
    vertical-align: top;
    color: #333;
    font-size: 17px;
    border-bottom: 1px solid #DDD;
}


    .rightcontent .rightcontentbox {
        background-color: #FFF;
        border: 1px solid #DDD;
        border-bottom: 0px;
        /*border-left: 0px;*/
        padding: 10px 20px 20px 20px;
        vertical-align: top;
    }

    .rightcontent hr {
        margin: 19px 0 19px 0;
    }

    .rightcontent h1 {
        font-size: 20px;
        line-height: 25px;
        margin: 15px 0 18px 0;
        font-weight:normal;
    }
    
    .rightcontent h2 {
        font-size: 18px;
        margin: 15px 0 15px 0;
        font-weight:normal;
    }

    .rightcontent h3 {
        font-size: 16px;
        margin: 8px 0 8px 0;
        font-weight: normal;
    }

    .rightcontent .muted {
        font-size: 15px;
        color: #999;
    }

    .rightcontent p {
        line-height: 27px;
        margin: 6px 0 6px 0;
        text-align:justify;
    }

    .rightcontent .small p {
        line-height: 25px;
    }

    .rightcontent .rightcontentask {
        word-break: break-all; /*咨询发言可能提交网址，需要强制换行*/
    }

        .rightcontent .rightcontentask p {
            line-height: 27px;
            margin: 6px 0 6px 0;
            text-align: justify;
        }
        .rightcontent .rightcontentask .small p {
            line-height: 25px;
        }

    .rightcontent .thumb,
    .rightcontent .thumb:hover,
    .rightcontent .thumb:focus {
        color: #999;
        font-size: 15px;
        text-decoration: none;
    }


    .rightcontent .thumbactive {
        color: #2fa4e7 !important;
    }


    .rightcontent .table-nopadding td {
        padding-left: 2px;
        padding-right: 2px;
        vertical-align: middle;
    }


    .rightcontent .tab-pane table tr:first-child td {
        border-top: 0;
    }


.upfilelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .upfilelist li {
        display: block;
        float: left;
        position: relative;
    }

    .upfilelist img {
        max-height: 80px;
        max-width: 160px;
        margin: 5px;
    }

    .upfilelist li span {
        margin: 5px;
        color: red;
        z-index: 5;
        position: absolute;
        cursor: pointer;
        background-color: #ff0;
        opacity: 0.4;
        padding: 5px 6px 3px 6px;
    }

        .upfilelist li span:hover {
            opacity: 0.8;
        }



.row-menu-title {
    width: 100%;
    padding: 10px 20px 10px 20px;
    border: 1px solid #fff;
}


.row-menu-title-full {
    width: auto;
    padding: 12px 20px 12px 20px;
    border: 1px solid #fff;
    margin: -20px -20px 0 -20px;
}

.row-menu a {
    background: #f6f6f6;
    border: 1px solid #fff;
    text-align: center;
    padding: 15px 0 15px 0;
    text-decoration: none;
    font-size: 14px;
}

    .row-menu a:hover {
        /*color: #fff;*/
        background-color: #ddd;
    }

.platform-list-item {
    display: inline-block;
    width: 32%;
    border: solid 5px #fff;
    margin: 0 0 15px 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}


.platform-index-item {
    display: inline-block;
    width: 24%;
    border: solid 5px #fff;
    margin: 0 0 15px 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}


.catlogonav {
    padding: 22px 0 0 0;
}

.catpensionform .form-group {
    margin-top: 0px;
    margin-bottom: 10px;
}

/*小屏幕（手机效果）*/
@media (max-width: 991px) {
    .rightcontent {
        border-bottom: 0px;
    }    
    .rightcontent .rightcontentbox {
        border: 0;
        padding: 10px 10px 25px 10px;
    }    
    .platform-index-item {
        width: 32%;
    }
}


/*特小屏幕（手机效果）*/
@media (max-width: 767px) {

    body {
        margin-bottom: 85px;
    }

    .footer {
        height: 75px;
    }

    .btn-logon {
        position: absolute;
        top: 0;
        right: 0;
        margin: 33px 5px 0 0;
    }

    .row-menu-title-full {
        margin: -10px -10px 0 -10px !important;
    }

    /*导航条窄一点*/
    .navbar-blue li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /*导航条下拉菜单窄一点*/
    .navbar-blue .dropdown .dropdown-menu li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .panel-default {
        border-width: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    .body-content {
        padding: 12px 0 15px 0;
    }

    .body-content-cat {
        padding: 0 0 15px 0;
    }


    .platform-list-item {
        width: 49%;
        border: solid 1px #fff;
        margin: 0 0 15px 0;
    }

    .platform-index-item {
        width: 49%;
        border: solid 1px #fff;
        margin: 0 0 15px 0;
    }

    /*养老金计算器*/
    .nav-cat{
        font-size:15px;
    }
    .nav-cat li a {
        padding-left:10px;
        padding-right:10px;
    }
    .catlogonav {
        padding: 23px 0 0 0;
    }
    .catpensionform .form-group {
        margin-top: 0;
        margin-bottom: 12px;
    }
}

.nav-cat {
    font-size: 16px;
}


/*大屏幕（宽屏效果）*/
@media (min-width:1680px) {
    html {
        zoom: 1.2;
    }
}


.visible-lgx {
    display: none;
}
.hiddex-lgx {
    display: block;
}

/*大屏幕（宽屏效果）*/
@media (min-width:1440px) {
    .visible-lgx {
        display: block;
    }
    .hiddex-lgx {
        display: none;
    }

    .muted-lg p {
        font-size: 18px;
        color: #777;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 14px;
    }
}

.div-small p {
    font-size: 15px;
    line-height:28px;
}


.muted-lg p {
    font-size: 15px;
    line-height: 28px;
}

/*大中屏幕*/
@media (min-width:1200px) {
    .muted-lg p {
        font-size: 14px;
        line-height: 23px;
        color: #777;
    }
}