body {
    font-family: '微軟正黑體';
}

.btn-cart {
    background-color: transparent;
    position: relative;
}

.btn-cart .badge {
    position: absolute;
    top: 1px;
    right: 1px;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.jumbotron-bg {
    background: url('https://images.unsplash.com/photo-1477901492169-d59e6428fc90?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center center;
    min-height: 400px;
}

.bg-lighter {
    background-color: rgba(255, 255, 255, .65);
}

.box-shadow {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
    transition: box-shadow .3s;
    /* cursor: pointer; */
}

.box-shadow:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .24);
}

.btn-group>.btn>.disabled {
    pointer-events: none;
}

.alert-rounded {
    border-radius: 50px;
}

.main {
    min-height: calc(100vh - (49px + 49px + 42px + 14px));
}

.display-5 {
    font-size: 2.5em;
}

form button {
    cursor: pointer;
}

.mt-8 {
    margin-top: 80px;
}