@charset "utf-8";
@import url("digitalsignage.css");
@import url("contentPro.css");
@import url("googleSearch.css");

BODY{
	margin:0px;
	padding:0px;
	font-family:arial,'細明體' ;
	font-size:13px;
 	width:1008px;
	background:#666;
	/*background: url('Images/bg_layout_header.gif') repeat-x ;*/
}
PRE,H3,H4,H5,FORM {
	margin:0px;
	padding:0px;
}
img{
	border:0;
}
/*form{
	margin:0;
	padding:0;
}*/
.shhh{display:none;} /*Block Form SPAM*/

/************************************************/
/*1. 版面定義 layout_The Start**********************/
/************************************************/

#layout_header{
  position:absolute;
  width:1008px;
  height:122px;
  top:0px;
  left:0px;
  /*margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt(((this.parentNode.offsetWidth - this.offsetWidth) / 2)-10) + "px" : "0");
  mark by oscar5/16--background:url("images/bg_layout_header.gif") repeat-x;*/
}
#layout_body{
	position:relative ;
	margin:0px;
	padding:0px;
	/*width:100%;*/
 	width:1008px;
	/*overflow:hidden ;*/
 	/* left:50%;
	margin-left: -504px;*/
	top:124px;    /*upd by oscar5/16--84px*/
  
}
#layout_body_wrapper_all{
	position:relative ;
	float:left;
	width:1008px;
    /*overflow:auto;*/
	background:#fff;
}
#layout_body_wrapper_left{
	float:left ;
	width:832px;
	/*overflow:visible;*/
	background:#FFFFFF ;
  border:#C0C0C0 solid 1px;
}
#layout_body_center	{	/* 主要內容顯示區塊，放在網頁最前方 */
	float:right;
	width:650px;
	margin-top:5px;
	padding-right:5px;
	background:#FFFFFF;
}
#layout_body_TreeLink { /*導覽連結，放在內容頁的最前方*/
	position:absolute;
	margin:0;
	padding:0;
	top:7px;
	left:177px;
	/*margin-left: -316px;*/
	width:635px;
	/* width:81%;*/
  	height:20px;
	overflow:hidden;
	color:#000000;
}
#layout_body_left	{	/* 左側功能選單 */
	float:left ;
	width:170px;
	margin-top:5px;
  /*width:20%;*/
	background:#e4e4e4 ;
	border-right:#C0C0C0 solid 1px;
 /* overflow:hidden; for ffbox會有問題*/
}
#layout_body_right	{	/* 右側展示區 */
  /*position:absolute;*/
	float:left;
	width:172px;
	padding-top:5px;	
	overflow:hidden ;
	background:#fff;
	border-top:#C0C0C0 solid 1px;
}
#layout_footer{
	clear:both;
	position:relative ;
	top:124px;    /*upd by oscar5/27--83px*/
	margin:0px;
	padding:0px;
    width:1008px;
	/*width:100%;*/
	/*height:83px;*/
 /* left:50%;
	margin-left: -504px;*/
	/*background: url("images/bg_layout_footer.jpg") repeat-x top left ;*/
}
#layout_footer p{
	font-size:.7em;
}

/*	header_locator 頁首內容定位 */
.headerLocator{
	left:0px;
	margin:0px;
	padding:0px;
	height:122px; /*top nav height to ensure no overlay*/
	width:1008px;
	list-style-type:none;
	background: #ffffff;
	border-top: 2px solid #993300;
}

/*	footer_locator	頁尾內容定位	*/
.footer_locator{
	height:65px;
	background:url(images/bg_layout_footer.jpg) top left;
}
.footer_locator ul{
	width:280px;
	height:35px;
	margin:.3em auto;
}
.footer_locator li{
	float:left;
	list-style:none;
}
.footer_locator li a{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	border-right:#FFFFFF solid 1px ;
	border-left:#FFFFFF solid 1px ;
	padding-left:8px;
	padding-right:8px;
	margin-left:-1px;
	text-decoration:none;
}
.footer_locator li a:hover{
	text-decoration:underline;
}
.footer_locator p{
	display:block;
	width:385px;
	color:#FFFFFF;
	margin:0 auto;
}

