body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url(../images/bg.gif);}
* {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;}
a, a:active, a:link {
	text-align:left;
	text-decoration:none}
a:hover {
	text-align:left;
	text-decoration:underline;}
.posthidden {
	display:none}
.postshown {
	display:inline}
.select {
	border:1px solid #35b1eb; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#666;}
.select01 {	
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#555;
}
.select02 {
	font-size:11px; 
	color:#333; 
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.input01 {
	border-left:1px solid #6b6b6b; 
	border-top:1px solid #6b6b6b; 
	border-right:1px solid #f4f4f4; 
	border-bottom:1px solid #f4f4f4; 
	color:#666; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:250px;}
.input02 {
	border-left:1px solid #6b6b6b; 
	border-top:1px solid #6b6b6b; 
	border-right:1px solid #f4f4f4; 
	border-bottom:1px solid #f4f4f4;
	color:#666; font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:150px;}
.input03 {
	border-left:1px solid #6b6b6b; 
	border-top:1px solid #6b6b6b; 
	border-right:1px solid #f4f4f4; 
	border-bottom:1px solid #f4f4f4; 
	color:#666; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:50px;}
.texarea01 {
	border-left:1px solid #6b6b6b;
	border-top:1px solid #6b6b6b; 
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
	color:#666; 
	font-size:11px; 
	line-height:18px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:400px;}
.texarea02 {
	border-left:1px solid #6b6b6b; 
	border-top:1px solid #6b6b6b; 
	border-right:1px solid #f4f4f4; 
	border-bottom:1px solid #f4f4f4; 
	color:#666; 
	font-size:11px; 
	line-height:18px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:250px;}

/*---------------------------------------- 標題 ----------------------------------------*/
h1 {
	font-size:15px;
	color:#3d7796;
	padding:0px;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
h2 {
	font-size:13px;
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
	font-weight:normal;}
h3 {
	font-size:15px;
	color:#ff0000;
	line-height:20px;
	padding:3px 0 3px 20px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(../images/icon06.gif) 3px 9px no-repeat;}
h4 {
	font-size:15px;
	color:#ff0000;
	line-height:20px;
	padding:3px 0 3px 20px;
	margin:10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(../images/icon06.gif) 3px 9px no-repeat;}
/*---------------------------------------- MAIN----------------------------------------*/
.div_center {
	width:850px;
	padding:0px 5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg02.gif);
	background-position:0 0;
	background-repeat:repeat-y;}
.top {
	width:800px;
	padding:0px 25px;
	height:66px;
	border-top:4px solid #0070b1;}
.top_lan {
	font-size:11px;
	color:#5a839d;
	text-align:right;
	padding:10px 0px 0px 0px;}
.top_lan a {
	color:#5a839d;}
.foot {
	width:800px;
	padding:0px 25px;
	height:60px;}
.foot_top {
	width:800px;
	height:16px;
	border-bottom:1px solid #adadad;
	font-size:10px;
	color:#3d7796;
	font-weight:bold;
	padding:18px 0px 0px 0px;}
.foot_top a {
	color:#3d7796;}
.foot_bottom {
	font-size:10px;
	color:#787878;
	width:800px;
	padding:7px 0px 0px 0px;
	height:18px;}
.foot_bottom a {
	color:#cdcdcd;}
.btn_right {
	text-align:right;}
.btn_right a {
	text-align:right;}
.btn_center {
	text-align:center;}
.btn_center a {
	text-align:center;}
.left {
	width:181px;
	padding:0 0 150px 0;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;}
.right {
	width:614px;
	background-color:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 0 10px 0;}
/*---------------------------------------- FONT ----------------------------------------*/
.font01 {
	font-size:11px;
	color:#424242;
	padding:0px 0px 0px 10px;}
.font01 a, .font01 a:link, .font01 a:active {
	color:#424242;}
.font01 a:hover {
	color:#006699;}
.font02 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:20px;}
.font02 a , .font02 a:link, .font02 a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006699;}
.font02 a:hover {
	color:#006699;}
.font03 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	padding:5px;
	font-size:11px;
	color:#000;
	line-height:18px;}
.font04 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	line-height:20px;
	padding:5px;}	
.font04 a, .font04 a:link, .font04 a:active, .font04 a:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;}	
.font04 a:hover {
	color:#006699;}
.font05 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:20px;
	padding:5px;}
.font05 a, .font05 a:link, .font05 a:active, .font05 a:visited {
	color:#000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.font05 a:hover {
	color:#006699;}
.font06 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	line-height:20px;
	padding:5px;}
.font06 a, .font06 a:link, .font06 a:active, .font06 a:visited {
	color:#000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
.font06 a:hover {
	color:#006699;}
.font07 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	line-height:18px;
	padding:3px;}
/*---------------------------------------- 首頁 ----------------------------------------*/
.main {
	width:800px;
	padding:0px 25px;}
.img {
	width:595px;
	height:300px;
	padding:1px 6px 7px 1px;
	float:left;
	background-image:url(../images/img_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;}
.ind_news {
	width:198px;
	padding:0 0 10px 0;
	float:left;}
.ind_newslist {
	font-family:Arial, Helvetica, sans-serif;
	width:183px;
	height:36px;
	background-image:url(../images/line01.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	margin:0px 0px 0px 15px;}
.ind_newslist02 {
	font-family:Arial, Helvetica, sans-serif;
	width:183px;
	height:36px;
	background-image:url(../images/line01.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	margin:0px 0px 0px 15px;
	background-color:#e5f8ff;}
.ind_newsDate {
	font-family:Verdana, Arial, Helvetica, sans-serifl;
	font-size:11px;
	line-height:20px;
	color:#3d7796;
	padding:0px 0px 0px 10px;
	background:url(../images/icon01.gif) no-repeat 5px 8px;}
.search_bar {
	width:800px;
	height:40px;}
.category {
	border-bottom:4px solid #d9d9d9;}
.category_TT {
	margin:0 0 3px 0;}
.category01 {
	width:164px;
	height:134px;
	margin:0px 4px 0px 0px;
	background:url(../images/bg03.gif) 0 0 repeat-x;
	padding:18px 10px 20px 10px;}
.category02 {
	width:177px;
	height:134px;
	padding:18px 10px 20px 10px;
	margin:0px 4px 0px 0px;
	background:url(../images/bg03.gif) 0 0 repeat-x;}
.category03 {
	width:190px;
	height:134px;
	padding:18px 10px 20px 10px;
	margin:0px 4px 0px 0px;
	background:url(../images/bg03.gif) 0 0 repeat-x;}
.category04 {
	width:177px;
	height:134px;
	padding:18px 10px 20px 10px;
	background:url(../images/categorybg04.gif) 0 0 no-repeat;}
.category_list {
	font-size:12px;
	color:#000;
	padding:0px 0px 0px 7px;
	background:url(../images/icon02.gif) no-repeat 0 7px;
	line-height:18px;}
.category_list a {
	color:#000;}
.category_list a:hover {
	color:#c11624;}
.main_img {
	width:798px;
	height:143px;}
.TT {
	width:181px;
	height:42px}
.menu {
	font-family:Arial, Helvetica, sans-serif;
	width:164px;
	height:30px;
	background-color:#a5d0ec;
	font-size:12px;
	color:#000;
	line-height:30px;
	background:url(../images/icon04.gif) 5px 11px no-repeat #a5d0ec;
	padding:0 0 0 17px;
	margin:0 0 1px 0;
	font-weight:bold;}
.menu a{
	color:#000;}
.menu_nomal {
	font-family:Arial, Helvetica, sans-serif;
	width:181px;
	height:30px;
	background-color:#a5d0ec;
	font-size:12px;
	color:#000;
	line-height:30px;
	margin:0 0 1px 0;
	font-weight:bold;}
.menu_nomal a {
	width:164px;
	height:30px;
	background-color:#a5d0ec;
	color:#000;
	background:url(../images/icon04.gif) 5px 11px no-repeat #a5d0ec;
	padding:0 0 0 17px;
	display:block;}
.menu_nomal a:hover {
	width:164px;
	height:30px;
	text-decoration:none;}
.submenu {
	font-family:Arial, Helvetica, sans-serif;
	width:151px;
	margin:0 0 1px 0;
	padding:2px 0 2px 30px;
	color:#000;
	font-size:12px;
	line-height:20px;
	background-color:#d8eaf5;}
.submenu a, .submenu a:link, .submenu a:active {
	color:#000;}
.submenu a:hover {
	color:#006699;
	text-decoration:none;}
.thd_menu {
	width:181px;
	height:24px;}
.thd_menu a {
	font-size:11px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:138px;
	height:24px;
	padding:0 0 0 43px;
	line-height:24px;
	background:url(../images/icon07.gif) 30px 9px no-repeat #ebf4fa;
	display:block;}	
.thd_menu a:hover {
	width:138px;
	height:24px;
	color:#006699;
	text-decoration:none;}
.subTT {
	width:596px;
	height:41px;
	background-color:#e5e5e5;
	padding:0 0 0 18px;
	margin:1px 0;}
.guide {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	width:609px;
	height:22px;
	background-color:#f7f7f7;
	line-height:22px;
	font-size:11px;
	color:#000;
	padding:0 5px 0 0;}
.guide a, .guide a:link, .guide a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
.guide a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.guide span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ff0000;}
.about_ct {
	width:578px;
	padding:20px 18px 10px 18px;}
.btn_top {
	widows:614px;
	height:22px;
	text-align:right;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	clear:both;}
.btn_top a, .btn_top a:active, .btn_top a:link {
	text-align:right;}
.product_ct {
	width:596px;
	padding:20px 0 20px 18px;}
.pro_menu {
	width:183px;
	margin:0 15px 20px 0;
	float:left;
	height:130px;}
.pro_menu ul {
	margin:0px;
	padding:0px;
	list-style:none;}
.pro_menu ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;}
.pro_menu ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	height:20px;
	padding:0 0 0 20px;
	line-height:22px;
	display:block;
	background:url(../images/line02.gif) 1px 0 no-repeat;}
.pro_menu ul li a:hover {
	color:#c11624;}
.pro_menuTT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:168px;
	line-height:20px;
	font-size:14px;
	padding:0 0 0 15px;
	color:#3d7796;
	background:url(../images/icon05.gif) 0 7px no-repeat;}
.pro_dtl_TT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	line-height:20px;
	padding:3px 10px;
	font-weight:bold;
	background:#a5d0ec;
	border-bottom:1px solid #2D96D5}
.pro_dtl_subTT {
	text-align:center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#000;
	padding:2px;}
.pro_dtl_subCT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	color:#666;
	line-height:14px;
	padding:2px;}
.pro_dtl_subCT a, .pro_dtl_subCT a:link ,.pro_dtl_subCT a:active, .pro_dtl_subCT a:visited {
	color:#006699;}
.pro_dtl_subCT a:hover {
	color:#c11624;}
.pro_dtl_select {
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#3d7796;}
.hr_txt {
	font-size:12px;
	color:#666;
	line-height:20px;
	text-indent:24px;}
.pro_TB {
	margin:0 0 15px 0;}
.pro_TB td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:12px;
	color:#555;
	line-height:20px;
	background-image:url(../images/line01.gif);
	background-position:0 100%;
	background-repeat:repeat-x;}
.pro_brief {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	line-height:20px;
	padding:5px 10px 5px 10px;}
.pro_brief_TT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	line-height:20px;
	padding:5px 10px;
	font-weight:bold;
	border-bottom:1px dashed #fff;}
.pro_download {
	padding:5px 3px;
	line-height:18px;}
.pro_download ul {
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:right;}
.pro_download li {
	font-size:9px; 
	line-height:18px;
	text-align:right;
	display:inline;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.pro_download li a {
	background:url(../images/icon_pdf.gif) 0 0 no-repeat;
	padding:2px 0 5px 18px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px 0 0;}
.pro_download li a:hover {
	color:#006699;}
.pro_feature_CT {
	padding:5px;}
.pro_feature_CT ul {
	margin:0px 5px;
	padding:0px;
	list-style:none;}
.pro_feature_CT li {
	line-height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	padding: 0 0 0 12px;
	background:url(../images/icon01.gif) 3px 9px no-repeat;}
.pro_feature_TB {
	margin:0 0 15px 0;
	background:url(../images/line01.gif) 0 100% repeat-x;}
.pro_circuit_pic {
	border:1px solid #ccc;
	padding:2px;}
.pro_DIV {
	position:absolute;
	padding:10px;
	background-color:#d8eaf5;
	z-index:1;
	border:1px solid #ccc;
	width:150px;
	margin:0 0 0 10px;
	visibility:hidden;}
.pro_DIV ul {
	margin:0px;
	padding:0px;
	list-style:none;}
.pro_DIV li {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#555;}
.pro_DIV li a, .pro_DIV li a:link, .pro_DIV li a:active, .pro_DIV li a:visited{
	color:#555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/icon06.gif) 0 3px no-repeat;
	padding:0 0 0 15px;}
.pro_DIV li a:hover {
	color:#c11624;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;}
.top_menu {
	width:798px;
	height:30px;
	background-color:#12588d;}
.supportHD {
	font-size:12px;
	color:#000;
	line-height:20px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
.support_TT {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	padding:5px 5px 5px 15px;
	background-image:url(../images/icon01.gif);
	background-position:5px 13px;
	background-repeat:no-repeat;}
.page {
	font-size:11px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:center;}
.page a, .page a:link, .page a:active, .page a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	margin:0 3px;}
.page a:hover {
	color:#c11616;}
.page span {
	color:#c11616;
	font-weight:bold;
	font-size:12px;
	margin:0 3px;}
.ir_ct {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:20px;
	background:url(../images/line01.gif) 0 100% repeat-x;
	padding:10px 0;}
.ir_ct a , .ir_ct a:link, .ir_ct a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006699;}
.ir_ct a:hover {
	color:#006699;}
.ir_contact_TT {
	font-size:12px;
	color:#ff0000;
	line-height:20px;
	padding:0 0 0 15px;
	background:url(../images/icon06.gif) 0 7px no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.ir_event_date {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	line-height:20px;
	padding:5px 0 5px 20px;}
.news_pic {
	width:200px;
	height:150px;
	padding:1px;
	border:1px solid #ccc;
	margin:0 15px 0 0;
	float:left}
.news_more {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	line-height:20px;
	text-align:right;
	padding:5px 0 0 0;}
.news_more a, .news_more a:link, .news_more a:active, .news_more a:visited {
	color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
.news_more a:hover {
	color:#006699;
	text-decoration:underline;}.fromleft {
	margin-left: 217px;
}