/*捲軸樣式定義*/
BODY {
	SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #666; SCROLLBAR-SHADOW-COLOR: #666; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #666; SCROLLBAR-TRACK-COLOR: #fff; SCROLLBAR-DARKSHADOW-COLOR: #fff
}
/*
BODY {
	scrollbar-face-color: #EBEDFA; scrollbar-shadow-color: #CDCDCD; 
        scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; 
        scrollbar-darkshadow-color: #475B8F; scrollbar-track-color: #F7F7F7; 
        scrollbar-arrow-color:#000000;
     }
*/
/*文字樣式定義*/
body, td, th, input{ font-size: 12px ;color: #000000 }
.p0{ font-size: 10px ;color: #000000 }
.p1{ font-size: 12px ;color: #000000 }
.p1c{ font-size: 12px ;color: #000000; font-family: Arial }
.p1b{ font-size: 12px ;color: #000000; font-family: Arial; font-weight:bold }
.p1w { color:#FFFFFF; font-size: 12px; text-decoration: none; font-family:Arial}
.p1r { color:#CC3300; font-size: 12px; text-decoration: none; font-family:Arial}
.p1b { color:#000000; font-size: 12px; text-decoration: none; font-family:Arial; font-weight:bold }
.p2c{ font-size: 13px ;color: #000000; font-family: Arial ;line-height: 150%}
.p2b{ font-size: 13px ;color: #000000; font-family: Arial ; font-weight:bold }
.p2{ font-size: 12px ; line-height: 150%; font-face: Arial; }
.p3{ font-size: 13.5px; font-family: Arial;}
.p3b{ font-size: 13.5px; font-family: Arial; font-weight:bold; letter-spacing: 2px  }
.p3c{ font-size: 14px; font-family: 新細明體,Arial}
.p3h{ font-size: 13.5px; font-family: Arial; line-height: 140%}
.p4{ font-size: 15px ; line-height: 140% ; font-family: Arial }
.p4b{ font-size: 15px ; line-height: 120% ; font-family: Arial; font-weight:bold }
.p5{ font-size: 12px ; line-height: 180% }
.p6{ font-size: 16px ; line-height: 130% ; font-family: Arial }
.p6b{ font-size: 16px ; line-height: 130% ; font-family: Arial; font-weight:bold }
.p7{ font-size: 12px ;color: #CC3300; font-family: Arial }
.p8{ font-size: 9px ;color: #000000; font-family: Arial }

.bar {
	color: #000000;
	font-size: 14px;
	line-height: 120%;
	font-family: 新細明體, Arial;
}

.pname {
	color: #000080;
	font-size: 14px;
	line-height: 120%;
	font-family: Arial,新細明體;
}

.prc{
	color: #FF0000;
	font-size: 14px;
	line-height: 120%;
	font-family: Arial,新細明體;
}

.absTitle
{
	color: #000000;
	font-size: 16px;
	line-height: 150%;
	font-family: Arial,新細明體;
}

.abs
{
	color: #000000;
	font-size: 13.5px;
	line-height: 150%;
	font-family: Arial,新細明體;
}

.header
{
	color: #FF6600;
	font-size: 12px;
	font-family: Arial,新細明體;
	text-decoration: underline;
}

/*英文字元定義*/
.efont{ font-family: arial} 

/*特殊字元 傳送試聽*/
.st{font-family: webdings;font-size:14px}

/*LOGO邊框色彩定義*/
.img {border-color:#196A0C}

/*定義連結樣式*/
a:link{ color: #000000 ;text-decoration:none}
a:visited{ color: #003366 ;text-decoration:none }
a:hover{ color: #CC3300 ;text-decoration:underline }

a.nav:link{	color: #FFFFFF;	text-decoration:none;font-size: 12px;font-weight:bold;}
a.nav:visited{ color: #FFFFFF ;text-decoration:none;font-size: 12px;font-weight:bold;}
a.nav:hover{ color: #000000;text-decoration:none;font-size: 12px;font-weight:bold;}

a.top:link, a.top:visited, a.top:hover{ color: #FFFFFF ;text-decoration:none}


a.p1w:link {
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial;
	text-decoration: none;
	}

a.p1w:hover {
	color:#FFFF00;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

a.p1w:visited {
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

a.p1w:visited:hover {
	color:#FFFF00;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

a.p1b:link {
	color:#000000;
	font-size:12px;
	font-family: Arial;
	text-decoration: none;
	}

a.p1b:hover {
	color:#CC3300;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

a.p1b:visited {
	color:#000000;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

a.p1b:visited:hover {
	color:#CC3300;
	font-size:12px;
	font-family: Arial;	
	text-decoration: none;	
}

.style3 {
	color: #000033;
	font-weight: bold;
	font-size: small;
}
.style4 {font-size: small}

a.pname:link {
	color:#000080;
	font-size:14px;
	font-family: Arial;
	text-decoration: underline;
	}

a.pname:hover {
	color:#FF0000;
	font-size:14px;
	font-family: Arial;	
	text-decoration: underline;	
}

a.pname:visited {
	color:#000080;
	font-size:14px;
	font-family: Arial;	
	text-decoration: underline;	
}

a.pname:visited:hover {
	color:#FF0000;
	font-size:14px;
	font-family: Arial;	
	text-decoration: underline
}

a.header:link {
	color:#FF6600;
	font-size:12px;
	font-family: Arial;
	text-decoration: underline;
	}

a.header:hover {
	color:#0066FF;
	font-size:12px;
	font-family: Arial;	
	text-decoration: underline;	
}

a.header:visited {
	color:#FF6600;
	font-size:12px;
	font-family: Arial;	
	text-decoration: underline;	
}

a.header:visited:hover {
	color:#0066FF;
	font-size:12px;
	font-family: Arial;	
	text-decoration: underline
}

/*使用了背景圖*/
.top_nav{background-image:url('images/navtbg.gif') ;}
.shop{background-image:url('images/shop_bg.gif') ;} 
.list{background-image:url('images/g_bg.gif') ;} 
.list1{background-image:url('images/g_bg.gif') ;} 
.shopnav{background-image:url('images/nav.gif') ;} 
.shopnav1{background-image:url('images/nav_1.gif') ;} 
.dotline{background-image:url('images/dot.gif') ;} 
.dotline_1{background-image:url('images/dot_1.gif') ;} 

.tab_color{background-color: #ffffff;}

/*強調字元1白色*/
.pt01, a.pt01:link, a.pt01:visited{ color:#ffffff ; text-decoration: none }
a.pt01:hover{ color: #FF0000 ; }

/*強調字元2橙色*/
.pt02, a.pt02:link, a.pt02:visited{ color:#F35F21 ; text-decoration: none }
a.pt02:hover{ color: #BF0ECC ; }

/*強調字元3綠色*/
.pt03, a.pt03:link, a.pt03:visited{ color: #286c1e ; text-decoration: none }
a.pt03:hover{ color: #BF0ECC ; }

/*強調字元4黑色*/
.pt04, a.pt04:link, a.pt04:visited{ color: #000000 ; text-decoration: none }
a.pt04:hover{ color: #FF0000 ; }

/*定義表單元素樣式*/
textarea, select, text, password { border-top: #000000 1px solid ; border-left: #000000 1px solid ; border-bottom: #CDCDCD 1px solid ; border-right: #CDCDCD 1px solid ; background:#ffffff;font-size: 12px;}

/*無邊框表單元素 用於圖片,單選多選鈕*/
.nobd{ border: 0px}
/*用於BUTTON*/
.btn { border-top: #CDCDCD 1px solid; border-left: #CDCDCD 1px solid;border-right: #737373 1px solid; border-bottom: #737373 1px solid; cursor: hand; background: #88B8E8; height: 20px; color:#000000 ; padding-top: 1px; letter-spacing: 0px; padding-right: 0px; padding-left: 0px}
.qry { border-top: #CDCDCD 1px solid; border-left: #CDCDCD 1px solid;border-right: #737373 1px solid; border-bottom: #737373 1px solid; cursor: hand; background: #FFD040; height: 20px; color:#000000 ; padding-top: 1px; letter-spacing: 0px; padding-right: 0px; padding-left: 0px}
.send{ border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;border-right: #737373 1px solid; border-bottom: #737373 1px solid; background-color: #C0C0C0; height: 20px ; font-size: 12px ;color:#000000; cursor: hand; padding-top: 2px; letter-spacing: 2px; padding-right: 2px; padding-left: 2px; height: 24px; BACKGROUND:#C0C0C0 url('../images/bar4.gif');}
.save{ border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;border-right: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #C0C0C0; height: 20px ; font-size: 12px ;color:#000000; cursor: hand; padding-top: 1px; letter-spacing: 0px; padding-right: 0px; padding-left: 0px; BACKGROUND:#C0C0C0 url('../images/catbg1.gif');}
.yellow{ border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;border-right: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #C0C0C0 ; font-size: 12px ;color:#000000; cursor: hand; padding-top: 3px; letter-spacing: 0px; padding-right: 0px; padding-left: 0px; BACKGROUND:#C0C0C0 url('../images/bar_bg3-1.gif');}
.green{ border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;border-right: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #C0C0C0 ; font-size: 12px ;color:#000000; cursor: hand; padding-top: 3px; letter-spacing: 2px; padding-right: 0px; padding-left: 0px; height: 24px; BACKGROUND:#C0C0C0 url('../images/bar_bg1-1.gif');}
.blue{ border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;border-right: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #C0C0C0 ; font-size: 12px ;color:#000000; cursor: hand; padding-top: 3px; letter-spacing: 0px; padding-right: 0px; padding-left: 0px; BACKGROUND:#C0C0C0 url('../images/bar_bg4.gif');}

.buttonx {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#D7E3F7, EndColorStr=#A5C0ED); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid
}

input.button {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#FFFFFF, EndColorStr=#CCCCFF); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid
} 

input.button:hover {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#FFFFFF, EndColorStr=#FFCCFF); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid
}

.pink {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#FFFFFF, EndColorStr=#FFCCFF); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid
}
 
.purple {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#FFFFFF, EndColorStr=#CCCCFF); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid
} 

.red {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#FFFFFF, EndColorStr=#FFC8DA); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid; COLOR: #000000;
}

.yellow {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#F7ECAE, EndColorStr=#EDD650); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #002D96 1px solid; COLOR: #000000; PADDING-TOP: 5px;
PADDING-BOTTOM: 4px; font-weight:bold;
}

.gold {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 
#002D96 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#F7ECAE, EndColorStr=#EDD650); BORDER-LEFT: #002D96 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: #002D96 1px solid;
COLOR: #000000; PADDING-TOP: 1px; PADDING-BOTTOM: 1px; font-weight:normal;
}
 
.bginput {
BACKGROUND-COLOR: #f5f5f5; 
COLOR: #000080; 
FONT-FAMILY: verdana; 
FONT-SIZE: 9pt; 
BACKGROUND: #ffffff url('../images/bg_diag.png');
BORDER: 0px;
border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #808080;
}

.bginput1 {
BACKGROUND-COLOR: #f5f5f5; 
COLOR: #000000; 
FONT-FAMILY: verdana; 
FONT-SIZE: 9pt; 
BACKGROUND: #ffffff url('../images/input1.gif');
BORDER: 1px solid #000000;
}