﻿@import url('../Augar5/css/roboto.css');

body {
    background-color: #fff;
    font-size: 13px;
}

/*html, html * {
    font-size: 14px;
    color: #000;
}*/

/*.container {
    background-color: #fff;
}*/

a {
    color: #0693b9;
}

    a:hover {
        color: #047191;
    }

.bread li a:hover {
    color: #3f893d;
}

.row-bottom > div {
    padding-bottom: 0px !important;
}

.bread li:last-child a:hover {
    color: initial;
    text-decoration: none;
}

.input:focus {
    border-color: #0793b9;
}
.select:hover {
    border-color: #0793b9;
}
.timeline .timeline-head {
    background-color:#0793b9;
    border-radius:2px;
}
.timeline .timeline-item:nth-child(2n) .timeline-item-content > div:last-child {
    border-color:#eee;
    background-color:#eee;
}
.timeline > div {
    border-left:3px solid #0793b9;
}
.timeline .timeline-item .timeline-item-point {
    background-color:#0793b9;
    border:#0793b9;
}
.timeline-item-content > div {
    border-radius:2px;
}

.quote {
    border-left-color: #0793b9;
    padding-top:14px;
    padding-bottom:14px;
}


.sign-top {
    margin-top: 80px;
}

@media (max-width: 768px) {
    .sign-top {
        margin-top: 40px;
    }

    .load i {
        left: 46%;
    }
}

@media (max-width: 1000px) {
    .browser_alert {
        display: none;
    }
}

.sign-foot {
    margin-top: 30px;
}

    .sign-foot p {
        margin: 0px;
        line-height: 24px;
        color: #888;
        font-size: 95%;
    }

.sign-box {
    max-width: 330px;
}

    .sign-box .sign-title {
        margin-top: 36px;
        margin-bottom: 20px;
    }

    .sign-box input[type=text], .sign-box input[type=password], .sign-box .select, .sign-box .btn {
        margin-top: 14px;
        /*margin-bottom: 14px;*/
    }

    .sign-box .sign-question {
        display: block;
        margin-top: 8px;
        margin-bottom: 20px;
        color: #0793b9;
        cursor: pointer;
    }

        .sign-box .sign-question:hover, .sign-box .sign-question:focus {
            color: #4eaa4c;
        }

    .sign-box .sign-tip {
        margin-top: 30px;
        margin-bottom: 14px;
    }

    .sign-box .sign-agreement {
        margin-top: 8px;
        margin-bottom: 20px;
        color: #47a060;
        font-size: 95%;
    }

        .sign-box .sign-agreement i {
            font-size: 110%;
            margin-right: 4px;
            color: #47a060;
        }

        .sign-box .sign-agreement a {
            color: #47a060;
            cursor: pointer;
            font-size: 95%;
        }

            .sign-box .sign-question:hover, .sign-box .sign-agreement a:hover {
                text-decoration: underline;
            }

.main-foot {
    height: 40px;
    width: 100%;
    /*margin-top:20px;*/
    /*border-top:1px solid #f1f1f1;*/
}

    .main-foot > .container {
        padding-top: 20px;
    }

    .main-foot .main-copyright {
        color: #444;
        line-height: 60px;
        font-size: 12px;
    }

    .main-foot .main-foot-contact {
        /*line-height:80px;*/
        color: #444;
    }

@media (max-width: 768px) {
    .main-foot .main-foot-contact {
        display: none;
    }

    .main-foot .main-copyright {
        text-align: center !important;
    }
}

.main-foot .main-foot-contact > div {
    border: none;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    background-color: #c2c2c2;
    text-align: center;
    display: inline-block;
    margin-top: 15px;
    margin-right: 6px;
    cursor: pointer;
    position: relative;
}

    .main-foot .main-foot-contact > div.main-foot-qq:hover {
        background-color: #288add;
    }

    .main-foot .main-foot-contact > div.main-foot-weixin:hover {
        background-color: #09bb07;
    }


    .main-foot .main-foot-contact > div > i {
        display: inline-block;
        font-size: 110%;
        color: white;
        margin-top: 7px;
    }

