html {scrollbar-3d-light-color : #E6E4DE; 
scrollbar-arrow-color : #857D68; 
scrollbar-base-color : #CDC9BD; 
scrollbar-dark-shadow-color : #A08B94; scrollbar-face-color : :#CDC9BD; 
scrollbar-highlight-color : #E6E4DE; 
scrollbar-shadow-color : #A59E8C; }
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0 auto; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	color: #000000;
	background: url('../images/index_bg1.gif') #FFF repeat-x ;
}
.oneColFixCtrHdr #container {
	width: 996px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #C40014; /* 背景色設定 */
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #8A000E ;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
}
.oneColFixCtrHdr #header {
	background: #C40014; 
	padding: 0 0px 0 0px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 10px 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	background: #C40014;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#C40014;
	border-width: 1px;
	border-top-style: dashed;
	border-color: #8A000E ;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
/* 內頁 */
.twoColFixLtHdr #container { 
	width: 979px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: center; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.twoColFixLtHdr #content{ 
    width: 779px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;

}
.twoColFixLtHdr #header { 
	background: #FFF; 
	padding: 0 0 0 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 將 #header Div 中最後一個元素的邊界調整為零可避免邊界收合 (Div 之間出現的空間，無法解釋)。如果 Div 的周圍具有邊框，這就不是必要動作，因為該項設定也會避免邊界收合 */
	padding: 0 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 200px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FFF; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 0 0 0 0;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 200px; /* 這個 Div 元素的左邊界會沿著頁面左邊向下建立欄 – 不論 sidebar1 Div 包含多少內容，欄空間將維持不變。當 #sidebar1 的內容結束時，如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間，就可以移除這個邊界。 */
	padding: 0 0; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
} 
.twoColFixLtHdr #footer { 
	padding: 0 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#FFF;
	border-width: 1px;
	border-top-style: dashed;
	border-color: #8A000E ;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}

/* 可重複使用的雜項類別 */
.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* 內頁end */
.border {
	font-size: 13px;
	line-height: 18px;
	border: 1px solid #CCCCCC;
}
A.class3:link  {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}
A.class3:visited {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}
A.class2:link  {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
}
A.class2:visited {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
}

A.class1 :link{
	
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:   url("../images/bg_nav.jpg");
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}

A.class1:visited{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:   url("../images/bg_nav.jpg");
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}

