@charset "utf-8";

/* CSS Document for IBM JSF Component */
/*************************************
*		menuex
**************************************/	
/*		#menu
------------------------------------ */
#menuTW{
	display:block;
    height:26px;
	padding:0;
    z-index: 1;
    position: relative;
	border-bottom:2px solid #998f81;
}
#menuTW .menu-head,
#menuTW .menu-head .fixedmenu,
#menu_end,
#menuTW dd{
    float:left;
    line-height: 20px;
}
#menuTW .fixedmenu, #menu_end dd{ border-bottom:2px solid #998f81;}
#menuTW .fixedmenu:hover, #menu_end dd:hover{ border-bottom-color:#FC5F07;}

/*當menu外型為圓角或不規則時才需要加入menu_body*/
/*
#menuTW .menu_body{
    margin-left: 15px;
    background-color: red;
    background:url(../image/menu/menu_repeat.gif) repeat-x;
}
*/
#menuTW a{
	color:#685c53;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align: center;
	font-weight:bold;
	font-size:15px;
	padding:2px 20px 4px 20px;
}
#menuTW .menu-head{
    position: relative;
    top:0;
    left:0;
    z-index: 1600;
}
#menu_end{
    position: relative;
    top:0;
    left: 0;
    z-index: 1501;
    overflow: hidden;
}
#menuTW .menu-head .fixedmenu{}
#menuTW .menu-head .fixedmenu.last{}
#menuTW .menu-head .fixedmenu.first{ border-left: none;}
#menu_end dd{}
#menuTW a.single-fixed{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menuTW a.single{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menuTW a.double{
    display:block;
    border-bottom: 3px solid #ff8f00;
    line-height: 1;
    display:block;
    z-index: 10;
}

/*針對menu 程式使用的current樣式*/
#menuTW #menuheadTW div a{}
#menuTW #menuheadTW div.current a,
#menuTW #menuheadTW div.current a:hover{
    color: #ffffff;
}
#menuTW #menuheadTW div.current{
    /*background:url(../image/menu/menu_bg_active.png) repeat-x left bottom;*/
	background:#fc5f07;
}

/*針對menu 程式使用的current樣式*/
#menuTW #menu_end dd.current a,
#menuTW #menu_end dd.current a:hover{
    color: #ffffff;
}
#menuTW #menu_end dd.current{ background:#fc5f07;}

/*		menu > dd 下面還有span時 ,不規則按鈕需切圖使用
---------------------------------*/
/*
#menuTW dd.current a span,
#menuTW dd.current a:hover span{
	color:#ffffff;
	background:url(../image/menu/menu_current_sprite.gif) no-repeat right top;}
*/

/*		menu_end 動態選單
---------------------------------*/
.dynamic-menu{ display:none;}
.dynamic-menu.current{ display: block;}

/*		#sideLeft 左側選單
---------------------------------*/
#sideLeft{
    position: relative;
    z-index: 1;
	border-right: none;
	float:left;
    width:170px;
	_height:500px;
	min-height:500px;margin-left: -100%;
    background-color: #ffffff;
}
#sideLeft .demoLink{
	position:absolute;
	bottom:10px;
}

/*		#menuSub
---------------------------------*/		
/*menuSub setting*/
#menuSubTW{ padding-top: 7px;}
#menuSub_innerTW{
    position: absolute;
    left:0px;
    top:0px;
    z-index: 11;
    background-color: #ffffff;
    /*background:url(../image/menu/sub_menu_top.gif) no-repeat;*/
    background-position: top right;
    width: 181px;
    height:3px;
    padding:0px 0 0 0;
}
#menuSubTW dl,
#menuSubTW dt{
    margin:0; padding:0;
}
#menuSubTW dl,
#menuSubTW .sub_wp a{
    display:none;
}
#menuSubTW dl.current{ display:block;}
#menuSubTW{ cursor:pointer;}

/*menuSub style*/	
#menuSubTW a{	
	display:block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/*一般*/
#menuSubTW dt span a{
	padding:0 0 0 20px;
    /*border-bottom:1px #cdcdcd solid;*/
    margin-left: 0px;
}
#menuSubTW dt span.sub_wp a{
    padding:0 0 0 27px;
    border-bottom:none;
    background-color: #ffffff;
    margin-left: 0px;
}
#menuSubTW dl.current dt span.sub_wp a:last-child{
    /*border-bottom:1px #cdcdcd solid;*/
}
#menuSubTW a b{
    font-weight: normal;
	display:block;
	color:#685C53;
    /*撐開側邊按鈕高度*/
	padding:6px 4px 4px 0;
	/*background:#c8d7e3 url(../image/menu/subr.gif) no-repeat right center;*/
}
#menuSubTW a:hover{ background:#f2f2ea;}
#menuSubTW a:hover b{ display: block;}
#menuSubTW dt.current span.multi a{ position: relative;}
#menuSubTW dt.current span.multi a b:before,
#menuSubTW span.multi a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}
/*single*/
#menuSubTW span:nth-child(1){ display: block;}
#menuSubTW .single a b{
    background:none;
    font-weight: normal;
}
#menuSubTW .single a:hover{ background:#f2f2ea ;}
#menuSubTW .single a:hover b{ background:#f2f2ea;}
#menuSubTW dt.current .single a{
	/*background:#fff url(../image/menu/sub_menu_head.gif) no-repeat top left;*/
}
#menuSubTW dt.current span.multi a,
#menuSubTW dt.current span.multi a:hover{
    /*background: url("../image/icon/sidemenu_arrow.gif") no-repeat 8px center;*/
}
#menuSubTW dt.current .single b,
#menuSubTW dt.current .single a:hover b{
    color:#4b4240;
    font-weight:bold;
}
#menuSubTW dt.current span.single a b:before,
#menuSubTW span.single a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}

