
/* CSS Document */
.clear{ clear:both;}
td{ height:30px; padding:2px 0; line-height:20px;}
.trline_01{ background:url(images/line1.gif) bottom repeat-x; padding:2px 0;}
.f_20{ line-height:20px;}


/* TOP */
#TOP_OUT{
	margin:0 auto;
	width:100%;
	}
#TOP_OUT h2{
	text-indent:-9999px;}
#TOP{
	/*width:800px;*/
	height:85px;
	background:url(images/header_01.gif) 1px 0;
	margin:0 auto;
	position:relative;
}
#TOP h1{
	display:block;
	width:223px;
	height:61px;
	background-image:url(images/logo.gif); 
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;}
	
#TOP ul.MENU2 {
	position: absolute;
	top: 27px;
	right: 20px;
	text-indent:-9999px;
	width:/*315px*/ 173px;
	height:34px;
	}
#TOP ul.MENU2 li{
	float:left;}
#TOP ul.MENU2 li.MENU2_1 a{
	display:block;
	width:173px;
	height:34px;
	background-image:url(images/btn_01.gif);
	background-repeat:no-repeat;
	}
#TOP ul.MENU2 li.MENU2_1 a:hover{
	background-image:url(images/btn_01-1.gif);}
#TOP ul.MENU2 li.MENU2_2 a{
	display:block;
	width:142px;
	height:34px;
	background-image: url(images/btn_02.gif);
	background-position:right top;
	background-repeat:no-repeat;
	}
#TOP ul.MENU2 li.MENU2_2 a:hover{
	background-image:url(images/btn_02-1.gif);}

/* CONTENT */
#WRAPPER{
	width:800px;/* 因為左邊線而再firefox左邊menu錯圖，因此把全部寬度減掉1px */
	/* height:870px; */
	margin:0 auto;
}
/* LEFT */

#LEFT{
	float:right;
    width:183px;
	}
#LEFT_TOP{

	text-indent:-9999px;
	}

	
/* LEFT_MENU */	
#LEFT_TOP ul.LEFT_MENU{ }
#LEFT_TOP li.LM{
	display:block;
	width:183px;
	height:71px;
	background-image:url(images/me_title.gif);
	}
#LEFT_TOP li{
	display:block;
	height:45px;
	width:183px;}
#LEFT_TOP li.LM1{
	background-image:url(images/me_01.gif);}
#LEFT_TOP li.LM1on{
	background-image:url(images/me_01_on.gif);}
#LEFT_TOP li.LM2{
	background-image:url(images/me_02.gif);}
#LEFT_TOP li.LM2on{
	background-image:url(images/me_02_on.gif);}
#LEFT_TOP li.LM3{
	background-image:url(images/me_03.gif);
	}
#LEFT_TOP li.LM3on{
	background-image:url(images/me_03_on.gif);
	}
#LEFT_TOP li.LM4{
	background-image:url(images/me_04.gif);
	}
#LEFT_TOP li.LM4on{
	background-image:url(images/me_04_on.gif);
	}
#LEFT_TOP li.LM5{
	background-image:url(images/me_05.gif);
	}
#LEFT_TOP li.LM6{
	background-image:url(images/me_06.gif);
	}
#LEFT_TOP li.LM7{
	background-image:url(images/me_07.gif);
	}
#LEFT_TOP li.LM8{
	background-image:url(images/me_08.gif);
	height:44px;
	}
/* RIGHT */
#RIGHT_Wapper{
	float:left;
	width:617px;
		background: url("images/bg_02.png") repeat-y 1px 0;
	/* height:544px; */
	 }
#RIGHT{
	width:570px;
	padding:0 0 20px 25px;

}

/* FOOTER */
#FOOTER_OUT{
	clear:both;
	width:100%;
}
#FOOTER_OUT h3{
	text-indent:-9999px;}	
#FOOTER{
	background:url(images/footer_bg_01.gif) no-repeat 1px 0;
	width:800px;
	height:40px;
	margin:0 auto;
	position:relative;}
#FOOTER p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:24px;
	padding:0 0 0 175px ;
	background:url(images/icon_phone.gif) no-repeat 160px 5px;
	*background:url(images/icon_phone.gif) no-repeat 160px 3px !important;
	*background:url(images/icon_phone.gif) no-repeat 160px 3px;
	}
	
	
	
/*  Fonts */
.red_01 { color:#C30; text-decoration: none;}
.red_01:hover { color:#000; text-decoration:underline;}



/*   預約開戶  */
#customer_form{ 
	 border:1px solid #ccc; 
	 padding: 0 10px 20px 10px; 
	 background:#feffe2 url(images/custimg_01.png) right  bottom no-repeat;
	 margin:0 0 10px 0;
	 }


.pageTitle_02{
	color:#FFF;
	background: #c30 url(images/contentbg_03.png) repeat-x;
	font-weight:bold;
	font-size:13px;
	padding:5px 8px;
	letter-spacing:1px;
	clear:both;
	text-align:left;
	}
	
.pageTitle_03{
	color:#333;
	background:  #FFE6E7 url(images/contentbg_03.png) repeat-x;
	font-size:13px;
	padding:5px 8px;
	letter-spacing:1px;
	clear:both;
	text-align:left;
	line-height:18px;
	border:1px solid #ccc;
	}
.pageContent_03{ 
	line-height:20px;
	padding:10px 10px 15px 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background: #feffe2 url(images/contentbg_07.png) top repeat-x;
	}
.pageTitle_03 ol{ padding: 0 0 0 25px; margin:10px 0 0 5px;} 
.pageContent_03 ul{
	margin: 0 0 0 2px;
	padding:0 0 0 25px;
	list-style: decimal;
}
.pageContent_03 li{ border-bottom: 1px dotted #ccc;margin: 0;padding:3px 0}

.line_01{ border-top: 1px dotted #ccc; margin:10px 0;}

#Wizard1_StartNavigationTemplateContainerID_StartNextButton { background:url(images/button_no.png); border:0; width:77px; height:26px; font-weight:bold;}
#Wizard1_StepNavigationTemplateContainerID_StepPreviousButton { background:url(images/button_no.png); border:0; width:77px; height:26px; font-weight:bold;}
#Wizard1_StepNavigationTemplateContainerID_StepNextButton { background:url(images/button_no.png); border:0; width:77px; height:26px; font-weight:bold;}
#Wizard1_FinishNavigationTemplateContainerID_FinishPreviousButton { background:url(images/button_no.png); border:0; width:77px; height:26px; font-weight:bold;}
#Wizard1_FinishNavigationTemplateContainerID_FinishButton { background:url(images/button_no.png); border:0; width:77px; height:26px; font-weight:bold;}


/*  sidebar  */
#sideBar{
	text-align:left;
}
#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px;
	font-weight:bold !important;
}
#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}
#sideBar ul{
	margin:0px;
	padding:0px;
}
#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background:#036;
	width:177px;
	color:#FFFFFF;
}
#sideBar li a{
	width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 400px;
	right:0px;
	background:url(/jay/capital_200805/images/background.gif) top left repeat-y;
}
#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}
#sideBarTab img{
	border:0px solid #FFFFFF;
}
#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:200px;
	height:320px;
}
#sideBarContentsInner{
	width:200px;
}

.Title_notice{ background:url(/Service2/online/PostAccount/images/img_notiice.png) no-repeat; width:567px ; height: 23px;padding: 5px 0;}
