/*-----------------------------------------------
Web Style
Name:     基本上下4欄中2欄(左sidebar、右main) ver2.0
Designer: Tina
URL:      http://blog.pixnet.net/tina1231
Date:     2008-05-27
----------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #797979;
	margin:0;
	line-height:18pt;
	background-color:#ffffff;
	background: url(../images/bg_page.gif) repeat-x left top;
	TEXT-ALIGN: left;
}
a {    color:#3780B9;text-decoration:none;}
a:hover {	color:#000000;}
p{ margin:0px;  clear:both;}
ul{ margin:0px}
img{ border:none}




/* 主架構，用來定義最大範圍
-----------------------------------------*/
#outer-wrapper{
  width:980px;
  margin:0 ; /* 上 左右 下 */
}

#header-wrapper{
  height:170px;
  text-align:right;
  background-color:#FFFFFF;
}
#headerMenu-wrapper{
  height:39px;
  text-align:right;
  background-color:#FFFFFF;
}
#content-wrapper {
}

#sidebar-wrapper {
  width: 240px;
  height: 500px; /* 暫時 */
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {
  width: 710px;
  /*height: 200px;  暫時 */
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  background:url(../images/page_left_bg.gif) repeat-y 0px 10px;
  }
  
#footer-wrapper {
  height:74px; /* 暫時 */
  clear:both;
  background:url(../images/copyright_bg.gif) no-repeat 40px 0px;
}

/* 副架構樣式，主要定義內容的距離
-----------------------------------------*/
#footer-wrapper p.copyright{
	padding:20px 10px 5px 300px;
	color:#999999;
	font-family: Tahoma;
	font-size:8pt;
	line-height:12pt
}
#sidebar-wrapper p.leftproT{ padding:10px 15px 10px 50px ;color:#818181;font-family: Tahoma;font-size:8pt; line-height:12pt}



/* 關於聯勝
-----------------------------------------*/
#aboutLeft{}
#aboutLeft ul{ list-style:none; padding:0px 20px 5px 60px}
#aboutLeft li{ background:url(../images/icon_circle.gif) no-repeat 0 6px; padding:2px 15px;border-bottom:1px dashed #ccc;
}


/* 產品
-----------------------------------------*/
#proLeft{}
#proLeft ul{ list-style:none; padding:0px 10px 5px 55px}
#proLeft li{ background:url(../images/icon_circle02.gif) no-repeat 0 6px; padding:2px 20px;border-bottom:1px dashed #ccc;
}
#proLeft li a{color: #3780B9;	text-decoration:none;}
#proLeft li a:hover{color: #C60000;}


/* 最新消息
-----------------------------------------*/

#main-wrapper ul.line01 { margin:0px 35px;padding:5px; height:20px;border-top: 1px solid #DBDBDB;	border-bottom: 1px solid #DBDBDB; clear:both}
#main-wrapper ul.line02 { margin:0px 35px;padding:5px; height:20px;border-top: 1px solid #ffffff;	background-color:#F5F5EF ;clear:both}
#main-wrapper li.inline {  display: inline;  padding: 0px 10px 0px 3px;  float:left;  /*border-right: 1px dotted #066;*/  }
#main-wrapper li.last {  display: inline;  padding: 0px 15px 0px 0px;  border-right: 0px;  float:right;    width:40px;  } 
#main-wrapper ul li a {color:#DDA31C; text-decoration:none; padding:0px 5px;display:block ;width:460px;}
#main-wrapper ul li a:hover{background:#DAD7CF;	color: #562930;	padding:0px 5px;} 


/* 人才招募
-----------------------------------------*/
#job-list{ padding:10px 25px 5px 48px}
#job-list table{ margin:10px}
#job-list td{ padding:2px 5px; border-bottom:#CCCCCC 1px solid}



/* 專利
-----------------------------------------*/
#monopoly{ margin:30px 15px 30px 40px}
#monopoly td{padding:6px 5px; border-bottom:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; line-height:17px}



/* 其他樣式
-----------------------------------------*/
h3{ margin:10px 15px 10px 50px}

.mainW{ padding:10px 25px 5px 48px}
.mainP{ padding:10px 35px}
.mainTableP{ padding:5px; line-height:14pt;}
.mainW ol{ margin:0; padding:0 30px }

.leftProMenu li{
list-style-type:none; /* 不出現項目符號 */
/*float:left;  使項目變成橫的 */
width:195px !important;
width:198px;
padding:0px 10px !important;
padding:0px 50px;
}

.leftProMenu li a{
border-bottom:1px dashed #ccc;
padding:3px 10px 5px 20px;
background: url(../images/icon_circle02.gif) no-repeat left top;
text-decoration:none;
line-height:28px;
}
.leftProMenu li a:hover{background: url(../images/icon_circle03.gif) no-repeat left;color: #C60000;	text-decoration:none;}

.indexT{  background:url(../images/page_title_bg.gif) repeat-x 0 10px; height:60px; padding:10px 15px 5px 0px; margin:0px 12px;}
div.indexT span.left {  float: left; width:247px;  }
div.indexT span.right {  float: right;    }
div.indexT span.right a.w { text-decoration:none;line-height:18px;   }

.icon{  padding:15px 50px 10px 30px; float:right; clear:both}
.club{ border:#CCCCCC dashed 1px; padding:5px; margin:0px 15px 0px 50px; width:600px;}
.club_product{ border:#CCCCCC dashed 1px; padding:5px; margin:0px 15px 20px 50px; width:88%;}
.club_contact{ border:#CCCCCC dashed 1px; padding:5px; margin:0px 15px 20px 50px; width:500px;}

.proTabel{ border-left:#C8C8C8 1px solid; border-top:#C8C8C8 1px solid}
.proTabel td{ border-right:#C8C8C8 1px solid; border-bottom:#C8C8C8 1px solid ; padding:3px 5px; line-height:14pt;}


/* 表單樣式
-----------------------------------------*/
.button{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}
.keyin{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
padding:0px 5px;
}

/* 基本顏色樣式
-----------------------------------------*/
.color_black{color:#000}
.color_white{color:#FFF}
.color_gray{color:#B3B3B3}
.color_red{color:#BB0404}
.color_orange{color:#F54D00}
.color_yellow{color:#F5BB00}
.color_green{color:#8CC53E}
.color_blue{color:#3780B9}


/* 文字樣式
-----------------------------------------*/
.word{color:#333;font-size:9pt; line-height:18pt}
.word_gsmall{color:#B3B3B3;font-family: Tahoma;font-size:6pt;}