@charset "utf-8";
/*共用標籤*/
body {
    overflow-x:hidden;  
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
#nobg{background-image:none}
img {	border: none;}
.red{color:#C8000B;}
a:link,a:visited {color: #000000;	text-decoration: none;}
a:hover,a:active {	color: #0000FF;	text-decoration: underline;}
.clear{clear:both}
.arr{width:30px;height:12px;float:left;}
a.bt_left:link,a.bt_left:visited{background-image: url(../images/bt_left2.gif);	background-repeat: no-repeat;
	width:15px;	height:12px;float:left;} 
a.bt_left:hover,a.bt_left:active{background-image: url(../images/bt_left2_or.gif);	background-repeat: no-repeat;}
a.bt_right:link,a.bt_right:visited{	background-image: url(../images/bt_right2.gif);	background-repeat: no-repeat;
	width:15px;	height:12px;float:left;} 
a.bt_right:hover,a.bt_right:active{background-image: url(../images/bt_right2_or.gif);	background-repeat: no-repeat;}
a.bt_left2:link,a.bt_left2:visited{background-image: url(../images/bt_left2.gif);	background-repeat: no-repeat;
	width:15px;	height:12px;float:left;} 
a.bt_left2:hover,a.bt_left2:active{background-image: url(../images/bt_left2_or.gif);	background-repeat: no-repeat;}
a.bt_right2:link,a.bt_right2:visited{	background-image: url(../images/bt_right2.gif);	background-repeat: no-repeat;
	width:15px;	height:12px;float:left;} 
a.bt_right2:hover,a.bt_right2:active{background-image: url(../images/bt_right2_or.gif);	background-repeat: no-repeat;}
a.bt_go:link,a.bt_go:visited{
	background-image: url(../images/bt_02.gif);
	background-repeat: no-repeat;
	width:81px;
	height:17px;
	float:left;
	text-align:center;
	line-height: 16px;
	*line-height: 20px;
	_line-height: 20px;
	color: #FFFFFF;
} 
a.bt_go:hover,a.bt_go:active{
	background-image: url(../images/bt_02_or.gif);
	background-repeat: no-repeat;
	color: #CC0000;
	text-decoration: none;
}
.bt{
	width:205px;
	height:40px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 20px;
}
a.bt_enter:link,a.bt_enter:visited{
	background-image: url(../images/bt_bg.gif);
	background-repeat: no-repeat;
	line-height:21px;
	width:81px;
	height:21px;
	float:left;
	text-decoration: none;
	margin:0 10px 0 10px;
	text-align: center;
} 
a.bt_enter:hover,a.bt_enter:active{
	background-image: url(../images/bt_bg_or.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}
/*基本架構*/
#top{
	width:980px;
	background-repeat: repeat-x;
	height: 88px;
	margin-right: auto;
	margin-left: auto;
}
#logo{
	height:60px;
	width:340px;
	margin: 15px 0 0 0;
	position: absolute;
	z-index: 20;
	background: url(../images/logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo.png);
	cursor: pointer;	
}
#logo img {	border: none;}
#menu{
	width:500px;
	float:right;
	margin:35px 0 0 0;
	text-align: left;
}
#sub_menu{
	width:100%;
	float:right;
	text-align: left;
	background-color: #c7000a;
	height: 20px;
	padding-top: 5px;
}
.welcome_color {
   padding-left: 210px;
   color:#FFFFFF
}
#main{
	width:100%;
	height: 580px;
	background-image: url(../images/bg_index.jpg);
	background-repeat: repeat-x;
	*background-position: left top;
	_background-position: left 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#sub_main{
	height: auto;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#footer{
	width:990px;
	color: #999999;
	letter-spacing: 0.125em;
	line-height: 18px;
	font-size: 11px;
	text-align: left;
	height: 80px;
	margin: 10px auto 0 auto;
}
#footer .con a:link,#footer .con a:visited {	color: #999999;	text-decoration: none;}
#footer .con a:hover,#footer .con a:active {	color: #CC0000;	text-decoration: none;}
#footer span{margin-right:10px}
#footer a:link,#footer a:visited {	color: #999999;	text-decoration: none;}
#footer a:hover,#footer a:active {	color: #0000FF;	text-decoration: none;}
/*首頁*/
#main_map{
	width:100%;
	height: 580px;
	background-image: url(../images/bg_map.gif);
	background-repeat: no-repeat;
	background-position: 73% 38%;
	*background-position: 73% 38%;
	_background-position: 73% 20%;
	float:left;
}
#main_arr{
	width:100%;
	height: 580px;
	background-image: url(../images/bg_arr.gif);
	background-repeat: no-repeat;
	background-position: 1100px 395px;
	float:left;
}
#index{
	width:995px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 580px;
}
#index .menu{
	width:180px;
	height:400px;
	float:left;
	padding-left:15px;
}
#box{overflow:hidden;width:172px;height:384px;margin-bottom:6px}
#box img{
	float:left;
	border: 1px solid #CCCCCC;
	margin:1px 0 1px 0;
}
#index .menu .change{
	width:183px;
	float:left;
	height: 10px;
}
#index .menu .change .up{width:87px;float:left;}
#index .menu .change .down{width:87px;float:left;}
#index .photo{
	width:562px;
	height:400px;
	float:left;
	margin:0 auto;
}
#index .photo .img{
	border: 1px solid #CCCCCC;
	float: left;
}
#index .photo .new{
	width:60px;
	height:59px;
	position: absolute;
	z-index: 5;
	*margin: 0 0 0 -561px;
	background: url(../images/new.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/new.png);
}
#index .con{
	_filter:alpha(opacity=75);/*IE6*/
	filter:alpha(opacity=75);/*IE7*/