.main-foot .hoverShow {
    display: block;
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: -158px;
    -webkit-box-shadow: #bbb 0px 0px 6px;
    -moz-box-shadow: #bbb 0px 0px 6px;
    box-shadow: #bbb 0px 0px 6px;
    display: none;
    z-index: 999;
}

    .main-foot .hoverShow img {
        height: 130px;
        width: 130px;
    }

.main-foot-qq .hoverShow {
    top: -40px;
    width: 90px;
    height: 30px;
    line-height: 28px;
    padding: 0px;
    text-align: center;
    z-index: 999;
}

    .main-foot-qq .hoverShow p {
        margin: 0px;
        padding: 0px;
        z-index: 998;
        font-size:12px;
    }

    .main-foot-qq .hoverShow div {
        width: 8px;
        height: 8px;
        border-top: 0px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 0px solid #ccc;
        margin-left: 10px;
        background-color: #fff;
        transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg); /* IE 9 */
        -moz-transform: rotateZ(45deg); /* Firefox */
        -webkit-transform: rotateZ(45deg); /* Safari 和 Chrome */
        -o-transform: rotateZ(45deg);
        z-index: 3;
        margin-top: -3px;
    }


.main-top {
    height: 34px;
    width: 100%;
    line-height: 34px;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
}

    .main-top .container {
        background-color: initial;
    }

    .main-top i {
        display: inline-block;
        /*margin-right: 8px;*/
    }

.main-menu {
    min-height: 70px;
    position: relative;
}

    .main-menu img {
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 6px;
    }

    .main-menu .menu-phone {
        display: none;
    }

        .main-menu .menu-phone > div {
            height: 38px;
            width: 33px;
            border: 1px solid #dddddd;
            text-align: center;
            color: black;
            float: right;
            margin-top: 15px;
            line-height: 38px;
            border-radius: 1px;
        }

            .main-menu .menu-phone > div:hover {
                background-color: #dddddd;
                cursor: default;
            }

        .main-menu .menu-phone i {
            display: inline-block;
            font-size: 110%;
        }

    .main-menu .nav {
        background-color: #fff;
        padding-right: 0px;
        margin-top: 3px;
        /*margin-right: -10px;*/
    }

    .main-menu ul {
        padding-right: 0px;
    }


        .main-menu ul a {
            color: black;
            border: none;
            /*padding-left:10px;*/
            height: 30px;
            /*width:80px;*/
            margin: 0px;
            line-height: 30px;
            text-align: center;
            margin-top: 17px;
            border-radius: 3px;
        }

            .main-menu ul a:hover {
                color: #0793b9;
                /*background-color:#bde7f7;*/
            }

            .main-menu ul a.active {
                color: #0793b9;
                background-color: #fff;
                font-weight: bold;
                /*color:white;*/
            }

    .main-menu .nav ul li:last-child a {
        padding-right: 0px;
    }

@media (max-width: 992px) {
    .main-menu .main-nav {
        display: none;
    }

    .main-menu .menu-phone {
        display: block;
    }

    .main-menu .nav {
        float: none;
        margin-right: 0px;
    }

    .main-menu ul a {
        text-align: right;
        height: 38px;
        line-height: 38px;
        padding-left: 20px;
        padding-right: 20px !important;
        width: 100%;
        margin-top: 6px;
    }

        .main-menu ul a.active {
            color: white;
            background-color: #4eaa4c;
            padding-left: 20px;
        }
}

.page-banner {
    width: 100%;
    height: 140px;
    background-image: url(../image/page-banner.jpg);
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-position: center;
    position: relative;
}

    .page-banner > .container {
        background-color: initial;
    }

    .page-banner .row > div {
        margin-top: 57px;
    }

        .page-banner .row > div > div {
            font-size: 18px;
            color: #f4f4f4;
            /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
            /*font-weight: 600;*/
            /*font-family: Calibri;*/
        }

        .page-banner .row > div > p {
            font-size: 12px;
            color: #ccc;
            display: none;
        }

            .page-banner .row > div > p i {
                color: #ccc;
                margin-right: 4px;
            }

        .page-banner .row > div a, .page-banner .row > div i {
            color: #86c884;
            display: inline-block;
        }

            .page-banner .row > div a:hover {
                color: #86c884;
            }

        .page-banner .row > div li:after {
            color: #4eaa4c;
        }