/*第二層展開*/
#menuSubTW dt.current a,
#menuSubTW dt.current a:hover{}
#menuSubTW dt.current a b
{
    color:#4B4240;
    font-weight: bold;
}
#menuSubTW dt.current .sub_wp a{ display:block;}

/*第三層*/
#menuSubTW .current .sub_wp a,
#menuSubTW .current .sub_wp a b{
	font-weight:normal;
	color:#685C53;
	/*background:#ededed;*/
    /*background:#f0f0f0 url(../image/menu/menuLv2_bg.gif) repeat-y right;*/
}
#menuSubTW .current .sub_wp a.current{
    display: block;
    position: relative;
}
#menuSubTW .current .sub_wp a.current b:before{
    content: "";
    top:10px;
    left: 20px;
    position: absolute;
    display: block;
    width: 0px;
    height: 14px;
	border-left: 3px solid #ff6a34;
}
#menuSubTW .sub_wp a.current,
#menuSubTW .current .sub_wp a.current:hover,
#menuSubTW .sub_wp a.current b,
#menuSubTW .current .sub_wp a.current:hover b{
	color:#F3721B;
	/*background:#fff;*/
}
#menuSubTW .sub_wp a:hover,
#menuSubTW .current .sub_wp a:hover,
#menuSubTW .sub_wp a:hover b,
#menuSubTW .current .sub_wp a:hover b{
	color:#4B4240;
	background:#f2f2ea;
}

/*		#menu
------------------------------------ */
#menuHK{
	display:block;
    height:26px;
	padding:0;
    z-index: 1;
    position: relative;
	border-bottom:2px solid #998f81;
}
#menuHK .menu-head,
#menuHK .menu-head .fixedmenu,
#menu_end,
#menuHK dd{
    float:left;
    line-height: 20px;
}
#menuHK .fixedmenu, #menu_end dd{ border-bottom:2px solid #998f81;}
#menuHK .fixedmenu:hover, #menu_end dd:hover{ border-bottom-color:#FC5F07;}

/*當menu外型為圓角或不規則時才需要加入menu_body*/
/*
#menuHK .menu_body{
    margin-left: 15px;
    background-color: red;
    background:url(../image/menu/menu_repeat.gif) repeat-x;
}
*/
#menuHK a{
	color:#685c53;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align: center;
	font-weight:bold;
	font-size:15px;
	padding:2px 20px 4px 20px;
}
#menuHK .menu-head{
    position: relative;
    top:0;
    left:0;
    z-index: 1600;
}
#menu_end{
    position: relative;
    top:0;
    left: 0;
    z-index: 1501;
    overflow: hidden;
}
#menuHK .menu-head .fixedmenu{}
#menuHK .menu-head .fixedmenu.last{}
#menuHK .menu-head .fixedmenu.first{ border-left: none;}
#menu_end dd{}
#menuHK a.single-fixed{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menuHK a.single{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menuHK a.double{
    display:block;
    border-bottom: 3px solid #ff8f00;
    line-height: 1;
    display:block;
    z-index: 10;
}

/*針對menu 程式使用的current樣式*/
#menuHK #menuheadHK div a{}
#menuHK #menuheadHK div.current a,
#menuHK #menuheadHK div.current a:hover{
    color: #ffffff;
}
#menuHK #menuheadHK div.current{
    /*background:url(../image/menu/menu_bg_active.png) repeat-x left bottom;*/
	background:#fc5f07;
}

/*針對menu 程式使用的current樣式*/
#menuHK #menu_end dd.current a,
#menuHK #menu_end dd.current a:hover{
    color: #ffffff;
}
#menuHK #menu_end dd.current{ background:#fc5f07;}

/*		menu > dd 下面還有span時 ,不規則按鈕需切圖使用
---------------------------------*/
/*
#menuHK dd.current a span,
#menuHK dd.current a:hover span{
	color:#ffffff;
	background:url(../image/menu/menu_current_sprite.gif) no-repeat right top;}
*/

/*		menu_end 動態選單
---------------------------------*/
.dynamic-menu{ display:none;}
.dynamic-menu.current{ display: block;}

