@charset "utf-8";
#header{
	width:1003px;
	height:184px;
	text-align:left;
	margin: 0 auto;
	position:relative;
	overflow: visible;
	background-image: url(../images/header_bg.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:101;
}
.header_content{
	width:1003px;
	height:184px;
	text-align:left;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	zoom: 1;
	background-image: url(../images/header_bg.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
}
.contextSearch {
	background-image: url(../images/searchBar.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 20px;
	width: 208px;
	margin-right: 47px;
	display:inline; /*IE6*/
}
.contextSearch dd{
	margin:0;
	padding:0;
	text-align: left;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	overflow:hidden;
}
.contextSearch-btn-primary{
	margin-top:1px;
}
.contextSearch-textInput{
	font-size: 1.2em;
	width:105px;
	margin: 0 7px 0 12px;
	border: 0px none #FFFFFF;
	background-color: #FFFFFF;
	color: #3399cc;
}
.logo {
	background-image: url(../images/logo.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	text-indent: -2000px;
	display: block;
	height: 88px;
	width: 142px;
	overflow: hidden;
	position: absolute;
	z-index: 3;
	top: 63px;
	left:31px;
	/*left: 50%;
	margin-left:-465px;*/
}
.logo a {
	display: block;
	height: 100%;
	width: 100%;
}
#navigation {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: auto;
	height: 74px;
	zoom: 1;
	top: 89px;
	left:214px;
	/*left: 50%;
	margin-left:-292px;*/
	position: absolute;
	overflow: visible;
	z-index: 3;
}
#navigation a {
	color: #FFFFFF!important;
}
#navigation  li.level1 {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 130px;
	height: auto;
	position: relative;
}
#navigation  li.level1 span  {
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}
#navigation   li.level1 div  {
	display: none;
}

#navigation   li.level1:hover div  {
	display: block;
}

#navigation   li.level1:hover ol.level2   {
	display: block;
}
#navigation   ol.level2   {
	display: none;
	margin: 0px;
	padding: 20px 0px 40px 0px;
	width: 148px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
}
#navigation ol.level2 li {
	margin: 0px 13px;
	padding: 3px 8px;
	float: none;
	cursor:pointer;
	height: 1.5em;
	width: auto;
	text-indent: 0px;
	border-bottom: 1px solid #cc5252;
	line-height: 1.5em;
	display: block;
	text-align: left;
	font-size: 12px;
}
#navigation ol.level2 li:hover     {
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
#navigation ol.level2 li:hover  a    {
	width:100%;
	height:100%;
	display:block;
}
#navigation li#item1 {
	background-image: url(../images/header_nav_01.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 75px;
}
#navigation li#item2 {
	background-image: url(../images/header_nav_02.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 71px;
}
#navigation li#item3 {
	background-image: url(../images/header_nav_03.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 60px;
}
#navigation li#item4 {
	background-image: url(../images/header_nav_04.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 51px;
}
#navigation li#item5 {
	background-image: url(../images/header_nav_05.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 47px;
}
#navigation li#item1:hover ol.level2{
	background-image: url(../images/header_nav1_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	top:69px;
	left:-4px;
	height:109px;
}
#navigation li#item2:hover ol.level2{
	background-image: url(../images/header_nav2_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	top:60px;
	left:-3px;
	height:169px;
}
#navigation li#item3:hover ol.level2{
	background-image: url(../images/header_nav3_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	top:53px;
	left:-3px;
	height:195px;
}
#navigation li#item4:hover ol.level2{
	background-image: url(../images/header_nav4_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	top:47px;
	left:-2px;
	height:285px;
}
#navigation li#item5:hover ol.level2{
	background-image: url(../images/header_nav5_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	top:40px;
	left:-3px;
	height:198px;
}
#navigation iframe {/*IE7,FF*/
	display: none;
}