/*---------------------icon--------------------*/
.pdf{
	background:url(../../Image/icon/pdf-icon.gif) left center no-repeat;
}
.zip{
	background:url(../../Image/icon/zip.png) left center no-repeat;
}
/*---------------------Spec-------------------*/
ul#spec{
	background:url(../../Image/downloadBar.gif) top no-repeat;
	width:625px;
	height:27px;
	margin:1em 0;
}
ul#spec li{
	color:#FFFFFF;
	float:left;
	list-style-type:none;
	height:18px;
	padding-left:20px;
	margin:.4em .8em;
}
ul#spec li a{
	color:#FFFFFF;
	text-decoration:none;
}
ul#spec li a:hover{
	text-decoration:underline;
}


/*---------------------information content-----------------------*/
#infoCon{
	clear:both;
}
#infoCon h1{
	font-size:1.3em;
}
#infoCon h1 span{
	padding-left:.2em;
	padding-right: 1.3em;
	background:url(../../Image/arrowH1.jpg) no-repeat 100% 50%;
	color:#000000;
}
#infoCon h2{
	font-size:1.1em;
	background: url(../../Image/serviceBar.jpg) no-repeat;
	padding-left:5px;
	color:#FFFFFF;
}
#infoCon h3{
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	color:#365f91;
	margin:0;
	padding:0;
	clear:both;
}
#infoCon h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#5e86b7;
}
ul.infoConList{
	list-style:none;
	margin-left: 0;
	padding-left: 1em;
}
ul.infoConList li{
	padding-left:10px;
	background: url(../../Image/bullet.gif) no-repeat;
	background-position: 0 .5em;
}
ul.infoConList ul{
	margin-left: 0;
	padding-left: 1em;
}
ul.infoConList li li{
	list-style:none;
	padding-left:inherit;
	padding-left:10px;
	background: url(../../Image/bullet_1.gif) no-repeat;
	background-position: 0 .5em;
}
/*---------------------Services-----------------------*/
.serviceL{
	width:50%;
	float:left;
}
.serviceR{
	width:50%;
	float:left;
}
/*---------------------News-Left Column---------------*/
.news{
	width: 170px;
	margin: 20px 0 ;
	background: #ffffff;
}
.news h1{
	display:block;
	width: 170px;
	height:22px;
	background:url(../../Image/news.jpg) no-repeat;
}
.news span{
	color:#FF6600;
	font-weight:bold;
	margin-right:5px;
}
.news h2{
	margin:.5em 0;
	padding-left:.2em;
	display:block;
	background:#333333;
	color:#ffffff;
	font-size:1em;
}
.news ul{
	margin:0;
	padding:0;
}

.news li{
	font-size:.8em;
	padding:.3em .7em;
	border-bottom:1px #333333 dotted;
}
.news li a{
	display:block;
	padding:.2em;
	color:#444444;
	text-decoration:none;
}
.news li a:hover{
	background-color:#444444;
	color:#FFFFFF;
}
/*------------------News Index----------------------*/
.newsIndex{
	margin-top:4em;
}
.newsIndex h5{
	display:block !important;
	font-size:1.5em;
	font-weight:bold;
	margin:0 2em;
	color:#666666;
	border-bottom: 1px solid #ea7a02;
}
.newsIndex ul{
	list-style-type:none;
	display:block !important;
	width:500px
}
.newsIndex li{
	clear:both;
	display:block !important;
	height:40px;
	margin-bottom:.2em;
	padding:.2em;
}
.newsIndex li a{
	display:block;
	color:#366ab3;
	text-decoration:none;
	font-weight:bold;
}
.newsIndex li a:hover{
	color:#fd8709;
	text-decoration:none;
	background-color: #333333;
}
.newsIndex a span{
	font-weight:normal;
	color:#444444;
	display:block;
	margin-right:3em;
	width:50px;
	height:40px;
	float:left;
}
.newsIndex a:hover span{
	color:#FFFFFF;
}


/*------------Contact form------css on caontact.asp------------------*/

/*			application specific		*/

/*------------------------News----------------------------*/

