/*-----------------------------------------------
Web Style
Name:     4欄(上header、中menu、左sidebar、右main、、下footer) ver1.0
Designer: Tina
URL:      http://blog.pixnet.net/tina1231/
Date:     2008-07-23
----------------------------------------------- */

body {
	font-family:Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color: #5e5e5e;
	margin:0;
	line-height:18px;
	background:url(../images/bg.gif) repeat-x;
	background-color:#a5e34e;
}
a {	color:#3E7D2B;font-size: 8pt;}
a:hover {    color:#F54D00;	text-decoration:none;}
img{ border:none}
p{ margin:0}
form{ margin:0}



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

#menu-wrapper{  height:94px;}

#header-wrapper{  height:186px;}

#content-wrapper {}

#sidebar-wrapper {
  width: 445px;
  height: 250px; /* 暫時 */
  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: 480px;
  height: 250px; /* 暫時 */
  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:56px; /* 暫時 */
  background:url(../images/copyright.gif) no-repeat left top;
  clear:both;
}  
#footer-wrapper p{padding:15px 10px 5px 245px; font-size:8pt; line-height:12pt; color:#608d58;font-family:Tahoma, sans-serif;}
#footer-wrapper p a{ color:#506b4c}


/* 其他樣式
-----------------------------------------*/
#index-title-news h1{ background:url(../images/index_titlebg.gif) no-repeat left top; height:38px; width:432px; text-align:right; margin:0}/*最新消息標題*/
#index-title-hotpro h1{ background:url(../images/index_titlebg.gif) no-repeat 0 -40px; height:38px; width:470px; text-align:right; margin:0}/*熱門商品標題*/
.hotpropict{ width:140px; float:left; padding:5px; margin:0 2px}/*熱門商品商品*/
.hotpropict p{ margin:5px 0 1px}/*熱門商品商品文字與圖片的間距*/
.hotpropict a{ color:#666666;	text-decoration:none}/*熱門商品商品連結*/
.hotpropict a:hover{ color:#BB0404;}/*熱門商品商品連結滑入*/


#index-member{ background:url(../images/index_memberbg.gif) no-repeat 7px 0;height:54px; width:320px; padding:15px 0 0 150px}/*會員登錄*/
#index-member p{ margin:2px 0}
#index-member a{  color:#666666;	text-decoration:none}/*會員登錄連結*/
#index-member a:hover{  color:#BB0404;}/*會員登錄連結*/

#news-list01{ padding-left:15px; height:130px}/*最新消息圖文區*/
.news-list01-pict{ float:left; padding:5px 10px 0 0}/*最新消息圖片*/
.news-list01-word{ font-size:8pt !important;font-size:7pt; line-height:14pt; color:#828282; }/*最新消息內文*/

#news-list02{padding:5px 15px}
#news-list02 span{ float: right;text-align: right;}
#news-list02 ul{margin:0;padding:0;list-style-type: none}
#news-list02 li{ background:url(../images/icon_03.gif) no-repeat 0 3px; padding-left:15px; font-size:7pt; line-height:15pt; color:#8CC53E;}
#news-list02 li a{color:#3E7D2B; font-size:9pt;	text-decoration:none;}
#news-list02 li a:hover{color:#F54D00;}

.club{ border:#EBEBEB 1px solid;padding:3px;}



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

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


/* 文字樣式
-----------------------------------------*/