　  -moz-opacity: 0.75;/*fireFox*/
	width:225px;
	height:400px;
	float:left;
	background-image: url(../images/index_r.gif);
	background-repeat: no-repeat;
	margin-left:3px;
}
#index .man{
	position: absolute;
	z-index: 30;
	margin-top: 182px;
	margin-left: 105px;
}
#index .txt{
	position: absolute;
	padding: 20px 0px 0px 25px;
	width: 180px;
	z-index: 20;
}
#index .txt .p1{
	color:#CC0000;
	font-size:10px;
	letter-spacing: 0.1em;
	height: 16px;
	float: left;
	width: 150px;
}
#index .txt .p2{
	font-size:13px;
	font-weight: bold;
	height: 35px;
	float: left;
	width: 180px;
	padding:0px;
}
#index .txt .p3{
	font-size:11px;
	color:#666666;
	line-height:16px;
	float: left;
	width: 180px;
}
#index .bottom{
	width:990px;
	height:185px;
	float:left;
	margin: 8px auto 0 auto;
	background-image: url(../images/bg_bottom.jpg);
	background-repeat: no-repeat;
}
#index .bottom .news{
	float:left;
	width:174px;
	height:105px;
	background: url(../images/bg_news.jpg) no-repeat 10px 18px;
	padding: 50px 0px 0px 12px;
}
#index .bottom .news1{
	float:left;
	width:174px;
	height:100px;
	
}
#index .bottom .news .arr{width:30px;height:12px;float:left;margin-left:140px;*margin-left:140px;_margin-left:70px}
#index .bottom .news .list{
	float:left;
	width:174px;
	margin-top:13px;
	height: 70px;
}
#index .bottom .news p{
	line-height:15px;
	background: url(../images/icon_01.gif) no-repeat left 1px;
	padding-left: 14px;
	font-size: 11px;
	height: 15px;
	width: 160px;
	margin: 0px 0px 3px 0px;
}
#index .bottom .cen{
	float:left;
	width:587px;
	height: 165px;
}
#index .bottom .cen .sub{
	float:left;
	width:565px;
	height:37px;
	padding:8px 0 0 22px;
}
#index .bottom .cen .sub ul{
	margin:0px;
	padding:0px;
	height: 40px;
	width: 565px;
}
#index .bottom .cen .sub li{
	list-style:none;
	margin:0px;
	padding:0px;
	display: block;
	float: left;
	line-height:30px;
	height: 30px;
}
#index .bottom .cen .sub li a{	color: #FFFFFF;	text-decoration: none;}
#index .bottom .cen .sub li .menu01 {
	float: left;
	width: 70px;
	color: #FFFFFF;
	background-image: url(../images/bt_left.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	padding-left:40px;
}
#index .bottom .cen .sub li .menu01_or {
	float: left;
	width: 70px;
	color: #FFFFFF;
	background-image: url(../images/bt_left_or.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	padding-left:40px;
}
#index .bottom .cen .sub li .menu02 {
	float: left;
	width: 101px;
	color: #FFFFFF;
	background-image: url(../images/bt_cen.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	text-align: center;
}
#index .bottom .cen .sub li .menu02_or {
	float: left;
	width: 101px;
	color: #FFFFFF;
	background-image: url(../images/bt_cen_or.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	text-align: center;
}
#index .bottom .cen .sub li .menu03 {
	float: left;
	width: 95px;
	color: #FFFFFF;
	background-image: url(../images/bt_right.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	padding-left:15px;
}
#index .bottom .cen .sub li .menu03_or {
	float: left;
	width: 95px;
	color: #FFFFFF;
	background-image: url(../images/bt_right_or.gif);
	background-repeat: no-repeat;
	height: 29px;
	text-decoration: none;
	margin:0 1px;
	padding-left:15px;
}
#index .bottom .cen .ad{
	float:left;
	width:587px;
	height:100px;
	margin-top: 10px;
}
#index .bottom .cen .ad .arr_left{
	float:left;
	width:18px;
	height:95px;
}
#index .bottom .cen .ad .arr_right{
	float:left;
	width:15px;
	height:95px;
	margin: 0px 0 0 5px;
}
#index .bottom .cen .ad .img{
	float:left;
	width: 547px;
	height: 93px;
}
#index .bottom .cen .ad .img img{border: 1px solid #CCCCCC;}
#index .bottom .event{
	float:left;
	width:210px;
	height:105px;
	padding:50px 0 0 0px;
	background: url(../images/bg_event.jpg) no-repeat left 16px;
}
#index .bottom .event .list{
	float:left;
	width:200px;
	margin-top:13px;
	height: 70px;
}
#index .bottom .event .arr{width:30px;height:12px;float:left;margin-left:20px;*margin-left:20px;_margin-left:10px}
#index .bottom .event p{
	line-height:15px;
	width: 190px;
	background: url(../images/icon_01.gif) no-repeat left 1px;
	padding-left: 14px;
	font-size: 11px;
	height: 15px;
	margin: 0px 0 3px 0;
}
/*內頁共用樣式*/
#jpg{
	width:100%;


	*width:88%;
	_width:88%;
	height: 88px;
	position: absolute;
	z-index: 5;
	background: url(../images/top.jpg) no-repeat right top;
	left: 150px;
	top: 0px;
}
#sub{
	width:995px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}
