@charset "gb2312";




.miniPanel

{

    border:solid 1px #ccc; 

}



.miniPanelHead

{

    color:#333;

    font-weight:bold;

    background-image:url(../style/miniPanelBg.png);

    background-repeat: repeat-x; 

    height:30px;

    line-height:30px;

    padding-left:10px;

    padding-right:10px;

    border-bottom:solid 1px #ccc;

}



.miniPanelHead a { color:blue; font-weight:bold;}



.miniPanelBody

{

    line-height:25px;

    padding:10px;

}



.navbar-fixed-top .navbar-collapse { max-height: none !important; }

.navbar-default {

    min-height: 60px;

    border-bottom-width: 0;

    background-color: #fff;

    margin-bottom: 0;

    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .15);

            box-shadow: 0 2px 2px rgba(0, 0, 0, .15);

}

.navbar-toggle { border-radius: 0; }

.navbar-brand {

    height: 60px;

    padding-top: 20px;

    padding-bottom: 20px;

}

.logo-ce {

    display: inline-block;

    width: 120px;

    height: 20px;

    background: url(../style/logo-ce.png) no-repeat center center;

}

.navbar-nav > li > a {

    font-size: 16px;

    padding-top: 20px;

    padding-bottom: 20px;

}

@media (max-width: 767px) {

    .navbar-nav > li > a {

        padding-top: 15px;

        padding-bottom: 15px;

    }

}

.banner-wrapper { background: url(../style/banner-bg-xs.png) repeat-x bottom; }

.banner { background: url(../style/banner-bg-2.png) no-repeat center -60px; }

.banner-inner {

    background: url(../style/banner-bg-1.png) no-repeat center 100px;

    padding-top: 100px;

    padding-bottom: 100px;

}

.homepage .banner-wrapper { background-image: url(../style/banner-bg.png); }

.homepage .banner { background-position: center top; }

.homepage .banner-inner {

    min-height: 800px;

    background-position: center bottom;

    padding-top: 108px;

    padding-bottom: 60px;

}

@media (max-width: 767px) {

    .homepage .banner {

        padding-top: 48px;

        padding-bottom: 48px;

    }

}

.banner .container { max-width: 880px; }

.banner h1 {

    color: #fff;

    font-size: 50px;

    font-weight: bold;

    line-height: 75px;

    text-align: center;

    text-shadow: 0 2px 1px rgba(0, 0, 0, .6);

}

.logo-cloud {

    display: inline-block;

    width: 104px;

    height: 75px;

    line-height: 75px;

    vertical-align: -24px;

    background: url(../style/logo-cloud.png) no-repeat;

    margin-right: 40px;

}



/* myCarousel styles */

#myCarousel {

    font-size: 16px;

    max-width: 524px;

    background-color: rgba(255,255,255,.4);

    margin: 32px auto 60px;

    padding: 12px 90px 12px 16px;

    position: relative;

}

#myCarousel a {

    color: #fff;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);

}

#myCarousel a:hover,

#myCarousel a:focus {

    color: #ddd;

    text-decoration: none;

}

.btns-slide {

    position: absolute;

    top: 12px;

    right: 16px;

}

.btns-slide i {

    color: #fff;

    font-size: 12px;

    cursor: pointer;

    margin: 0 4px;

}

.btns-slide i:hover { color: #ddd; }



.banner .col-md-8 {

    height: 380px;

    padding-left: 0;

    padding-right: 0;

}

.banner .col-md-4 {

    color: #fff;

    padding-left: 0;

    padding-right: 0;

}

@media (max-width: 991px) {

    .banner .container .row {

        max-width: 588px;

        margin-left: auto;

        margin-right: auto;

    }

}

.banner .col-md-4 section {

    height: 190px;

    padding-top: 16px;

    padding-left: 24px;

    padding-right: 24px;

}

.banner .col-md-4 h5 { font-size: 14px; }

.banner .col-md-4 h5 strong {

    font-size: 18px;

    font-weight: bold;

    padding: 0 6px;

}

.banner .col-md-4 p {

    font-size: 64px;

    text-align: center;

    margin-top: 16px;

}

.whitehats-count { background-color: rgba(0,166,227,.6); }

.bugs-count { background-color: rgba(0,81,191,.6); }

@media (max-width: 559px) {

    .banner .col-md-4 p {

        font-size: 40px;

        margin-top: 28px;

    }

}





footer {

    color: #fff;

    font-weight: bold;

    height: 320px;

    background-color: #282828;

    padding-top: 148px;

}

footer a { color: #c2c2c2; }

footer a:hover,

footer a:focus {

    color: #fff;

    text-decoration: none;

}