.quickLink {
	list-style-type: none;
	text-align: right;
	margin-top: 7px;
	margin-right: 30px;
	padding: 0px;
}
.quickLink li{
	font-size:1.2em;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;
	width:6em;
	text-align: left;
	display: -moz-inline-stack;  /*Firefox only code*/
	display: inline-block;       /*some standard browsers*/
	zoom: 1;                     /*IE only*/
    *display: inline;            /*Only IE know this code (CSS Hack)*/
}
.quickLink a:link{ color:#b2b2b2;}
.quickLink a:visited{ color:#b2b2b2;}

/* ######### Style for Navigation(chromemenu) ######### */
.navigation {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 74px;
	top: 89px;
	left:214px;
	position: absolute;
	overflow: visible;
	z-index:102;
	zoom: 1;
}
.navigation:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.navigation  ul{
	margin:0;
	padding:0;
	display:inline;/*FF*/
}
.navigation ul li{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 130px;
	zoom:1;
}
.navigation ul li a  {
	width: 100%;
	height: 100%;
	text-indent:-2000px;
	overflow: hidden;
	display: block;
}
.navigation li.item1 {
	background-image: url(../images/header_nav_01.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 75px;
}
.navigation li.item2 {
	background-image: url(../images/header_nav_02.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 71px;
}
.navigation li.item3 {
	background-image: url(../images/header_nav_03.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 60px;
}
.navigation li.item4 {
	background-image: url(../images/header_nav_04.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 51px;
}
.navigation li.item5 {
	background-image: url(../images/header_nav_05.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 47px;
}
.navigation li.item6 {
	background-image: url(../images/header_nav_06.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 108px;
	height: 42px;
}
.dropmenudiv{
	background-repeat: no-repeat;
	background-position: left top;
	width: 148px;
	height:auto;
	position:absolute;
	top: 0px;
	left:0px;
	z-index:103;
	visibility: hidden;
	padding-bottom:20px;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv ol{
	margin: 0px;
	padding: 20px 0px 20px;
	list-style-type:none;
	width: 100%;
	zoom:1;
	overflow:hidden;
}
.dropmenudiv ol li {
	margin: 0px 13px;
	padding: 3px 8px;
	float: none;
	cursor:pointer;
	height: 1.5em;
	width: auto;
	text-indent: 0px;
	border-bottom: 1px solid #cc5252;
	line-height: 1.5em;
	display: block;
	text-align: left;
	font-size: 12px;
}
.dropmenudiv ol li:hover {
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
.dropmenudiv ol li a {
	width:100%;
	height:100%;
	display:block;
	color: #FFFFFF!important;
}
#dropmenu1 {
	background-image: url(../images/header_nav1_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:146px;*/
	margin-top:-7px;
	margin-left:-4px;
}
#dropmenu2{
	background-image: url(../images/header_nav2_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-8px;
	margin-left:-3px;
}
#dropmenu3{
	background-image: url(../images/header_nav3_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-8px;
	margin-left:-3px;
}
#dropmenu4 {
	background-image: url(../images/header_nav4_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-5px;
	margin-left:-2px;
}
#dropmenu5{
	background-image: url(../images/header_nav5_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-4px;
	margin-left:-3px;
}
#dropmenu6{
	background-image: url(../images/header_nav6_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-3px;
	margin-left:-3px;
}

/* ===================三層選單===================== */
/* 主選單部分 */
#ddMainMenuBar {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 74px;
	top: 60px;
	left:214px;
	*top: 25px;
	*left:214px;
	z-index:auto;
	zoom: 1;
	position: relative;
}

.ddLevlesMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	
}
.ddLevlesMenu ul li{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 130px;
	zoom:1;
}
.ddLevlesMenu li{
	display: inline;
	margin: 0;
}
.ddLevlesMenu ul li a  {
	width: 100%;
	height: 100%;
	text-indent:-2000px;
	overflow: hidden;
	display: block;
}

.ddLevlesMenu li.item1 {
	background-image: url(../images/header_nav_01.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 75px;
}
.ddLevlesMenu li.item2 {
	background-image: url(../images/header_nav_02.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 71px;
}
.ddLevlesMenu li.item3 {
	background-image: url(../images/header_nav_03.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 60px;
}
.ddLevlesMenu li.item4 {
	background-image: url(../images/header_nav_04.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 51px;
}
.ddLevlesMenu li.item5 {
	background-image: url(../images/header_nav_05.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 47px;
}
.ddLevlesMenu li.item6 {
	background-image: url(../images/header_nav_06.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 108px;
	height: 42px;
}


/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	font-size: 1.1em;
}

.ddsubmenustyle .onlylv2{
	border-bottom: 1px solid #cc5252;
	width: 120px;
	margin: 0px 14px 8px;
	text-align: left;
	text-indent: 9px;
}
.ddsubmenustyle li a{
	display: block;
	color: #FFFFFF;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 148px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #FFFFFF;
}
.ddsubmenustyle .lv2{
	border-bottom: 1px solid #cc5252;
	width: 120px;
	margin: 0px 14px 8px;
	text-align: left;
	text-indent: 7px;
}
.ddsubmenustyle .lv2 a{
	background-image: url(../images/header_lv3_arrow.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}
.ddsubmenustyle .lv2 a:hover{
	background-image: none;
}
.ddsubmenustyle .lv3{
	background-image: url(../images/header_lv3_oven.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	background-repeat: no-repeat;
	background-position: center top;
	width: 122px;
	margin: 0px;
	padding: 0px 12px 0px -10px;
}
.ddsubmenustyle .lv3 li{
	background-image: url(../images/header_lv3_bg.gif);
	width: 112px;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: 13px;
	padding-left: 10px;
	padding-top: 4px;
	height:25px;
}
/*.ddsubmenustyle .lv3 li:first-child{
	background-image: none;
}*/
.ddsubmenustyle .lv3 li a{
	background-image: none;
	color: #cc0000;
}
.ddsubmenustyle .lv3 li a:hover{
	background-image: none;
	color:#FFF;
}
.ddsubmenustyle .lv3 span{
	background-image: url(../images/header_lv3_footer.gif);
	background-repeat: no-repeat;
	background-position: -11px bottom;
	_background-position: -10px bottom;
	display: block;
	height: 10px;
	
}

#ddsubmenu1 {
	background-image: url(../images/header_nav1_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:146px;*/
	margin-top:-5px;
	margin-left:-4px;
	padding-top: 20px;
	padding-bottom:5px;
}
#ddsubmenu2{
	background-image: url(../images/header_nav2_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-8px;
	margin-left:-3px;
	padding-top: 15px;
	background-repeat: no-repeat;
}
#ddsubmenu3{
	/*background-image: url(../images/header_nav3_bg_1.png);*/
	/*background-image: url(../images/header_nav3_bg_2.png);*/
	background-image: url(../images/header_nav3_bg_3.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-9px;
	margin-left:-3px;
	padding-top: 15px;
	padding-bottom:5px;
}
#ddsubmenu4 {
	background-image: url(../images/header_nav4_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-1px;
	margin-left:-2px;
	padding-top: 15px;
}

#ddsubmenu5{
	background-image: url(../images/header_nav5_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-6px;
	margin-left:-3px;
	padding-top: 15px;
}
#ddsubmenu6{
	background-image: url(../images/header_nav6_bg_1.png);
	_behavior: url(scripts/iepngfix_v2.htc);
	/*height:193px;*/
	margin-top:-5px;
	margin-left:-3px;
	padding-top: 15px;
}

/*-----------------------------------------------------*/
.dropmenudiv ol li {
	margin: 0px 13px;
	padding: 3px 8px;
	float: none;
	cursor:pointer;
	height: 1.5em;
	width: auto;
	text-indent: 0px;
	border-bottom: 1px solid #cc5252;
	line-height: 1.5em;
	display: block;
	text-align: left;
	font-size: 12px;
}
.dropmenudiv ol li:hover {
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
.dropmenudiv ol li a {
	width:100%;
	height:100%;
	display:block;
	color: #FFFFFF!important;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}