#sub .menu{
	width:185px;
	height: auto;
	float: left;
	border-left: 1px solid #ebebeb;
}
#sub .menu .title_a{
	width:185px;
	height: 50px;
	float: left;
	background: url(../images/menu_title.jpg) 45px 0px no-repeat;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
}
#sub .menu .title_b{
	width:185px;
	height: 50px;
	float: left;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
	background-image: url(../images/menu_title.jpg);
	background-repeat: no-repeat;
	background-position: 45px -50px;
}
#sub .menu .title_c{
	width:185px;
	height: 50px;
	float: left;
	background: url(../images/menu_title.jpg) 45px -100px no-repeat;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
}
#sub .menu .title_d{
	width:185px;
	height: 50px;
	float: left;
	background: url(../images/menu_title.jpg) 45px -150px no-repeat;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
}
#sub .menu .title_e{
	width:185px;
	height: 50px;
	float: left;
	background: url(../images/menu_title.jpg) 45px -200px no-repeat;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
}
#sub .menu .title_f{
	width:185px;
	height: 50px;
	float: left;
	margin-top: 20px;
	border-bottom: 1px solid #ebebeb;
	background-image: url(../images/menu_title.jpg);
	background-repeat: no-repeat;
	background-position: 45px -300px;
}
#sub .menu .list{width:185px;height: auto;float: left;}
#sub .menu .list a:link ,#sub .menu .list  a:visited{
	width:125px;
	height: 24px;
	color:#646464;
	float: left;
	margin: 0px;
	padding-left: 60px;
	background: url(../images/menu_icon.jpg) no-repeat 40px center;
	border-bottom: 1px solid #ebebeb;
	line-height: 27px;
	text-decoration: none;
	cursor: hand;
}
#sub .menu .list  a:hover ,#sub .menu .list  a:active {
	width:125px;
	height: 24px;
	color:#c8000b;
	float: left;
	margin: 0px;
	padding-left: 60px;
	border-bottom: 1px solid #ebebeb;
	line-height: 27px;
	text-decoration: none;
	cursor: hand;
	background-image: url(../images/menu_icon_or.jpg);
	background-repeat: no-repeat;
	background-position: 40px center;
	background-color: #F4F3F2;
}
#sub .menu .ad{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin: 200px 0 100px 0;
}
#sub .right{
	width:770px;
	height: auto;
	float: left;
	background: url(../images/shadow.jpg) no-repeat left top;
	padding-left: 30px;
	*padding-left:15px;
	padding-bottom: 30px;
	display: inline-block;
}
/*right 標題*/
#sub .right .title_01{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 0px no-repeat;}
#sub .right .title_02{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -40px no-repeat;}
#sub .right .title_03{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -80px no-repeat;}
#sub .right .title_04{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -120px no-repeat;}
#sub .right .title_05{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -160px no-repeat;}
#sub .right .title_06{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -200px no-repeat;}
#sub .right .title_07{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -240px no-repeat;}
#sub .right .title_08{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -280px no-repeat;}
#sub .right .title_09{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -320px no-repeat;}
#sub .right .title_10{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -360px no-repeat;}
#sub .right .title_11{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -400px no-repeat;}
#sub .right .title_12{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -440px no-repeat;}
#sub .right .title_13{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -480px no-repeat;}
#sub .right .title_14{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -520px no-repeat;}
#sub .right .title_15{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -560px no-repeat;}
#sub .right .title_16{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -600px no-repeat;}
#sub .right .title_17{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -640px no-repeat;}
#sub .right .title_18{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -680px no-repeat;}
#sub .right .title_19{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -720px no-repeat;}
#sub .right .title_20{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -760px no-repeat;}
#sub .right .title_21{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -800px no-repeat;}
#sub .right .title_22{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -840px no-repeat;}
#sub .right .title_23{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -880px no-repeat;}
#sub .right .title_24{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -920px no-repeat;}
#sub .right .title_25{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -960px no-repeat;}
#sub .right .title_26{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1000px no-repeat;}
#sub .right .title_27{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1040px no-repeat;}
#sub .right .title_28{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1080px no-repeat;}
#sub .right .title_29{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1120px no-repeat;}
#sub .right .title_30{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1160px no-repeat;}
#sub .right .title_31{	float: left;width:200px;height: 40px;margin-top: 20px;
	background: url(../images/right_title.jpg) 0 -1200px no-repeat;}

	
