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

html, body{
	/*height:100%; */
	margin: 0; padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#5B5348; 
	/*卷軸定義*/
	SCROLLBAR-FACE-COLOR: #f0f0f0;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #b8b7b7;
	SCROLLBAR-3DLIGHT-COLOR: #d9d9d9;
	SCROLLBAR-ARROW-COLOR: #888888;
	SCROLLBAR-TRACK-COLOR: #f7f7f7;
	SCROLLBAR-DARKSHADOW-COLOR: #f7f7f7;
	/*text-align:center; /*指定版面居中*/
}

/*連接設定*/
a:link {color:#A38545;text-decoration:underline;}
a:visited {color:#A38545;text-decoration:underline;}
a:hover {color:#FFCC66;text-decoration:none;}

/*標題設定*/
h1 {font-size:16px; color:#06B7BE; margin-bottom:-12px;}
h2 {font-size:14px; font-weight:bold; color:#B74F09; margin:0 0 -18px 0;}
h3 {font-size:12px; font-weight:bold; color:#000000; margin:0 0 0px 0;}

td {font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#containerIdx {
	position:relative;
	width:920px !important; width:920px; /* IE Fix for (2) 1px borders being inside container. */
	height:auto !important; /* Detect height automatically, Incompatible w/IE */
	height:100%;min-height:100%;
	background:#3B3D38;
	margin-left:auto; margin-right:auto;/*指定版面居中*/
	padding:0px 0px;
	background: url(images/mainBg.jpg) repeat-y;
}

#container {
	position:relative;
	width:920px !important; width:920px; /* IE Fix for (2) 1px borders being inside container. */
	height:auto !important; /* Detect height automatically, Incompatible w/IE */
	height:100%;min-height:100%;
	background:#3B3D38;
	margin-left:auto; margin-right:auto;/*指定版面居中*/
	padding:0px 0px;
	background:url(images/mainBg.jpg) repeat-y;
}

/* Header */
#HeaderIdx { height:202px; background:url(images/idxBanner.jpg) 0px 105px no-repeat;}
#innerHeaderIdx { margin:0px 10px; padding:0px;}
#HeaderIdx #top { height:103px; background: url(images/banner.png) no-repeat;}
#HeaderIdx img {float:left;}
#HeaderNavIdx { height:99px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(images/navBg.jpg) repeat-x;}
#innerHeaderNavIdx { padding:12px 0px 0px 19px;}
#HeaderNavIdx UL {list-style:none; margin:0px; padding:15px 0px 0px 15px; color:#FFFFFF; width:864px; height:44px; background:url(images/navBar.jpg) no-repeat;}
#HeaderNavIdx UL li {padding:0px; display:inline; background:url(images/navIconA.gif) no-repeat 0px 5px; padding-left:16px;}
#HeaderNavIdx UL li .home{background:url(images/navIconHome.gif) no-repeat 0px 5px; padding-left:16px;}
#HeaderNavIdx .HeaderNAVSide { width:3px; height:3px; line-height:3px; background: url(images/navSide.gif) no-repeat 10px 0px; padding:0px 10px 0px 10px;}
#HeaderNavIdx A:link,#HeaderNavIdx A:visited{padding:0px; margin:0px; color:#FFCC66; text-decoration:none;}
#HeaderNavIdx A:hover{color:#FFFFFF;text-decoration:underline;} 

#Header { height:202px; background:url(images/idxBanner.jpg) 0px 105px no-repeat;}
#innerHeader { margin:0px 10px; padding:0px;}
#Header #top { height:103px; background: url(images/banner.png) no-repeat;}
#Header img {float:left;}
#HeaderNAV { height:99px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(images/navBg.jpg) repeat-x;}
#innerHeaderNAV  { padding:12px 0px 0px 19px;}
#HeaderNAV UL {list-style:none; margin:0px; padding:15px 0px 0px 15px; color:#FFFFFF; width:864px; height:44px; background:url(images/navBar.jpg) no-repeat;}
#HeaderNAV UL li {padding:0px; display:inline; background:url(images/navIconA.gif) no-repeat 0px 5px; padding-left:16px;}
#HeaderNAV UL li .home{background:url(images/navIconHome.gif) no-repeat 0px 5px; padding-left:16px;}
#HeaderNAV .HeaderNAVSide { width:3px; height:3px; line-height:3px; background: url(images/navSide.gif) no-repeat 10px 0px; padding:0px 10px 0px 10px;}
#HeaderNAV A:link,#HeaderNAV A:visited{padding:0px; margin:0px; color:#FFCC66; text-decoration:none;}
#HeaderNAV A:hover{color:#FFFFFF;text-decoration:underline;} 


#mainRegion { }

#idxFlashBanner { height:160px; display:none;}
#idxBannerSide { height:18px; background:url(images/mainSideTop.jpg) no-repeat;}
#pageBannerSide { height:18px; background:url(images/pgMainSideTop.jpg) no-repeat;}
#containerFull #Header #pageBannerSide { height:18px; background:url(images/pgMainSideTopFull.jpg) no-repeat;} 

#bannerSideIdx { height:16px; background:url(images/ind_bannerSide.gif) no-repeat;}
#bannerSide { height:16px; background:url(images/ind_bannerSide.gif) no-repeat;}

#sidebar { width:235px; float:right; display:inline; margin-right:10px; padding-left:10px; background:url(images/mainSideRight.jpg) no-repeat; height:auto!important; height:435px; min-height:435px; /* Stops footer at content */}
#innerSidebar {text-align:left; padding:0px; }
#innerSidebarFoot {height:14px;}

/* INDEX LAYOUT*/
#idxSidebar { float: right; display:inline; width:235px; margin-right:10px; padding-left:10px; background:url(images/mainSideRight.jpg) no-repeat; /* Stops footer at content */}
#innerIndSidebar { text-align:left; padding:0px;  background:url(images/idxSitebarSideHeader.jpg) no-repeat;}

#idxSidebar #innerIndSidebar .sidebarHeader {height:26px; font-size:16px; font-weight:bold; color:#000000; background: url(images/SitebarHdBg.jpg) no-repeat; padding:8px 0px 0px 20px; margin-bottom:6px;}
#idxSidebar #innerIndSidebar .sidebarContents { margin:6px 0px 10px 0px; padding-left:10px; padding-top:10px;}

#idxMain { float:left; display:inline; width:650px; margin-left:10px; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; background:url(images/mainSideTop.jpg) no-repeat; /* Stops footer at content */}
#innerIndMain {text-align:left; padding:20px 0px 0px 20px; overflow:hidden;}
#idxMainSide { clear:both; overflow:hidden;}

#hotNews {}
#innerHotNews {}

#idxMain #mainContents { padding:0px 0px 0px 0px; line-height:1.8em;}
#idxMain #mainContents P {color:#ffffff; margin-bottom:10px; margin-top:0px;}

/* INDEX NEWS*/
.newsA { float:left; padding:42px 0px 0px 0px; width:196px; margin-right:8px; background:url(images/idxContentBgA.jpg) 35px 0px no-repeat;}
.newsB { float:left; padding:42px 0px 38px 0px; width:249px; margin-right:0px; background:url(images/idxContentBgB.jpg) bottom no-repeat;}
.newsC { float:left; padding:42px 0px 0px 0px; width:362px; margin-right:0px; background:url(images/idxContentBgB.jpg) 103px 0px no-repeat;}
.newsC .columnA {float:left;}
.newsC .columnB {display:inline; float:right; width:140px;}

#idxMain .title { background:url(images/iconHdA.gif) no-repeat; height:18px; line-height:18px; padding-left:22px; margin-bottom:10px; color:#06B7BE; font-size:15px;}
#idxMain h1 { background:url(images/iconHdA.gif) no-repeat; height:18px; line-height:18px; padding-left:22px; margin-bottom:10px; color:#06B7BE; font-size:15px;}
#idxMain .logoGroup { clear:both; overflow:hidden; text-align:right; padding-right:50px; margin-top:10px; }

#idxMain UL {list-style:none; margin:0px; padding:0px; margin-left:22px;}
#idxMain UL li {padding:0px; background:url(images/iconPtA.gif) no-repeat 0px 10px; padding-left:12px; line-height:2em; clear:both;}
#idxMain A:link,#idxMain A:visited{padding:0px; margin:0px; color:#666666; text-decoration:none;}
#idxMain A:hover{color:#06B7BE;text-decoration:underline;} 


/* PAGE MENU*/
#sidebar #innerSidebar .sidebarHeader {height:26px; font-size:14px; color:#ffffff; padding:8px 0px 0px 8px; margin-bottom:6px; border-bottom:1px #7F6834 solid; background:url(images/navBar.jpg) no-repeat -200px 0px;}
#sidebar #innerSidebar .sidebarContents { margin:6px 0px 10px 0px; padding-left:10px; padding-top:10px;}
#pageMU { margin-bottom:0px;}
#pageMU ul {list-style:none; margin:0px; padding:0px;}
#pageMU li {border-bottom:1px #7F6834 solid; width:26xp; height:26px; line-height:26px; overflow:hidden; background: url(images/navIconA.gif) no-repeat 10px 9px;}
#pageMU li a:link,#pageMU li a:visited{ display:block; color:#ffffff; text-decoration:none; padding-left:22px; }
#pageMU li a:hover{color:#FFCC66;text-decoration:underline; background:#222222 url(images/navIconA.gif) no-repeat 10px 9px;}

.lmA li { background:url(images/lmenu_02.gif) no-repeat;}
.lmA li  a:hover { background:#FFFFFF url(images/lmenu_02_f2.gif) no-repeat;} 


/*pagePath*/
#pagePath { height:20px; text-align:left; padding:10px 20px 10px 20px; color:#000000; font-size:10px;}
#pagePath A:link,#pagePath A:visited{padding:0px; margin:0px; color:#000000; text-decoration:none;}
#pagePath A:hover{color:#FFCC66;text-decoration:underline;}

/*MAIN Contents*/
#bodyMain { width:655px; float:left; display:inline; margin-left:10px;  color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; background:url(images/mainSideTop.jpg) no-repeat; /* Stops footer at content */}
#innerBodyMain {text-align:left; margin:0px; }
#bodyMainFull { background-color:#FFFFFF;padding-bottom:20px; margin:0px 20px; /* Stops footer at content */}
#innerBodyMainFull {text-align:left; margin:10px 40px 0px 40px;}

#flashBanner {border-top: 0px #990000 solid; margin-bottom:10px; background:#ECECEC;}
#flashImages { padding:20px 0px 0px 20px;}

#bodyMain h1 { padding:0px 20px 10px 20px; margin:0px; color:#FFCC66; font-size:15px;}
#bodyMain .logoGroup { clear:both; overflow:hidden; text-align:right; padding-right:50px; margin-top:10px; }

#subMenu { height:23px; text-align:left; font-family:Arial, Helvetica, sans-serif; background:url(images/subMenuBgL.gif) no-repeat; margin:0px 22px 10px 0px;}
#innerSubMenu { height:23px; line-height:23px; padding:0px 18px; background:url(images/subMenuBgR.gif) no-repeat right;}
#subMenu A:link,#subMenu A:visited{padding:0px; margin:0px; color:#eeeeee; text-decoration:none;}
#subMenu A:hover{color:#FFCC66;text-decoration:underline;} 

.mainTitle {height:30px; background: url(images/subTitleBg.jpg) no-repeat; padding:9px 0px 0px 20px; margin:0px 0px 6px 0px;}
.mainTitleHeader {font-size:15px; font-weight:bold; color:#A38545;}
.mainTitleHeader .date { color:#FF6600; font-size:12px; font-weight:normal;}
.mainTitleInfo {float:right; text-align:right; display:none;}

#mainContents { padding:0px 10px 30px 20px; line-height:1.8em; color:#cccccc;}
#mainContents P {color:#cccccc; margin-bottom:10px; margin-top:0px;}
.mainTx {color:#cccccc; margin-bottom:10px; margin-top:0px;}
.mainHDA {color:#7A0101; font-size:12pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.mainHDB {color:#ffffff; font-size:10pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.mainHDBIcon { width:20px;background:url(icon_dot.gif) no-repeat 6px 4px; margin-left:-20px;}

.listTx { margin:0px; padding:0px; margin-left:20px;}
.txImportant { color:#FF0000; font-weight:bold;}

.dataTable { width:100%; background-color:#FFFFFF; border:0px solid #666666; border-collapse:collapse; margin-bottom:6px;}
.dataTable caption { color:#6699CC; background-color:#FFFFFF; padding:4px; font-weight:bold;}
.dataTable th {border-bottom:1px solid #BBBBBB; background-color:#333333; color:#FFFFFF; font-weight:bold; padding:4px; text-align:left;}
.dataTable td {border-bottom:1px solid #BBBBBB; empty-cells:show; color:#666666; padding:4px; text-align:left;}
.dataTable .column { background-color:#EEE8D9;}
.dataTable ul { padding:0px; margin-bottom:0px;}
.dataTable .picTd { border-right:1px solid #BBBBBB;}



/*Footer*/
#footerIdx { height:64px;text-align:left;clear:both; color:#666666; overflow:hidden; background:url(images/footerBg.jpg) no-repeat bottom; padding-bottom:12px;}
#footerIdx #innerFooter { height:64px;padding:0px 0px 0px 0px; background-color:#D9CCB9; margin:0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}
#footerIdx #innerFooter .copyright { text-align:left;}
#footerIdx #innerFooter .copyright a:link, #footerIdx #innerFooter .copyright a:visited {color:#000000;text-decoration:none;}
#footerIdx #innerFooter .copyright a:hover {color:#FFCC66;text-decoration:underline;}
#footerIdx #innerFooter .copyright table td { font-size:10px; padding-left:10px; line-height:1.6em;}
#footerIdx #innerFooter .icon { }
#footerIdx #innerFooter .logo img { padding-right:6px; }

#footerIdx #innerFooter #footerSidebar { display:none;}

#footer {
	/*position:absolute; bottom:0;*/
	height:64px;text-align:left;clear:both; color:#666666;
	margin-left:0 !important;margin-bottom:0 !important;
	/*margin-left:-379px; /* IE Fix for displaying the footer */
	margin-bottom:0px;	
	/* properly. The margin left must be half of the width of it's container. Then set a -1 bottom margin to fill an odd 1px gap at the bottom of the page in IE.*/
	background:#D9CCB9 url(images/footerBg.jpg) no-repeat bottom;
}
#footer #innerFooter { background:#FFFFFF; border-top:#666666 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#footer #innerFooter .copyright { height:18px; padding-top:4px; float:right; width:400px; text-align:center; color:#666666;}

#footer #innerFooter .nav {float:left; width:250px; height:18px; padding:4px 10px 0px 0px; text-align:right; background-color:#AAAAAA; color:#FFFFFF}
#footer #innerFooter .nav a:link, #footer #innerFooter .nav a:visited {color:#FFFFFF;text-decoration:none;}
#footer #innerFooter .nav a:hover {color:#000000;text-decoration:underline;}
#footer #innerFooter .lng {float:left; width:160px; height:18px; padding:4px 0px 0px 10px;}
#footer #innerFooter .lng a:link, #footer #innerFooter .lng a:visited {color:#666666;text-decoration:none;}
#footer #innerFooter .lng a:hover {color:#7D201B;text-decoration:underline;}



/* Table */
.pgNewsTable { width:100%; background-color:#FFFFFF; border:1px solid #666666; border-collapse:collapse; margin-bottom:6px;}
.pgNewsTable caption {background-color:#FFFFFF; padding:4px; font-weight:bold;}
.pgNewsTable th {border-bottom:1px solid #BBBBBB; background-color:#6699CC; color:#FFFFFF; font-weight:bold; padding:4px;}
.pgNewsTable td { color:#666666; padding:4px; text-align:left;}
.pgNewsTable .column { background-color:#EEEEEE;}

.pgTable { width:100%; background-color:#FFFFFF; border:1px solid #666666; border-collapse:collapse; margin-bottom:6px;}
.pgTable caption {background-color:#FFFFFF; padding:4px; font-weight:bold;}
.pgTable th {border-bottom:1px solid #BBBBBB; background-color:#6699CC; color:#FFFFFF; font-weight:bold; padding:4px; text-align:center;}
.pgTable td {border-bottom:1px solid #BBBBBB; empty-cells:show; color:#666666; padding:4px; text-align:left;}
.pgTable .column { background-color:#EEEEEE;}
.pgTable ul { padding:0px; margin-bottom:0px;}

.memberTable { width:100%; background-color:#FFFFFF; border:0px solid #666666; border-collapse:collapse; margin-bottom:6px;}
.memberTable caption { color:#6699CC; background-color:#FFFFFF; padding:4px; font-weight:bold;}
.memberTable th {border-bottom:1px solid #BBBBBB; background-color:#6699CC; color:#FFFFFF; font-weight:bold; padding:4px; text-align:left;}
.memberTable td {border-bottom:1px solid #BBBBBB; empty-cells:show; color:#666666; padding:4px; text-align:left;}
.memberTable .column { background-color:#EEEEEE;}
.memberTable ul { padding:0px; margin-bottom:0px;}
.memberTable .picTd { border-right:1px solid #BBBBBB;}

.memberTable a:link {color:#FFFFFF;text-decoration:underline;}

.regTable { font-size:12px; width:100%; border:1px solid #666666; border-collapse:collapse; margin-bottom:6px;}
.regTable .formLabel {border-bottom:1px dotted #999; border-right:1px dotted #999; color:#333333; font-weight:bold; padding:4px;}
.regTable th {border-bottom:1px dotted #999; border-right:1px dotted #999; color:#333333; font-weight:bold; padding:4px;}
.regTable td {border-bottom:1px dotted #999; border-right:1px dotted #999; color:#333333; empty-cells:show; color:#333333; padding:4px;}

/* form Error */
.formError {background: url(images/icon_err.gif) no-repeat; color:#FF0000; padding-left:18px; padding-bottom:2px;}
.formLabelMust {color:#FF0000; margin-left:4px;}


.sub_nav_tx { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; font-weight:bold; color: #666666;}
.sub_nav_tx a:link ,.sub_nav_tx a:visited{ color: #5D8A94; text-decoration: none;}
.sub_nav_tx a:hover {color: #CC3300; text-decoration: underline;}