/*-----------------------------------------------
Web Style
Name:     基本2欄(左sidebar、右main) ver2.0
Designer: Tine
URL:      http://blog.pixnet.net/tina1231/
Date:     2008-05-22
----------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	margin:0;
	line-height: 18pt;
	background-color:#ffffff;
	background: url(../images/bg.gif) repeat-x left top;
	TEXT-ALIGN: left;
}
a {	color:#003399;	text-decoration: none;}
a:hover {	color:#D20000;	text-decoration:underline;}
p{ margin:0px;  clear:both;}
ul,ol{ margin:0px; padding:0}



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

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

#content-wrapper {
}

#sidebar-wrapper {
  width: 395px;
  height: 170px; /* 暫時 */
  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: 380px;
  height: 170px; /* 暫時 */
  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 */
  }
#qicon-wrapper {
  /*width: 570px;*/
  height: 170px; /* 暫時 */
  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 */
  }
  
#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:#818181;font-family: Tahoma;font-size:8pt; line-height:12pt}
#sidebar-wrapper div.pa{ padding:15px 20px 10px 75px;}
#main-wrapper div.pa{ padding:15px 10px 10px ;}
#qicon-wrapper div.pa{ padding:20px 0px 10px 20px ;}


/* 最新產品樣式
-----------------------------------------*/
#scrollDiv{width:260px;height:80px;min-height:25px;line-height:25px;/*border:#ccc 1px solid;*/overflow:hidden; margin:5px 0 0 10px; float: left;}
#scrollDiv li{background:url(../images/icon_circle.gif) no-repeat 0 1px;height:41px;padding:0px 10px 0px 15px; font-size:11px; line-height:16px; color:#888888}
#scrollDiv li a{color:#0365ab; line-height:16px; font-size:12px;}


/* 其他樣式
-----------------------------------------*/
.left{  float:left}
.right{  float:right}

.indexT{  background:url(../images/line_solid.gif) repeat-x 0 -1px; height:36px; padding-bottom:5px}
div.indexT span.left {  float: left;width:85px; }
div.indexT span.right {  float: right;    width:40px;  }
.indexTW{ clear:both;}
div.indexTW span.left {  float: left;  text-align: left;  width: 230px;overflow:hidden; }
div.indexTW span.left a { color:#666666;font-size:9pt;  }
div.indexTW span.right {	float: right;	text-align: right;	color:#B3B3B3;	font-family: Arial;	font-size:10px; }

.left01 {  float: left; width: 90px; }
.left02 {  float: left; }
.indexP{ height:25px}
div.indexP a { color:#0365ab;font-size:9pt; line-height:18pt; font-weight:bold;}
div.indexP span.left_w { padding-left:14px;line-height:13pt;}

/* 表單樣式
-----------------------------------------*/
.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;
}

/* 基本顏色樣式
-----------------------------------------*/
.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:#666666;font-size:9pt; line-height:17pt}
.word_gsmall{color:#B3B3B3;font-family: Tahoma;font-size:7pt;}