@charset "utf-8";
/* 基本設定 */
a:link, a:visited, a:active {
	position:relative; 
	color: #666;
	text-decoration: none;
}
a:hover {
	position:relative; 
	color: #36509f;
	text-decoration: underline;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體", Arial, "Arial Black", "Arial Narrow"  !important;
}
form {
	margin: 0;
}
img {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}
/*------------------------------------------外框區域-------------------------------------------*/

/* 背景2011.05 */
.Bg {
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	vertical-align: top;
}
/* 全內容背景2011.05 */
.OutTable {
	text-align: center;
	vertical-align: top;
	padding-right: 6px;
	padding-left: 6px;
}
/* 網站尺寸2011.05 */
.WebSize {
	width: 976px;
}

/* 線上客服 */
#topbar {
	position:absolute;
	height:60px;
	z-index:4;
}
/* 上方背景2011.05 */
.BobyTopC { background: url(images/BobyTopC.jpg) repeat-x top;}
/* 下方背景2011.05 */
.BobyBotC { background: url(images/BobyBotC.jpg) repeat-x top;}
.BobyMidC{background: url(images/BobyMidC.jpg) repeat-x top;}
.BobyMidD{background: url(images/BobyMidD.jpg) repeat-x top;}
/*---------------------------------------上方區域----------------------------------------------*/

/* 上方區塊2011.05 */
.Top { height: 75px;   vertical-align: top; }
.TopMenu { vertical-align:top;}
/* 上方右側區塊08.12.05 */
.TopRight { vertical-align: middle; 
}

/* 上方選單左側 */
.TopMenuLeft {
	background-image: url(images/TopMenuLeft.gif);
	width: 20px;
	text-align: left;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left 7px;
}

/* 上方選單區塊 */
.TopMenuMidCenter {
	text-align: right;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
}
/* 上方選單右側09.02.03 This web only */
.TopMenuRight {
	background-image: none;
	width: 10px;
}
/* 上方選單下拉選單2011.05 */
.Select{ 
	font-size: 9pt;
	color: #888888;
}
/* 上方選單文字2011.05 */
.TopText {	
	font-size: 10pt;
	 
}
.TopText01 {	
	font-size: 10pt;
	color: #fff;
}
.TopText01 A:link, .TopText01 A:visited, .TopText01 A:active {
	position:relative; 
	color: #fff;
	text-decoration: none;
}
.TopText01 A:hover {
	position:relative;
	color: #fff;
	text-decoration: none;
}

