/*set*/
body {
    font-family     : Microsoft JhengHei;
    background-color: #f5f5f5;
}

body>.container {
    padding      : 85px 15px 0;
    margin-bottom: 100px;
}

.lead {
    font-size  : 1.1rem;
    font-weight: normal;
}

/*top*/
.fixed-top {
    position  : fixed;
    top       : 0;
    right     : 0;
    left      : 0;
    z-index   : 1030;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.fixed-top img {
    width: 200px;
}

/*footer*/
.footer {
    position        : fixed;
    bottom          : 0;
    width           : 100%;
    /*    height    : 60px;*/
    box-shadow      : 0 1px 10px 5px rgba(32, 33, 36, .28);
    line-height     : 60px;
    background-color: #ffffff;
    z-index         : 2;
    font-size       : 18px;
}


/*lunbo*/
.lunbo {
    position        : relative;
    /*    height    : 50px;*/
    height          : 95px;
    background-color: #ffffff;
    overflow        : hidden;
    border-radius   : 15px;
}

.lunbo ul {
    position    : absolute;
    left        : 0;
    top         : 0;
    height      : auto;
    width       : 100%;
    padding-left: 0rem;
}

.lunbo ul li {
    height         : 30px;
    /*height       : 50px;*/
    line-height    : 30px;
    font-size      : 18px;
    color          : #333;
    text-align     : center;
    list-style-type: none;
}

.card {
    margin-right    : 0px;
    margin-left     : 0px;
    background-color: white;
    border-radius   : 15px;
    border          : none;
}

.sidenav {
    height          : 100%;
    width           : 250px;
    position        : fixed;
    z-index         : 9999;
    top             : 73px;
    left            : 0;
    background-color: #111;
    overflow-x      : hidden;
    transition      : 0.5s;
    padding-top     : 20px;
    width           : 250px;
    left            : -250px;
}

.sidenav a {
    padding        : 8px 8px 8px 32px;
    text-decoration: none;
    font-size      : 20px;
    color          : #818181;
    display        : block;
    transition     : 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position   : absolute;
    top        : 0;
    left       : 100px;
    right      : 0px;
    font-size  : 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .3s;
    /* padding: 16px;*/
}

#main.open {
    margin-left: 250px;
}
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.sidenav.open {
    /*   width:250px;*/
    left: 0px;
}
/* Banner Image Customize */
.medium_card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
}

.img-Cover {
    height: 55vh;
    object-fit: contain;
}