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

.jcarousel-skin-tango .jcarousel-container-horizontal{
	width: 880px;
	padding: 0 15px 0 23px ;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  880px;
    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;
}

/*.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: 2px;
    width: 18px;
    height: 39px;
    cursor: pointer;
    background:url(../images/index/icon_05.jpg) no-repeat;
}

.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: 18px;
    height: 39px;
    cursor: pointer;
    background:url(../images/index/icon_06.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%; }

.pro_name{ width: calc(100% - 21px); clear: both; }


}