/* 上方選單文字隔線08.12.05 */
.TopLine01 {
	background-image: url(images/Line_Top01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 21px;
}
/* 上方選單標示箭頭08.12.05 */
.TopArrow01 {
	background-image: url(images/Arrow_Top01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 8px;
}

/*------------------------------------------下方區域-------------------------------------------*/
/* 下方區塊2010.05 */
.Bot {
	height: 66px;
	padding-top: 14px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}

/* 下方文字隔線 */
.BotLine01 {
	background-image: url(images/Line01.gif);
	background-repeat: no-repeat;
	background-position: center 3;
	width: 19px;
}

/* 下方文字08.12.05 */
.BotText01 {  font-size: 10pt; color: #767879; line-height:1.8; }
.BotText01 A:link, .BotText01 A:visited, .BotText01 A:active {
	color: #005bac;
	text-decoration: none;
}
.BotText01 A:hover {
	color: #0c8dfc;
	text-decoration: underline;
}


/*---------------------------------------左側區域----------------------------------------------*/
/*左側區塊02.12.05*/
.LeftMod {
	width: 280px;
	padding-bottom: 12px;
}

/* 左側選單上左2011.05 */
.LeftMenuTopLeft {
	width:6px;
	height:2px;
	background-color:#d4d4d4;
}
/* 左側選單上中2011.05 */
.LeftMenuTopCenter {
	height:2px;
	background-color:#d4d4d4;
}
/* 左側選單上右2011.05 */
.LeftMenuTopRight {
	width:6px;
	height:2px;
	background-color:#d4d4d4;
}
/* 左側選單中左2011.05 */
.LeftMenuMidLeft {
}
/* 左側選單中中 08.12.05 */
.LeftMenuMidCenter {
}
/* 左側選單中右2011.05 */
.LeftMenuMidRight {
}
/* 左側選單下左 08.12.05 */
.LeftMenuBotLeft {
}
/* 左側選單下中 08.12.05 */
.LeftMenuBotCenter {
}
/* 左側選單下右 08.12.05 */
.LeftMenuBotRight {
}

/* 左側標題01 */
.LeftTitle01 {
	font-size: 11pt;
	color: #745e4c;
	font-weight: bold;
	background-image: url(images/LeftTitle01Bg.gif);
	background-repeat: no-repeat;
	height: 45px;
	background-position: right bottom;
	padding-right: 12px;
	padding-top: 10px;
}

/* 左側基本文字 */
.LeftText {
	color: #696969;
}

/* 左側第一層文字 */
.LeftText01 {
	color: #333;
	background: url(images/LeftText01.gif) no-repeat 0 10px;
	padding:5px 5px 5px 15px;
	font-size: 10pt;
	position:relative;
	border:#ccc dashed;
	border-width:0 0 1px;
}
.LeftText01 A:link, .LeftText01 A:visited, .LeftText01 A:active {
	position:relative; 
	color: #666666;
	text-decoration: none;
}
.LeftText01 A:hover {
	position: relative;
	color: #FF9900;
	text-decoration: none;
}

/* 左側第二層文字 */
.LeftText02 {
	color: #767879;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 10pt;
	border:#ededed solid;
	border-width:0 0 1px;
}
.LeftText02 A:link, .LeftText02 A:visited, .LeftText02 A:active {
	position:relative; 
	color: #767879;
	text-decoration: none;
}
.LeftText02 A:hover {
	position:relative;
	color: #0c8dfc;
	text-decoration: underline;
}
/* 左側第三層文字 */
.LeftText03 {
	background:url(images/LeftText03.gif) 23px 18px no-repeat;
	
	color: #929394;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-size: 10pt;
	border:#ededed solid;
	border-width:0 0 1px;
}
.LeftText03 A:link, .LeftText03 A:visited, .LeftText03 A:active {
	position:relative;
	text-decoration: none;
	color: #929394;
}
.LeftText03 A:hover {
	position:relative;
	color: #FF8800;
	text-decoration: underline;
}

/*------------------------------------------中間區域-------------------------------------------*/
/*主圖090806*/
.MainPicIn{
	/* height:230px; */
	width:967px;
}

/*主圖背景2011.05*/
.MainPicBg {
	text-align: left;
	vertical-align: top;
/*	height:230px; */
	width: 967px;
}

/*主要區塊*/
.MainMod {
	padding-bottom: 12px; 
}
/* 中間主要區塊090806 */
.MainArea {
	text-align: center;
	vertical-align: top;
	padding-top: 14px;
}
/*中間區塊090806*/
.CenterArea {
	text-align: center;
	vertical-align: top;
	padding:0 26px 0 26px;
}
/*中間框架左上090806*/
.CenterAreaBoxTopL {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxTopL.png', sizingMethod='image');*/
}
/*中間框架中上090806*/
.CenterAreaBoxTopC {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxTopC.png', sizingMethod='scale');*/
}
/*中間框架右上090806*/
.CenterAreaBoxTopR {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxTopR.png', sizingMethod='image');*/
}
/*中間框架左中090806*/
.CenterAreaBoxMidL {
	font-size: 1px;
	letter-spacing: 1px;
	/*width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxMidL.png', sizingMethod='scale');*/
}
/*中間框架中中090806*/
.CenterAreaBoxMidC {
	text-align: center;
	vertical-align: top;
	position: relative;
}
/*中間框架右中090806*/
.CenterAreaBoxMidR {
	font-size: 1px;
	letter-spacing: 1px;
	/*width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxMidR.png', sizingMethod='scale');*/
}
/*中間框架左下090806*/
.CenterAreaBoxBotL {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxBotL.png', sizingMethod='image');*/
}
/*中間框架中下090806*/
.CenterAreaBoxBotC {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxBotC.png', sizingMethod='scale');*/
}
/*中間框架右下090806*/
.CenterAreaBoxBotR {
	font-size: 1px;
	letter-spacing: 1px;
	/*height: 22px;
	width: 22px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/09styleweb/images/CenterAreaBoxBotR.png', sizingMethod='image');*/
}

/*---------------------------------------右側區域----------------------------------------------*/

/*右側區塊08.12.05*/
.RightMod {
	padding-bottom: 5px;
	width: 215px;
	padding-left: 5px;
}
/* 右側選單上左 090525(this web only) */
.RightAreaTopL {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單上中 090525 */
.RightAreaTopC {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單上右 090525 */
.RightAreaTopR {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單中左 090525 */
.RightAreaMidL {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單中中 090525 */
.RightAreaMidC {
	padding: 8px;
	
	font-size: 12px;
	color: #666666;
	border: solid 1px;
	border-color: #e8e8e8 #d7d7d7 #d7d7d7 #e8e8e8;
}
/* 右側選單中右 090525 */
.RightAreaMidR {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單下左 090525 */
.RightAreaBotL {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單下中 090525 */
.RightAreaBotC {
	font-size: 1px;
	letter-spacing: 1px;
}
/* 右側選單下右 090525 */
.RightAreaBotR {
	font-size: 1px;
	letter-spacing: 1px;
}


/*右側標題上左01(this web only) 090525*/
.RightTitle01TopL {
	font-size: 1pt;
	letter-spacing: 1pt;
}
/*右側標題上中01*/
.RightTitle01TopC {
	font-size: 1pt;
	letter-spacing: 1pt;
}
/*右側標題上右01*/
.RightTitle01TopR {
	font-size: 1pt;
	letter-spacing: 1pt;
}
/*右側標題左側01 090525*/
.RightTitle01Left {
	font-size: 1px;
	letter-spacing: 1px;
}
/*右側標題中中01(this web only) 090525*/
.RightTitle01MidR {
	background: #f3f3f3 url(images/IndexListTitLi.jpg) repeat-x 0 0;
	height: 34px;
	padding:5px 10px 3px 5px;
	border: 1px solid #e8e8e8;
}
/*右側標題右側01 090525*/
.RightTitle01Right {
	font-size: 1px;
	letter-spacing: 1px;
}
/*右側標題下左01(this web only) 090525*/
.RightTitle01BotL {
	font-size: 1px;
	letter-spacing: 1px;
}
/*右側標題下中01*/
.RightTitle01BotC {
	height:15px;
	background:url(images/RightTitle01BotC.jpg) no-repeat center center;	
}
/*右側標題下右01*/
.RightTitle01BotR {
	font-size: 1px;
	letter-spacing: 1px;
}

/*右側標題01 090525*/
.RightTitle01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #666;
/*	background-image: url(images/IndexListTit.gif); */
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 1px;
}

/*右側標題右側02*/
.RightTitle02Right {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightTitle02Right.png', sizingMethod='image');
	height: 44px;
	width: 5px;
}

/*右側標題02*/
.RightTitle02 {
	height: 44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightTitleBg02.png', sizingMethod='crop');
	
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 10px;
}

/*右側標題03*/
.RightTitle03 {
	height: 44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightTitleBg03.png', sizingMethod='crop');
	padding-top: 8px;
}
.RightTitle03 td {
	
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
}

/* 右側內容01 08.12.05 */
.RightMenuMidLeft {
	width: 10px;
	background-image: url(images/RightMenuMidLeft.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.RightMenuMidCenter {
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ededed;
}
.RightMenuMidRight {
	width: 12px;
	font-size: 1px;
	letter-spacing: 1px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightMenuMidRight.png', sizingMethod='scale');
}
.RightMenuBotLeft {
	height: 19px;
	width: 10px;
	font-size: 1px;
	letter-spacing: 1px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightMenuBotLeft.png', sizingMethod='image');
}
.RightMenuBotCenter {
	height: 19px;
	font-size: 1px;
	letter-spacing: 1em;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightMenuBotCenter.png', sizingMethod='scale');
}
.RightMenuBotRight {
	height: 19px;
	width: 12px;
	font-size: 1px;
	letter-spacing: 1px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/RightMenuBotRight.png', sizingMethod='image');
}

/* 右側選單文字08.12.05 */
.CenterSubject01 {	
	color: #767879;
	font-size: 10pt;
	padding: 3px 5px;
}

.RightSubject01 {	
	
	color: #767879;
	font-size: 10pt;
	padding: 3px 5px;
}
.RightText01 {
	
	color: #767879;
	font-size: 10pt;
	padding-top: 3px;
}
.RightText01 A:link, .RightText01 A:visited, .RightText01 A:active {
	position:relative; 
	color: #767879;
	text-decoration: none;
}
.RightText01 A:hover {
	position:relative;
	color: #ff8800;
	text-decoration: underline;
}
/* 電子報查詢文字 */
.RightText02 {
	
	color: #616161;
	
	padding-left: 5px;
	background-image: url(images/Arrow04.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*---------------------------------------分眾區塊設定----------------------------------------------*/
/* 分眾區塊中左08.12.05 */
.ClassMidLeft{
	background-image: url(images/ClassMidLeft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 25px;
	width: 10px;	
}
/* 分眾區塊中中08.12.05 */
.ClassMidCenter{
	background-image: url(images/ClassMidCenter.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 25px;
	
	font-size: 9pt;
	color: #68737b;
	padding-top: 2px;
}
.ClassMidCenter A:link, .ClassMidCenter A:visited, .ClassMidCenter A:active {
	position:relative; 
	color: #68737b;
	text-decoration: none;
}
.ClassMidCenter A:hover {
	position:relative;
	color: #1BB3E4;
	text-decoration: underline;
}

/* 分眾區塊中右08.12.05 */
.ClassMidRight{
	background-image: url(images/ClassMidRight.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 25px;
	width: 10px;	
}



/*---------------------------------------其他基本設定----------------------------------------------*/

/* logo區塊08.12.05 */
.Logo01 {
	text-align: left;
	vertical-align: top;
}

/*導盲磚設定(2009.04.07新增)*/
/* 導盲磚上方 */
.AltU {
	
	color: #ffffff;
}
/* 導盲磚左方 */
.AltL {
	
	color: #ffffff;
}
/* 導盲磚中間 */
.AltC {
	
	color: #f5f5f5;
}
.FormSelect01 {
    
    font-size: 8pt;
    color: #666666;
}

/* Drop Down Extender Related CSS */
.ContextMenuPanel 
{
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 8pt;
    
}

.ContextMenuBreak
{
    margin:1px 1px 1px 32px;
    padding:0;
    height:1px;
    overflow:hidden;
    display:block;
    border-top: 1px solid #C5C5C5;  
}

a.ContextMenuItem
{
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
    text-align: left;
}

a.ContextMenuItem-Selected
{
    font-weight: bold;
}
a.ContextMenuItem:link
{
    color: #666666;
    text-decoration: none;
}
a.ContextMenuItem:visited
{
    color: #666666;
    text-decoration: none;
}
a.ContextMenuItem:hover
{
    background-color: #F9F9F9;
    color: #52A0CE;
    border: 1px solid #DFDFDF;
    padding: 3px 18px 3px 32px;
    text-decoration: none;
}
a.ContextMenuItem:active
{
    color: #666666;
    text-decoration: none;
}

.navBar{
	background: #025596 url(images/nav_bg.jpg) repeat-x 0 0;
}