* {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
}
.imgbox {
    display: grid;
    height: 100%;
}
.imgbox img {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
}

.arrowpane {
    display:block;
    position:absolute;            
    width:10%;
    height:100%;
    top:0px;
    cursor:pointer;
    background-color:#000;
    opacity:0;
 }

.arrowpane:hover {
    opacity:0.2;
}

.arrowbox {
    display:block;
    position:absolute;            
    width:100%;
    height:100%;
    top:50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor:pointer;
}
.arrowbox .line {
    fill:none;
    stroke:#ccc;
    stroke-width:360;
    stroke-miterlimit:10;
}

.slideMenu {
    position: absolute;
    bottom: 0px;
    width:100%;
    background-color:rgba(255, 255, 255, 0.3);
}

.label {
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    font-size: 2.5vw;    
}

.slideLink {
    width: 25%;
}

tr td img {
    width: 50%;
}