.page-title {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}

    .page-title .bread {
        border: none !important;
        padding-left: 0px;
    }

.line {
    padding-top: 20px;
}

    .line input, .line a, .line .select {
        margin-bottom: 10px;
    }

    .line .row {
        /*padding-right:15px;*/
    }

        .line .row > div {
            padding-right: 0px;
        }

.track {
}

    .track > div {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .track > div:first-child > input, .track > div:first-child > a {
            margin-bottom: 20px;
            max-width: 360px;
            display: inline-block;
        }

.track-multi {
    max-width: 360px;
    width: 100%;
    display: block;
    white-space: nowrap;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
}

    .track-multi div {
        max-width: 360px;
        width: 100%;
        /*text-align: center;*/
        padding-left: 20px;
    }

        .track-multi div a.active {
            font-weight: bold;
            color: #3f893d;
        }

            .track-multi div a.active:hover {
                text-decoration: none;
            }

.track-quick {
    max-width: 360px;
    width: 100%;
    display: block;
    white-space: nowrap;
}

    .track-quick h5 {
        font-weight: normal;
        margin: 0px;
        margin-bottom: 20px;
    }

    .track-quick > div {
        background-color: #f0f3f4;
    }

    .track-quick span {
        display: inline-block;
        width: 50%;
        text-align: center;
        line-height: 40px;
        margin: 0px;
    }

        .track-quick span:hover {
            background-color: #e1e8ea;
            cursor: pointer;
        }

@media (max-width: 992px) {
    .track > div {
        text-align: center;
    }

    .track-quick {
        display: block;
        margin: 0px auto;
    }
}

.about {
    padding-bottom: 10px;
    padding-top: 10px;
}

    .about > .about-info {
        /*margin-bottom: 30px;*/
        /*margin-top: 10px;*/
    }

        .about > .about-info > div > div {
            text-align: center;
            border: 1px solid #eeeeee;
            position: relative;
            padding: 30px 0 18px;
            /*margin-bottom: 20px;*/
            margin-top: 30px;
            /*border-radius: 2px;*/
            width: 100%;
        }

        .about > .about-info > div i {
            border-radius: 100%;
            background-color: #ffea00;
            color: #0082ca;
            display: inline-block;
            height: 50px;
            width: 50px;
            line-height: 52px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: -30px;
            font-size: 16px;
        }

        .about > .about-info > div img {
            /*border-radius: 100%;*/
            /*border: 1px solid #fee91b;*/
            background-color: #fff;
            display: inline-block;
            /*height: 50px;*/
            width: 55px;
            /*line-height: 52px;*/
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: -30px;
            font-size: 16px;
        }

        .about > .about-info > div h5 {
            color: #222;
            font-size: 14px;
            line-height: 28px;
            margin: 0;
            font-weight: normal;
        }

        .about > .about-info > div p {
            color: #777;
            font-size: 13px;
            margin-top: 10px;
        }

.about-input {
    width: 100%;
    text-indent: 16px;
    margin-bottom: 20px;
    border: none;
    height: 40px;
    line-height: 40px;
    background-color: #f4f4f4;
    border-radius: 2px;
}

.about-input-area {
    height: 106px;
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.about-input:focus {
    -webkit-transition: background-color ease-in-out .2s;
    -o-transition: background-color ease-in-out .2s;
    transition: background-color ease-in-out .2s;
    background-color: #e8e8e8;
}

.vip-center {
    padding-top: 30px;
}

    .vip-center > div > div:first-child {
        border-right: 1px solid #eee;
    }

    .vip-center .nav {
        background-color: initial;
        border: none;
        display: inline-block;
    }

        .vip-center .nav li a {
            padding-left: 30px;
            color: #111;
            font-size: 100%;
        }

            .vip-center .nav li a:hover {
                color: #4eaa4c;
            }

            .vip-center .nav li a.active {
                color: #4eaa4c;
                background-color: #fff;
            }

    .vip-center .bread a {
        font-size: 100%;
        color: black;
    }

    .vip-center iframe {
        width: 100%;
        border: none;
        display: none;
        overflow: hidden;
        height: auto;
    }

.vip-info {
    margin: 0px;
    padding: 0px;
    min-width: 342px;
}

.vip-content-title {
    font-size: 128%;
    margin-bottom: 14px;
    color: #444;
    margin-top: 10px;
}

.vip-info span {
    display: inline-block;
    width: 80px;
    padding-left: 12px;
    text-align: left;
    height: 36px;
    line-height: 34px;
    border: 1px solid #cccccc;
    border-right: none;
    background-color: #fdfdfd;
    vertical-align: top;
}

.vip-info .input {
    width: 240px;
    height: 36px;
    line-height: 34px;
    text-indent: 8px;
}

.vip-info .info-detail {
    padding-top: 4px;
}

    .vip-info .info-detail > div {
        margin-top: 14px;
    }

    .vip-info .info-detail .btn {
        width: 320px;
        height: 36px;
        line-height: 34px;
        margin-top: 10px;
    }

.vip-info .select {
    height: 36px;
    line-height: 34px;
    width: 240px;
}

    .vip-info .select::after {
        height: 34px;
        line-height: 34px;
    }

    .vip-info .select select {
        height: 34px;
        line-height: 34px;
    }

.vip_center_bar {
    display: none;
    height: 10px;
}

@media (max-width: 768px) {
    .vip-center .nav {
        display: none;
    }

    .vip-center .quote {
        margin-bottom: 10px;
    }

    .vip_center_bar {
        display: block;
    }
}


.default {
    width: 100%;
}

    .default .banner {
        height: 430px;
        width: 100%;
    }


/*@media (max-width: 960px) {
    .default .banner {
        height: 300px;
    }
}*/
@media (max-width: 768px) {
    .default .banner {
        height: 200px;
    }
}

.default .about {
    margin-top: 0px;
    margin-bottom: 0px;
}

.default .about-info {
    margin-bottom: 0px;
}

    .default .about-info > div {
        margin-top: 20px;
    }

.default .table {
    margin-top: 20px;
    border: none;
    background-color: #fff;
}

    .default .table > div {
        background-color: #fff;
        border-bottom: 2px solid #0793b9;
        width: 100%;
        font-size: 15px;
    }

    .default .table table tr {
        background-color: #fff;
    }

        .default .table table tr:nth-child(2n) {
            background-color: #f5f5f5;
        }

        .default .table table tr td:last-child {
            color: #444;
            text-align: right;
        }

        .default .table table tr td:first-child {
            max-width: 240px;
            overflow: hidden;
            color: #000;
        }

.default .default-toptrancoms tr td {
    background-color: #f5f5f5;
    border-bottom: 10px solid #fff;
}

.news-detail {
    margin-top: 30px;
    margin-bottom: 20px;
}

    .news-detail .news-title {
        font-size: 170%;
        font-family: Calibri;
        font-weight: bold;
        text-align: center;
        color: black;
        margin-bottom: 20px;
    }

        .news-detail .news-title p {
            font-weight: normal;
            color: #444;
        }

.news-content {
    line-height: 24px;
    font-family: Roboto, 'Segoe UI',Arial,'Microsoft Yahei',sans-serif !important;
    font-size: 13px;
}

    .news-content * {
        font-family: Roboto, 'Segoe UI',Arial,'Microsoft Yahei',sans-serif !important;
        font-size: 13px;
    }

.ratetrancompanypanel {
    margin-top: 30px;
    font-size: 14px;
}

    .ratetrancompanypanel > div {
        height: 22px;
        line-height: 22px;
    }

    .ratetrancompanypanel i {
        margin-left: 8px;
        /*font-size:16px;*/
    }

    .ratetrancompanypanel a {
        width: 200px;
        margin-top: 20px;
        height: 34px;
        line-height: 32px;
    }

    .ratetrancompanypanel .star-rate {
        margin-left: 30px;
    }

.synvadmin > div {
    /*max-width: 600px;*/
}

.synvadmin .about-info > div > div {
    /*border-color:#ececec;*/
}

    .synvadmin .about-info > div > div > p {
        color: #444;
        font-size: 13px;
    }

    .synvadmin .about-info > div > div > h5 {
        color: #000;
        font-size: 13px;
    }

.slideadmin img {
    width: 100%;
    display: block;
}

.error404 #img {
    margin-top: 80px;
}

    .error404 #img img {
        width: 90%;
        max-width: 360px;
    }