A.class1:hover{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	}
A.class4:link  {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
A.class4:visited {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
A.class5:link  {
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
A.class5:visited {
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
A.class5w:link  {
	font-size: 15px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
A.class5w:visited {
	font-size: 15px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.footer { 
	padding: 0 0px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#FFF;
	border-width: 1px;
	border-top-style: dashed;
	border-color: #8A000E ;
} 
.boarda11 {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cccccc ;
}
.dline {
	font-size: 13px;
	line-height: 18px;
	color: #3c3c3c;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #AC9FA6;
}
.a13 {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
    margin: 1px;
	padding: 4px;
}
.a13ul {
	color: #3F7E47;
	margin: 1px;
	padding: 4px;
	font: 13px ;
	line-height: 25px;
}
.a13g {
	font-size: 13px;
	line-height: 18px;
	color: #3F7E47;
    margin: 1px;
	padding: 4px;
}
.a15o {
	font-size: 15px;
	line-height: 18px;
	color: #FF9900;
	margin: 12px;
	padding: 12px;
	line-height: 1.5em;
}
.a15w {
	font-size: 15px;
	line-height: 18px;
	color: #FFF;
	margin: 12px;
	padding: 12px;
	line-height: 1.5em;
}
.lined {
	font-size: 13px;
	line-height: 18px;
	border: 1px dashed #999999;
}
.a13red {
	font-size: 15px;
	line-height: 18px;
	color: #FF0000;
}
.a13ong {
	font-size: 13px;
	line-height: 18px;
	color: #FF3300;
}
.a13blue {
	font-size: 13px;
	line-height: 18px;
	color: #0066CC;
}
.leftline {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A2A2A2;
}
.a15b {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #5C6A31;
}
.lineg {

	font-size: 13px;
	line-height: 18px;
	border: 1px dashed #8CCA31;
}
.linegCopy {


	font-size: 13px;
	line-height: 18px;
	border: 1px solid #8CCA31;
}
.a13b {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
}
.a13redb {
	font-size: 13px;
	line-height: 18px;
	color: #FF0000;
	font-weight: bold;
}
.abbg {
	background-color: #DFF0F9;
}
.drbg {
	background-color: #E1F3F7;
	border-top: 1px none #E8DDBB;
	border-right: 1px none #E8DDBB;
	border-bottom: 1px none #E8DDBB;
	border-left: 1px none #E8DDBB;
}
.drbg2 {
	font-size: 13px;
	line-height: 18px;
	background-color: #F2F8E8;
	border-top: 1px solid #FFF;
	border-right: 1px none #E8DDBB;
	border-bottom: 1px none #E8DDBB;
	border-left: 1px none #E8DDBB;
	margin: 3px;
}
.boardbg {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-color: #E9EDF5;
	background: url('../images/Forumb_b.gif')  repeat-x ;
}
.boardbg2 {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-color: #E9EDF5;
	background: url('../images/Forumb_2.gif')  repeat-x ;
}
.searchbg {
	color: #333333;
	background-color: #E9EDF5;
	background: url('../images/Forumb_sb.gif')  repeat-x;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
.forumsign {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	border-top: 1px dashed #CCCCCC;
	padding: 2px;
}
.forumtd {
	font-size: 13px;
	line-height: 14px;
	color: #666666;
	padding: 12px;
	margin: 20px;
}
.forumre {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	padding: 12px;
	margin: 20px;
	border: 1px inset #CCCCCC;
}
.linegCopy2 {


	font-size: 13px;
	line-height: 18px;
	border: 1px dashed #CC9966;
}
.eng {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}
.a13bb {

	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #6899FF;
}
.line_w4w {



	font-size: 13px;
	line-height: 18px;
	border: 3px solid #FFFFFF;
}
.tbg {
	font-size: 13px;
	line-height: 18px;
	background-color: #CDC9BD;
}
.a13w {

	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
}
.rightline {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #726D581;
}
.a13Copy {

	font-size: 13px;
	line-height: 18px;
	color: #202020;
}
.loginbox {

	font-size: 13px;
	line-height: 18px;
	color: #333333;
	margin: 1px;
	padding: 1px;
	border-top: 1px solid #E8DDBB;
	border-bottom: 1px solid #E8DDBB;
}
.a15 {
	font-size: 15px;
	color: #3C3C3C;
	margin: 12px;
	padding: 12px;
	line-height: 1.5em;
}
.p {
	font-size: 1em;
	color: #3C3C3C;
	margin: 12px;
	padding: 12px;
	line-height: 22px;
}
.a15yb {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #456578;
	background-color: #F4E7DB;
}
.a15Bw {
	font-size: 15px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
}
.a11 {
	font-size: 11px;
	line-height: 14px;
	color: #999999;
}
.a15r {

	font-size: 15px;
	line-height: 18px;
	color: #FF0000;
}
.small {
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}
.drbgCopy {
	background-color: #E5E3DC;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 3px;
}
.boardtitle {
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #336633;
}
a:link {
	color: #0033CC;
}
a:visited {
	color: #660066;
}
a:hover {
	color: #FF3300;
}
a:active {
	color: #CA5100;
}
.shop#td {

	font-size: 12px;
	line-height: 16px;
	color: #333333;
    margin: 2px;
	padding: 2px;
}
.shop#td15{
	font-size: 15px;
	line-height: 16px;
	color: #333333;
    margin: 2px;
	padding: 2px;
}
.shop#rightbox {
	font-size: 13px;
	line-height: 18px;
	color: #FF2626;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4E0EE;
	background-color: #FFF0E1;
}
.shopmenu#title {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: #FF6262;
	text-decoration: none;
}
.shopmenu#text {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FF4242;
}
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
TD.tableHeading {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 1px;
	padding: 1px;
	line-height: 17px;
	color: #666666;
}
A.class6:link {
	font-size: 18px;
	line-height: 24px;
	color: #FF6060;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
A.class6:visited {
	font-size: 18px;
	line-height: 24px;
	color: #FF6060;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
A.class6:active {
	font-size: 18px;
	line-height: 24px;
	color: #FF6060;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
A.class6:hover {
	font-size: 18px;
	line-height: 24px;
	color: #4F7777;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.abbgCopy {

	background-color: #FAF1E0;
}
.dline_menu {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #EAEDF0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 1px;
}
A.class12:link {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
A.class12:visited {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.a129c {

	font-size: 12px;
	line-height: 16px;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 1px;
}
.tableH {

	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
	line-height: 17px;
	color: #333333;
}
.upload{
   background-color: #FFFFFF;
   font-size: 9pt;
   color: #000000; 
   border: 1px solid #cccccc;
}
.select{
   BACKGROUND-COLOR: #e0e0e0; 
   FONT-FAMILY: "新細明體","細明體","標楷體";
   FONT-SIZE: 9px;
   COLOR: #06303d; 

}
.mainbg {
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.mainBr {
	background: url(../images/main_bg.gif) repeat-y;
    background-color: #FFFFFF;
}
.mainBrb {
	background: url(../images/main_bga.gif) repeat-y;
    background-color: #FFFFFF;
}
.mbg1 {
	background: url(../images/main_a1b.gif) repeat-y;
	font-size: 15px;
	line-height: 18px;
	color: #FFF;
}
.movbg {
	background: url(../images/f01.jpg) no-repeat;
}
.indextdbg {
	background: url('../images/index_bg2.gif') #FFF repeat-x ;
}
.ebg {
	background: url(../images/company02_bg.gif) repeat-x;
}
.inbg {
	background: url(../images/sh.gif) repeat-y;
}

