@charset "utf-8";
body {
    padding: 0;
    margin: 0;
    font: 14px/1.5 arial, "microsoft yahei";
    text-align: center;
    color: #aaa;
    letter-spacing: 1px
}

body, html {
    height: 100%
}

dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, p, ul {
    padding: 0;
    margin: 0
}

button, input, select, textarea {
    outline: 0;
    resize: none
}

img {
    vertical-align: top;
    border: 0
}

li, ul {
    list-style: none;
    text-transform: capitalize
}

h1, h2, h3, h4, h5, h6, i, th {
    font-weight: 400;
    font-style: normal
}

a {
    text-decoration: none;
    outline: 0;
    color: #aaa;
    cursor: pointer
}

a.active, a:hover {
    text-decoration: none
}

#carousel {
    position: relative;
    z-index: 2;
    height: 180px;
    margin-top: 30px;
    transform-style: preserve-3d;
    perspective: 800px;
    width: 525px;
}

#carousel img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 330px;
    height:180px;
    margin-left: -150px;
    margin-top: -77px;
    transition: transform .5s ease-in-out;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, .2);
    cursor: pointer;
    border-radius:6px;
}

#bannerNav {
    position: relative;
    /*height: 10px;*/
    padding-top: 62px;
    text-align: center
}

#bannerNav ul li {
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    width: 14px;
    margin: 0 2px
}

#bannerNav ul li a {
    margin: 0 auto;
    display: block;
    width: 6px;
    height: 6px;
    vertical-align: top;
    border-radius: 3px;
    background: #FFFFFF;
    font-size: 0
}

#bannerNav ul li.on a, #bannerNav ul li:hover a {
    background: #FC41A8
}

#bannerNav ul li.on a {
    width:6px
}
.card.on{
    z-index: 9999 !important;
}