
/*首頁輪播banner*/
.main_banner{
	width: 100%;
	background: #fff;
}
.main_banner img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*main_banner_slick-套件修改*/
/*圓點*/
.slick-dots li button {
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px;
    margin: 8px auto;
    padding: 0;
    opacity: 0.5;
}
.slick-dots li.slick-active button {
    background: #e51f1f;
  	opacity: 1;
}
.slick-dots li:hover button {
	transform: scale(1.2);
}
/*main-banner箭頭*/
.main_banner .slick-next {
  right: 10px;
}
.main_banner .slick-prev{
	left: 10px;
	position: absolute;
	z-index: 3;
}
.main_banner .slick-prev:hover:before,
.main_banner .slick-prev:focus:before,
.main_banner .slick-next:hover:before,
.main_banner .slick-next:focus:before
{
    opacity: .7;
}
.main_banner .slick-prev:before,
.main_banner .slick-next:before{
    opacity: .3;    
}

.slick-next:before {
	display: block;
	content: url(../images/arrow_right.png);
}
.slick-prev:before {
	display: block;
	content: url(../images/arrow_left.png);
}



/*超殺&新品輪播*/
.slider-pd-a{
	width: 95%;
  margin: 10px auto;
}
.slider-pd-a .slick-slide {
	margin: 0px 5px;
	margin: 0 0.35vw;
}

.slider-pd-a img{
	width: 100%;
	max-width: 260px;
	max-height: 260px;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
}

.idx-slider-item{
	display: block;
	float: left;
	background: #fff;
	border: 1px #e5e5e5 solid;
}
.idx-slider-item:hover{
	color: #555;
	border: 1px #999 solid;	
	box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15);
	text-decoration: none;
}
.idx-slider-item:active,
.idx-slider-item:focus{
	text-decoration: none;
	color: #333;
	border: 1px #e5e5e5 solid;
	background: #fff;
}
.pd_caption{
	padding:10px 15px;
	background: #eee;
/*	text-align: center;*/
	font-weight: normal;
}

.idx_pd_name{
	display: inline-block;
	font-size: 14px;
	width: 100%;
	height: 40px;
	overflow: hidden;
/*	white-space: nowrap;*/
	/*不自動斷行*/	
	text-overflow:ellipsis;/*出現省略號*/	
	display: -webkit-box;	
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*超殺&新品 價格*/
.slider_price{
	font-family:Lato, Arial, sans-serif;
	color: #e51f1f;
	font-size: 18px;
	font-weight:700;
	margin: 3px auto 0;
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
.main_banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
}

@media screen and (max-width: 480px) {
	
	.slick-dots li button {
    width: 4px;
    height: 4px;
    margin: 5px auto;
}	
	.idx_pd_name{
	font-size: 11px;
	height: 30px;
}	

	/*超殺&新品 價格*/
.slider_price{
	font-size: 15px;
}
	.slider-pd-a{
	width: 100%;
  margin: 5px auto;
}
	
}



/*產品頁圖片輪播*/
#carousel-example-generic {
  display: inline-block;
}
/*****************************/

/* Plugin styles下方縮圖 */
ul.thumbnails-carousel {
	padding: 10px 0 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	width: 100%;
}
ul.thumbnails-carousel .center {
	display: inline-block;
}
ul.thumbnails-carousel li {
  margin: 0 1%;
  margin-bottom: 5px;
  float: left;
  cursor: pointer;
  width: 18%;
  border: 1px #ddd solid;
}

ul.thumbnails-carousel li:hover {
	border: 1px #e51f1f solid ;
}

ul.thumbnails-carousel li img{
	width: 100%;
}
.controls-background-reset {
	background: #fff !important;
}
.active-thumbnail {
	opacity: 0.6;
	border: 1px #e51f1f solid !important;
}


@media not all, 
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
		border: 1px #eee solid;}

/*輪播圖外框*/
.add_border{
	border: 1px #ddd solid;
}
@media screen and (max-width: 767px) {
.add_border{
	border:none;
}
}