body
	{	margin:0; text-align:center}
body.indexbg
	{	background:url(images/index-bg.gif) repeat-x}	
body.demobg
	{	background:url(images/demo-bg.gif) repeat-x}	


img
	{	border:0}
#container
	{	width:1000; margin:0 auto; text-align:left}

#language
	{	position:absolute; z-index:7; margin:2 0 0 822; font:11px Arial, Helvetica, sans-serif; color:#49583e}
#language a
	{	color:#49583e; text-decoration:none}
#language a:hover
	{	color:#3e7d14; text-decoration:none}


#menu
	{	float:right}
#menu ul
	{	margin:0 16 0 0; padding:0; list-style:none}
#menu ul li
	{	margin:0 0 0 5; padding:0; float:right}
#menu ul li a
	{	display:block; background:url(images/menu-out.gif) no-repeat; width:102; height:32; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fdfdfd; text-decoration:none; text-align:center}
#menu ul li a:hover, #menu ul li a.now
	{	background:url(images/menu-over.gif); color:#fdfdfd; text-decoration:none}
#menu ul li a span
	{	display:block; padding:9 0 0 0}
#index-news
	{	float:left; background:url(images/news.jpg) no-repeat; width:252; height:253}
#index-news a
	{	color:#666666; text-decoration:none}
#index-news a:hover
	{	color:#3e7d14; text-decoration:none; font-weight:bold}
.index-news-container
	{	margin:72 0 0 36; width:182; font:12px Arial, Helvetica, sans-serif; text-align:left; line-height:18px}
.index-news-container span
	{	font-size:11px; color:#999999}
.index-news-container ul
	{	margin:0; padding:0; list-style-type:none}
.index-news-container ul li
	{	margin:0; padding:2 0; border-bottom:1px dotted #CCCCCC}

#footer
	{	background:#dfe2dd; height:92; text-align:center; margin:0; clear:both}
#footer-container
	{	margin:0 auto; text-align:center; width:1000; font:11px Verdana, Arial, Helvetica, sans-serif; color:#3f3f3f; line-height:18px; padding-top:17}
#footer-container a
	{	color:#3f3f3f; text-decoration:none}
#footer-container a:hover
	{	color:#3f3f3f; text-decoration:underline}
#footer-container b
	{	color:#094210; font-size:13px}
#footer-container span
	{	font-weight:bold}

#main
	{	background:url(images/main-bg.gif) no-repeat top}



#left
	{	margin:22 0 0 23; width:215; float:left}
.submenu
	{	border:1px solid #f6f6f6}
.category
	{	background:#3e3e3e; height:44; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px}
.category span
	{	display:block; padding:10 0 0 20}

/*submenu*/

.submenu ul {
	margin: 0 0 0 1;
	padding: 0 0 0 0;
	list-style: none; background:#FFFFFF
	}
	
.submenu ul li {
	position: relative; margin:0; padding:0; height:35; border-bottom:1px solid #f6f6f6 ; 
	}
	
.submenu li ul {
	position: absolute;
	left: 212; /* Set 1px less than menu width */
	top: 0;
	display: none; margin:0; padding:0
	
	}
.submenu li ul li
	{	height:30; padding:0; margin:0;
		color:#595959;
		font:13px; width:212 ; }

/* Styles for Menu Items */
.submenu ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	border: 0px solid #ccc; /* IE6 Bug */
	border-bottom: 0; height:35; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(images/submenu-bg.gif) no-repeat; width:212 ; 
	}
.submenu ul li a:hover
	{	color:#FFFFFF; text-decoration:none; background:#848484;}
.submenu ul li a span
	{	display:block; padding:9 0 0 6}
		


.submenu li:hover ul, .submenu li.over ul { display: block;  } /* The magic */

/**/


#right
	{	margin:28 0 0 28; width:709; float:left; }
.title
	{	background:url(images/h1bg.gif) no-repeat; height:64}
h1
	{	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000000; margin:0; padding:0; float:left; font-style:italic}
h1 span
	{	display:block; padding:32 0 0 30}
.video
	{	float:right}
	

h2
	{	float:right; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; padding:0; margin:5 0; font-weight:normal}
h2 a
	{	color:#999999; text-decoration:none}
h2 a:hover,h2 span
	{	color:#555555; text-decoration:none}

.pro-list
	{	float:left; background:url(images/list-bg.gif) no-repeat top; width:225; height:205; margin-right:8}
.pro-name
	{	font-size:13px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; padding:7 0 0 20}
.pro-pto
	{	text-align:center; padding:22 0 0 0}
.more
	{	text-align:right; padding-top:12}
#content
	{	font:13px Verdana, Arial, Helvetica, sans-serif; line-height:24px; color:#3d3d3d}	


h3
	{	font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#1d3d1e; padding:0; margin:0 0 25 0}

.big-pto
	{	float:left; width:357}
#pto-content
	{	float:left; margin-left:22; width:310; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#1d3d1e; line-height:20px; font-weight:bold}
.focus
	{
	float:left;
	margin-right:3;
	margin-bottom: 3px;
}
.focus img
	{	width:97; height:65; border:1px solid #61b00c}
.pto-content02
	{	background:#def8df; padding:12; height:200; clear:both; margin-top:6}
.pto-content02 ol
	{	margin:0 0 0 25; padding:0}
.pto-content02 ol li
	{	padding:3 0; margin:0}
	
.focus-big
	{	border:1px solid #61b00c; position:absolute; z-index:10; visibility: hidden;}












/*pro-1*/

.abgne_tab {
		clear: left;
		width: 709;
		margin: 0;
	}
	ul.tabs {
		width: 709;
		height: 29;
		border-bottom:2px solid #161616;
		border-left: 0px solid #c2c2c2; margin:0; padding:0 0 0 0
	}
	ul.tabs li {
		float: left;
		height: 29; width:103; text-align:center;
		line-height: 31px;
		overflow: hidden;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-left: none;
		background:url(images/news-out.gif) no-repeat; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-right:5
	}
	ul.tabs li a {
		display: block; padding-top:0;
		color: #ffffff;
		border: 0px solid #fff;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		color:#ffffff;
	}
	ul.tabs li.active  {
		background:url(images/news-over.gif) no-repeat; width:103; height:29
	}
	ul.tabs li.active a {
		color:#ffffff
	}
	ul.tabs li.active a:hover {
		background:url(images/news-over.gif) no-repeat; width:103; height:29 
	}
	div.tab_container {
		width: 709; height:400; border-width:0; border-style:solid; border-color:#c2c2c2; overflow:hidden;
	}
	div.tab_container .tab_content {
		padding: 20 0;
	}
	div.tab_container .tab_content h2 {
		
	}




/**/

/*pro-2*/

.abgne_tab02 {
		clear: left;
		width: 709;
		margin: 0;
	}
	ul.tabs02 {
		width: 709;
		height: 29;
		border-bottom:2px solid #161616;
		border-left: 0px solid #c2c2c2; margin:0; padding:0 0 0 0
	}
	ul.tabs02 li {
		float: left;
		height: 29; width:203; text-align:center;
		line-height: 31px;
		overflow: hidden;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-left: none;
		background:url(images/news-out-2.gif) no-repeat; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-right:5
	}
	ul.tabs02 li a {
		display: block; padding-top:0;
		color: #ffffff;
		border: 0px solid #fff;
		text-decoration: none;
	}
	ul.tabs02 li a:hover {
		color:#ffffff;
	}
	ul.tabs02 li.active  {
		background:url(images/news-over-2.gif) no-repeat; width:203; height:29
	}
	ul.tabs02 li.active a {
		color:#ffffff
	}
	ul.tabs02 li.active a:hover {
		background:url(images/news-over-2.gif) no-repeat; width:203; height:29 
	}
	div.tab_container02 {
		width: 709; border-width:1; border-style:solid; border-color:#d2dad4; overflow:hidden; font:15px Arial, Helvetica, sans-serif; color:#000000
	}
	div.tab_container02 .tab_content02 {
		padding: 8 0 8 15;
	}
	div.tab_container02 .tab_content02 h2 {
		
	}




/**/





.table01
	{	width:680}
.table01 th
	{	text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:#3e3e3e}
.table01 td
	{	text-align:center; font:12px Arial, Helvetica, sans-serif; color:#666666}
.table01 tr.color01
	{	background:#FFFFFF}
.table01 tr.color02
	{	background:#e9e9e9}



.circle
	{	font-size:25px; line-height:10px}


.green-color
	{	color:#17871a; font-weight:bold}

.history-table th
	{	border-bottom:15px solid #e0e0e0; border-right:3px solid #eeeeee; text-align:center; font:22px Georgia, "Times New Roman", Times, serif; color:#0a337b}
.history-table td
	{	border-bottom:15px solid #e0e0e0; text-align:center; color:#3d3d3d; font:12px Verdana, Arial, Helvetica, sans-serif}
.history-table td.month
	{	font-weight:bold}
.history-table td.history
	{	text-align:left}

.new-container
	{	margin:0 0 20 0; padding:0 0 10 0; border-bottom:1px dotted #a5a5a5}
.year
	{	font-weight:bold; color:#000000; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#3aa226}

.title02
	{	font-weight:bold; font-size:15px; color:#000000}
.new-title
	{	border:1px solid #b3beb1; background:#f7fff5; padding:5}



.contact-table
	{	width:100%}
.contact-table td
	{	border-bottom:1px solid #E4E4E4; font:12px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:left}
.contact-table td.title03
	{	text-align:right; color:#000000; font-weight:bold}


#myDiv {
		overflow: hidden;
		height: 150px;
	}
#myDiv li {
		height:70; font:12px Arial, Helvetica, sans-serif
	}
.tab-dow {
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	margin-right: 15px;
	margin-top: 10px;
	color: #666;
}



.pto-container01
	{	margin:0 3px; height:210px; float:left; width:220px}
.pto-container01 img
	{	border:1px solid #E4E4E4}
.pto-container01 div
	{	text-align:center; padding-top:3px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d}









.font-11 {
	font-size: 11px;
}
.font-11 li {
	line-height: 16px;
}