.error404 #tip {
    color: #656769;
}


.bottom-right-ad {
    position: fixed;
    right: 0px;
    bottom: -4px;
    z-index: 99999;
    display: none;
}

.ad-close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 999999;
}

    .ad-close i {
        font-size: 15px;
        cursor: pointer;
        font-weight: 200;
    }

        .ad-close i:hover {
            color: white;
        }

.top-ad {
    height: 200px;
    width: 100%;
    overflow: hidden;
    z-index: 99999;
    position: relative;
    display: none;
}

    .top-ad img {
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -960px;
    }

.ad-pos {
    padding-top: 40px;
    margin-top: 200px;
}

    .ad-pos .ad-title {
        font-size: 22px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-bottom: 20px;
        color: #333;
    }

    .ad-pos .ad-contact a {
        font-size: 14px;
        line-height: 26px;
    }

    .ad-pos .ad-contact {
        font-size: 14px;
        line-height: 26px;
    }

        .ad-pos .ad-contact a:hover {
            text-decoration: none;
            cursor: default;
        }

    .ad-pos .ad-content {
        font-size: 14px;
        line-height: 20px;
        text-indent: 28px;
        color: #333;
    }

.feedback {
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 40px;
    width: 40px;
    background-color: #4eaa4c;
    /*border-radius: 100%;*/
    line-height: 40px;
    text-align: center;
    z-index: 999;
}

    .feedback:hover {
        background-color: #428c40;
    }

    .feedback a {
        display: inline-block;
        height: 40px;
        width: 40px;
        line-height: 42px;
    }

        .feedback a i {
            color: #fff;
            font-size: 15px;
        }

