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

a:hover {
    color:#c00;
    text-decoration:underline
}

body {

    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color:#777
}

.hero-unit {
    margin:50px auto 0;
    width:300px;
    font-size:18px;
    font-weight:200;
    line-height:30px;
    background-color:#eee;
    border-radius:6px;
    padding:60px
}

.hero-unit h1 {
    font-size:60px;
    line-height:1;
    letter-spacing:-1px
}

.browsehappy {
    margin:0;
    background:#ff2327;
    color:#d9e5ef;
    padding:.2em 0;
    text-align:center;
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
    z-index:100000000000000000000000;
}

.panel {
    box-shadow:none
}

.panel .header {
    background:0 0;
    zoom:1;
    height:36px;
    overflow:hidden;
    border-bottom:2px solid #2c2e78;
    position:relative;
    background:#e5e5e5;

}

.panel .header h2 {
    display:inline-block;
    font-size:18px;
    font-family:"microsoft yahei";
    font-weight:normal;
    color:#fff;
    line-height:36px;
    height:36px;
    padding-left:15px;
    padding-right:25px;
    background:url(../images/title_bg.png) no-repeat right 0;
    float:left;
}

.panel .header .read-more {
    position:absolute;
    right:0;
    top:0;
    margin:14px 10px 0 0;
    font-size:12px;
    font-weight:400;
    background:url(../images/more.png) no-repeat left top;
    _background:url(../images/more2.png) no-repeat left top;
    color:#999;
    display:block;
    width:48px;
    height:9px;
    overflow:hidden;
    text-indent:-999px;
}

.site-header {

    overflow:hidden;
    height:139px;
    line-height:139px;
    min-width:1000px;
}

.bg-blue {
    background:#2c2e78 url(../images/beidou_bg.png) no-repeat center top;
}

.site-header .logo {
    width:176px;
    height:139px;
    overflow:hidden;
    float:left;
    background:url(../images/logo.png) no-repeat center center;
}

.site-header .site-name {
    /*background: url(../images/beidou_bg.png) no-repeat 700px 0;
    margin-right: -80px;*/
    float:right;
}

.site-header .logo a {
    display:block;
    width:176px;
    height:107px;
    overflow:hidden;
    float:left;
    text-indent:-9999px;
}

.site-header .site-name a {
    background:url(../images/logo-name.png) no-repeat left top;
    height:107px;
    width:824px;
    overflow:hidden;
    float:left;
    text-indent:-9999px;
}

.site-menu {
    background:url(../images/top_bg.png) repeat-x left top;
    _background:url(../images/top_bg2.png) repeat-x left top;
}

#cnagaTime {
    float:left;
    width:198px;
    height:46px;
    line-height:46px;
    background:url(../images/top_bg.png) no-repeat 180px -118px;
    _background:url(../images/top_bg2.png) no-repeat 180px -118px;
    font-size:12px;
}

#cnagaTime .date {
    color:#5f7d94;
    width:64px;
    text-align:right;
    font-size:12px;
}

.site-header #mobile-menu {
    display:none
}

.site-menu .nav {
    float:left;
    background:url(../images/top_bg.png) repeat-x 0 -165px;
    _background:url(../images/top_bg2.png) repeat-x 0 -165px;
    width:760px;
    height:46px;
    overflow:hidden;
}

#top-shadow {
    position:absolute;
    height:5px;
    width:100%;
    top:185px;
    left:0;
    background:url(../images/top_bg.png) repeat-x 0 -265px;
    _background:url(../images/top_bg2.png) repeat-x 0 -265px;
    z-index:1;
    min-width:1000px;

}

.site-menu .menu-pan {
    background:url(../images/top-menu-pan.png) no-repeat left top;
    _background:url(../images/top-menu-pan2.png) no-repeat left top;
    width:125px;
    height:46px;
    position:absolute;
    top:0;
    left:163px;
    z-index:1;
    _display:none;
    _z-index:-5;
}

.site-menu .nav li {
    height:46px;
    z-index:3;
}

.site-menu .nav li a {
    width:100px;
    height:46px;
    text-align:center;
    color:#fff093;
    line-height:46px;
    padding:0;
    text-shadow:1px 2px 2px rgba(0, 0, 0, 0.2);
    font-weight:bold;
}

.site-menu #globalSearch {
    position:absolute;
    right:0;
    top:0;
    width:45px;
    height:46px;
    background:url(../images/top_bg.png) repeat-x right -212px;
    _background:url(../images/top_bg2.png) repeat-x right -212px;
    cursor:pointer;
}

.site-menu #globalSearch div {
    width:186px;
    padding:5px 0 0 17px;
    height:33px;
    position:absolute;
    top:-33px;
    right:-14px;
    background:url(../images/top_bg.png) no-repeat -161px -62px;
    _background:url(../images/top_bg2.png) no-repeat -161px -62px;
}

