@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, td, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote {
	margin: 0;
	padding: 0;
	word-wrap:break-word;
	/* word-wrap:break-word; */
}
html,body {
	width:100%;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	background:url(../images/about_bg.jpg) repeat-x;
}
a:link {
	color:#505050;
	text-decoration: none;
}
a:visited {
	color:#505050;
	text-decoration: none;
}
a:hover {
	color:#195099;
	text-decoration: none;
}
a:active {
	color:#505050;
	text-decoration: none;
}
/* 三欄式自動調幅版面
---------------------------------------------*/
#contentWrapper {
	width:1000px;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */
	margin: 0 auto;
	text-align:center;
	position:relative;
	z-index:999;
}
#header {
	width:1000px;
	height:161px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
#content {
	width:1000px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
	.content_left {
		width:230px;
		float:left;
	}
	.content_left ul {
		list-style:none;
	}
	.content_left ul li {
		width:133px;
		line-height:40px;
		text-align:left;
		margin-top:1px;
		background:#2d2f33 url(../images/arrow1.png) 160px 13px no-repeat;
		cursor:pointer;
		font-size:15px;
		padding:0px 30px 0px 23px;
	}
	
	.content_left ul li a {
		color:#FFF;
	}
	
	.content_left ul li:hover {
		color:#ffd802;
		background:#2d2f33 url(../images/arrow2.png) 160px 13px no-repeat;
	}
	
	.content_left ul li:hover a {
		color:#ffd802;
	}
	
	.content_left ul li.tar {
		background:#2d2f33 url(../images/arrow2.png) 160px 13px no-repeat;
	}
	.content_left ul li.tar a{
		color:#ffd802;
	}
	
	
	.menu span {
		padding:0px 30px 0px 23px;
	}
	.menu .level_1 {
		width:186px;
		line-height:40px;
		text-align:left;
		margin-top:1px;
		background:#4d5157 url(../images/arrow1.png) 160px 13px no-repeat;
		color:#FFF;
		cursor:pointer;
		font-size:15px;
	}
		.level_1 .level_1_1{
		width:136px;
		padding:0px 30px 0px 23px;
		line-height:40px;
		}
		.menu .level_1:hover {
			background:#4d5157 url(../images/arrow2.png) 160px 13px no-repeat;
		}
	.menu .level_2 {
		position:relative;
		background:#2d2f33 url(../images/arrow1.png) 160px 13px no-repeat;
		display:none;
	}
		.menu .level_2:hover {
			color:#ffd802;
			background:#2d2f33 url(../images/arrow3.png) 160px 13px no-repeat;
		}
		
	.menu .level_3 {
		background:#989898 url(../images/arrow1.png) 160px 10px no-repeat;
		display:none;
	}
	.menu .level_3:hover{
		color:#ffd802;
	}
	.menu .level_3:hover a{
		color:#ffd802;
	}
	.menu .level_3 a{
		color:#FFF;
	}
	.menu .level_3 a:hover{
		color:#ffd802;
	}
	
	
	.content_right {
		width:770px;
		float:right;
	}
		.product_left {
			width:380px;
			float:left;
			text-align:left;
		}
		.product_right {
			width:390px;
			float:right;
			text-align:left;
			line-height:30px;	
		}
		.product_list1 {
			width:378px;
			float:left;
		}
		.product_list2 {
			width:378px;
			float:left;
			margin-left:6px;
		}
		.product_clear {
			height:6px;
			clear:both;
		}
		
		.link_title {
			font-size:12px;
			text-align:left;
			color:#5a5a5a;
		}
		.link_title2 {
			font-weight:bold;
			color:#195099;
		}
	
	.product_icon {
		padding:10px 7px 10px 7px;
		border:1px solid #a3a5a4;
		color:#262626;
		min-width:0px;
		float:left;
		margin-left:16px;
		cursor:pointer;
	}
	.product_icon_tar {
		background-color:#2e2f33;
		color:#FFF;
	}
	
	.product_icon:hover {
		background-color:#2e2f33;
		color:#FFF;
	}
	
	.about2_date {
		position:absolute;
		z-index:2;
		width:155px;
		height:30px;
		text-align:center;
		color:#484848;
		line-height:30px;
		cursor:pointer;
	}
	.about2_date:hover {
		background:#195099;
		color:#FFF;	
	}
	
	
	.news {
		width:100%;
		float:left;
		text-align:left;
		line-height:32px;
		font-size:15px;
		margin-top:10px;
	}
		.news .news_1 {
			width:120px;
			float:left;
		}
		.news .news_2 {
			width:650px;
			float:left;
		}
	
	.line {
		border-top:1px solid #b1b1b1;
		margin-top:8px;	
	}
	.line2 {
		border-bottom:1px dotted #999999;
		margin-top:8px;	
	}
	.line3 {
		width:320px;
		border-bottom:1px dotted #999999;
		margin-top:8px;
		clear:both;
	}
	.line4 {
		width:100%;
		border-bottom:1px dotted #999999;
		margin-top:8px;
		clear:both;
	}
	.line5 {
		border-bottom:1px dotted #999999;
		margin-top:10px;
		clear:both;
	}
	
	.t_1 {
		text-align:center;
		color:#FFF;
		background:#195099;
		border-right:1px solid #808080;
	}
	.t_2 {
		text-align:center;
		color:#FFF;
		background:#195099;
	}
	.t_3 {
		text-align:center;
		color:#212121;
		border-left:1px solid #808080;
		border-bottom:1px solid #808080;
	}
	.t_4 {
		text-align:center;
		color:#212121;
		border-left:1px solid #808080;
		border-right:1px solid #808080;
		border-bottom:1px solid #808080;
	}
	.test30 {
		color:#484747;
		font-size:15px;
	}
	.inputtext {
		width:690px;
		height:26px;
		border:0px;
		background:#ececec;
	}
	.inputtext2 {
		width:305px;
		height:26px;
		border:0px;
		background:#ececec;
	}
	.inputtext3 {
		width:690px;
		height:200px;
		border:0px;
		margin-top:5px;
		background:#ececec;
	}
	
	#footer {
		width:100%;
		background:#909399;
		text-align:center;
	}
	
	#clear {
		clear:both;
		height:50px;
	}
/*Common*/

div.pagination {
    overflow: hidden;
    font-size: 13px;
}

div.pagination ul {
    list-style: none;
    padding: 2px;
}

div.pagination li {
    display: inline;
	padding:3px 7px 3px 7px;
	color:#000000;
}

/*np*/
div.pagination.np {
	text-align:center;
}

div.pagination.np a {
	text-decoration: none;
	color:#000000;
	padding:3px 7px 3px 7px;
}

div.pagination.np a:hover, div.pagination.pagination a:active {
	color: #FFF;
	border-radius:12px;
	background:#8a775d;
}

div.pagination.np li.current {
	border-radius:12px;
	background:#8a775d;
	color:#FFFFFF;
}

div.pagination.np li.disabled {
	color: #666;
}