@charset "utf-8";

BODY      {
   margin:0px;
   padding:0px;
   font-family:arial,'細明體' ;
   font-size:13px;
  text-align: center;
  width:1007px;
   /*background: url('Images/bg_layout_header.gif') repeat-x ;*/
}
P,PRE,H3,H4,H5,UL,FORM   {
   margin:0px;
   padding:0px;
}

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

#layout_header   {
  position:absolute;
  text-align:center;
  width:1008px;
  height:83px;
  top:0px;
  left:0px;
  margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt(((this.parentNode.offsetWidth - this.offsetWidth) / 2)-10) + "px" : "0");
  /*mark by Oscar20080516--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:90px;    /*upd by Oscar20080516--84px*/
  
}
#layout_body_wrapper_all   {
   position:relative ;
   width:1008px;
  overflow:auto;
   background:#F0F0F0 ;
}
#layout_body_wrapper_left   {
   float:left ;
   width:822px;
   overflow:visible;
   background:#FFFFFF ;
  border:#C0C0C0 solid 1px;
}
#layout_body_center   {   /* 主要內容顯示區塊，放在網頁最前方 */
  clear:both;
   float:right;
  overflow:visible;
   width:650px;
  top:10px;
  text-align: center;
   background:#FFFFFF;
  border-left:#C0C0C0 solid 1px;
}
#layout_body_TreeLink { /*導覽連結，放在內容頁的最前方*/
  position: absolute;
  vertical-align:top;  
  text-align:Left;
  top: 0px;
  left:170px;
  width:635px;
  /* width:81%;*/
  height:20px;
  margin-top: 0;
  overflow:visible;
  color: #000000;
}
#layout_body_left   {   /* 左側功能選單 */
   float:left ;
   width:170px;
  /*width:20%;*/
   background:#F0F0F0 ;
   border-right:#C0C0C0 solid 1px;
 /* overflow:hidden; for ffbox會有問題*/
}
#layout_body_right   {   /* 右側展示區 */
  /*position:absolute;*/
   float:right ;
   width:165px;
  /*width:18%;*/
  padding:0px;
  margin:0px;
   overflow:hidden ;
   text-align:center;
   background:#F0F0F0 ;
}
#layout_footer   {
   position:relative ;
   top:83px;
   margin:0px;
   padding:0px;
  width:1007px;
   /*width:100%;*/
   /*height:83px;*/
 /* left:50%;
   margin-left: -504px;*/
   /*background: url("images/bg_layout_footer.jpg") repeat-x top left ;*/
}

