.jcarousel-wrapper {
	background:url(back_jcarousel.jpg) no-repeat left top;	
	position: relative;
	width: 708px;
	height: 217px;
	padding: 0;
}


/** Carousel Controls **/
.jcarousel-control-prev {
	background:url(arrow_left.jpg) no-repeat center center;
	width: 13px;
	height: 81px;
	position: absolute;
	top: 64px;
	left: 0;
	text-indent: -9999px;
	z-index: 100;
}
.jcarousel-control-next {
	background:url(arrow_right.jpg) no-repeat center center;
	width: 13px;
	height: 81px;
	position: absolute;
	top: 64px;
	right: 0;
	text-indent: -9999px;
	z-index: 100;
}

/** Carousel Pagination **/
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}



/** jcarousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
	width: 678px;
	height: 192px;
	margin: 0 15px;
	padding: 25px 0 0 0;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
	position: relative;	
    float: left;
	width: 149px !important;
	height: 121px !important;
	margin: 9px;
	padding: 0;
	border: 1px solid #d7d7d7;
}
.jcarousel li .box {
    text-align: center;
    font-size: 0;
    width: 149px;
    height: 121px;
    display: block;
}
.jcarousel li .box * {
	vertical-align: middle;
}
.jcarousel li .box span {
	display: inline-block;
	height: 100%;
	_height: auto;
}
.jcarousel li .box img {
	max-width: 149px;
	max-height: 121px;
	_width: 149px;
	_height: 121px;
}
.jcarousel p  {
	text-align: center;
	margin: 6px 0 0 0;
	line-height: 16px;
}
.jcarousel p a:hover {
	color: #C00;
	text-decoration: underline;
}


/** jcarousel 應用下載**/

.jcarousel-wrapper3 {
	background: none;	
	position: relative;
	width: 232px;
	height: 208px;
	padding: 0;
	border: 1px solid #c7c7c7;
}

.jcarousel3 {
    position: relative;
    overflow: hidden;
	width: 232px;
	height: 208px;
	margin: 0;
	padding: 0;
}

.jcarousel3 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel3 li {
	position: relative;	
    float: left;
	width: 222px !important;
	height: 200px !important;
	margin: 6px 5px;
	padding: 0;
	border: none;
}
.jcarousel3 li .box {
    text-align: center;
    font-size: 0;
    width: 222px;
    height: 200px;
    display: block;
}
.jcarousel3 li .box * {
	vertical-align: middle;
}
.jcarousel3 li .box span {
	display: inline-block;
	height: 100%;
	_height: auto;
}
.jcarousel3 li .box img {
	max-width: 222px;
	max-height: 200px;
	_width: 222px;
	_height: 200px;
}
.prev2 {
	background:url(arrow_left2.png) no-repeat center center;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 94px;
	left: 10px;
	text-indent: -9999px;
	z-index: 100;
}
.next2 {
	background:url(arrow_right2.png) no-repeat center center;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 94px;
	right: 10px;
	text-indent: -9999px;
	z-index: 100;
}