@charset "utf-8";

.arrowlistmenu{
	width: 143px; /*width of accordion menu*/
	float: left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/	
	color: white; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	float:left;
	padding: 0;
	width: 143px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	
}
.arrowlistmenu .openheader{
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{
	list-style-type: none;
	float: left;
	width: 143px;
	_width: 100px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.arrowlistmenu ul li{
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 140px;
	_width: 100px;
	float: left;
}
/*Li 第二層連結CSS*/
/*關於我們*/
.arrowlistmenu ul li a.Yellow01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Yellow01:hover , .doing{
	color: #E9B700;	
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconDeepYellowDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*品牌情報*/
.arrowlistmenu ul li a.Blue01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Blue01:hover , .doing{
	color: #2D6BA4;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconBlueDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*品牌選拔*/
.arrowlistmenu ul li a.Green01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Green01:hover , .doing{
	color: #7E9F2C;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconGreenDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*台灣精品*/
.arrowlistmenu ul li a.Pink01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Pink01:hover , .doing{
	color: #D14A59;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconPinkDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*品牌學院*/
.arrowlistmenu ul li a.Brown01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Brown01:hover , .doing{
	color: #876035;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconBrownDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*品牌輔導*/
.arrowlistmenu ul li a.LightPink01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.LightPink01:hover , .doing{
	color: #DD828B;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconLightPinkDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*品牌交流*/
.arrowlistmenu ul li a.LightBlue01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;	
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.LightBlue01:hover , .doing{
	color: #ce7e01;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconLightBlueDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
/*相關連結*/
.arrowlistmenu ul li a.Purple01{
	color: #000;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconBlackDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;
	width: 100px;
	float:left;
}
.arrowlistmenu ul li a.Purple01:hover , .doing{
	color: #814F74;
	display: block;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	background-image: url(images/IconPurpleDisc.jpg);
	background-repeat: no-repeat;
	background-position: 25px 3px;	
	width: 100px;
	float:left;
}
/*End*/
/*Li 第三層連結CSS*/
/*關於我們*/
.arrowlistmenu ul li a.Yellow02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
	
}
.arrowlistmenu ul li a.Yellow02:hover , .doing{
	color: #E9B700;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
	
	
}
/*品牌情報*/
.arrowlistmenu ul li a.Blue02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.Blue02:hover , .doing{
	color: #2D6BA4;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
	
}
/*品牌選拔*/
.arrowlistmenu ul li a.Green02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.Green02:hover , .doing{
	color: #7E9F2C;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
	
}
/*台灣精品*/
.arrowlistmenu ul li a.Pink02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.Pink02:hover , .doing{
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	color: #D24A58;
	float:left;
}
/*品牌學院*/
.arrowlistmenu ul li a.Brown02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.Brown02:hover , .doing{
	color: #876035;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
	
}
/*品牌輔導*/
.arrowlistmenu ul li a.LightPink02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.LightPink02:hover , .doing{
	color: #DD828B;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
/*品牌交流*/
.arrowlistmenu ul li a.LightBlue02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.LightBlue02:hover , .doing{
	color: #5b9495;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
/*相關連結*/
.arrowlistmenu ul li a.Purple02{
	color: #3a3a3a;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;
	float:left;
}
.arrowlistmenu ul li a.Purple02:hover , .doing{
	color: #814F74;
	display: block;
	padding: 2px 0 2px 19px;
	text-decoration: none;
	font-weight: normal;
	width:90px;	
	float:left;
}
/*End*/

.arrowlistmenu ul li ul{
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: -8px;
	float: left;
	width: 115px;
	margin-top: -10px;
	margin-right: 0;
	margin-left: 0;
	font-size: 75%;
}

.arrowlistmenu ul li ul li{
	padding-bottom: 2px;
	float: left;
	width: 105px;
}
/*
.arrowlistmenu ul li ul li a{
color: #0303A7;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-size: 90%;
}

.arrowlistmenu ul li ul li a:visited{
color: #0303A7;
}

.arrowlistmenu ul li ul li a:hover{
color: #0303A7;
background-color: #F3F3F3;
}*/
/*TitleStyle*/
.arrowlistmenu a.MenuA {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkA.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuA:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverA.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuB {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkB.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuB:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverB.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuC {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkC.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuC:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuHoverC.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuD {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkD.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuD:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverD.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuE {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkE.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuE:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverE.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuF {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkF.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuF:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverF.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuG {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkG.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuG:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverG.jpg);
    background-repeat: no-repeat;	
}
.arrowlistmenu a.MenuH {
	display: block;
	float: left;
	height: 33px;
	width: 143px;
	background-image: url(images/InMenuLinkH.jpg);
	background-repeat: no-repeat;
}
.arrowlistmenu a.MenuH:hover , .doing{
	display: block;
	float: left;
	height: 33px;
	width: 143px;background-image: url(images/InMenuHoverH.jpg);
    background-repeat: no-repeat;	
}