.account {
    width: 100%;
    /*max-width: 800px;*/
    padding-top: 0px;
}

    .account > div > div > div {
        /*height: 120px;*/
    }

    .account > .about-info {
        margin-top: 20px;
    }

    .account .account-info > div {
        padding-bottom: 20px;
    }

    .account .account-info a {
        height: 28px;
        line-height: 26px;
        max-width: 147px;
        width: 100%;
        margin-top: 12px;
        display: inline-block;
    }

    .account .account-info .account-info-detail > div {
        text-align: left;
    }

    .account .account-info .account-info-detail span {
        line-height: 26px;
        display: inline-block;
        text-align: left;
        color: #333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .account .account-img {
        text-align: left;
    }

        .account .account-img img {
            cursor: pointer;
            border: 1px solid #fff;
        }

            .account .account-img img:hover {
                border: 1px solid #4eaa4c;
            }

    .account .account-info .account-info-detail > div > span {
        width: 180px;
    }

@media (max-width: 768px) {
    .account .account-img {
        text-align: center;
    }

    .account .account-info .account-info-detail > div {
        text-align: center;
    }

        .account .account-info .account-info-detail > div > span {
            width: 260px !important;
        }

    .account .account-info a {
        max-width: 260px;
        width: 260px;
    }

    .feedback {
        display: none;
    }
}

