/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body{font:12px/150% Arial, "新細明體"; background:url(bj.jpg) repeat-x top #e7e7e7; color:#525252;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #FF0000;text-decoration: none;}

img{border:0px;}

.top{ width:1003px; margin:0 auto; overflow:hidden}
.top_l{ float:left; margin-top:10px;}
.top_r{ float:right; overflow:hidden}
.top_r ul{ list-style:none; margin-top:60px; margin-right:30px;}
.top_r ul li{ float:left; background:url(ico1.jpg) no-repeat left; margin-left:20px;}
.top_r ul li a{ margin-left:15px; color:#646464}
.top_r ul li a:hover{ color:#FF0000}


#lang{ margin-top:60px;}
#lang a{float:left; background:url(ico1.jpg) no-repeat left center; display:inline; color:#666666; margin-right:20px; padding-left:15px; }
#lang a:hover{ color:#FF0000}

.banner{ text-align:center; margin:0 auto; width:100%; margin-bottom:12px;}
.center_box{margin:0 auto; width:960px; margin:10px; }
.left_bar{border-right:1px solid #e8e8e8;}

.tit{ background:url(tit_bg.jpg) repeat-x bottom; height:35px; overflow:hidden; margin:0 auto; margin:15px 20px 0 20px; }

.tit_f{background:url(tit_l.jpg) left no-repeat bottom; height:35px; line-height:20px;}
.tit_f span{ background:url(tit_r.jpg) right no-repeat top; line-height:35px; margin-left:30px;  padding:15px; padding-right:8px; color:#3b3f27}


.tit1{background:url(tit_l.jpg) left top no-repeat; display:block; height:35px; position:relative;}

.tit2{background:url(tit_r.jpg) right bottom no-repeat; display:inline; position:absolute; left:30px; top:0px; line-height:35px; font-size:15px; font-weight:bold; color:#FFFFFF; overflow:hidden; white-space:nowrap;}
.tit2 span{ padding-right:40px;}



.left_menu_box{margin:0 auto; width:200px;  text-align:left; margin-top:10px; overflow:hidden}
.left_menu{ width:180px; margin:0 auto; overflow:hidden}

.subclass{}
.subclass ul{ list-style:none; margin:15px 0;}
.subclass ul li{ background:none; margin-left:10px; background:url(ico2.jpg) no-repeat 15px center;}
.subclass ul li a{ color:#9e9e9e; font-size:12px; line-height:25px; font-weight:normal; padding-left:25px;}
.subclass ul li a:hover{ color:#cb040b}
 

.container_tab{ margin:0 auto; width:984px; margin-top:30px;background:url(container_center.jpg)}
.content{ width:90%; margin:0 auto; text-align:left; margin-top:20px;}

/*== footer == */
.footer{ widows:100%; height:60px; background:url(footer_bg.jpg) repeat-x; margin:0 auto; color:#9b9b9b; border-top:2px solid #eaeaea; margin-top:15px; clear:both;}
.footer p{margin:0 auto; text-align:center; margin:15px 0;}
.footer font{ font-family:Arial; font-size:11px;}
.footer a{color:#6c6c6c}
.footer a:hover{color:#FF0000}



/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}



/*== news ==*/
.NewsList {}
.NewsList a {
			padding: 0 0 0 20px;
			background:url(news_ico.jpg) no-repeat left center;
			text-decoration: none;
			font-size: 12px;
			line-height: 2.2em;
			color: #606060;
			position: relative;
			border-bottom: 1px dashed #dcdcdc;
			display: block;
			}
.NewsList a:hover {
			color: #CC0000;
			}
		.NewsList a span {
			padding: 0 0 0 10px;
			color: #999999;
			float: right;
			}
			
			
			
		.ConDetail{
			width:100%;
			background:url(main_bg.jpg);
			background-position:right;
			background-repeat:no-repeat;
		}
		.ConDetail ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			}
		.ConDetail ul li {
			padding: 3px 0;
			text-align: left;
			margin: 0;
			}
		.ConDetail h4 {
			margin: 0;
			padding: 0;
			font-weight:500;
			font-size: 14px;
			line-height: 28px;
			font-weight:bold;
			display:inherit;
			}
			.Alert{
				font-weight:normal;
				color:#FF0000;
				font-size:12px;
			}


/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:60px;	
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #606060; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}


.contact_txt{ background:#fffceb; border:1px solid #ddd8b8}


.mail_box{margin:0 auto; width:550px; padding:20px 0; text-align:left}
.mail_box ul{ list-style:none}
.mail_box ul li{ margin-bottom:5px;}

.mail_box h4{ font-size:12px; color:#666666; }

.map_bg{ background:url(map_bg.jpg) no-repeat center top}

.img_border1{ border:3px solid #d7d7d7; padding:1px;}


.prd_box{width:95%; margin:0 auto; text-align:left; margin-top:20px;}
.prd_list{ text-align:center}
.prd_list img{ padding:1px; border:3px solid #d7d7d7}

.prd_list_name{text-align:center; font-size:14px; color:#990000; line-height:30px;}
.prd_list_name a{color:#prd_list_name; text-decoration:none;  color:#5d5d5d; font-size:12px;}
.prd_list_name a:hover{color:#bc0000;}


.prd_intro_box{width:95%; margin:0 auto; text-align:left; margin-top:20px;}

.prd_intro_bg{border:20px solid #f5f5f5; width:620px; margin:0 auto;}
.prd_intro_img{ text-align:center; margin-top:10px;}

.prd_img_num{color:#505050; width:620px; margin:0 auto; text-align:center; background:#505050; padding:10px 10px; overflow:hidden;}
.prd_img_num ul{list-style:none}
.prd_img_num ul li{ width:16%; float:left; line-height:21px; display:block; height:21px; background:url(num_bg.jpg) center center no-repeat; }
.prd_img_num a{ font-size:14px; font-weight:bold; color:#fecb25; }

.prd_intro{ width:620px; margin:0 auto; text-align:left; margin-top:20px; color:#000000; display:block; margin-bottom:30px;}
.prd_intro_mame{ text-align:left; font-size:16px; font-weight:bold; margin-bottom:5px;}


.ImgBorder {
		margin: 0 20px 0 0;
		padding: 4px;
		background: #FFF;
		border: 1px solid #CCC;
		}
	.NewsDate {
		padding: 2px 0 0 0;
		float: right;
		font-size: 12px;
		color: #999;
		font-family: Tahoma;
		}
	.NewsTitle a{ font-size:12px}
	.NewsTitle {
		margin: 0px;
		padding: 0 5px;
		border-bottom: 1px dotted #666666;
		
		}
	.NewsTitle a {
		color: #000000;
		text-decoration: none;
		}
	.NewsTitle a:hover {
		color: #FF3300;
		}
	.NewsNote {
		margin: 0;
		padding: 5px;
		font-size: 13px;
		color: #666666;
		line-height: 1.5em;
		}