/*		#sideLeft 左側選單
---------------------------------*/
#sideLeft{
    position: relative;
    z-index: 1;
	border-right: none;
	float:left;
    width:170px;
	_height:500px;
	min-height:500px;margin-left: -100%;
    background-color: #ffffff;
}
#sideLeft .demoLink{
	position:absolute;
	bottom:10px;
}

/*		#menuSub
---------------------------------*/		
/*menuSub setting*/
#menuSubHK{ padding-top: 7px;}
#menuSub_innerHK{
    position: absolute;
    left:0px;
    top:0px;
    z-index: 11;
    background-color: #ffffff;
    /*background:url(../image/menu/sub_menu_top.gif) no-repeat;*/
    background-position: top right;
    width: 181px;
    height:3px;
    padding:0px 0 0 0;
}
#menuSubHK dl,
#menuSubHK dt{
    margin:0; padding:0;
}
#menuSubHK dl,
#menuSubHK .sub_wp a{
    display:none;
}
#menuSubHK dl.current{ display:block;}
#menuSubHK{ cursor:pointer;}

/*menuSub style*/	
#menuSubHK a{	
	display:block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/*一般*/
#menuSubHK dt span a{
	padding:0 0 0 20px;
    /*border-bottom:1px #cdcdcd solid;*/
    margin-left: 0px;
}
#menuSubHK dt span.sub_wp a{
    padding:0 0 0 27px;
    border-bottom:none;
    background-color: #ffffff;
    margin-left: 0px;
}
#menuSubHK dl.current dt span.sub_wp a:last-child{
    /*border-bottom:1px #cdcdcd solid;*/
}
#menuSubHK a b{
    font-weight: normal;
	display:block;
	color:#685C53;
    /*撐開側邊按鈕高度*/
	padding:6px 4px 4px 0;
	/*background:#c8d7e3 url(../image/menu/subr.gif) no-repeat right center;*/
}
#menuSubHK a:hover{ background:#f2f2ea;}
#menuSubHK a:hover b{ display: block;}
#menuSubHK dt.current span.multi a{ position: relative;}
#menuSubHK dt.current span.multi a b:before,
#menuSubHK span.multi a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}
/*single*/
#menuSubHK span:nth-child(1){ display: block;}
#menuSubHK .single a b{
    background:none;
    font-weight: normal;
}
#menuSubHK .single a:hover{ background:#f2f2ea ;}
#menuSubHK .single a:hover b{ background:#f2f2ea;}
#menuSubHK dt.current .single a{
	/*background:#fff url(../image/menu/sub_menu_head.gif) no-repeat top left;*/
}
#menuSubHK dt.current span.multi a,
#menuSubHK dt.current span.multi a:hover{
    /*background: url("../image/icon/sidemenu_arrow.gif") no-repeat 8px center;*/
}
#menuSubHK dt.current .single b,
#menuSubHK dt.current .single a:hover b{
    color:#4b4240;
    font-weight:bold;
}
#menuSubHK dt.current span.single a b:before,
#menuSubHK span.single a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}

/*第二層展開*/
#menuSubHK dt.current a,
#menuSubHK dt.current a:hover{}
#menuSubHK dt.current a b
{
    color:#4B4240;
    font-weight: bold;
}
#menuSubHK dt.current .sub_wp a{ display:block;}

/*第三層*/
#menuSubHK .current .sub_wp a,
#menuSubHK .current .sub_wp a b{
	font-weight:normal;
	color:#685C53;
	/*background:#ededed;*/
    /*background:#f0f0f0 url(../image/menu/menuLv2_bg.gif) repeat-y right;*/
}
#menuSubHK .current .sub_wp a.current{
    display: block;
    position: relative;
}
#menuSubHK .current .sub_wp a.current b:before{
    content: "";
    top:10px;
    left: 20px;
    position: absolute;
    display: block;
    width: 0px;
    height: 14px;
	border-left: 3px solid #ff6a34;
}
#menuSubHK .sub_wp a.current,
#menuSubHK .current .sub_wp a.current:hover,
#menuSubHK .sub_wp a.current b,
#menuSubHK .current .sub_wp a.current:hover b{
	color:#F3721B;
	/*background:#fff;*/
}
#menuSubHK .sub_wp a:hover,
#menuSubHK .current .sub_wp a:hover,
#menuSubHK .sub_wp a:hover b,
#menuSubHK .current .sub_wp a:hover b{
	color:#4B4240;
	background:#f2f2ea;
}


/*************************************
*		我的最愛
**************************************/	
.favorlist{ width:526px;}
.favorlist .item{
    margin-right: 13px;
    margin-bottom: 8px;
    padding-left: 7px;
    float: left;
    width: 151px;
    background-color: #ffffff;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    border: 1px solid #999999;
}
.favorlist .item .minuslist{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 30px;
    line-height: 30px;
    background-color: #737373;
    background: #777 url(../image/icon/favor_minus.png) no-repeat center center;
}
.favorlist .item .minuslist:hover{
    background: #555 url(../image/icon/favor_minus.png) no-repeat center center;
}