#sub .right .level{
	float:right;
	margin-top: 30px;
	color: #969696;
	margin-right: 10px;
	line-height: 22px;
	text-align: right;
}
#sub .right .level2{
	float:right;
	color: #969696;
	margin-right: 10px;
	line-height: 22px;
	text-align: right;
}
#sub .right .level2 a{
	color:#C7000A;
	text-decoration: none;	
}

#sub .right .level2 a:hover{
	text-decoration: underline;
}
#sub .right .level3{
	float:right;
	color: #969696;
	margin-right: 10px;
	line-height: 22px;
	text-align: right;
}
#sub .right .level span{color:#C7000A;}
#sub .right .level2 span{color:#ac2643;}
#sub .right .level3 span{color:#C7000A;}
#sub .right .level a:link ,#sub .right .level a:visited{color:#999;}
#sub .right .level a:hover ,#sub .right .level a:active{color:#C7000A;}
#sub .square{
	float: left;
	width:8px;
	height: 8px;
	background-color: #c7000a;
	margin: 9px 5px 0 0;
}
 .nember_01{float: left;width:40px;height: 20px; background: url(../images/number.jpg) 0 0px no-repeat;}
 .nember_02{float: left;width:40px;height: 20px; background: url(../images/number.jpg) 0 -20px no-repeat;}
 .nember_03{float: left;width:40px;height: 20px; background: url(../images/number.jpg) 0 -40px no-repeat;}
 .nember_04{float: left;width:40px;height: 20px; background: url(../images/number.jpg) 0 -60px no-repeat;}
 .nember_05{float: left;width:40px;height: 20px; background: url(../images/number.jpg) 0 -80px no-repeat;}
 .nember2_06 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	float: left;
	height: 20px;
	width: 40px;
}
 .nember2_07 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	float: left;
	height: 20px;
	width: 40px;
}
 .nember2_08 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	float: left;
	height: 20px;
	width: 40px;
}
#sub .nember2_08 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	float: left;
	height: 20px;
	width: 40px;
}
#sub .nember2_09 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	float: left;
	height: 20px;
	width: 40px;
}
#sub .nember2_10 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -80px;
	float: left;
	height: 20px;
	width: 40px;
}
#sub .nember2_11 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	float: left;
	height: 20px;
	width: 40px;
}
#sub .nember2_12 {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	float: left;
	height: 20px;
	width: 40px;
}
/*page*/
.page{
	float:right;
	width:770px;
	height:30px;
	text-align:center;
	color:#999999;
}
.page span{color:#999999;margin:0 2px;text-decoration: none;font-size:11px;}
.page a:link ,.page a:visited{color:#999999;text-decoration: none;}
.page a:hover ,.page a:active {color:#c8000b;text-decoration: none;}
/*作品*/
.work {
	float:left;
	margin-top:20px;
	width:770px;
	height:auto;
	margin-bottom: 20px;
}
.work_group {
	float:left;
	width:770px;
	height:auto;
}
.work_group2 {
	float:left;
	width:750px;
	height:auto;
	margin: 0 0 0 20px;
}
.work .con{
	float:left;
	margin-bottom:15px;
	padding-bottom: 0px;
	width:380px;
	height:140px;
	background: url(../images/right_workline.gif) no-repeat left bottom;
}
.work .con .pp{
	widght:220px;
	height:auto;
	float:left;
	width: 235px;
}
.work img{
	float:left;
	height:91px;
	padding:1px;
	border: 1px solid #D7D7D7;
	width: 130px;
	margin: 0 10px 0 0;
	*margin: 0 10px 7px 0;
	_margin: 0 10px 7px 0;
}
.work .p1{
	color:#c8000b;
	font-weight:bold;
	float:left;
	margin:3px 0 -5px 0;
	font-size:13px;
	height: auto;
}
.work .p2{
	color:#666;
	float:left;
	width:225px;
	height:70px;

	*height:70px;
	_height:60px;
	line-height:16px;
	margin: 10px 0 0 0;
}
.work .p3{
	color:#999;
	width:225px;
	float:left;
	font-size:11px;
	padding-top:5px
}
.work .title {
	float: left;
	width:725px;
	height: 24px;
	background: url(../images/right_line4.jpg) no-repeat 40px bottom;
	line-height: 24px;
	color: #CA0008;
	margin-top: 10px;
	padding-left: 25px;
}
.work span{margin-right:5px}

.work a:link ,.work a:visited{color:#999;text-decoration: none;}
.work a:hover ,.work a:active{color:#c8000b;text-decoration: none;}

.work .p2 a:link ,.work .p2 a:visited{color:#c8000b;text-decoration: none;}
.work .p2 a:hover,.work .p2 a:active {color:#c8000b;text-decoration: none;font-weight:bold}

.services4 .sub .title a {
	color: #CC0000;
}
#sub .right .about2 .sub em {
	font-size: 12px;
	font-weight: normal;
	color: #C8000B;
	padding: 0;
	margin: 0;
	font-style: normal;
}
.tab .tab_sub em {
	color: #c50000;
	font-style: normal;
	float: none;
}
.tab .tab_sub2 em {
	color: #c50000;
	font-style: normal;
	float: none;
	font-size: 11px;
}
#sub .right .title_03new{	float: left;width:550px;height: 40px;margin-top: 20px; margin-left:35px;
	background: url(../images/right_title.jpg) 0 -80px no-repeat;}
#sub .right .contact .tab em {
	font-size: 12px;
	color: #D20000;
	font-style: normal;
}
#sub .right .contact .tab h5 {
	font-size: 12px;
	color: #D20000;
	font-style: normal;
	margin: 0 0 10px 0;
	font-weight: normal;
	float: left;
}
.customer{
	float: left;
	height:110px;
	width: 126px;
	margin: 10px;
}
.customer img{
	float:left;
	height:70px;
	width: 126px;
}
.customer_pic{
	float: left;
	height:70px;
	width: 126px;
}
	
.customer_text{
	float: left;
	height:28px;
	width: 126px;
	text-align: center;
	margin-top: 8px;
	color: #666666;
}
a.customer_text:link, a.customer_text:visited{
    height:28px;
	width: 126px;
	color: #666666;
	text-decoration: none;
} 
a.customer_text:hover, a.customer_text:active{
	color: #ff721a;
	text-decoration:underline
}	
/* 相片模式 start*/

	ul ,li{	
	margin:0; 
	padding:0; 
	list-style-type: none; 
	float:left;
	}	
	
	#showbox{
	width:640px;
	}
	#showImg , #showImg table{
	width:640px;
	height: 500px;
	background: url(../product_picbg_or.jpg) no-repeat;
	overflow: hidden;
	}
	
	#showbox2{
	width:675px;
	}
	#showImg2 , #showImg2 table{
	width:690px;
	height: 480px;
	background: url(../1272281450_1.jpg) no-repeat;
	overflow: hidden;
	}
	#imgList{
	margin:10px 0 0 4px;
	padding-bottom:10px;
	overflow:auto;
	}
	#imgList span{
	float:left;
	display:block;
	width:22px;
	margin:18px 10px 2px 10px;
	line-height:50px;
	}
	
	#list{
	position:relative; 
	float:left; 
	width:350px; 
	height:60px;
	}	
	#list img{width:40px; height:40px;}
	#list{
	width:500px;
	float:left;
	margin:0 2px 10px 2px;
	overflow:hidden;
	}
	#list ul{
	position:absolute;
	left:0px;
	top:0;
	white-space: nowrap;/* 不斷行 */
	width: 500px;
	margin: 0 10px;
	}
	#list ul li{
		display: inline; /* 水平排列 */
		margin:0 4px;
		padding:5px; 
		border:solid 1px #eee;
	}
	#list ul li:hover{
		cursor:hand;
	}
	#list ul li.on{
	border:solid 1px #ccc;
}	
	#list ul li img {display: inline-block;	/* 水平內顯示為區塊 */}
	
	/* 秀大圖 */
	#imgB{
	border:solid 0px #fff;
}
	/* 滑入顯示圖片區塊 */
	#overImg{
	position:absolute; 
	top:-99999; 
	left:-99999; 
	display:none; 
	z-index:100; 
	border:solid 5px #666; 
	padding:5px; 
	background:#fff;
	}
