.boximg {
    width: 500px;
    height: 300px;
    border-style: none;
}

.lightpackage {
    /*background-color:lightblue;*/
    /*height: 340px;*/
    width: 500px;
    margin: 0 auto;
}

.textdiv {
    /*margin-top: -40px;
    background-color: black;
    opacity: 0.6;
    height: 30px;*/
    /*font-size: 1.2em;*/
    color: #666666;
    /*padding: 5px 10px 5px 10px;*/
    font-family: "微軟正黑體";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lightboxmenu {
    text-align: center;
    /*margin-top:-35px;*/
    z-index: 1;
    display: none;
}

#lightboxmenu>a {
    text-decoration: none;
    color: purple;
}

#lightboxmenu>a:hover {
    color: black;
    outline-style: auto;
}

#lightboxmenu span {
    width: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

#lightprev>span {
    font-size: 7pt;
    background-image: url("../images/prev.png");
    color: transparent;
    background-size: cover;
}

#lightnext>span {
    font-size: 7pt;
    background-image: url("../images/next.png");
    color: transparent;
    background-size: cover;
}

#lightpause>span {
    font-size: 7pt;
    background-image: url("../images/pause.png");
    color: transparent;
    background-size: cover;
}

#lightstart>span {
    font-size: 7pt;
    background-image: url("../images/play.png");
    color: transparent;
    background-size: cover;
}

.slick-slider {
    margin-bottom: 0px;
}

@media screen and (min-width: 10px) and (max-width: 545px) {
    .lightpackage {
        width: 88vw;
    }
    .boximg {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
}