.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }

.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top:50%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height:50px; width:50px; background: transparent url("../images/symbol/arrows.png") no-repeat left top; background-size:cover; margin-top:-25px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 10px; }

ul.slide_tabs { position:absolute; bottom:3%; width:100%; text-align:center; z-index:99}
ul.slide_tabs li {display:inline-block; width:16px; height:16px; background:url(../images/symbol/bullets.png) no-repeat; background-size:cover; margin:0 3px;}
ul.slide_tabs li.slide_here { background-position:0 -16px;}

/*===平版型區===*/
@media (min-width: 737px) and (max-width: 1249px) {
.slide li { position: absolute; width: 110%; left:-5%; top: 0; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top:50%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height:40px; width:40px; background: transparent url("../images/symbol/arrows.png") no-repeat left top; background-size:cover; margin-top:-20px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
}

/*===手機版型區===*/
@media screen and (max-width: 736px) {
.slide li { position: absolute; width: 110%; left:-5%; top: 0; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top:50%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height:30px; width:30px; background: transparent url("../images/symbol/arrows.png") no-repeat left top; background-size:cover; margin-top:-15px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
ul.slide_tabs { bottom:2%; }
ul.slide_tabs li {width:12px; height:12px; margin:0 2px;}
ul.slide_tabs li.slide_here { background-position:0 -12px;}
}