@import url("../../JavaScripts/Plugin/slick/slick.css");
/*團隊轉盤*/


.team_rotate_box{
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
  background-size:  cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDhweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSItMC41IDAgMTA4IDMzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0wLjUgMCAxMDggMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCw2LjM5NWMwLDAsMTUuMjc4LTMuMDkxLDI4LjkxOSwzLjkxMWMxMy42NDEsNy4wMDMsMTguMzQ5LDE4LjkzOCw0MS43MzIsMjEuNTY0DQoJYzIxLjY4NSwyLjQzNywzNi4xMTQtMi40NjUsMzYuMTE0LTIuNDY1VjBIMFY2LjM5NXoiLz4NCjwvc3ZnPg0K");}
.team_rotate_box .poster-name {
	font-size: 108%;
	line-height: 1.75em;
	color: #333;
	text-align: center;
	position: absolute;
	bottom: 0px;
	z-index: 2;
	background-color: #F1F3F4;
  border: 1px solid #C5C6C6;
	padding:10px;
	white-space:nowrap;
  left: 50%;
  transform: translate(-50%,-50%);
}
.team_rotate_box .poster-name:before{ content: "\f2be";color: #C5C6C6;margin-right:5px;}
.team_rotate_box .poster-name .btn-book{position:relative;padding: 5px 20px;}
.team_rotate_box .poster-name .btn-book:before{width:calc(100% - 4px);height: 100%; left: 2px;top: 2px;display: block;
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.35) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.35) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.35) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
.team_rotate_box .item a{width: 100%;height: 100%;position:absolute;display: block;z-index: 3;}
.team_rotate_box .item:hover .poster-name .btn-book:before{opacity: .5;}

.slider {position: relative;z-index: 200;padding: 0 0px;margin: 0rem auto; max-width: 1600px;width: 100%;}
.slick-arrow {position: absolute;top: 45%;width: 62px;height: 62px;border-radius: 35px;border: none;z-index: 300;outline: none;color: transparent;cursor: pointer;}

.slick-prev {left: 0px;background: url(../../images/button-prev.png) no-repeat center center;}
.slick-next {right: 0px;background: url(../../images/button-next.png) no-repeat center center ;}
.item.slick-slide {
	width: 400px;
	height: 600px;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	position: relative;
  background-size: auto 85%;
}
.slick-slide:after {
  content:'';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.item.slick-slide {
	-webkit-transform: scale(0.5)  translate(640px);
	transform: scale(0.5)  translate(640px);
	background-repeat: no-repeat;
  opacity: 0.5;
}

.item.slick-slide.slick-center + .slick-slide {
  -webkit-transform: scale(0.8) translate(-150px);
          transform: scale(0.8) translate(-150px);
  z-index: 10;
}

.item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
  -webkit-transform: scale(0.5)  translate(-640px);
          transform: scale(0.5)  translate(-640px);
  z-index: 5;
}

.item.slick-slide.slick-active {
  -webkit-transform: scale(0.8) translate(150px);
          transform: scale(0.8) translate(150px);
          opacity: 0.8;
}

.item.slick-slide.slick-center {
  /* margin: 0 -10%; */
  -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
  z-index: 30;
}

.slick-center:after { opacity: 0;}

@media screen and (max-width: 400px) {
.item.slick-slide{width: 320px; height: 500px;/*background-size: 80% auto;*/background-size: contain;/*20240625新增*/}
.team_rotate_box .poster-name {margin-left: 0;}

.item.slick-slide.slick-active {
  -webkit-transform: scale(0.8) translate(150px);
  transform: scale(0.8) translate(150px);
          opacity: 0.3;
}
.item.slick-slide.slick-center + .slick-slide {
  -webkit-transform: scale(0.8) translate(-150px);
          transform: scale(0.8) translate(-150px);
          opacity: 0.3;
}
.item.slick-slide.slick-center {
  -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
}
.team_rotate_box .poster-name{bottom: -20px;}/*20240625新增*/
}