/*	目前所在位置鏈結設定	*/
H5.sitemap	{
  float:left;
	margin-top:3px;
	height:17px;
	font-weight:normal ;
	color:#000099 ;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none ;
}
H5.sitemap	A	{
  float:left;
	color:#000099 ;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none ;
	padding-left:10px;
	background: url('Images/sitemap_arrow.gif') no-repeat 0px 3px ;
}
H5.sitemap	A:hover	{
  float:left;
	color:#990000 ;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline ;
	padding-left:10px;
	background: url('Images/sitemap_arrow.gif') no-repeat 0px 3px  ;
}
H5.sitemap	A.home	{
float:left;
	padding-left:10px;
	background:none ;
}
H5.sitemap	A.home:hover	{
  float:left;
	padding-left:10px;
	background:none ;
}
H5.sitemap A.print	{
	float:right;
	height:17px;
	width:76px;
	padding-top:0px;
	padding-left:0px;
	background-image: url(../../Image/Print.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
H5.sitemap A.print:hover	{
	float:right;
	height:17px;
	width:76px;
	padding-top:0px;
	padding-left:10px;
	background-image: url(../../Image/Print.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

H5.sitemap A.Inquiry	{
	float:right;
	height:17px;
	width:80px;
	padding-top:0px;
	padding-left:10px;
	background-image: url(../../images/contact.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
H5.sitemap A.Inquiry:hover	{
	float:right;
	height:17px;
	width:80px;
	padding-top:0px;
	padding-left:10px;
	background-image: url(../../images/contact.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* related links */
#events	{
	width:166px;
	margin:0px;
	padding:0px;
	font-size:13px;
	text-align:center ;
	border:#6081a3 solid 1px;
	background:#E6E6E6 ;
}
#events	H5	{
	text-align:center ;
	margin:0px;
	padding:3px;
	color:#333333 ;
}
#events	A	{
	margin:0px;
	padding:0px;
}
#events	A	IMG	{
	border:none ;
	padding-bottom:3px;
  width:160px;
}
#events	#title	{
	margin:0px;
	padding:5px;
}

/************************************************/
/*1. 版面定義 layout The end************************/
/************************************************/
/************************************************/
/*2.各產品頁Start****************************/
/************************************************/
H5.PageTitle
{
 position: relative;
 top:20px;
 text-align:left;
 font-weight:bold ;
 color:#1f62cd ;
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 text-decoration:none ;
 padding:3px;
 padding-left:5px;
 }
H5.PageDesc
{
  position: relative;
  top:20px;

  color:#444444 ;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	padding-left:5px;
	font-weight:normal;
 }

H5.ProdSite
{
position: relative;
top:20px;
color:ffffff;
background-color:#213a8c;
font-weight:bloid;
font-size:12px;
height:20px;
}
H5.ProdSite A
{
color:ffffff;
background-color:#213a8c;
font-weight:bloid;
font-size:12px;
text-decoration:none ;
}
H5.ProdSite A:hover
{
color:ffffff;
background-color:#213a8c;
font-weight:bloid;
font-size:12px;
text-decoration:none ;
}
DIV.half_block	{
	clear:none;
  float:left;
	width:310px;
	padding-left:20px;
	background:#FFFFFF ;
  height:230px;
}


DIV.full_block	{
	float:left;
	width:610px;
	padding-left:10px;
	background:#FFFFFF ;
}
#QueryBox{
   position: relative;
   top:20px;
   MARGIN-Bottom:30px;
   padding:0px;
	 BORDER-bottom: #1d3e8b 0px solid;
   width:100%;
}
/***********************************************Tab 版型設計 ***********************************************/
#tabbarbox {
   position: relative;
   top:20px;
   MARGIN-Bottom:30px;
   padding:0px;
	 BORDER-bottom: #1d3e8b 3px solid;
   float:Left ;
   width:100%;
}

#tabbar {
	FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  LINE-HEIGHT: normal;
  FONT-STYLE: normal;
  LIST-STYLE-TYPE: none;
  FONT-VARIANT: normal;
  border-top: 30px solid #fff;  /*temp fix to make sure tabs don't over lap*/
 
}
ul#tabbar {
	margin:0;
	padding:0;
}
#tabbar LI {
	BORDER-RIGHT: #808080 1px solid;
  BORDER-TOP: #808080 1px solid;
  FLOAT:Left;
  MARGIN: 2px 0px 0px;
  BORDER-LEFT: #808080 1px solid;
  BORDER-BOTTOM: #808080 2px solid;
  HEIGHT:24px;
  BACKGROUND-COLOR: #ccffff;
}
#tabbar LI.tab3 {
  FLOAT:Left;
	BACKGROUND-COLOR: #1d3e8b;
  BORDER-LEFT:#1d3e8b 1px solid;BORDER-RIGHT:#1d3e8b 1px solid;
  BORDER-TOP: #1d3e8b 0px solid;
  BORDER-BOTTOM: #1d3e8b 3px solid;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  /*width:120px;*/
  /*HEIGHT: 20px;*/
 
}
#tabbar LI.tab3 A {
	COLOR: #ffffff
}
#tabbar LI.tab4 {
  FLOAT:Left;
	BORDER-TOP: #ffffff 2px solid;
  BORDER-BOTTOM: #1d3e8b 1px solid;
  BORDER-LEFT:#ffffff 0px solid;
  BORDER-RIGHT:#ffffff 1px solid; 
  BACKGROUND-COLOR: #999999;
  padding-left:5px;
  padding-right:5px;
  /*width:120px;*/
 /* HEIGHT: 20px;*/
 
}
#tabbar LI.tab4 A {
	COLOR:  #ffffff
}
#tabbar A {
	FONT-WEIGHT: bold;FONT-SIZE: 11px;PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 4px; TEXT-DECORATION: none;
}
#tabbar LI.tab4 A:hover {
	COLOR:#FFFF80
}




