@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font:normal 12px "新細明體", Arial, Helvetica, sans-serif; background:url(images/utilities/bg.gif) 0 1px repeat; }
a{ color:#494949; text-decoration:none; }
a:hover{  color:#4f8bfb; }
h1{ padding:0; margin:0; }

.overflowLeft{ background:url(images/utilities/shadow_left.gif) top right no-repeat; }
.overflowRight{ background:url(images/utilities/shadow_right.gif) 0 -1px no-repeat; }

#nav-left-container{ background:url(images/utilities/nav-left-bg.gif) 0 0 repeat-y; }
#nav-left-heading{ font-size:15px; padding:12px 30px 5px 81px; color:#4f8bfb; background:url(images/utilities/nav-left-top.gif) 0 0 no-repeat; }
#nav-left-subHeading{ font-size:13px; padding:5px 30px 5px 78px; color:#535353; }
#nav-left-contents{ background:url(images/utilities/nav-left-bg.gif) 0 0 repeat-y; color:#535353;font-size:12px; padding:10px 24px 0 50px; line-height:18px;}

#contents{ background:url(images/utilities/content-bg.gif); padding:0 0 7px 0; }
#contents-block{ background:url(images/utilities/content-block-bg.gif) 0 0 no-repeat; font-size:13	px; color:#494949;}
.contents-heading-left, .contents-heading-right{ font-size:15px; font-weight:bold; color:#4f8bfb; padding:3px 5px 0 40px; }
.contents-heading-left{ padding-left:50px; }
.contents-heading-right{ padding-left:45px;}

.contents-left{ padding:16px 20px 0 24px; vertical-align:top; }
.contents-right{ padding:16px 20px 0 18px; vertical-align:top;  }

.contents-left ul { padding:0; margin:0; }
.contents-left ul li { list-style-type:none; padding:0 0 10px 26px; margin:0; background:url(images/utilities/arrow-blue.gif) 0 -1px no-repeat; line-height:10px; }

.contents-right ul { padding:0; margin:0; }
.contents-right ul li { list-style-type:none; padding:0 0 10px 28px; margin:0; background:url(images/utilities/arrow-blue.gif) 2px -1px no-repeat; line-height:10px; }

#nav-right-container{ background:url(images/utilities/nav-right-bg.gif) 0 0 repeat-y; }
#nav-right-heading{ background:url(images/utilities/nav-right-heading.gif) 0 0 no-repeat; font-size:14px; padding:11px 0 5px 58px;  }
#nav-right-contents{ color:#535353;font-size:12px; padding:10px 20px 0 39px; line-height:20px;}

.content{ background:url(images/utilities/heading-bg.gif) 0 0 no-repeat; padding:8px 25px 0 25px; font-size:14px; color:#666; line-height:20px; vertical-align:top; line-height:22px; }
.content h1{ font-size:17px; font-weight:bold; color:#777; padding:0 0 10px 15px;  }
.content li { line-height:30px;}
.content a{ color:#666; text-decoration:none;}
.content a:hover{ color:#4f8bfb; }
.content .subHeading{ color:#4f8bfb; }

.searchField{ width:103px; height:18px; }

#nav-heading{ font-size:15px; padding:12px 30px 5px 80px; color:#4f8bfb; background:url(images/utilities/nav-heading-bg.gif) 0 2px no-repeat; }



.footer{ font-size:13px; padding:2px 38px 10px 38px; line-height:18px; color:#494949; vertical-align:top; }
.ei{ font-size:10px; }
.ei a{ font-size:10px; text-decoration:none;}

.moreBtn_left{ text-align:right; padding-right:2px;}
.moreBtn_right{ text-align:right; padding-right:32px; }


/*******************************************************************************************************************/


#subNav { width: 213px; background:url(images/utilities/nav-left-bg.gif) 0 0 repeat-y;}
#subNav ul { padding: 0px; margin:0px; margin:5px 0;}
#subNav li {
	font-size:13px;
	line-height: 16px;
	color:#666;
	padding:0;
	margin:0;
	list-style-type: none;
	width:213px;
}

#subNav li a{
	padding: 3px 20px 3px 80px;
	text-decoration: none;
	display:block;
	color:#666;
	width:113px;
}

#subNav li a:hover {
	padding: 3px 20px 3px 80px;
	color:#4f8bfb;
	background:url(images/utilities/arrow-blue.gif) 57px 5px no-repeat; 
	width:113px;	
}

#subNav li.current{ color:#4f8bfb; background:url(images/utilities/arrow-blue.gif) 57px 5px no-repeat; }
#subNav li.current a{ color:#4f8bfb; }

/********************************************************************************************************************/