@charset "utf-8";

/* 基本樣式
****************************************************************************************************/
* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	background-image: url(../images/all-site/bg.jpg);
}/*背景連續圖片*/

#main p.heading1 {
 visibility:hidden;
 display:none;
}/*設定p.heading1關鍵字隱藏在flash中*/


/*整頁大表格區塊樣式-使其置中
****************************************************************************************************/
#main_table {
	margin:0 auto;
}


/* 文字樣式
****************************************************************************************************/
p {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	line-height: 19px;
	letter-spacing: 2px;
}/*段落文字樣式*/

a{
	color: #907327;
	text-decoration:none;
}/*連結標註關鍵字文字樣式*/

.headline {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}/*較大標題灰色字體*/

.gold_text {
	color: #907327;
}/*金色顯眼字體*/

.gold_text a{
	color: #907327;
	text-decoration:none;
}/*金色標顯眼字體連結文字設定*/

.gold_text a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}/*金色顯眼字體連結移至文字設定*/

.tl_gold_text {
	font-size:15px;
	font-weight:bold;
	color: #907327;
	line-height:30px;
}/*金色標題、較大顯眼字體*/

.noborder a{
	border:none;
}/*滑鼠連結移至無線條*/


/* 各頁面最下方黑色橫幅資訊區(計數器、連結、地址、登入管理等文字)
****************************************************************************************************/
#counter{
	width:60px;
	height:12px;
}/*計數器的區塊位置*/

.bottom_text {
	padding:22px 0 0 0;
	font-size: 12px;
	line-height: 23px;
	font-weight: normal;
	color: #d9c36e;
	letter-spacing: 2px;
	vertical-align:middle;
}/*底部按鈕資訊等金色文字設定*/

.bottom_text a {
	color: #d9c36e;
	text-decoration:none;
}/*底部按鈕資訊等金色連結文字設定*/

.bottom_text a:hover {
	border-bottom: 1px solid;
}/*底部按鈕資訊等金色連結移至文字設定*/

/* 11.10.17 新增 navigation (導覽列樣式) 按鈕取代FLASH樣式
****************************************************************************************************/
/* ///////////////////////////////////////////////////////////////////////////////////////////menu */
#main { width:925px; height:245px; margin:0 auto;}
.top_banner { width:925px; height:178px; list-style:none;}/*上方banner*/
.top_banner li { float:left;}
.top_banner li a { background:url(../images/all-site/sprite.jpg) no-repeat scroll top left; display:block; height:178px; position:relative;/*解決li下方3px bug問題→ vertical-align:top;*/}
.top_banner li a span {	background:url(../images/all-site/sprite.jpg) no-repeat scroll bottom left;	display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;/*解決li下方3px bug問題→ vertical-align:top;*/}
.top_banner li a.btn_favorite { width:286px; background-position:    0px 0px;}/*先左右距離，再上下距離*/
.top_banner li a.btn_logo     { width:359px; background-position: -286px 0px;}
.top_banner li a.btn_blog     { width:280px; background-position: -645px 0px;}

.top_banner li a.btn_favorite span{ background-position:    0px -245px;}
.top_banner li a.btn_logo     span{ background-position: -286px -245px;}
.top_banner li a.btn_blog     span{ background-position: -645px -245px;}

.top_banner li a span:hover { cursor:pointer;}

.top_button { width:925px; height:67px; list-style:none;}/*上方banner*/
.top_button li { float:left;}
.top_button li a { background:url(../images/all-site/sprite.jpg) no-repeat scroll top left; display:block; height:67px; position:relative;/*解決li下方3px bug問題→ vertical-align:top;*/}
.top_button li a span {	background:url(../images/all-site/sprite.jpg) no-repeat scroll bottom left;	display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;/*解決li下方3px bug問題→ vertical-align:top;*/}
.top_button li a.btn_home { width:141px; background-position:    0px -178px;}/*先左右距離，再上下距離*/
.top_button li a.btn_co   { width: 71px; background-position: -141px -178px;}
.top_button li a.btn_enq  { width: 72px; background-position: -212px -178px;}
.top_button li a.btn_cnv  { width:104px; background-position: -284px -178px;}
.top_button li a.btn_prod { width: 72px; background-position: -388px -178px;}
.top_button li a.btn_qa   { width: 72px; background-position: -460px -178px;}
.top_button li a.btn_retr { width:102px; background-position: -532px -178px;}
.top_button li a.btn_msg  { width: 59px; background-position: -634px -178px;}
.top_button li a.btn_go   { width: 71px; background-position: -693px -178px;}
.top_button li a.btn_map  { width:160px; background-position: -764px -178px;}

.top_button li a.btn_home span{ background-position:    0px -423px;}
.top_button li a.btn_co   span{ background-position: -141px -423px;}
.top_button li a.btn_enq  span{ background-position: -212px -423px;}
.top_button li a.btn_cnv  span{ background-position: -284px -423px;}
.top_button li a.btn_prod span{ background-position: -388px -423px;}
.top_button li a.btn_qa   span{ background-position: -460px -423px;}
.top_button li a.btn_retr span{ background-position: -532px -423px;}
.top_button li a.btn_msg  span{ background-position: -634px -423px;}
.top_button li a.btn_go   span{ background-position: -693px -423px;}
.top_button li a.btn_map  span{ background-position: -764px -423px;}

.top_button li a span:hover { cursor:pointer;}