.site-menu #globalSearch .input {
    width:158px;
    height:22px;
    line-height:22px;
    color:#c8c7c7;
    background:transparent;
    border:none;
    float:left;
    padding:0 0 0 5px;
    border-radius:20px;
    padding-left:8px;
}

.site-menu #globalSearch .button {
    width:40px;
    height:24px;
    overflow:hidden;
    text-indent:-99999px;
    background:url(../images/top_bg.png) no-repeat -400px -62px;
    _background:url(../images/top_bg2.png) no-repeat -400px -62px;
    border:none;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    display:none;
}

#mainNav .home {
    background:url(../images/top_bg.png) no-repeat -455px -53px;
    _background:url(../images/top_bg2.png) no-repeat -455px -53px;
    padding-left:22px;
    width:78px;
}

#mainNav .active a {
    color:#ffd200;
}

.site-footer {
    padding: 20px 0;
    background: #efefe9;
}

.site-footer .logo-footer {
    padding:0 0 0 100px;
    background:url(../images/logo_footer.png) no-repeat 20px top;
    height:100px;
}

.site-footer .logo-footer p {
    display:inline-block;
    font-size:10px;
    font-family:Arial;
    font-weight:700;
    padding:10px 0 0 10px;
    line-height:1.6
}

.site-footer .logo-footer p span {
    color:#acacac
}

.site-footer .copy {
    padding:10px 0
}

.site-footer .copy .copy-right {
    padding:10px 0 0
}

.white {
    background:white;
    _background:white;
}

.panel .box {
    border:1px solid #d5d5d5;
}

.tab-menu h3 {
    background:#eeeeee url(../images/tab-bg.png);
    font-size:15px;
    font-weight:normal;
    height:30px;
}

.tab-menu h3 span {
    float:left;
    height:30px;
    line-height:30px;
    border-right:1px solid #ccc;
    cursor:pointer;
    text-align:center;
}

.tab-menu h3 span.active {
    background: #fff;
    color: #2c2e78;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #2c2e78;
    margin-top: -1px;
}

.site-center .ad {
    margin:0 20px;
}

.inner {
    padding:10px;
}

.dice li {
    list-style-type:none;
    font-size:14px;
    background:url(../images/Point_3_4_1.jpg) no-repeat left 9px;
    padding-left:12px
}

.dice li span.right {
    font-size:12px;
}

.bgcolor {
    background:#f1f1f1;
}

.right {
    float:right;
}

.red {
    color:#ff2222;
}

.h286 {
    height:286px;
}

.h266 {
    height:266px;
}

.h256 {
    height:256px;
    overflow:hidden;
}

.kuai {
    padding:1px 5px;
    background:#f1f1f1;
    line-height:1;
}

.none {
    list-style:none;
}

.grey {
    font-size:12px;
    color:#808080
}

li {
    padding-bottom:9px;
}

li.line {
    border-bottom:1px dotted #a0a0a0;
    padding:0;
    margin-bottom:10px;
}

.line {
    background:url(../images/icon-line.png) repeat-x center center;
    padding:5px 0;
    clear: both;
    font-size:0px;
    height:0px;
}

#wrapper li.line {
    border-bottom:1px dotted #a0a0a0;
    padding:0;
    margin:20px 0;
    background:none;
}

.space {
    height:10px;
}

#wrapper {
    padding:20px;
    min-height:600px;
}

#wrapper .small {
    font-size:12px;
    font-weight:normal;
    color:#b3b3b3;
    height:20px;
}

#wrapper .small a {
    color:#b3b3b3;
}

li .time {
    float:right;
    color:#bcbcbc;
}

.center {
    text-align:center;
}

.bigBtnBlue {
    padding:5px 60px;
    background:#0ba7d4;
    box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
    font-size:20px;
    color:#fff;
}

.bigBtnBlue:hover {
    text-decoration:none;
    color:#fff;
}

/*S================================= Scrollbox*/
.mCSB_container {
    width:auto;
    margin-right:16px;
    overflow:hidden;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width:16px;
    height:100%;
    top:0;
    right:0;
    bottom:0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width:2px;
    height:100%;
    left:7px;
    background:#dcdcdc;
    position:absolute;
    z-index:10;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor:pointer;
    width:100%;
    height:30px;
    position:relative;
    z-index:20;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:8px;
    height:100%;
    margin:0 auto;
    background:#C9C9C9;
    text-align:center;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background:#d5d5d5;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background:#0d98d8;
}

/*E================================= Scrollbox*/

.pagination {
    clear:both;
    padding:10px 0;
}

.pagination ul {
    text-align:center;
}