/* 相片模式 end*/
.album {
	float: left;
	height: auto;
	width: 678px;
	padding:2px 0 0 4px;
	background: url(../images/pic/album_bg2.gif) no-repeat 0 0;
	margin: 0 0 0 30px;
}
.album_bottom {
	float: left;
	height: 20px;
	width: 801px;
	color:#fff;
	text-align:center;
	bottom: -18px;
	_bottom: -77px;

	*bottom: -77px;
	bottom: -77px\9;
	position: absolute;
	z-index: 10;
}
.star_title{
	color:#C8000B;
	float:right;
	font-weight: bold;
	
}
.welcome {
	float: right;
	height: 12px;
	width: 300px;
	text-align: right;
	margin-top: 10px;
	clip: rect(auto,auto,auto,auto);
	position: absolute;
	left: 833px;
	top: 53px;
}
.welcome a {
	color:#ac2643;
	text-decoration: none;	
}
.welcome a:hover{
	text-decoration: underline;
}
/*幸福淞揚下拉式選單 star*/
.about4_5_menu {
	margin:0 auto;
	width:100%;
	height: 24px;
}
/* 整體設置*/ 
.navigation {
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	font-size: 12px;
	position: absolute;
	z-index: 50;
	
	}
 
.navigation li {
	float:left;
	margin:5px 0 0 0;
	_margin:0 0 0 0;
	width:126px;
	
	
	}