.customermagr {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

    .customermagr .row {
        padding-right: 15px;
    }

        .customermagr .row > div {
            padding-right: 0px;
        }

.btn-green, .layui-layer-btn0 {
    background-color: #0793b9 !important;
    border-color: #0793b9 !important;
}
.btn-white:hover {
    color: #0793b9 !important;
    border-color: #0793b9 !important;
}

.aspnetpager {
}

    .aspnetpager span.cpb {
        background-color: #4eaa4c;
        border-color: #4eaa4c;
    }

    .aspnetpager a:hover {
        border-color: #4eaa4c;
        color: #4eaa4c;
    }

.laydate_body .laydate_click {
    background-color: #4eaa4c !important;
}

.pace .pace-progress {
    background-color: #4eaa4c;
}

.main-item07 {
}

    /*.main-item07 > div {
        height: initial !important;
        padding-bottom: 0px !important;
    }*/

    .main-item07 img {
        width: 100%;
    }

    .main-item07 > div {
        background-color: #f8f8f8;
        background-clip: content-box;
        margin-bottom: 15px;
    }

        .main-item07 > div > div {
            padding: 15px;
            line-height: 22px;
            padding-top: 10px;
            font-size: 14px;
            /*height:185px;*/
        }

    .main-item07 span {
        display: block;
        font-size: 15px;
        margin-bottom: 3px;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .main-item07 > div {
        height: 368px;
    }
}

@media (min-width: 992px) {
    .main-item07 > div {
        height: 347px;
    }
}

@media (min-width: 1200px) {
    .main-item07 > div {
        height: 358px;
    }
}

.main-item07 > div:first-child {
    /*background-image:url(../Images/banner-item.png);*/
    background-color: #fff;
    height: 65px;
    /*line-height:140px;*/
    text-align: center;
    color: #333;
    font-size: 17px;
    padding-top: 30px;
    /*font-weight:bold;*/
}

.main-item05 {
}



    .main-item05 img {
        width: 100%;
    }


    .main-item05 > div {
        background-color: #fff;
        background-clip: content-box;
        margin-bottom: 15px;
    }

        .main-item05 > div > div {
            /*padding: 15px;*/
            line-height: 22px;
            padding-top: 10px;
            font-size: 14px;
        }

    .main-item05 span {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        font-weight: bold;
    }

#tip_area img {
    transform: scale(1,1);
    transition: all 0.4s;
}

    #tip_area img:hover {
        transform: scale(1.06,1.06);
        cursor:pointer;
        /*box-shadow:1px 1px 10px rgba(0,0,0,.3);*/
    }

.sync-console {
    
}


.card {
    position: relative;
    border: 1px solid #dcdcdc;
}

    .card > span {
        display: block;
        padding: 11px 15px;
        background-color: #f5f5f5;
        border-bottom: 1px solid #dcdcdc;
    }

    .card > div {
        padding: 15px;
    }

    .card.card-blue {
        border-color: #337ab7;
    }

        .card.card-blue > span {
            background-color: #337ab7;
            border-bottom-color: #337ab7;
            color: #fff;
        }

    .card.card-green {
        border-color: #d6e9c6;
    }

        .card.card-green > span {
            background-color: #dff0d8;
            border-bottom-color: #d6e9c6;
            color: #3c763d;
        }

    .card.card-red {
        border-color: #ebccd1;
    }

        .card.card-red > span {
            background-color: #f2dede;
            border-bottom-color: #ebccd1;
            color: #a94442;
        }

    .card.card-light-yellow {
        border-color: #faebcc;
    }

        .card.card-light-yellow > span {
            background-color: #fcf8e3;
            border-bottom-color: #faebcc;
            color: #8a6d3b;
        }

    .card.card-light-blue {
        border-color: #bce8f1;
    }

        .card.card-light-blue > span {
            background-color: #d9edf7;
            border-bottom-color: #bce8f1;
            color: #31708f;
        }

    .card.card-switch > span {
        border-bottom-width: 0px;
        cursor: pointer;
    }
        .card.card-switch > span:hover {
            text-decoration:underline;
        }

    .card.card-switch > div {
        display: none;
    }

    .card.card-switch.card-switch-down > span {
        border-bottom-width: 1px;
    }

            .aspnetpager a:hover {
            border-color: #418bca;
            text-decoration: none;
            color: #418bca !important;
        }
                    .aspnetpager span.cpb {
            background-color: #418bca;
            border-color: #418bca;
            color: #fff;
        }