/*
div.jcarousel-skin-tango > div.jcarousel-container > div.jcarousel-clip > ul.jcarousel-list > li.jcarousel-item jcarousel-item-[i]
                                                     div.jcarousel-prev
                                                     div.jcarousel-next
*/


/* --------------------------------------------- 最外層框架 ----------------------------------------- */

.jcarousel-skin-tango .jcarousel-container {
   	background: url(newslist_bg.jpg) no-repeat left top;
	color:#333;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}


/* ------------------------------ 最外層框架 horizontal / vertical ------------------------------- */


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 320px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 883px;
    height: 21px;
    padding: 18px 10px 14px 110px;
}


/* ------------------------------ 第2層框架 horizontal / vertical ------------------------------- */


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  320px;
    height: 71px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  824px;
    height: 21px;
}



/* ------------------------------ 第4層框架 li.jcarousel-item 各小圖設定 ------------------------------- */

.jcarousel-skin-tango .jcarousel-item {
   	background: url(icon.gif) no-repeat left 7px;	
    width:  816px;
    height: 21px;
	padding: 0 0 0 8px;
	overflow:hidden;
}

.jcarousel-skin-tango .jcarousel-item img {
    width:  824px;
    height: 21px;
	border:0;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

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

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


/* ------------------------------ horizontal 按鈕設定 ------------------------------- */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 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: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 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 按鈕設定 ------------------------------- */

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 18px;
    right: 50px;
    width: 7px;
    height: 4px;
    cursor: pointer;
    background: transparent url(next-vertical1.gif) no-repeat 0 0;
}

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

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

.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 -4px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 24px;
    right: 50px;
    width: 7px;
    height: 4px;
    cursor: pointer;
    background: transparent url(prev-vertical1.gif) no-repeat 0 0;
}

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

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

.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 -4px;
}