/*Tab Level 2*/

#tabbox {

   left:0px;
   MARGIN:0px;
   padding:0px;
   float:none;
   clear:both;
   FONT-WEIGHT: bold; FONT-SIZE: 10px;
   
}
#tabbarSize {
  LINE-HEIGHT: normal;
  PADDING-BOTTOM: 20px;
  MARGIN: 0px;
  FONT-STYLE: normal;
  LIST-STYLE-TYPE: none;
  FONT-VARIANT: normal;
  bottom;
}
#tabbarSize LI {
  BACKGROUND-COLOR: #CCCCCC;
  FLOAT: right;
  BORDER-RIGHT: #808080 1px solid;
  BORDER-TOP: #808080 1px solid;
  BORDER-LEFT: #808080 1px solid; 
  BORDER-BOTTOM: #808080 1px solid;
  MARGIN:0px;
  HEIGHT: 20px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
}
#tabbarSize LI.tab3 {
  BACKGROUND-COLOR: #6699FF;
  BORDER-TOP: #6699FF 1px solid; 
  BORDER-BOTTOM: #6699FF 1px solid;
  BORDER-LEFT:#6699FF 1px solid;
  BORDER-RIGHT:#6699FF 1px solid;
  width:55px;
  text-align:center;
}
#tabbarSize LI.tab3 A {
	COLOR: #ffffff
}
#tabbarSize LI.tab4 {
  BACKGROUND-COLOR: #CCCCCC;  
  BORDER-TOP: #ffffff 2px solid;
  BORDER-BOTTOM: #1d3e8b 0px solid;  
  BORDER-LEFT:#ffffff 0px solid;
  BORDER-RIGHT:#ffffff 1px solid; 
  width:55px;
  text-align:center;
 }
#tabbarSize LI.tab4 A {
	COLOR:  #333333
}
#tabbarSize A {
  PADDING-RIGHT: 4px;
  DISPLAY: block;
  PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666;
  PADDING-TOP: 4px; TEXT-DECORATION: none;
}
#tabbarSize LI.tab4 A:hover {
	COLOR:#FFFF80
}
.tabboxSize {
	 BORDER-TOP: #6699FF 1px solid;
}
/***********************************************Tab 版型設計 the end ***********************************************/
/************************************************/
/*2.各產品頁 END*********************************/
/************************************************/