/*   header_locator 頁首內容定位 */
UL.header_locator   {
   position:absolute;
   top:0px;
   left:0px;
   margin:0px;
   padding:0px;
   height:89px;    /*upd by Oscar20080516--83px*/
   width:1007px;
   list-style-type:none ;
   /*overflow:visible ;*/
 /* cursor:url('Images/cursor_hand.gif');*/
 background: url('Images/Bar_2.jpg') no-repeat top left; 
}
UL.header_locator   LI.logo   {
  /*background: url('Images/Bar_2.jpg') no-repeat top left; */   /*upd by Oscar20080516--*/
  float:left;
  height:69px;  /*upd by Oscar20080516--64px*/
  width:155px;   /*upd by Oscar20080516--113pc*/
  cursor:pointer;
}
UL.header_locator   LI.quick_search   {
   /*position:absolute;*/  /*add by Oscar20080522*/
   top:0px;  /*upd by Oscar20080522--0px*/
   float:right ;
   height:64px;
   width:250px;
   padding-left:30px; /*add by Oscar20080522*/
   /*mark by Oscar20080516--background: url("images/bg_quick_search_repeat.gif") repeat-x 587px 0px ;*/
}
UL.header_locator   LI.quick_search      UL   {
   list-style-type:none ;
   margin:0px;
   padding:0px;  /*upd by Oscar20080523--3px*/
   padding-left:45px;    /*mark by Oscar20080522*/
   height:57px;
   /*mark by Oscar20080516--background: url("images/bg_quick_search_round.gif") no-repeat top left ;*/
}
UL.header_locator   LI.quick_search   UL   LI   {
   float:left ;
   color:black;
   padding-right:8px;  /*mark by Oscar20080522*/
}
UL.header_locator   LI.quick_search   UL   LI.input   {
   padding-right:5px;     
  cursor:pointer; 

}
UL.header_locator   LI.quick_search   UL   LI.btn   {
   padding-right:15px;
   padding-top:7px;
  width:12px;
  height:12px;
  /*mark by Oscar20080522--background: url("images/btn_quick_search.gif") no-repeat bottom left ;*/
  cursor:pointer;
}
UL.header_locator   LI.quick_search   UL   LI.sitemap   {
   padding-top:2px;
   padding-right:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
   color:#FFFFFF;
  cursor:pointer;
}
UL.header_locator   LI.quick_search   UL   LI.sitemap   A   {
   font-size:13px;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF ;
   text-decoration:none ;
}
UL.header_locator   LI.quick_search   FORM   INPUT   {
   font-size:11px;
   font-family:arial ;
}
UL.header_locator{
  
}
/*多國語言設定************************************/
UL.header_locator   LI.language   {
   /*position:relative;*/  /*add by Oscar20080522*/ 
   clear:left ;
   float:left ;
   top:84px;  /*upd by Oscar20080522--64px*/
   /*height:18px;*/  /*mark by Oscar20080522--64px*/
   width:300px;  /*upd by Oscar20080522--64px*/
  /*width:16%;*/
   font-size:9px;
   padding-top:1px;
   padding-left:20px;  /*upd by Oscar20080520--35px*/
   font-weight:normal ;
   color:#FFFFFF ;
  /*mark by Oscar20080516--background: url("images/bg_language.gif") no-repeat ;*/
}
UL.header_locator   LI.language   A   {
   color:#FFFFFF ;
   padding-right:5px;  
   padding-left:5px;  
   text-decoration:none ;
   font-size:12px;
   font-family:Arial, "新細明體";
  
}


/*   footer_locator   頁尾內容定位   */
UL.footer_locator   {
   list-style-type:none ;
   margin:0px;
   padding:0px;
   padding-top: 20px;
  /*background: url("images/bg_layout_footer.jpg") repeat-x top left ;*/
  background: url("images/bg_layout_footer.jpg") top left ;
}
UL.footer_locator   LI   {
   clear:both ;
   font-size:11px ;
   line-height:13px;
   text-align:center ;
   height:17px;
   color:#FFFFFF ;
}
UL.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;
}

/*   core_technology   */
UL.core_technology   {
   list-style-type:none;
   margin:8px;
   padding:2px;
   width: 150px;
}
UL.core_technology   LI   {
   FONT-WEIGHT: normal;
   FONT-SIZE: 8pt;
   COLOR: #000099;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   text-align:left ;
   background:#FFFFFF ;
   padding:5px;
   border:#6081a3 solid 1px;
   word-wrap:break-word ;
   margin-top:-1px;
   width: 150px;
}
UL.core_technology   LI.title   {
   text-align:center ;
   background:#FFFFFF;
   padding:5px;
   border:#6081a3 solid 1px;
   color:#404040 ;
   margin-top:0px;
}
UL.core_technology   LI.icon   {
   background:#FFFFFF;
   padding-left:0px;
   padding-top:10px;
   height:39px;
   margin-top:-2px;
}
UL.core_technology   LI.icon   A{
  text-decoration:none ;
}
UL.core_technology   LI.icon   Img {
   border:0px;
  float:Left;
}
/*   目前所在位置鏈結設定   */
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;
  text-align:left;
  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;
  bottom;
 
}
#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: #ffffff;   /*20090921--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:20;    /*20090921--55px*/
  text-align:center;
}
#tabbarSize LI.tab3 A {
   COLOR: #ffffff
}
#tabbarSize LI.tab4 {
  BACKGROUND-COLOR: CCCCCC;   /*20090921--CCCCCC*/
   BORDER-TOP: #ffffff 2px solid;
  BORDER-BOTTOM: #1d3e8b 0px solid;  
  BORDER-LEFT:#ffffff 0px solid;
  BORDER-RIGHT:#ffffff 1px solid; 
  width:20px;    /*20090921--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:#0000ff   /*20090921--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:5px;
   margin-left:10px;
   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:5px;
  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 ;
}