@charset "UTF-8";
/* CSS Document */


body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif,微軟正黑體,蘋果儷中黑,華康中黑體;
	background:url(../pic/bg.jpg);
	text-align:justify; 
	text-justify: inter-ideograph;
}

html,a,form,area,div,img,table,td,th,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px;
}
img	{border:none;}

a {
	text-decoration:none;
	}



#clear {
	clear:both;
}




/* 主架構 */




#header {
}
	

#view1 {
}
	
	
	
#head {
}
	

#inhead {
	margin:auto;
	width:900px;
}





#menuer {
}



#menu {
	width:900px;
	margin:auto;
}

#inmenu {
	float:left;
	width:700px;
}


#menu_home{
	float:right;
	width:110px;
}



/* ------------上方按鈕------------ */


ul.contentNavi {
	width:900px;
	padding-left:50px;
}
ul.contentNavi li {
	float:left;
	display:inline;
}
ul.contentNavi li a {
}
ul.contentNavi .selected a {
}
ul.contentNavi li a:hover {
}


/* ------------上方按鈕------------ */



/* ------------左方按鈕------------ */


#left_menu {
	float:right;
    width:150px;
	height:273px;
	padding-left:20px;
	padding-top:73px;
}

ul.leftNavi {
	float:left;
    width:150px;
}
ul.leftNavi li {
    font-size:14px;
	letter-spacing:0px;
	display:inline;
}
ul.leftNavi li a {
	text-decoration:none;
	display:block;
	zoom:1;
	padding:10px 0px 10px 30px;
	color:#333333;
	border-bottom:1px solid #58595B;
	border-right:2px solid #58595B;
}
ul.leftNavi .selected a {
	color:#000;
	border:none;
	padding:10px 0px 10px 30x;
}
ul.leftNavi li a:hover {
	color:#000;
	background-repeat:no-repeat;
}






/* ------------左方按鈕------------ */


















#blank{
	height:40px;
}




#footer {
}



#foot {
	width:900px;
	margin:auto;
}


#infoot {
	color:#231F20;
	font-size:13px;
	letter-spacing:0.5px;
	line-height:1.5;
	text-decoration:none;
	padding:15px;
}


#infoot a {
	color:#231F20;
	text-decoration:underline;
}
#infoot a:hover {
	color:#000;
	text-decoration:underline;
}


#grounder {
	
}


#ground {
	width:960px;
	margin:auto;
	padding:20px;
	
}


#inground {
	color:#737373;
	font-size:12px;
	letter-spacing:0px;
	line-height:1.5;
	text-align:center;
}

#inground a {
	color:#737373;
	text-decoration:none;
}

#inground a:hover {
	color:#000;
	text-decoration:none;

}


#picer {
	background:url(../pic/index_pic_bg.jpg);

}



#pic {
	width:900px;
	margin:auto;
} 

#inpic {
	padding:0px 0px 0px 0px;
}




#mid  {
	width:922px;
	margin:auto;
	background:url(../pic/mid_bg.png);
	background-position:center;
}


#inmid {
	width:900px;
	margin:auto;
	height:auto!important; 
	height:500px; 
	min-height:500px; 
	padding:0px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif,微軟正黑體,蘋果儷中黑,華康中黑體;

}































.title_title{
	color:#FFFFFF;
	padding:10px;
	letter-spacing:2px;
	font-size:18px;
	text-align:right;
}






.pro_detail_title{
	color:#FFFFFF;
	padding:10px;
	letter-spacing:2px;
	text-align:left;
}


.pro_group_pic{
	padding:10px;
	border:1px solid #CCC;
	width:260px;
	height:240px;
	text-align:center;
	float:right;
	margin-top:12px;
}


.pro_group_txt{
	color:#58595B;
	padding:5px;
	text-align:left;
}

.pro_group_txt a{
	color:#58595B;
}



.title {
	padding:0px 0px 0px 40px;
	font-size:16px;
	color:#000000;
	letter-spacing:4px;
	background-image:url(../pic/tingle.jpg);
	background-position:16px 17px;
	background-repeat:no-repeat;
	text-align:left;
}




.pro_title {
	padding:0px 0px 0px 40px;
	color:#000000;
	letter-spacing:1px;
	background-image:url(../pic/tingle.jpg);
	background-position:16px 10px;
	background-repeat:no-repeat;
	text-align:left;
	line-height:30px;
}


.pro_title a {
	color:#000000;
}



.pro_serial {
	padding:0px 0px 0px 40px;
	color:#666;
	letter-spacing:1px;
	text-align:left;
	line-height:25px;
}

.pro_serial a {
	color:#666;
}


div.pro_pic {
	padding:10px;
}





.title_date {
	font-size:14px;
	color:#666666;
	letter-spacing:2px;
	text-align:left;
	padding:0px 0px 0px 20px;
	line-height:30px;
}


.table_title {
	font-size:16px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	line-height:45px;
}



#table01 {
	font-size:14px;
	color:#616161;
	letter-spacing:1px;
	text-align:center;
	line-height:35px;
}

#table01 td {
	padding:5px;
}


#table01 a {
	color:#65696B;
	text-decoration:underline;
}


#table01 a:hover {
	color:#23797A;
	text-decoration:underline;
}



#table02 {
	font-size:14px;
	color:#616161;
	letter-spacing:1px;
	line-height:25px;
}

#table02 td {
	padding:5px;
}


#table02 a {
	color:#23797A;
	text-decoration:underline;
}


#table02 a:hover {
	color:#59B1B4;
	text-decoration:underline;
}




.content_title01{
	color:#23797A;
	font-size:16px;
}





#main_content{
	text-align:left; 
	text-align:justify; 
	text-justify: inter-ideograph;
}





.content {
	padding:15px 5px 5px 5px;
	color:#636363;
	letter-spacing:0px;
	line-height:25px;
	text-align:justify; 
	text-justify: inter-ideograph;
}




.content a {
	color:#636363;
}

.content a:hover {
	color:#000000;
}




.content1 {
	font-size:11px;
	color:#636363;
	letter-spacing:0px;
	line-height:15px;
}


.content1 a {
	color:#636363;
	text-decoration:underline;
}


.content2 {
	font-size:13px;
	color:#636363;
	letter-spacing:1px;
	line-height:25px;
}






div.pagination {
	padding:10px;
	margin:10px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #666;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	color: #000;
	background:#EEE;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}