﻿/*清空樣示開始**************************/
html
{
  margin: 0;
  padding: 0;
  border: 0;
  overflow-y: scroll;
} 

body {
  margin: 0 auto;
  padding: 0;
  border: 0;
  font:  1em/1.25 Verdana, Arial, Helvetica, sans-serif, Georgia,"新細明體";
}

/* Headlines */
/*TFAM --Global Defaults --*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif, Georgia,"新細明體";
}

/*TFAM --Text Styles--	*/
p,li, ul, ol, blockquote, q, acronym, abbr, input, select, textarea 
	{
  margin: 0;
  padding: 0;
  border: 0;
  font:  Verdana, Arial, Helvetica, sans-serif, Georgia,"新細明體";
  }

/*TFAM --Link and images--*/	
a, a:link, a:visited, a:active, a:hover
	{
	cursor:pointer;
	text-decoration:none;
	}
	
img {
  border: none;
}	
.img_products
	{
	width:170px;
	padding:2px;
	margin:0px 10px 5px 10px;
	border: 2px solid #ffffff;
	float:right;
	}
/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
label {
cursor: pointer;
}
/*清空樣示結束**************************/


/*--定義全頁面通用基本樣式--*/

/*--定義頁面的樣式--*/
body
	{ 
	background-color:#002942;	/*--設定背景顏色--*/
	font: small Arial, 新細明體;/*--字體與大小--*/
	line-height: 1.5;
	}

/*--定義頁面中的超鏈接樣式表--*/
a:link {text-decoration: none; color: #002942;}		/*--未參觀過的連結--*/
a:visited {text-decoration: none; color: #002942;}	/*--參觀過的連結--*/
a:hover {text-decoration: underline; color: #0372aa;}	/*--當滑鼠移到連結上的時候--*/
a:active {text-decoration: none; color: #0372aa;}			/*--執行中的連結--*/



/*--定義頁面結構--*/



/*--定義頁面外圍控制及整體配置的寬度--*/
#wrapper
	{
	width:950px;
	color:#002942;
	margin: 0px auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:0px;
	background-color:#fff;
	}

/*--定義 頁首區塊 的樣式--*/
#header
	{
	width:880px;
	padding:0px;
	margin: 0px auto;
	}
	
/*--定義頁面功能--*/

/*--定義 主要標誌 的位置或樣式--*/
#logo
	{
	float:left;
	vertical-align:top;
	padding:30px 0px 15px 0px;
	}

/*--定義 主導覽列 樣式--*/
#nav
	{
	float:right;
	font-size:12px;
	vertical-align:top;
	padding:30px 0px 0px 0px;
	}

#nav span
	{
	margin:0px 3px 0px 3px;
	}

/*--定義 主選單 樣式--*/
#menu
	{
	float:left;
	}

#menu span
	{
	margin:0px 3px 0px 3px;
	}

/*--定義 搜尋 樣式--*/
#search
	{
	float:right;
	}

/*--定義 主視覺區 的樣式--*/
#main
	{
	width:880px;
	margin:0px auto;
	padding:2px;
	}

/*--定義 內容放置區塊 的樣式--*/
#content
	{
	width:660px;
	margin:0px;
	padding:20px 20px 10px 30px;
	vertical-align:top;
	}

/*--定義 頁尾區塊 的樣式--*/
#footer
	{
	width:880px;
	margin: 0px auto;
	padding:0px;
	text-align:right;
	}

/*--定義 左側選單 的樣式--*/
#list
	{
	width:160px;
	background-color:#c6c6c6;
	padding:15px;
	vertical-align:top;
	}

#list ul li
	{
	font-weight:bold;
	list-style:none;
	padding:10px 0px 10px 0px;
	}

#list ul li ul li
	{
	font-weight:normal;
	list-style:none;
	padding:0px 0px 0px 10px;
	}

/*--定義 標題 的樣式--*/
.title
	{
	font-size:medium;
	font-weight:bold;
	letter-spacing:3px;
	padding:0px 0px 10px 0px;
	}

/*--定義 <p>標籤 的樣式--*/
p
	{
	/*text-indent:2em;*/
	letter-spacing:1px;
	padding:0px 0px 20px 0px;
	}

/*--定義 span標籤 的樣式--*/
span
	{
	
	}

/*--定義 class="img"之圖片 的樣式--*/
.img
	{
	padding:2px;
	margin:10px;
	float:right;
	}

/*--定義 表單項目 的樣式--*/
.textfield
	{
	font: 12px Arial, 新細明體;
	background:#fff;
	color:#d6d6d6;
	border:1px solid #d6d6d6;
	padding:1px 0px 1px 0px;
	}

.textarea
	{
	font: 12px Arial, 新細明體;
	background:#fff;
	color:#d6d6d6;
	border:1px solid #d6d6d6;
	padding:1px 0px 1px 0px;
	}

.button
	{
	font: 12px Arial, 新細明體;
	padding:1px 6px 0px 6px;
	color:#002942;
	border:0px solid #d6d6d6;
	background-color: #d6d6d6;
	}

/*--定義 顏色 的樣式--*/	
.white	{
	color: #ffffff;
	}

.gray	{
	color: #cccccc;
	}

.orange	{
	color: #ea632b;
	}

.red	{
	color: #ff3c2d;
	}
