body {
    font-family: Microsoft JhengHei;
}

.table th,
.table td {
    vertical-align: middle;
}

.line-h-5by2 {
    line-height: 2.5;
}

.bg-gainsboro {
    background-color: gainsboro;
}

.bg-gray {
    background-color: #f3f3f3;
}

/*navbar*/

.navbar-img {
    padding: 0;
    width: 65px;
}

@media only screen and (min-width: 768px) {
    .mx-auto-min-md {
        margin-left: auto;
        margin-right: auto;
        border-bottom: 3px solid #fff;
    }
}

@media only screen and (min-width: 768px) {
    .mx-auto-min-md:hover {
        border-bottom: 3px solid #0099ff;
    }
}

@media only screen and (max-width: 767.9px) {
    .mx-auto-min-md {
        margin-right: auto;
    }
}

@media only screen and (min-width: 767.9px) {
    .md-py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}


@media only screen and (max-width: 767.9px) {
    .logo-width {
        width: calc(100vw - 90px);
    }
}

.nav-text {
    font-size: 1.25rem;
    margin-bottom: .4rem;
    font-weight: 800;
    line-height: 1.2;
}

/* car image */

.card-shadow {
    position: relative;
    box-shadow: 0 5px 15px #AAA;
    transition: .4s;
}

.card-shadow:hover {
    transform: translateY(-9px);
    transition: 0.4s ease-out;
    box-shadow: 0 15px 25px #CCC;
}

.bg-img-h3-w4 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding-top: 75%;
}

/*footer*/

.bg-img-h3-w5 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding-top: 60%;
}

.text-center-abs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer-img-text {
    color: #FFF;
    font-size: 1.5rem;
    text-align: center;
    z-index: 10;
    margin: auto;
}

.footer-img-text:hover + .go-big {
    transform: scale(1.3, 1.3);
}

.footer-hover-1 {
    overflow: hidden;
}

.footer-hover-1 .go-big {
    transform: scale(1.1, 1.1);
    transition: all .5s ease-out;
}

.footer-hover-1 .go-big:hover {
    transform: scale(1.3, 1.3);
}

.icon-width tr td:first-child {
    width: 22px;
    padding-bottom: .5rem;
}


.icon-width tr td i {
    font-size: 9px;
}

.border-circle {
    padding: .11rem .26rem;
    font-size: 13px;
    border-radius: 50%;
    border: 2px solid #343a40;
    color: #343a40;
}

@media only screen and (max-width: 420px) {
    .lead-mb-sm {
        font-size: 1rem !important;
    }
}

.lead {
    font-weight: inherit;
}

@media only screen and (max-width: 576px) {
    .font-sm-1rem {
        font-size: 1.5rem !important;
    }
}

/*顏色*/


.text-instagram-color .fa-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: border-box;
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.text-facebook-color .fa-facebook-square {
    color: #4267B2;
}

.text-line-color .fa-line {
    color: #00c300;
}

/* bg-image */

.bg-contain {
    background-size: contain !important;
}

/*字大小*/

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-1rem {
    font-size: 1rem;
}

.font-28 {
    font-size: 28px;
}


.font-75 {
    font-size: 74%;
}

@media only screen and (max-width: 420px) {
    .font-75 {
        font-size: 70%;
    }
}

/*往上跑的top*/

#sticky-bottom {
    position: fixed;
    bottom: 50px;
    right: 20px !important;
    z-index: 999;
    display: none;
}

#sticky-bottom .share-bottom {
    box-sizing: content-box !important;
    width: 46px;
    height: 46px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    text-transform: none;
    text-decoration: none;
    border-radius: 5px;
    border: 3px solid #404040;
    background-color: #595959 !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s !important;
    padding: 0;
    margin-bottom: 8px;
}

#sticky-bottom .share-bottom:hover {
    background-color: #404040 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #cccccc !important;
}

#sticky-bottom .back-top {
    box-sizing: content-box !important;
    width: 46px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    height: 46px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    text-decoration: none;
    color: #464646;
    border-radius: 5px;
    border: 3px solid #e3e3e3;
    background: #fff;
    font-weight: bold;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}

#sticky-bottom .back-top:hover {
    color: #0099ff !important;
    border: 3px solid #0099ff !important;
}


/*end*/