/*.body {
    background: url(../images/background/index.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    overflow: hidden;
    font-family: 微軟正黑體,Lucida Sans Unicode,Arial, sans-serif;
}
*/

.midside {
    /*    
        background-size: cover;
        background-repeat: no-repeat;
    */
    -webkit-box-shadow: 0px 0px 10px 2px grey;
    -moz-box-shadow: 0px 0px 10px 2px grey;
    box-shadow: 0px 0px 10px 2px grey;
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 15px;
}

.nbsebooks_title { margin-top: 10px; height: 15px; float: right; }
    .nbsebooks_title a { text-decoration: none; }
    .nbsebooks_title a:hover { color: #F00; text-decoration: none; }
    .nbsebooks_title .goto_detail_btn { font-size: 16px; color: #339900; text-align: right; padding-right: 20px; font-weight: bold; }
.nbsebooks_item { margin: 0px 10px; background-color: #fafafa; }

#Carousel1 {
    margin-top: 50px;
    width: 74vw;
    height: 30vh;
    /*
    margin-inline: auto;
    max-width: fit-content;
*/
}

#Carousel2 {
    /*margin-top: 10px;*/
    width: 74vw;
    height: 30vh;
    /*
    margin-inline: auto;
    max-width: fit-content;
*/
}

    .imgAndContent1 {
        vertical-align: top;
    }

    .newbook-overlay {
        text-align: center;
        position: relative;
        font-family: 微軟正黑體,Lucida Sans Unicode,Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 153px;
        height: 45px;
        margin-left: 60px;
        padding-top: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        clear: both;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .cycle-slideshow {
        height: 31.96vh;
        width: auto;
        padding: 0 0 0 0;
        position: absolute;
    }

    /*width + all margin 如非整數pixel, cycle2 carousel 會有偏移 */
    .cycle-slideshow img {
/*      
        width: 9.75vw;
        height: 13vw;
*/        
        display: block;
        left: 0px;
        top: 0px;
        float: left;
        border: 0px inset #eee;
        /*box-shadow: 1px -1px rgba(84, 84, 84, 0.8), 2px -2px rgba(89, 89, 89, 0.8), 3px -3px rgba(94, 94, 94, 0.8), 4px -4px rgba(99, 99, 99, 0.8), 5px -5px rgba(104, 104, 104, 0.8), 6px -6px rgba(109, 109, 109, 0.8), 7px -7px rgba(114, 114, 114, 0.8), 8px -8px rgba(119, 119, 119, 0.8), 9px -9px rgba(124, 124, 124, 0.8);*/ 
        margin-top: 2vh;
        margin-right: 2vw;
        margin-left: 1.53125vw;
        background-color: #ffffff;
    }

    /* in case script does not load */
    .cycle-slideshow img:first-child {
        position: static;
        z-index: 100;
    }

    /* set border-box so that percents can be used for width, padding, etc (personal preference) */
    .cycle-slideshow, .cycle-slideshow * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .imgfilter {
        margin-left: 60px;
        border-color: #eeeeee;
        border-width: 1px;
        border-style: ridge;
        filter: drop-shadow(1px 5px 3px rgba(0, 0, 0, 0.7));
    }