.myslider2{
	display: block;
	position: relative;
  overflow: hidden;
	width: 70%;
	height: 750px;
	margin: 20px auto;
}
.myslider2 img{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
  filter: alpha(opacity=0);
	-webkit-animation: round2 12s linear infinite;
          animation: round2 12s linear infinite;
}

@-webkit-keyframes round2 {
  8.33% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 0 - 1 秒 滑入 */
  }
  33.33% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 1- 4 秒靜止 */
  }
  41.66% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -100%;
    /* 4-5 秒滑出 */
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: -100%;
    /* 5-6 秒變透明 */
  }
  58.33% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
    /* 6-7 秒回到起始位置 */
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
    /* 7-12 秒回到起始位置 */
  }
}
@keyframes round2 {
  8.33% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 0 - 1 秒 滑入 */
  }
  33.33% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    /* 1- 4 秒靜止 */
  }
  41.66% {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -100%;
    /* 4-5 秒滑出 */
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: -100%;
    /* 5-6 秒變透明 */
  }
  58.33% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
    /* 6-7 秒回到起始位置 */
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 100%;
    /* 7-12 秒回到起始位置 */
  }
}

.myslider2 img:nth-child(2){
	-webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.myslider2 img:nth-child(3){
	-webkit-animation-delay: 8s;
  animation-delay: 8s;
}

@media (max-width: 1600px){
  .myslider2{
		width: 70%;
		height: 650px;
	}
}

@media (max-width: 1400px){
  .myslider2{
		width: 70%;
		height: 600px;
	}
}

@media (max-width: 1280px){
  .myslider2{
		width: 70%;
		height: 570px;
	}
}

@media (max-width: 1100px){
	.myslider2{
		width: 70%;
		height: 450px;
	}
}

@media (max-width: 768px){
  .myslider2{
		width: 80%;
		height: 400px;
	}
}