body{	
	scrollbar-3dlight-color:#ddaa99;
	scrollbar-arrow-color:#ff00ff;
	scrollbar-base-color:#000000;
	scrollbar-darkshadow-color:#11aa33;
	scrollbar-face-color: rgb(221, 180, 180);
	scrollbar-highlight-color:#ffffFF;
	scrollbar-shadow-color:#ee99aa;       
	   background: url(images/bg_1.jpg) #fcc;
	margin-top:1;
	text-align: center; /* for IE */
}


H1 { 
	CLEAR: left; MARGIN: 1.5em 0px 0px;  FONT: 3em arial; COLOR: #8b2
}
H2 { 
	CLEAR: left; MARGIN: 1.5em 0px 0px;  FONT: 1.8em arial; COLOR: #1b6fc0
}
H3 { 
	CLEAR: left; MARGIN: 1.5em 0px 0px;  FONT: 1.2em arial; COLOR: #f0a;
}
H4 { FONT-SIZE: 1em;
	CLEAR: left; MARGIN: 1.5em 0px 0px;  FONT: 1em arial; COLOR: maroon; font-weight:bold;
}

H1 {
	FONT-SIZE: 2.5em; MARGIN: 0px; COLOR: #1b6fc0; PADDING-TOP: 0.5em;text-align:center; 
}
p {MARGIN: 0px 0px 0.5em 0px; }

.topMargin {margin-top:10px;}
.pcenter {text-align:center; }
#c_red {color:#F66;}

.centerPic IMG { magin-left:2em; margin-top:1em; BORDER: #333 1px solid; PADDING:1px; }

.listHeadPos { position:relative; left:-1em; font-weight:bold; list-style-type: none; }

.footer {font-size: 0.9em; color:#f0f; text-align:center; padding-top:10px; padding-bottom:11px; }

.footerAds {font-size: 0.8em; color:#123; text-align:center; padding-top:20px; padding-bottom:5px; padding-left:15px;padding-right:15px; BACKGROUND-COLOR: #ff9;}
.footerAds p{font-size: 1em; color:#000; text-align:left; }
.footerAds #tt{font-size: 1.5em; color:#e0c; text-align:center; }
.pclear {clear:both;}



.banner IMG {	WIDTH: 100%;  height:120px; float:left; }
.bannerAddr { font-size: 0.7em; background:rgb(200,200, 250); }

.bodyBox { MARGIN: auto; width:784px;  border: 1px solid #f00;}

.pcontext {padding:6px;  text-align:left;}

.luiTitle {font-size: 0.7em; }
p#fu_img IMG {BORDER: #333 1px solid; PADDING:1px; FLOAT: right; MARGIN: 0px 0px 1em 1em;  WIDTH: 164px; HEIGHT: 333px}

.addrHead { position: relative; left:20px; float: left;  text-align: right; font-size:1.3em; background:#eee; padding:2px 2px 2px 2px;}
.addr { position: relative; left:22px; float: left; font-size:1.3em; background:#edd;  width:410px; padding:2px 2px 2px 5px; }
.ft_photo {position: relative; left:0; z-index: 0; }

.media IMG {	width:760px;   float:left;}

.valign {vertical-align : top}
.pcenter {text-align: center;}
.bkcr_pupLit {background:#bbbbff; }
.bigTitle {font-family: "標楷體"; font-size: 2.8em; color: #0033ff; }
.midTitle1 {font-family: "標楷體"; font-size: 1.6em; color: #6611ff; }
.midTitle2 {font-family: "標楷體"; font-size: 1.6em; color: #ff3300; }
.midTitle3 {font-family: "標楷體"; font-size: 1.6em; color: #ee00ee; }
.tyTitle1 {font-family: "標楷體"; font-size: 1.6em; color: #ee00ee; }
.tyTitle2 {font-family: "標楷體"; font-size: 1.6em; color: #0022ee; }
.contentRed {font-family: "標楷體"; font-size: 1.4em; color: #aa0033; }
.fnMidBlue {font-family: "標楷體"; font-size: 1.8em; color:#3030ff; }
.fnMidRed {font-family: "標楷體"; font-size: 1.8em; color:#ff0000; }
.fnMidPurple {font-family: "標楷體"; font-size: 1.8em; color:#ff00ff; }
.fnMidOrange {font-family: "標楷體"; font-size: 1.8em; color:#ff3300; }
.fn14ff00ff {font-family: "標楷體"; font-size: 1.2em; color:#ff00ff; }
.fn14aa0033 {font-family: "標楷體"; font-size: 1.2em; color: #aa0033; }
.aCenter {text-align: center;}
.tableCol {FONT-SIZE: 1.6em; COLOR: #000000; FONT-FAMILY: "標楷體"; background:#aaaaff;}

.tableTitle {FONT-SIZE: 1.6em; COLOR: #000000; FONT-FAMILY: "標楷體"; text-align: center;}
.tableContent {FONT-SIZE: 1.3em; COLOR: #000000; FONT-FAMILY: "標楷體";text-align: center; }
.tableContentSmall {FONT-SIZE: 1.1em; COLOR: #000000; FONT-FAMILY: "標楷體"; }
.remarkSmall {FONT-SIZE:0.9em; COLOR: #000000; FONT-FAMILY: "標楷體";text-align: center; }
.remarkMid {FONT-SIZE: 0.9em; COLOR: #ff0033; FONT-FAMILY: "標楷體"; }
.webName {font-family: "標楷體"; font-size: 28px; color: #ff00ff; }

.bkcr_blueLit {background:#00aadd; }

.outleft {text-indent: -2.5em}
.textCenter {text-align:center;}
.width90pc { margin-left: auto;   margin-right: auto; text-align:left; margin-top:20px;margin-bottom:20px;  width: 90%; padding:6px;}
.width80pc { margin-left: auto;   margin-right: auto; text-align:left; margin-top:20px;margin-bottom:20px;  width: 80%; padding:6px;}
.width60pc { margin-left: auto;   margin-right: auto; text-align:left; margin-top:20px;margin-bottom:20px;  width: 60%; padding:6px;}
.width50pc { margin-left: auto;   margin-right: auto; text-align:left; margin-top:20px;margin-bottom:20px; width: 60%; padding:6px; }
.width40pc { margin-left: auto;   margin-right: auto; text-align:left; margin-top:20px;margin-bottom:20px; width: 40%; padding:6px; }

.c_red {color:#F66;}
.c_black {color:#000;}
.c_blue {color:#00f;}




/* common styling horiaontal menu */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: arial, sans-serif; 
width:784px; 
margin:0; 
margin:auto;
border: 0px blue solid; border-top: 0px ; border-left: 0px #ccc solid; border-right: 0px #ccc solid;
z-index: 100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
z-index: 100;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:98px; 
height:27px; 
color:#000; 
border:0px solid #fff;
border-width:1px 0px 0 0;
background:#c9c9a7; 
padding-top:8px;
line-height:25px; 
font-size:14px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:36px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#faeec7; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#dfc184; 
color:#000;
}






A:hover {
COLOR: #f09090; FONT-STYLE: normal; FONT-FAMILY: "新細明體"; TEXT-DECORATION: none
}
A:active {
 COLOR: #3300ff; FONT-STYLE: normal; FONT-FAMILY: "新細明體"; TEXT-DECORATION: none
}

