/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  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;
  }
/***nav_parts***/ 
 #slides{
	position:relative;
	}
#slides .rslides_nav{
	position: absolute;
	height:100%;
	width:20%;
	left:0px;
	top:0px;
	z-index:2;
	}
#slides .rslides_nav span{
	display:block;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-50px;
	width:37px;
	height:100px;
	background:url("left_prev.png");
	}
#slides .next,#slides .next span{
	left: auto;
	right:0px;
	}
#slides .next span{	
	background:url("right_next.png");
	}
/***dot_parts***/
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
	}
	
#pager{
	text-align: center;
	height:30px;
	background:url("pager.jpg");
	}
	
#responsiveslides-pager {
	padding:5px 0px;
	margin:0px;
	}
	
#responsiveslides-pager li{
	display: inline-block;
	}
	
#responsiveslides-pager li > a{
	display:block;
	float:left;
	width:12px;
	height:12px;
	background:url("dot-n.png");
	margin:0 15px;
	}
	
#responsiveslides-pager li > a:hover{
	background:url("dot-h.png");
	}
	
#responsiveslides-pager .rslides_here > a{
	background:url("dot-h.png");
	}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 24px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background:url('dot-n.png')no-repeat;
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 16px;
  height: 16px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background:url('dot-h.png')no-repeat;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  background:url('bg.png')left;
  left: 0;
  right: 0;
  bottom: 0;
  padding:20px 35px;
  margin: 0;
  max-width: none;
  }
  
.callbacks_nav{
	position: absolute;
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;	
	margin-top: -45px;
}
.prev{
	background:url('left_prev.png') 10px 18px no-repeat;
}
.next{
	right:0;
	left:auto;
	background:url('right_next.png') 10px 18px no-repeat;
}
.caption .cont{
	/*background-image:url(../../data/index/detail.png); background-repeat:no-repeat; background-position:right top;*/
	text-decoration:none;
	display:block;
	min-height:100px;
	padding-right:100px;
}
.caption .detail{
	position:absolute;
	right:25px;
	top:20px;
}
.caption .t-slides{
	font-family:'新細明體';
	font-size:23px;
	color:#ED7D61;
	font-weight:bold;
	text-decoration:none;
	display:block;
	max-width:970px;
}
.caption .c-slides{
	font-family:'微軟正黑體';
	font-size:15px;
	color:#CCCCCC;
	text-decoration:none;
	display:block;
	max-width:970px;
	margin-top:10px;
}
.caption .ckkk{
	width: 6%;
	height: 6%;
	position: absolute;
	right: 3%;
	top: 24%;
}

.caption .ckkk img{
	max-width:100%;
	width:100%;
}
@media screen and (max-width: 1280px){
	.caption .cont{ min-height: 80px;}
}
@media screen and (max-width:1000px){
	.caption .cont{ min-height: 60px;}
}
@media screen and (max-width: 768px){
	.caption .cont{ min-height: 60px;}
	.caption .ckkk{	width:10%;}	
}
@media screen and (max-width: 481px){
	.callbacks .caption {
	  padding:10px 35px;
	}
	.caption .c-slides{
		display:none;
		font-size:12px;
	}
	
}
@media screen and (max-width: 400px){
	.caption .ckkk{	display:none;}
	.caption .cont{ min-height: 32px;}	
}