/* 設置選單區塊*/
.navigation li dl {
	width:126px;/*ie6*/
	margin:0;
	padding:0;
	
	}
 
.navigation li dt a , .navigation li dd a{ 
   display:block;
 }
 
 
/* 設置主選單dt */
.navigation li dt {
	margin:0;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 12px;
	height:16px;
	*height:14px;
	_height:14px;
	height:14px\9;
	overflow:hidden;
	border: 1px solid #C6C6C6;
	padding: 4px 5px 5px 5px;
	*padding: 6px 5px 5px 5px;
	_padding: 6px 5px 5px 5px;
	padding: 6px 5px 5px 5px\9;
	

	}
 
.navigation li dt a ,.navigation  li dt a:visited {
	display:block;
	color:#999;
	text-decoration:none;
	}
.navigation  li dt a:hover {
	display:block;
	color:#c8000b;
	text-decoration:none;
	}
 
/* 設置子選單dd */
.navigation li dd {
	margin:0;
	padding:0;
	color: #999;
	background-color:#FFFFFF;
	
	}
 
.navigation li dd.last {
	border-bottom:0;
	}	
 
.navigation li dd a, .navigation  li dd a:visited {
	display:block;
	color:#333;
	text-decoration:none;
	padding:4px 5px 4px 20px;
	color:#999;
    }
.navigation  li dd a:hover {
	display:block;
	color:#333;
	text-decoration:none;
	padding:4px 5px 4px 20px;
	background-color: #c8000b;
	color:#FFFFFF;
    }
 
 
/*隱藏子選單*/
.navigation li dd { display:none;}
 
 
/* 滑鼠滑入顯示子選單 */
.navigation li:hover dd, .navigation li a:hover dd {
	display:block;
	
}
 
/*ie6 hack*/
.navigation li:hover,.navigation li a:hover { border:0;
}
.navigation table { border-collapse:collapse; 
    padding:0; 		
	text-align:left;
	}
/*幸福淞揚下拉式選單 end*/