* {
    font-family: 'Microsoft JhengHei';
}

html, body {
    background: url("../images/halftone.png");
}

.navbar-default {
    margin: 0;
    border: none;
    border-radius: 0;
}

    .navbar-default .navbar-nav > li > a {
    }

        .navbar-default .navbar-nav > li > a:hover {
            background-color: #3b3b3b;
            color: white;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        background-color: #3b3b3b;
        color: white;
    }

    .navbar-default .navbar-brand {
        background-color: #97DC5D;
        color: white;
        transition: all ease .2s;
        padding: 0 15px;
        line-height: 50px;
    }

        .navbar-default .navbar-brand:hover {
            background-color: #FFE424;
            color: black;
        }

.brand-xs {
    font-size: 22px;
    background-color: #97DC5D;
    text-align: center;
    line-height: 50px;
}

    .brand-xs a {
        color: white;
        text-decoration: none;
    }

.desc > div {
    background-color: #59A11D;
    color: white;
    min-height: 300px;
    transition: all ease .4s;
}

    .desc > div:nth-child(2n) {
        background-color: #77C13A;
        color: white;
    }

    .desc > div:nth-child(3n) {
        background-color: #97DC5D;
        color: white;
    }

    .desc > div:hover {
        background-color: #FFE424;
        color: black;
    }

    .desc > div a.btn {
        border: none;
        background-color: white;
        color: #333;
        transition: all ease .4s;
    }

    .desc > div a.btn:hover {
        font-size:1.05em;
        opacity:.8;
    }

    .desc > div:hover a.btn {
        background-color: #333;
        color: white;
    }

.main-content {
    background-color: white;
    padding: 10px 40px 50px 40px;
}

.carousel-inner .item {
    width: 100%;
    min-height: 600px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footer {
    background-color: #333;
    color: white;
    min-height: 300px;
    padding: 60px 60px 30px 60px;
}

footer .brand {
    font-size: 26px;
    color: #97DC5D;
    font-weight: bold;
}

    footer .brand * {
        color: #97DC5D;
    }

.brand-svg {
    fill: #000;
}

.breadcrumb {
    background: none;
    margin-bottom: 0;
}

.page-header h2 {
    font-weight: bold;
    color: #666;
}

a.list-group-item:hover {
    background-color: #77C13A;
    color: white;
}