@charset "utf-8";
/* container for slides */
.flash_contents {
	height: 320px;
}

#brandPanel .images {
	position:relative;
	width:680px;
	height:300px;
	float:left;
	margin:0;
	cursor:pointer;
}

/* single slide */
#brandPanel .images li {
	display:none;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	height:300px;
}

/* tabs (those little circles below slides) */
#brandPanel .slidetabs {
	clear:both;
	padding-top:5px;
	zoom:1;
	position:relative; top:-23px;
}

#brandPanel .tubnum-1  { margin-left: 639px; }
#brandPanel .tubnum-2  { margin-left: 594px; }
#brandPanel .tubnum-3  { margin-left: 551px; }
#brandPanel .tubnum-4  { margin-left: 508px; }
#brandPanel .tubnum-5  { margin-left: 465px; }
#brandPanel .tubnum-6  { margin-left: 422px; }
#brandPanel .tubnum-7  { margin-left: 379px; }
#brandPanel .tubnum-8  { margin-left: 336px; }
#brandPanel .tubnum-9  { margin-left: 293px; }
#brandPanel .tubnum-10 { margin-left: 250px; }
#brandPanel .slidetabs:after { content : ''; display : block; clear : both; margin-bottom:0px; }

/* single tab */
#brandPanel .slidetabs a {
	width:25px;
	height:25px;
	border:1px #e5e5e5 solid;
	float:left;
	padding:5px;
	margin:0 6px 0 0;
/*	display:block;*/
	background-color:#ffffff;
}

#brandPanel .slidetabs a img {
	opacity:0.3;			/* IE以外透過設定 */
	filter: Alpha(opacity=30);	/* IE用透過設定   */
}

/* mouseover state */
#brandPanel .slidetabs a:hover img {
	opacity:1;
	filter: Alpha(opacity=100);
}

/* active state (current page state) */
#brandPanel .slidetabs a.current img {
	opacity:1;
	filter: Alpha(opacity=100);
}

/* prev and next buttons */
#brandPanel .forward, #brandPanel .backward {
	display: none;
}

/* next */
#brandPanel .forward 		{ background-position: 0 -30px; clear:right; }
#brandPanel .forward:hover 	{ background-position:-30px -30px; }
#brandPanel .forward:active 	{ background-position:-60px -30px; }

/* prev */
#brandPanel .backward:hover  	{ background-position:-30px 0; }
#brandPanel .backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
#brandPanel .disabled {
	visibility:hidden !important;
}