* {
    box-sizing: border-box;
}

.slickslider {
    margin: 0.5rem 0.5rem;
    max-width: 100%;
    /*display: flex;*/
}


/*margin-top:7em;*/
.slider-for {
    float: none;
    width: 100%;
    margin-top: 3em;
    img
    {
        width: 100%;
        height: auto;
        max-width: 80%;
        max-height: 80%;
        object-fit: cover;
        object-position: center center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }
}

.slider-nav {
    float: none;
    width: 100%;
    height: 10%;
    margin-right: 1.5rem;
    img
{
    margin: 0.2rem;
    width: 100%;
    height: 100%;
    
    max-width: 65%;
    max-height: 65%;
}
}


.pic_nav {
    position: absolute;
    padding:3px;
    background-color: rgba(255, 255, 255, 0.6);
    width:100%;
    z-index:999;
}
.thumbnail_pic {
    /*margin-left: 0.5em;*/
    margin-right: 0.4em;
}

.rotated90 {
    transform: rotate(90deg); /* Equal to rotateZ(45deg) */
}

.rotated180 {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
}

.rotated270 {
    transform: rotate(270deg); /* Equal to rotateZ(45deg) */
}

.rotated360 {
    transform: rotate(0deg); /* Equal to rotateZ(45deg) */
}

.pic_extra_span {
    display:block;
    height:1em;
}
.pic_extra_span_wide {
    margin-left: 9rem;
}


.pic_extra_span_minus {
    display: block;
    height: 0.1em;
}
.pic_left_extra_span {
    margin-left: 1rem;
}


.percent90 {
    max-height: 95% !important;
    max-width: 95% !important;
}

.percent50 {

    max-height: 50% !important;
    max-width: 50% !important;
}

.move_upward {
    margin-top: -10rem;
}

.move_upward12 {
    margin-top: 7rem;
}

.extra_small {
    font-size: xx-small;
}

.slick-slide {
    overflow:auto;
}