﻿body {
}

.scope {
    width:500px; height:260px; max-height:320px; border-width:16pt; border-color:white; margin-top:auto; position:relative; overflow:hidden;
    /*border:5px solid #543f3f; opacity:1;*/
}
.sliderPane {
    width:6000px;        /* set at runtime */ 
    position:relative;  
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s; 
    animation: myMove 15s ease-out;
}
    .sliderPane > img {
        width:480px; height:260px; max-width:480px; max-height:320px; display: inline-block; padding: 10px; position: relative; 
    }
    .sliderPane > a > img {
        width:600px; height:320px; max-width:600px; max-height:480px; display: inline-block; padding: 10px; position: relative; 
    }

/*img {
    width:480px; height:240px; max-width:480px; max-height:320px; display:inline-block; padding:10px; position:relative;
}*/

.dotDiv {
    text-align:center; padding-top:10px; position:relative; margin-top:-60px; height:30px; 
}

.dotBtn {
    border-radius:50%; width:15px; background-color:#6c5757; opacity:1; display:inline-block; margin-right:10px; border:3px solid #ffd800;
}

.active, .dotBtn:hover {
  background-color: #717171;
}

.leftWrap {
    left:0; width:100%; max-width:100%; position:inherit; float:left;
}
    .leftWrap > img {
        max-width:100%; display:none; position:inherit;
    }

.rightWrap {
    right:0; width:100%; max-width:100%; position:inherit; float:left;
}
    .rightWrap > img {
        max-width:100%; display:none; position:inherit;
    }

/* Caption text */
.Caption {
  color: #f2f2f2; font-size: 16px; padding: 8px 12px; position: inherit; bottom: 8px; width: auto; text-align: center;
  background-color:black; opacity:0.7;
}

.title {
    font-size: large; height: 30px; background-color: black; opacity:0.7; text-align: center; color:white;
}

/*@keyframes myMove {
    0% {left: 0%; opacity:0.4;}
    8.3% {left: -100%; opacity:1;}
    16.67% {left:-200%; }
    24.97% {left:-300%;}
    33.27% {left:-400%;}
    41.57% {left:-500%;}
    49.87% {left:-600%;}
    58.17% {left:-700%;}
    66.47% {left:-800%;}
    74.77% {left:-900%;}
    83.07% {left:-1000%}
    91.37% {left:-1100%;}
    99.67% {left:-1200%;}
}*/