.pagination li {
    display:inline;
}
.pagination li.active a {
    background: #eee;
}



@media (max-width:800px) {

    .tab-menu h3 {
        font-size:14px;
    }

    .cell {
        margin:5px 2px !important;
    }
    .site-center {
        /*background-image:url(../images/bg_main_l.png), url(../images/bg_main_r.png);
        background-position:left top, right top;
        background-repeat:repeat-y*/
    }

    .site-header .site-center {
        background:#2c2e78
    }

    .panel .header {
        height:36px;
        background:#efefef
    }

    .panel .panel .header {
        height:26px;
        background:0 0
    }

    .panel .header h2 {
        height:36px;
        line-height:36px;
        color:#FFF;
        padding:0 40px 0 10px;
        background:url(../images/bg-mobile-panel-header.png) no-repeat right top
    }

    .panel .header .read-more {
        margin:10px 3px 0 0;
        font-size:14px
    }

    .panel .header .read-sub {
        float:right;
        margin:5px 0 0;
        font-size:14px;
        height:30px;
        display:block;
        width:90px;
        line-height:30px;
        font-weight:400;
        background:#ff2327;
        color:#FFF;
        text-align:center
    }

    .site-header {
        overflow:visible;
        z-index:1000;
        position:relative;
        height:auto;
        min-width:inherit;
    }

    .site-header .logo {
        float:none;
        height:auto;
        width:100%;
        background-position:center 10px;
        display:none;
    }

    .site-header .logo a {
        text-align:center;
        margin:0 auto;
        width:128px;
        height:85px;
        overflow:hidden;
        padding:0px;
        text-indent:-9999px;
        background-position:top center;
    }

    .site-header .logo img {
        margin:0 auto;
        width:128px
    }

    .site-menu #mobile-menu {
        display:none;
        width:60px;
        height:50px;
        overflow:hidden;
        position:absolute;
        right:0;
        top:165px;
        z-index:1000;
        background:#c40000 url(../images/bg-mobile-menu.png) no-repeat center center
    }



    .site-header .site-name {
        display:block;
        background:url(../images/logo-name-mobile.png) no-repeat left center;
        background-size:100%;
        position:relative;
        left:0;
        right:0;
        width:100%;
        height:150px
    }

    .site-header .site-name a {
        background:none;
        height:80px;
        width:100%;
        overflow:hidden;
        float:left;
        text-indent:-99999px;
    }

    #cnagaTime {
        display:none;
    }

    .site-menu {
        background:#d70000;
    }

    #mainNav .home {
        background:none;
        padding-left:0px;
        width:100%;
    }
    #mainNav li:last-child {
        display:none;
    }

    .site-menu .nav {
        position:relative;
        z-index:1000;
        width:100%;
        background:#c40000;
        height:auto;
    }

    .site-menu .nav li {
        height:30px;
        width:33%;
        border-bottom:1px solid #920000;
    }

    .site-menu .nav li a {
        display:block;
        height:40px;
        width:100%;
        text-align:center;
        color:#FFF;
        line-height:40px;
        padding:0
    }
    #top-shadow {
        display:none;
    }

    #globalSearch {
        display:none;
    }

    .site-header #globalSearch {
        position:relative;
        z-index:900;
        width:100%;
        background:#e80405;
        overflow:hidden;
        bottom:auto;
        left:auto;
        right:0;
        height:40px;
        padding:5px 0
    }

    .site-header #globalSearch .input {
        width:40%;
        height:28px;
        padding:6px 0;
        margin-left:20px;
        color:#c8c7c7;
        text-indent:10px;
        background:#FFF;
        border:none;
        float:left;
        font-size:18px
    }

    .site-header #globalSearch .button {
        width:50px;
        display:inline-block;
        height:40px;
        overflow:hidden;
        text-indent:-999px;
        background:#ff4800 url(../images/ico-search.png) no-repeat center center;
        border:none;
        cursor:pointer
    }

    .menu-pan {
        display:none;
    }

    .site-footer {
        padding:0
    }

    .site-footer .copy {
        display:block
    }

    .site-footer .copy p {
        padding:10px 20px !important
    }

    .site-footer .copy p a {
        word-break:keep-all;
        white-space:nowrap
    }

    .h286 {
        height:auto;
    }

    .h266 {
        height:auto;
    }

    .h256 {
        height:auto;
        overflow:hidden;
    }

    #wrapper .typo {
        padding:0 10px;
    }
}

@media (max-width:500px) {
    .site-header .site-name {
        height:80px
    }
}

.flashes li{ background-color: #fff6f6; color: #9f3a38; border: 1px solid #e0b4b4; padding: 10px 20px; margin: 20px 0; position: relative }
.flashes > li > span{position: absolute;right: 10px;top: 10px;cursor: pointer;}