#menu_bg {
	width: 1000px;
	height: 86px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#menu_box {
	width: 100%;
	height: 39px;
	background-repeat: no-repeat;
	float: right;
	margin-right: 0px;
	padding-bottom:33px;
	background: url(../menu/menu_02.png) center bottom repeat-x;
}

#menu_box_b {
	width:100%;
	height:33px;
	background:url(menu_02.png) repeat-x;
}
#top_menu {
	width: 100%;
	height: 39px;
	margin:0 auto;
	margin-bottom: 0px;
}

ul.td_menu {
	width: 1000px;
	height: 39px;
	list-style: none;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul.td_menu * {
	margin: 0;
	padding: 0
}
ul.td_menu a {
	display: block;
	color: #000;
	text-decoration: none
}
/*-------第一層menu-------------------------*/
ul.td_menu > li {
	float: left;
	height: 39px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
	behavior:url(../pie/PIE.htc);
}

ul.td_menu li > a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.td_menu > li.menu_01 {
	width: 143px;
	background-image: url(menu_01.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_01:hover {
	background-image: url(c_menu_01.jpg);
}

ul.td_menu > li.menu_02 {
	width: 142px;
	background-image: url(menu_02.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_02:hover {
	background-image: url(c_menu_02.jpg);
}

ul.td_menu > li.menu_03 {
	width: 143px;
	background-image: url(menu_03.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_03:hover {
	background-image: url(c_menu_03.jpg);
}

ul.td_menu > li.menu_04 {
	width: 143px;
	background-image: url(menu_04.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_04:hover {
	background-image: url(c_menu_04.jpg);
}

ul.td_menu > li.menu_05 {
	width: 143px;
	background-image: url(menu_05.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_05:hover {
	background-image: url(c_menu_05.jpg);
}

ul.td_menu > li.menu_06 {
	width: 141px;
	background-image: url(menu_06.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_06:hover {
	background-image: url(c_menu_06.jpg);
}

ul.td_menu > li.menu_07 {
	width: 144px;
	background-image: url(menu_07.jpg);
	background-repeat: no-repeat;
	background-position:0 100%;
}

ul.td_menu > li.menu_07:hover {
	background-image: url(c_menu_07.jpg);
}
/************************************************/
.list_menu_box{
	height:33px;
	line-height:33px;
	background-repeat: repeat-x;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left:0px;
	background-image: url(../menu/menu_02.png);
	z-index:100;
	display:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.list_menu_box.act{
	display:block;
}
.list_menu_box.active{
	display:block;
}
ul.list_menu {
	width:100%;
   margin:0 auto;
   text-align:center;
   padding:0;
   list-style: none;
}
ul.list_menu li{
    display: inline-block;
	list-style:none;
	padding:0 45px 0 10px;
	background: url(../menu/img02.png) right 0px no-repeat;
}
ul.list_menu li:first-child{
	padding-left:12px;
	background:url(../menu/img01.png) 0px 14px no-repeat, url(../menu/img02.png) right 0px no-repeat;
}
ul.list_menu li:last-child{
	background:none;
}
ul.list_menu li a {
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
ul.list_menu li a:visited {
	color: #FFF;
	text-decoration: none;
}
ul.list_menu li a:hover {
	color: #FFBF00;
}