@charset "utf-8";
/*horizontal 寬度左右移動*/
/*vertical 高度上下移動*/
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 689px;
	padding: 0px 27px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  689px;
    height: 172x;
}

/* .jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
} 

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  128px;
    height: 245px;
} */

/*圖片高度寬度*/
.jcarousel-skin-tango .jcarousel-item {
    width: 215px;
    height: 172px;
}
/*圖片間距*/
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right:16px;
	_margin-right:8px;
}

/*.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}*/

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 93px;
    right: 10px;
    width: 27px;
    height: 39px;
    cursor: pointer;
    background:url(../images/index/icon_03.png) no-repeat;
    -webkit-filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 70%));
    filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 70%));
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 93px;
    left: 0px;
    width: 27px;
    height: 39px;
    cursor: pointer;
    background:url(../images/index/icon_02.jpg) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
/*.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:url(images/index/arrow_left.jpg) no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:url(images/index/arrow_right.jpg) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}*/



@media only screen and (max-width:980px){

.jcarousel-skin-tango .jcarousel-container-horizontal{width: 100%; }
.jcarousel-skin-tango .jcarousel-clip-horizontal{ width: 100%;}
.jcarousel-skin-tango .jcarousel-next-horizontal{ right: 0; }
#mycarousel img{ display: block; max-width: 100%; height: auto !important;}
}