#homepage_third_block	{
	float:left ;
	width:200px;
	height:250px;
	padding:1px;
	margin:3px;
}
#homepage_third_block	UL	{
	float:left ;
	list-style:disc ;
	list-style-position:inside;
	margin:0px;
	padding:0px;
	padding-top:5px;
}
#full_title		{
	width:100% ;
	text-align:center ;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.gray	{
	background:#C0C0C0 ;
}
.green	{
	background:#00a04b ;
}
.orange	{
	background:#fbaa06 ;
}
.red	{
	background:#e60505 ;
}
.purple	{
	background:#a45bad ;
}
.blue	{
	background:#213a8c ;
}
.brown	{
	background:#a05a21 ;
}
.cyan	{
	background:#66cccc ;
}
.blue_green	{
	background:#0099cc ;
}


/*	首頁半寬區塊 home_half_block */
/*	首頁半寬區塊 home_half_block */
DIV.home_half_block	{
	float:left;
	width:310px;
	height:auto;
	padding:1px;
	background:#FFFFFF;
	color: #FFFFFF;
}
DIV.home_half_block	H5	{
	text-align:center ;
	margin:0px;
	padding:3px;
	color:#FFFFFF ;
	width:310px;
	background:#1d3e8b ;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
DIV.home_half_block	H5 A{
	text-align:center ;
	text-decoration:none;
	margin:0px;
	padding:3px;
	color:#FFFFFF ;
	width:310px;
	background:#1d3e8b ;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
DIV.home_half_block	H5 A:hover{
	text-decoration:none;
	margin:0px;
	padding:3px;
	color:#FFFF00 ;
	width:310px;
	background:#1d3e8b ;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

DIV.home_half_block	IMG	{
  float:left;
	margin:1px;
	border:#A0A0A0 solid 1px;
}
DIV.home_half_block	P{
  clear:none;
  text-align:left;
	color:#666666 ;
  text-indent : 5%; 
	font-size:12px;
	margin:1px;
}
DIV.home_half_block  P IMG{
  float:none;
	margin:1px;
	border:#A0A0A0 solid 1px;
}


DIV.home_half_block	UL	LI	{
	/* 讓各個清單元素靠左對齊 */
 float:left;
	/* 設定清單文字範圍的寬度 */
 width:100px;
	/* 讓清單文字居中對齊 */
 text-align:center;
	/* 去除清單文字前面的小圓點*/
 list-style-type:none;
	/* 右邊留白1像素 */
margin-right:1px;
	color: #FFFFFF;
	padding-bottom:2px;
	background: url('../../image/t_bg3.jpg') no-repeat;
	height: 17px;
}

DIV.home_half_block 	UL	LI		A	{
	position:relative;
	word-wrap:break-all;
	text-align:justify;
	text-decoration:none;
	padding-bottom:5px;
	text-align:center;
	color:#444444;
	font-weight: bold;
	height: 17px;
	background: url('../../image/t_bg3.jpg') no-repeat;
	width:100px;
	margin: 1px;	
	
}
DIV.home_half_block 	UL	LI		A:hover	{
	text-decoration:underline;
	color:#FF6600;
  background: url('../../image/t_bg4.jpg') no-repeat ;
  width:100px;
	height: 17px;
	margin: 1px;
	padding-bottom:5px;
}


/*	首頁全寬區塊 home_full_block */
DIV.home_full_block	{
	clear:both;
	width:620px;
	padding:1px;
	padding-bottom:10px;
	margin:0px;
	margin-bottom:2px;
	background:#FFFFFF ;
	border:#bac3dc solid 1px;
	overflow:visible ;
}
DIV.home_full_block	H5	{
	text-align:center ;
	margin:0px;
	padding:3px;
	color:#FFFFFF ;
}
DIV.home_full_block	UL	{
	margin:10px;
	margin-top:0px;
	padding:0px;
	list-style:disk ;
	list-style-position:inside ;
	overflow:visible ;
}
DIV.home_full_block	UL	LI.quick_link_title	{
	width:100% ;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold ;
	list-style:none ;
}
DIV.home_full_block	UL	LI.quick_link_more	{
	float:right ;
	list-style-type:none ;
	text-align:right;
}
DIV.home_full_block	UL	LI	{
	width:31% ;
	float:left ;
	padding-left:2% ;
	list-style:disk ;
}




H3.page_name	{
	font-weight:bold ;
	color:#000099 ;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none ;
	padding:3px;
	padding-left:10px;
}

/*	product_overview	*/
DIV.product_half_block	{
	float:left ;
	width:300px;
	padding-left:10px;
	background:#FFFFFF ;
}
DIV.product_half_block	H5,
DIV.product_half_block	H5	A	{
	text-align:center ;
	margin:0px;
	padding:3px;
	color:#FFFFFF ;
	text-decoration:none ;
}
DIV.product_half_block	IMG	{
	float:left ;
	margin:3px;
	border:none ;
}
DIV.product_half_block	SPAN	{
	color:#666666 ;
	font-size:12px;
	text-align:justify;
	margin:3px;
}
DIV.product_half_block	UL	{
	float:left ;
	list-style-type:none ;
	margin:0px;
	padding:10px;
	color:#3366CC ;
	background:#FFFFFF ;
}
DIV.product_half_block	UL	LI	{
	color:#333333 ;
	clear:both ;
	vertical-align:middle ;
}
DIV.product_half_block	UL	LI	A	{
	word-wrap:break-all ;
	text-align:justify;
	text-decoration:none ;
	color:#333333 ;
	background: url('Images/product_overview_arrow.gif') no-repeat 0px 0px ;
	padding-left:25px ;
}
DIV.product_half_block	UL	LI	A:hover	{
	text-decoration:underline ;
}


IMG.thumbnail	{
	float:right ;
	margin:3px;
	margin-right:5px;
}

H5.description	{
	color:#666666 ;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	padding-left:10px;
	font-weight:normal ;
}


/*	產品列表樣式　１～３　*/

UL.product_list_style_1	{
	margin:0;
	padding:0;
	margin-left:5px;
	list-style-type:none ;
	clear:both ;
}
UL.product_list_style_1	LI	{
	clear:both ;
	/*border-bottom:#C0C0C0 solid 1px ;*/
	border-top:#C0C0C0 solid 1px ;
	padding:0px;
	/*margin-bottom:-4px;*/
	height:110px;
}
UL.product_list_style_1	LI	IMG	{
	float:left ;
	margin:0;
  width:100px;
  height:100px;
}
UL.product_list_style_1	LI	H5	{
	float:left ;
	font-size:12px;
	margin:0px;
	margin-top:5px;
	padding:0px;
  text-align:left;
	color:#124db5 ;
  FONT-WEIGHT: bold;
  FONT-STYLE: normal; 
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;

}
UL.product_list_style_1	LI	H5	A	{
	color:#124db5;
	text-decoration:none ;
  
}
UL.product_list_style_1	LI	H5	A:hover	{
	color:#124db5;
	TEXT-DECORATION: underline
  
}
UL.product_list_style_1	LI	H5.new_product	{
	float:left ;
	font-size:12px;
	margin:0px;
	margin-top:5px;
	padding:0px;
  overflow:visible;
	padding-right:40px;
  color:#124db5 ;
  FONT-WEIGHT: bold;
  FONT-STYLE: normal; 
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	background: url('Images/new.gif') no-repeat top right ;
}

UL.product_list_style_1	LI	TABLE	{
	float:left ;
	height:30px;
	width:490px ;
	font-size:13px;
	margin:0px;
	padding:0px;
}
UL.product_list_style_1	LI	TABLE	TR	{
}
UL.product_list_style_1	LI	TABLE	TR	TD	{
	/*width:50% ;*/
	text-align:left ;
	padding-left:5px;
	border-top:#F0F0F0 solid 0px ;
}

A.datasheet		{
	float:left ;
	background: url('Images/pdf_logo.gif') no-repeat top left ;
	padding-top:2px ;
	padding-left:25px ;
	padding-right:20px ;
	height:20px;
  text-decoration:none ;
  color:#006699;
}
A.datasheet:hover		{
	text-decoration:none;
  color:#006699;
}
A.product_video		{
	float:left ;
	background: url('Images/productvideo.gif') no-repeat top left ;
	padding-top:2px ;
	padding-left:35px ;
	padding-right:20px ;
	height:20px;
  text-decoration:none ;
  color:#006699;
}
A.product_video:hover		{
  color:#006699;
	text-decoration:none;
}
IMG.thumbnail_left	{
  margin-top:30px;
	float:left ;
	margin:3px;
	margin-right:5px;
}

/*	產品全幅寬區塊 */
DIV.product_full_block	{
	float:left ;
	width:610px;
	padding-left:10px;
	padding-bottom:10px;
	background:#FFFFFF ;
}
DIV.product_full_block	H5	{
	text-align:center;
	padding:3px;
	color:#FFFFFF ;
	border-bottom:none ;
}
DIV.product_full_block	P	{
	clear:both ;
	top:3px;
	color:#FFFFFF ;
	border:none ;
	border-bottom:#F0F0F0 solid 1px ;
}
DIV.product_full_block	P.note	{
	clear:both ;
	text-indent:-0.75em ;
	padding-left: 0.75em ;
	padding-top:5px;
	padding-bottom:5px;
	color:#CC3333 ;
	text-align:justify;
}
DIV.product_full_block	H4	{
	float:left ;
	text-align:left ;
	width:50% ;
	color:#606060 ;
	font-weight:normal ;
	font-size:13px;
	border:none ;
}

/*============================================*/

/*	一般網頁排版樣式	*/
DIV.general_html	{
	width:610px;
	margin:5px;
	margin-left:10px;
}
DIV.general_html	IMG	{
}
DIV.general_html	H3	{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#006699 ;
	margin-top:1em;
}
DIV.general_html	H5	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#0066CC ;
	margin-top:0.5em;
}
DIV.general_html	P	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#333333 ;
	margin-left:1em ;
	margin-right:0.5em ;
	text-align:justify ;
}
DIV.general_html	UL	{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#0066CC ;
	margin-left:1em ;
	margin-right:0.5em ;
	list-style-type:square ;
	list-style-position:inside ;
}
DIV.general_html	UL	LI	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#333333 ;
	margin-left:1em ;
	margin-right:0.5em ;
	text-align:justify ;
	text-indent:-1.5em ;
}
DIV.general_html_2	{
	width:610px;
	margin:5px;
	margin-left:10px;
	text-align:center ;
	
}
DIV.general_html_2	IMG	{
	margin-top:5px;
	margin-bottom:10px;
}
DIV.general_html_2	H3	{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#339933 ;
	margin-top:1em;
	text-align:left ;
}
DIV.general_html_2	H5	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#006633 ;
	margin-top:0.5em;
	text-align:left ;
}
DIV.general_html_2	P	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#333333 ;
	margin-left:1em ;
	margin-right:0.5em ;
	text-align:justify ;
}
DIV.general_html_2	P.figure	{
	text-align:center ;
}
DIV.general_html_2	UL	{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#0066CC ;
	margin-left:1em ;
	margin-right:0.5em ;
	list-style-type:square ;
	list-style-position:inside ;
	text-align:left ;
}
DIV.general_html_2	UL	LI	{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif ;
	color:#333333 ;
	margin-left:1em ;
	margin-right:0.5em ;
	text-align:justify ;
	text-indent:-1.5em ;
}
DIV.general_html_2	H5	{
}

DIV.third	{
	float:left ;
	width:200px ;
	margin:0px;
	padding:0px;
}
DIV.third	H5	{
	text-align:center ;
	padding:3px;
	color:#FFFFFF ;
}
DIV.third	UL	{
	margin:0px;
	padding:10px;
	list-style-type:square ;
	text-align:left ;
	font-size:9px;
}
DIV.third	UL	LI	{
	text-align:left ;
}
DIV.third	UL	LI	A	{
	text-decoration:none ;
}
DIV.third	UL	LI	A:hover	{
	text-decoration:underline ;
}
BR.delimiter	{
	clear:both ;
	border:none ;
	height:10px;
	background:#999999 ;
	width:600px;
}
.center	{
	text-align:center ;
}