@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	font: 9pt "新細明體";
	background: url(../images/bg.jpg) center;
}
	
a {
	font: 9pt ;
	color: #990000;
	text-decoration: none;
}
a:hover {
	font: 9pt ;
	color: #FF0000;
	text-decoration: underline;
}
.table_style {
    border-top:1px solid #9DA970;
	border-left:1px solid #9DA970;
	}
    .table_style  td{
    border-right:1px solid #9DA970;
	border-bottom:1px solid #9DA970;
	}
caption {
	margin:5px;
	font: 16pt "標楷體", Arial;
	color: #993300;
}

h1 {
margin:0px;}
	
.red {
	color: #CC3300;
	}
form {
    padding:0px;
	margin:0px;
		}
.warning {
	font: 12pt "新細明體", Arial;
	color: #CC0000;
}
.textfield {
	margin:0px;
	background: #FFFF99;
	border: 1px dotted #CC6600;
	filter: Alpha(Opacity=50, FinishOpacity=50);
}
.TableBorderHidden{
	text-align:center;
	padding-bottom:20px;
}
.scroll-box {
width:630px;
height:430px;
overflow:scroll;
overflow-x:hidden;
padding:5px;
scrollbar-face-color:#ffcc66;
	scrollbar-shadow-color: #ff9900;
	scrollbar-highlight-color: #ff9900;
	scrollbar-3dlight-color: #ff9900;
	scrollbar-darkshadow-color: #ff6600;
	scrollbar-track-color: #ff6600;
	scrollbar-arrow-color: #ff9900;
}
/*************************排版設定START**************************/
	
.container {/*容器-裝入所有內容*/
background: url(../images/bg-patten.jpg) center top;
width:1003px;
}
.content {/*容器-會變動的內容*/
width:875px;
text-align:left;}

#mainmenu {/*主選單*/
	width:198px;
	float:left;
	background: url(../images/menu/bg.gif) repeat-y;
}
#main_content {/*主要內容區*/
	width:677px;
	float:left;
	text-align:center;
}
	#main_content p{/*主內容P段落設定*/
		margin:0px;
		padding-top:10px;
		padding-left:5px;
		line-height:1.3em;
	}
	#main_content .calligraphy{/*主內容標楷體內文設定*/
	    font: 13pt "標楷體", Arial;
		
	}


/************頁面主題設定START*****************/
#heading {
    text-align:right;
}
#about #heading {/*標題"關於我們"*/
	width:677px;
	height:83px;
	float:left;
	background: url(../images/heading-about.jpg) no-repeat;
}
    #about #heading h1 span {/*標題"關於我們"隱藏文字*/
	display:none;
	margin-left:-9999px;
	}
	#about #heading h1 a {
	display:block;
	width:677px;
	height:83px;
	}
#contact #heading {/*標題"聯絡我們"*/
	width:677px;
	height:83px;
	float:left;
	background: url(../images/heading-contact.jpg) no-repeat;
}
    #contact #heading h1 span {
	display:none;
	margin-left:-9999px;
	}
#shopping #heading {/*標題"喜金產品"*/
	width:677px;
	height:83px;
	float:left;
	text-align:center;
	background: url(../images/heading-products.jpg) no-repeat;
}
    #shopping #heading h1 span {
	display:none;
	margin-left:-9999px;
	}
	#shopping #heading .sub-link {/*次選單連結*/
			font:bold 10pt "新細明體";
			padding:0px 10px 0px 350px;
			margin:20px 0px 0px 0px ;
		}
#members #heading {/*標題"喜金會員"*/
	width:677px;
	height:83px;
	float:left;
	text-align:center;
	background: url(../images/heading-members.jpg) no-repeat;
}
    #members #heading h1 span {
	display:none;
	margin-left:-9999px;
	}
	#members #heading .sub-link {/*次選單連結*/
			font:bold 10pt "新細明體";
			padding:0px 10px 0px 220px;
			margin:20px 0px 0px 0px ;
		}
/************頁面主題設定END***************/	


/************FOOTER-START**************/
#footer {
width:875px;
height:84px;
padding:10px 0px;
clear:both;
text-align:left;
}
.skype {
	height: 84px;
	width: 187px;
	float:left;}
.skype a {
	background:url(../images/footer/skype.gif);
	height: 84px;
	width: 187px;
	display:block;
}
		.skype a:hover {
			background:url(../images/footer/skype-hover.gif);
			height: 84px;
			width: 187px;
		}
		.skype span {
			margin-left:-2000px;
		}
.data {
	width:576px;
	height:84px;
	float:left;
	background: url(../images/footer/footer-bg.gif) no-repeat;
	font-size: 10pt;
	color: #582F21;
}
.data p {
margin:0px;
padding-top:22px;
padding-left:105px;}

.top {
	height: 84px;
	width: 101px;
	float:left;
}

.top a {
	background:url(../images/footer/top.gif) no-repeat left;
	height: 84px;
	width: 101px;
	display:block;
}
		.top a:hover {
			background:url(../images/footer/top-top.gif) no-repeat left;
			height: 84px;
			width: 101px;
		}
		.top span {
			margin-left:-2000px;
		}
/*************FOOTER-END*************/
/**********************排版設定END*************************/