@import url("basic.css");

#mainbanner { width:780px; margin-top:10px; clear:both;}

#content { width:550px; float:left; margin:10px 15px 10px 5px; }
#content ul { margin:10px 0px 20px 0px; }
#content ul ul { margin-bottom: 0px; }
#content ul li { list-style-image:url(/_images/zh/sub_dot.gif); margin-left: 15px; margin-bottom:10px;}
#content ul li ul li { list-style-image:url(/_images/zh/sub_list_line.gif); margin-left: 20px; margin-bottom:10px; font-weight:normal;}

#content ol { margin:10px 0px 20px 0px; }
#content ol li { list-style-type:decimal; margin-left: 15px; margin-bottom:10px;}
#content ol li ul li { list-style:none; margin-left: 0px; margin-bottom:10px; font-weight:normal;}
#content ol li.normal { list-style-type:decimal; margin-left: 15px; margin-bottom:10px; font-weight:normal;}

#content a#learnmore { background-image: url(/_images/zh/sub_btn_learnmore.gif); background-repeat:no-repeat; width: 94px; height:18px; display:block; float:right; display:block;}
#content a#learnmore:hover { background-image: url(/_images/zh/sub_btn_learnmore_ov.gif); }

#content a#setlearnmore { background-image: url(/_images/zh/sub_btn_set_learnmore.gif); background-repeat:no-repeat; width: 81px; height:18px; display:block; float:right; display:block; margin-right:2px;}
#content a#setlearnmore:hover { background-image: url(/_images/zh/sub_btn_set_learnmore_ov.gif); }
#content a#setapply { background-image: url(/_images/zh/sub_btn_set_apply.gif); background-repeat:no-repeat; width: 49px; height:18px; display:block; float:right; display:block; }
#content a#setapply:hover { background-image: url(/_images/zh/sub_btn_set_apply_ov.gif); }
#content a#proceed { background-image: url(/_images/zh/sub_btn_proceed.gif); background-repeat:no-repeat; width: 73px; height:17px; display:block; float:right; display:block; margin-right:2px;}
#content a#proceed:hover { background-image: url(/_images/zh/sub_btn_proceed_ov.gif); }
#content a#setapply_2:hover { background-image: url(/_images/zh/sub_btn_set_apply_ov_2.gif); }
#content a#setapply_2 { background-image: url(/_images/zh/sub_btn_set_apply_2.gif); background-repeat:no-repeat; width: 49px; height:18px; display:block; float:right; display:block; }
#content a#setlearnmore_2:hover { background-image: url(/_images/zh/sub_btn_set_learnmore_ov_2.gif); margin-left: 5px;}
#content a#setlearnmore_2 { background-image: url(/_images/zh/sub_btn_set_learnmore_2.gif); background-repeat:no-repeat; width: 81px; height:18px; display:block; float:right; display:block; margin-right:2px;margin-left: 5px;}

#contimgmid { margin:10px 0px 10px 0px; text-align:center;}
#contimgleft { margin:10px 0px 10px 0px; text-align:left; }
#contimgright { margin:10px 0px 0px 10px; float:right; }
#contimgleftblock { margin:0px 20px 20px 0px; float:left; display:block;}
#menuimg { margin:0 2px 0 0; float:left; display:block;}

#remark { width:550px; font-size:12px; color:#808080; margin-bottom:15px; }
#remark table {width:100%; padding: 0px; border-collapse:collapse;}
#remark .uline {text-decoration:underline;}
#remark td {padding: 1px; vertical-align:text-top; }
#remark ol { font-size:12px; color:#808080; margin-top:10px;}
#remark ol li { list-style:decimal; margin-bottom:10px; margin-left:25px;}
#remark ol li ul li { list-style-image:url(/_images/zh/sub_dot_ltgrey.gif); margin-left:40px; margin-bottom:5px;}
#remark ol li ul li ol li { list-style: lower-alpha; margin-left: 40px;}
#remark ul li { list-style-image:url(/_images/zh/sub_dot_ltgrey.gif); margin-bottom:10px; margin-left:20px;}
#remark ul li.lefttxt {width:200px; }
#remark ol ul {margin:0 0 0 20px; padding:0;_margin:0 0 0 -20px;}
*+html #remark ol ul {margin:0 0 0 -20px; padding:0; }
#remark ul li.righttxt {float:left;}

#remark_2 { width:550px; font-size:10px; color:#808080; margin-bottom:15px; }
#remark_2 ol { font-size:12px; color:#808080; padding:0 0 10px 0;_margin-left:10px;}
*+html #remark_2 ol { margin-left:5px;}
#remark_2 ol li { list-style:decimal; margin:0 0 0 18px;}

#subgerymenu { text-align: left; font-size: 12px; color: #808080; margin-bottom:5px;}
#subgerymenu a { font-size: 12px; color: #808080; margin-left: 5px; margin-right: 5px; text-decoration: none; }
#subgerymenu a:hover { color: #808080; text-decoration: underline; }
#subgerymenu a.first { margin-left: 0px;}

#dotline  { background-image: url(/_images/zh/sub_dot_lline.gif); background-repeat:repeat-x; height:11px; background-position:center; clear:both;}
#dotlinegrn  { background-image: url(/_images/zh/sub_dot_lline_grn.gif); background-repeat:repeat-x; height:11px; background-position:center;}

#note { font-size:12px; color:#808080; margin-top:10px; margin-bottom:10px;}

#subpur { width:550px; display:block;}

#subpurboxl { border:1px solid #d5d5d5; background-color: #e9eff5; padding:4px; margin:10px; float:left; display:block;}
#subpurboxl #smbox { background-color:#e2e9f2; text-align:center; font-weight:bold; padding:15px; width:200px;}

#subpurboxr { border:1px solid #d5d5d5; background-color: #e9eff5; padding:4px; margin:10px; float:right; display:block;}
#subpurboxr #smbox { background-color:#e2e9f2; text-align:center; font-weight:bold; padding:15px; width:200px;}

#subpurboxc { border:1px solid #d5d5d5; background-color: #e9eff5; padding:4px; margin:0px auto 20px auto; width:430px; float:inherit;}
#subpurboxc #smbox { background-color:#e2e9f2; text-align:center; font-weight:bold; padding:15px; }

#subtable { border:1px solid #d5d5d5; background-color: #f7faf0; padding:4px; width:550; margin-top:10px; margin-bottom:20px; }
#subtable table { width:100%; padding:0px; margin:0px; border-collapse:collapse; width:542;}
#subtable td { padding:5px; }

#subtable td.ltgrn {
	background-color: #F4F8E9;
	text-align:center;
}
#subtable td.ltgrnleft {
	background-color: #F4F8E9;
	text-align:left;
}
#subtable td.ltgrnbold {
	background-color: #F4F8E9;
	text-align:center;
	font-weight:bold;
}
#subtable td.ltgrnline { background-color: #eff5e1; text-align:center; border-right: 1px solid #ffffff; }
#subtable td.ltgrnlinebtm { background-color: #eff5e1; text-align:center; border-bottom: 1px solid #ffffff; }
#subtable td.ltgrnlinebo { background-color: #eff5e1; text-align:center; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#subtable td.ltgrnlinel { background-color: #eff5e1; text-align:left; border-right: 1px solid #ffffff; }
#subtable td.ltgrnboldline { background-color: #eff5e1; text-align:center; font-weight:bold; border-right: 1px solid #ffffff; }
#subtable td.ltgrnboldlinel { background-color: #eff5e1; text-align:left; font-weight:bold; border-right: 1px solid #ffffff; }
#subtable td.ltgrntitle { background-color: #eff5e1; text-align:left; font-weight:bold; font-size:16px; color:#808080; }

#subtable td.dkgrn { background-color: #e3eece; text-align:center;}
#subtable td.dkgrnbold { background-color: #e3eece; text-align:center; font-weight:bold;}
#subtable td.dkgrnline { background-color: #e3eece; text-align:center; border-right: 1px solid #ffffff;}
#subtable td.dkgrnlinebtm { background-color: #e3eece; text-align:center; border-bottom: 1px solid #ffffff;}
#subtable td.dkgrnlinel { background-color: #e3eece; text-align:left; border-right: 1px solid #ffffff;}
#subtable td.dkgrnboldline { background-color: #e3eece; text-align:center; font-weight:bold; border-right: 1px solid #ffffff;}

#subtable td.dkgrnright { background-color: #e3eece; text-align:left;}
#subtable td.dkgrnrightbold { background-color: #e3eece; text-align:left; font-weight:bold;}
#subtable td.dkgrnrightline { background-color: #e3eece; text-align:left; border-right: 1px solid #ffffff; font-weight:bold;}
#subtable td.dkgrnrightbline { background-color: #e3eece; text-align:left; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-weight:bold;}
#subtable td.dkgrnrbline { background-color: #e3eece; text-align:left; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#subtable td.dkgrnrblinec { background-color: #e3eece; text-align:center; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

#subtable td.grn { background-color: #f2f7e8; text-align:center;}
#subtable td.grnline { background-color: #f2f7e8; text-align:center; border-bottom: 1px solid #ffffff;}
#subtable td.grnlinel { background-color: #f2f7e8; text-align:left; border-right: 1px solid #ffffff;}
#subtable td.grnliner { background-color: #f2f7e8; text-align:center; border-right: 1px solid #ffffff;}
#subtable td.grnbothline { background-color: #f2f7e8; text-align:center; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#subtable td.grnbold { background-color: #f2f7e8; text-align:center; font-weight:bold;}
#subtable td.grnboldbline { background-color: #f2f7e8; text-align:center; font-weight:bold; border-bottom: 1px solid #ffffff;}
#subtable td.grnboldblineb { background-color: #f2f7e8; text-align:left; font-weight:bold; border-bottom: 1px solid #ffffff;}
#subtable td.grnboldblinel { background-color: #f2f7e8; text-align:left; font-weight:bold; border-right: 1px solid #ffffff;}
#subtable td.grnboldbliner { background-color: #f2f7e8; text-align:center; font-weight:bold; border-right: 1px solid #ffffff;}

#subtable td.witboldl { background-color: #ffffff; text-align:left; font-weight:bold; }

#subtable ul { 10px 0px 10px 0px; margin-bottom:0px;}
#subtable ul li { list-style-image:url(/_images/zh/sub_dot_grn.gif);margin-left: 20px; margin-bottom:5px; margin-top:0px;}

#innertable { border:1px solid #d5d5d5; background-color: #f7faf0; padding:4px; width:520; margin-top:10px; margin-bottom:20px;}
#innertable table { padding:0px; margin:0px; border-collapse:collapse; width:100%;}
#innertable td { padding:6px; }
#innertable td.dkgrn { background-color: #e3eece; text-align:center; }
#innertable td.dkgrnline { background-color: #e3eece; text-align:center; border-right: 1px solid #ffffff;}
#innertable td.dkgrnlinel { background-color: #e3eece; text-align:left; border-right: 1px solid #ffffff;}
#innertable td.ltgrn { background-color: #eff5e1; text-align:center;}
#innertable td.ltgrnline { background-color: #eff5e1; text-align:center; border-right: 1px solid #ffffff; }
#innertable td.ltgrnlinel { background-color: #eff5e1; text-align:left; border-right: 1px solid #ffffff; }
#innertable td.ltgrnlinebtm { background-color: #eff5e1; text-align:center; border-bottom: 1px solid #ffffff; }

#leftsubbox { width:150px; float:left;}
#leftsubbox1 { width:150px; float:left; margin-top:15px;}

#leftsubmenu { width:150px; margin-top:10px; margin-bottom:15px; float:left; background-image:url(/_images/zh/sub_left_bg.gif); background-repeat: repeat-y;}
#leftsubmenu #titleinsurance { width:150px; background-image:url(/_images/zh/sub_left_title_insurance.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titledeposits { width:150px; background-image:url(/_images/zh/sub_left_title_deposits.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titleinvestments { width:150px; background-image:url(/_images/zh/sub_left_title_investments.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlebankingplans { width:150px; background-image:url(/_images/zh/sub_left_title_banking_plan.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlecard { width:150px; background-image:url(/_images/zh/sub_left_title_card.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #smetitle { width:150px; background-image:url(/_images/zh/sme/left_title_sme.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titleotherloans { width:150px; background-image:url(/_images/zh/sub_left_title_other_loans.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlemortgages { width:150px; background-image:url(/_images/zh/sub_left_title_mortgages.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titleretirement { width:150px; background-image:url(/_images/zh/sub_left_title_retirement.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlepersonalloan { width:150px; background-image:url(/_images/zh/sub_left_title_person_loan.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlecsr { width:150px; background-image:url(/_images/zh/left-title-crs-hk.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #btm { width:150px; background-image:url(/_images/zh/sub_left_btm.gif); background-repeat:no-repeat; height:10px; background-position:bottom;}
#leftsubmenu ul { margin:10px 10px 10px 10px;}
#leftsubmenu ul li { list-style-image:url(/_images/zh/sub_arr_white.gif); margin-left:15px; margin-bottom:8px; color:#01608c; font-size:12px;}
#leftsubmenu ul li a { color:#01608c; text-decoration:none; text-align:left; font-weight:normal;}
#leftsubmenu ul li a:hover { color:#01608c; text-decoration:underline; font-weight:normal;}
#leftsubmenu ul li a.selected { color:#01608c; text-decoration:none; text-align:left; font-weight:bold;}
#leftsubmenu ul li a:hover.selected { color:#01608c; text-decoration:underline; text-align:left; font-weight:bold;}
#leftsubmenu ul ul { margin:5px 0 5px 0;}
#leftsubmenu ul li ul li { margin:0; list-style-image:url(/_images/zh/space.gif); color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line{ background-image:url(/_images/zh/sub_left_menu_sub_line.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line1{ background-image:url(/_images/zh/sub_left_menu_sub.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 0px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line2{ background-image:url(/_images/zh/sub_left_menu_sub1.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 0px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line3{ background-image:url(/_images/zh/sub_left_menu_sub_line1.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line4{ background-image:url(/_images/zh/sub_left_menu_sub_line2.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line5{ background-image:url(/_images/zh/sub_left_menu_sub2.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:12px;}
#leftsubmenu ul li ul li.line6{ background-image:url(/_images/sub_left_menu_sub_line3.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:11px;}
#leftsubmenu ul li ul li.line8{ background-image:url(/_images/sub_left_menu_sub_line4.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 5px 10px ; margin:0; color:#01608c; font-size:11px;}
#leftsubmenu ul li ul li a:hover.selected { color:#01608c; text-decoration:underline; text-align:left; font-weight:bold;}
#leftsubmenu ul li ul li ul li.line7{ background-image:url(/_images/sub_left_menu_sub.gif); background-repeat:no-repeat; background-position:left; padding:5px 0 0px 10px ; margin:0; color:#01608c; font-size:11px;}
#leftsubmenu #titleapplyandinfo { width:150px; background-image:url(/apply-and-info/_images/sub_left_title_applyandinfo_c.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlenews { width:150px; background-image:url(/news/_images/sub_left_title_news_c.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titlebanking { width:150px; background-image:url(/_images/zh/sub_left_title_banking_service_c.gif); background-repeat:no-repeat; height:25px; }
#leftsubmenu #titleibank { width:150px; background-image:url(/_images/zh/sub_left_title_ibank.gif); background-repeat:no-repeat; height:25px; }


#leftsublink { width:150px; text-align:center; margin-bottom:100px;}
#leftsublink a { color: #01608c; padding-left: 20px; margin-left: 0px; margin-right: 15px; text-decoration:none; font-size: 12px;}
#leftsublink a.sitemap { background-image: url(/_images/zh/icon_map.gif);background-repeat:no-repeat;}
#leftsublink a.print { background-image: url(/_images/zh/icon_print.gif); background-repeat:no-repeat;}
#leftsublink a.bookmark { background-image: url(/_images/zh/icon_bookmark.gif); background-repeat:no-repeat;}

#rightsubin { width:200px; margin-top:10px; float:right; _clear:left; }

#rightcontent { width:200px; margin-bottom:20px; float:left; background-image:url(/_images/zh/sub_right_bg.gif); background-repeat: repeat-y;}
#rightcontent p { padding:0px 11px 11px 11px; color:#4c4c4c; font-size:12px; margin-bottom:0px; }
#rightcontent p.bluetxt{ padding:11px; color:#1974a3; font-size:12px; margin-bottom:0px;}
#rightcontent #next { width:200px; background-image:url(/_images/zh/sub_right_next.gif); background-repeat:no-repeat; height:25px; }
#rightcontent #titlenext { width:200px; background-image:url(/_images/zh/sub_right_title_next.gif); background-repeat:no-repeat; height:25px; }
#rightcontent #titlehot { width:200px; background-image:url(/_images/zh/sub_right_title_whatshot.gif); background-repeat:no-repeat; height:25px; }
#rightcontent #btm { width:200px; background-image:url(/_images/zh/sub_right_btm_next.gif); background-repeat:no-repeat; height:10px; background-position:bottom;}
#rightcontent #box {
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
}

#usefultools { width:200px; margin-bottom:0px; float:left; background-image:url(/_images/sub_btn_hotbg.gif); background-repeat: repeat-y;}
#usefultools #titletools { width:200px; background-image:url(/_images/zh/sub_right_title_tools.gif); background-repeat:no-repeat; height:25px; }
#usefultools #btm { width:200px; background-image:url(/_images/zh/sub_btn_hotbtm.gif); background-repeat:no-repeat; height:10px; background-position:bottom;}
#usefultools #box { padding:3px 11px 23px 11px;}
#usefultools a#usefultools { background-image: url(/_images/zh/sub_btn_tools.gif); background-repeat:no-repeat; width: 178px; height:26px; display:block;}
#usefultools a#usefultools:hover { background-image: url(/_images/zh/sub_btn_tools_ov.gif); }


#rightcontent a#hotline1 { background-image: url(/_images/zh/sub_btn_hotline_1.gif); background-repeat:no-repeat; width: 178px; height:59px; display:block;}
#rightcontent a#hotline2 { background-image: url(/_images/zh/sub_btn_hotline_2.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline3 { background-image: url(/_images/zh/sub_btn_hotline_3.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline4 { background-image: url(/_images/zh/sub_btn_hotline_4.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}
#rightcontent a#hotline5 { background-image: url(/_images/zh/sub_btn_hotline_5.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline6 { background-image: url(/_images/zh/sub_btn_hotline_6.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline7 { background-image: url(/_images/zh/sub_btn_hotline_7.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}
#rightcontent a#hotline8 { background-image: url(/_images/zh/sub_btn_hotline_8.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline9 { background-image: url(/_images/zh/sub_btn_hotline_9.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}
#rightcontent a#hotline10 { background-image: url(/_images/zh/sub_btn_hotline_10.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline11 { background-image: url(/_images/zh/sub_btn_hotline_11.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline12 { background-image: url(/_images/zh/sub_btn_hotline_12.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}
#rightcontent a#hotline13 { background-image: url(/_images/zh/sub_btn_hotline_13.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}
#rightcontent a#hotline14 { background-image: url(/_images/zh/sub_btn_hotline_14.gif); background-repeat:no-repeat; width: 178px; height:32px; display:block;}

#rightcontent a#hotline15 { background-image: url(/_images/zh/sub_btn_hotline_15.gif); background-repeat:no-repeat; width: 184px; height:50px; display:block;}
#rightcontent a#hotline16 { background-image: url(/_images/zh/sub_btn_hotline_16.gif); background-repeat:no-repeat; width: 184px; height:30px; display:block;}
#rightcontent a#hotline17 { background-image: url(/_images/zh/sub_btn_hotline_17.gif); background-repeat:no-repeat; width: 178px; height:44px; display:block;}
#rightcontent a#hotline18 { background-image: url(/_images/zh/sub_btn_hotline_18.gif); background-repeat:no-repeat; width: 178px; height:30px; display:block;}
#rightcontent a#hotline19 { background-image: url(/_images/zh/sub_btn_hotline_22095888.gif); background-repeat:no-repeat; width: 178px; height:31px; display:block;}
#rightcontent a#hotline20 { background-image: url(/_images/zh/sub_btn_hotline_20.gif); background-repeat:no-repeat; width: 178px; height:31px; display:block;}

#rightcontent a#branch { background-image: url(/_images/zh/sub_btn_branch.gif); background-repeat:no-repeat; width: 178px; height:28px; display:block;}
#rightcontent a#branch:hover { background-image: url(/_images/zh/sub_btn_branch_ov.gif); }
#rightcontent a#email { background-image: url(/_images/zh/sub_btn_email.gif); background-repeat:no-repeat; width: 178px; height:28px; display:block;}
#rightcontent a#email:hover { background-image: url(/_images/zh/sub_btn_email_ov.gif); }
#rightcontent a#apply { background-image: url(/_images/zh/sub_btn_apply.gif); background-repeat:no-repeat; width: 178px; height:28px; display:block;}
#rightcontent a#apply:hover { background-image: url(/_images/zh/sub_btn_apply_ov.gif); }
#rightcontent a#form { background-image: url(/_images/zh/sub_btn_form.gif); background-repeat:no-repeat; width: 178px; height:28px; display:block;}
#rightcontent a#form:hover { background-image: url(/_images/zh/sub_btn_form_ov.gif); }
#rightcontent a#subscribe { background-image: url(/_images/zh/sub_btn_subscribe.gif); background-repeat:no-repeat; width: 178px; height:28px; display:block;}
#rightcontent a#subscribe:hover { background-image: url(/_images/zh/sub_btn_subscribe_ov.gif); }

#whathot { width:200px; margin-bottom:20px; float:left; background:url(/_images/zh/sub_btn_hotbg.gif) repeat-y; padding:0; display:table;}
#whathot p { padding:5px 11px 11px 11px; color:#147ca3; font-size:12px; margin-bottom:0px; }
#whathot #top{background:url(/_images/zh/sub_btn_hot.gif) no-repeat; width:200px; height:25px;}
#whathot #link{background:url(/_images/sub-btn-link.gif) no-repeat; width:200px; height:25px;}
#whathot #btm{background:url(/_images/zh/sub_btn_hotbtm.gif) no-repeat left bottom; width:200px; height:11px;}

#whathot a#sustain { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#whathot a#sustain:visited { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#whathot a#sustain:hover { color: #005d9a; text-decoration:underline; font-size:18px; font-weight:bold;}

#usefulinfo { width:200px; margin-bottom:20px; float:left; background-image:url(/_images/zh/sub_btn_hotbg.gif); background-repeat: repeat-y;}
#usefulinfo p { padding:8px 11px 6px; color:#147ca3; font-size:11px; margin:0; }
#usefulinfo #box { padding:0px 13px 8px 12px;}
#usefulinfo #top{background:url(/_images/zh/sub_btn_usefulinfo.gif) no-repeat; width:200px; height:25px;}
#usefulinfo #link{background:url(/_images/zh/sub-btn-link.gif) no-repeat; width:200px; height:25px;}
#usefulinfo #btm{background:url(/_images/zh/sub_btn_hotbtm.gif); width:200px; height:11px; display:block; line-height:0;}


#whatnew { width:200px; margin-bottom:20px; float:left; background:url(/_images/zh/sub_btn_hotbg.gif) repeat-y; padding:0; display:table;}
#whatnew p { padding:5px 11px 11px 11px; color:#147ca3; font-size:12px; margin-bottom:0px; }
#whatnew #top{background:url(/_images/zh/sub_btn_whatnew.gif) no-repeat; width:200px; height:25px;}
#whatnew #link{background:url(/_images/sub-btn-link.gif) no-repeat; width:200px; height:25px;}
#whatnew #btm{background:url(/_images/zh/sub_btn_hotbtm.gif) no-repeat left bottom; width:200px; height:11px;}

#moreforms { width:200px; margin-bottom:20px; float:left; background-image:url(/_images/sub_btn_hotbg.gif); background-repeat: repeat-y;}
#moreforms p { padding:8px 11px 6px; color:#147ca3; font-size:11px; margin:0; }
#moreforms #box { padding:0px 13px 8px 12px;}
#moreforms #top{background:url(/_images/zh/sub_btn_forms.gif) no-repeat; width:200px; height:25px;}
#moreforms #btm{background:url(/_images/sub_btn_hotbtm.gif); width:200px; height:11px; display:block; line-height:0;}

#otherlink { width:200px;margin-bottom:20px; float:left; padding:0; display:table;}
#otherlink p { padding:8px 11px 6px; color:#147ca3; font-size:11px; margin:0; }
#otherlink #cont{ width:200px;background:url(/_images/zh/sub_btn_hotbg.gif) repeat-y; padding:0; margin:0;}
#otherlink #top{background:url(/_images/zh/sub_btn_hot.gif) no-repeat; width:200px; height:25px;}
#otherlink #link{background:url(/_images/zh/sub-btn-link.gif) no-repeat; width:200px; height:25px;}
#otherlink #btm{background:url(/_images/zh/sub_btn_hotbtm.gif) no-repeat; width:200px; height:11px; background-position:top;}

#otherlink a#sustain { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#otherlink a#sustain:visited { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#otherlink a#sustain:hover { color: #005d9a; text-decoration:underline; font-size:18px; font-weight:bold;}

#greytab { float:left;}
#greytab a, #greytab a:visited { display:block; padding:5px 0 0 0; margin:10px 2px 0 0; text-decoration:none; height:27px; width:145px; background-image:url(/_images/zh/sub_grey_tab.gif); background-repeat:no-repeat; color:#808080; line-height:27px; font-size:16px; font-weight:bold; text-align:center;}
#greytab a:hover { text-decoration:none; background-image:url(/_images/zh/sub_grey_tab_ov.gif); background-repeat:no-repeat; color:#808080; line-height:24px;}
#greytab a#stay { text-decoration:none; background-image:url(/_images/zh/sub_grey_tab_ov.gif); background-repeat:no-repeat; color:#808080; line-height:24px;}

#subtabbox { clear:both; background-image:url(/_images/zh/sub_grey_tab_bg.gif); background-repeat:repeat-y; width:550px; margin-bottom:20px;}
#subtabtop { background-image:url(/_images/zh/sub_grey_tab_top1.gif); width:550px; height:15px;}
#subtabtop2 { background-image:url(/_images/zh/sub_grey_tab_top2.gif); width:550px; height:15px;}
#subtabtop3 { background-image:url(/_images/zh/sub_grey_tab_top3.gif); width:550px; height:15px;}
#subtabbtm { background-image:url(/_images/zh/sub_grey_tab_btm.gif); width:550px; height:15px;}
#subtabcontent { padding:10px;}

#subtabboxgrn { clear:both; background-image:url(/_images/zh/sub_grn_tab_bg.gif); background-repeat:repeat-y; width:550px; margin-bottom:20px;}
#subtabtopgrn { background-image:url(/_images/zh/sub_grn_tab_top.gif); width:550px; height:15px;}
#subtabbtmgrn { background-image:url(/_images/zh/sub_grn_tab_btm.gif); width:550px; height:15px;}
#subtabcontentgrn { padding:10px;}
#subtabcontentgrn #title {font-weight:bold; font-size:16px; color:#333333; margin:0px 0px 15px 0px;}

.ulinetxt { text-decoration:underline;}
.normaltxt { font-weight:normal;}
.bluetxttitle { color:##005d9a; font-size:14px; font-weight:bold;}
.blocktxt { display:block;}

#subtabcontent ul { margin:10px 0px 10px 0px; }
#subtabcontent ul ul { margin-bottom: 0px; }
#subtabcontent ul ul ul { margin-bottom: 0px; }
#subtabcontent ul li { list-style-image:url(/_images/zh/sub_dot.gif); margin-left: 15px; margin-bottom:20px; font-weight:bold;}
#subtabcontent ul li ul li { list-style-image:url(/_images/zh/space.gif); margin-left: 0px; margin-bottom:10px; font-weight:normal;}
#subtabcontent ul li ul li ul li { list-style-image:url(/_images/zh/sub_list_line.gif); margin-left: 20px; margin-bottom:10px; font-weight:normal;}

#retirement { width:550px; margin-bottom:10px; }
#retirement #provident { height:140px; }
#retirement #mpf { height:340px; }
#retirement #btnl {float:left; margin-bottom:10px;}
#retirement #btnr {float:right; margin-bottom:10px;}
#retirement a#admin { background-image: url(/_images/zh/btn_retirement_admin.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#admin:hover { background-image: url(/_images/zh/btn_retirement_admin_ov.gif); }
#retirement a#approach { background-image: url(/_images/zh/btn_retirement_approach.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#approach:hover { background-image: url(/_images/zh/btn_retirement_approach_ov.gif); }
#retirement a#consolid { background-image: url(/_images/zh/btn_retirement_consolid.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#consolid:hover { background-image: url(/_images/zh/btn_retirement_consolid_ov.gif); }
#retirement a#explan { background-image: url(/_images/zh/btn_retirement_explan.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#explan:hover { background-image: url(/_images/zh/btn_retirement_explan_ov.gif); }
#retirement a#fee { background-image: url(/_images/zh/btn_retirement_fee.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#fee:hover { background-image: url(/_images/zh/btn_retirement_fee_ov.gif); }
#retirement a#fund { background-image: url(/_images/zh/btn_retirement_fund.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#fund:hover { background-image: url(/_images/zh/btn_retirement_fund_ov.gif); }
#retirement a#marketing { background-image: url(/_images/zh/btn_retirement_marketing.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#marketing:hover { background-image: url(/_images/zh/btn_retirement_marketing_ov.gif); }
#retirement a#news { background-image: url(/_images/zh/btn_retirement_news.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#news:hover { background-image: url(/_images/zh/btn_retirement_news_ov.gif); }
#retirement a#online { background-image: url(/_images/zh/btn_retirement_online.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#online:hover { background-image: url(/_images/zh/btn_retirement_online_ov.gif); }
#retirement a#trustee { background-image: url(/_images/zh/btn_retirement_trustree.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#trustee:hover { background-image: url(/_images/zh/btn_retirement_trustree_ov.gif); }
#retirement a#useful { background-image: url(/_images/zh/btn_useful_tips_for_investments.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#useful:hover { background-image: url(/_images/zh/btn_useful_tips_for_investments_ov.gif); }
#retirement a#commentary { background-image: url(/_images/zh/btn_fx_commentary.gif); background-repeat:no-repeat; width: 271px; height:54px; display:block;}
#retirement a#commentary:hover { background-image: url(/_images/zh/btn_fx_commentary_ov.gif); }

#fundform { width: 530px;  height:30px; margin:20px 0 10px; }
#fundform #btnl {float:left;}
#fundform #btnr {float:right;}
#fundform a#go { background-image: url(/_images/zh/sub_btn_go.gif); background-repeat:no-repeat; width: 50px; height:17px; display:block;}
#fundform a#go:hover { background-image: url(/_images/zh/sub_btn_go_ov.gif); }
#fundform select.long { width:260px; font-size:11px;}
#fundform select.short { width:100px; font-size:11px;}

#subtable_gray { border:1px solid #d5d5d5; background-color: #f4f7f9; padding:4px; width:360px; margin-top:10px; margin-bottom:20px; }
#subtable_gray table { width:100%; padding:0px; margin:0px; border-collapse:collapse; width:542;}
#subtable_gray td { padding:6px; }
#subtable_gray .left { font-weight:bold; background:#e6edf4;}
#subtable_gray .left2 { font-weight:bold; background:#d9e3ed;}
#subtable_gray .right { background:#e6edf4;}
#subtable_gray .right2 { background:#d9e3ed;}


.img_right { float:right; padding:10px 0 5px 20px;}


#excelbanking_1 {}
#excelbanking_2 {display: none;}
#excelbanking_3 { display: none;}


.hui { font-size:12px; color:#808080;}
.deep_blue {color: #01355E;text-decoration: none;}

#sustainBoxL { width:270px; height:88px; margin:10px 8px 10px 0px; float:left;}
#sustainBoxR { width:270px; height:88px; margin:10px 0px 10px 0px; float:right;}
.sustainBox { height:88px; background-image:url(/_images/sustainability_img_bg.gif);}

#sustainBtnL { width:178px; height:76px; margin:10px 8px 10px 0px;; float:left;}
#sustainBtnR { width:178px; height:76px; margin:10px 0px 10px 0px; float:right;}
.sustainBtn¡@{ width:158px; height:76px; background-image:url(/_images/sustainability_img_btn_bg.gif);}
a.sustainBtn { color: #005d9a; text-decoration:none; font-size:12px; font-weight:bold;}
a.sustainBtn:visited { color: #005d9a; text-decoration:none; font-size:12px; font-weight:bold;}
a.sustainBtn:hover { color: #005d9a; text-decoration:underline; font-size:12px; font-weight:bold;}

.donationDate { margin-left:30px;}
a.donation { color: #005d9a; text-decoration:none; font-size:14px; font-weight:bold;}
a.donation:visited { color: #005d9a; text-decoration:none; font-size:14px; font-weight:bold;}
a.donation:hover { color: #005d9a; text-decoration:underline; font-size:14px; font-weight:bold;}

#leftwealth { width:150px; margin-top:10px; float:left; background-image:url(/_images/zh/left_bg_wealth_explorer.gif); background-repeat: repeat-y;}
#leftwealth #title { width:150px; background-image:url(/_images/zh/left_title_wealth_explorer.gif); background-repeat:no-repeat; height:30px; }
#leftwealth #btm { width:150px; background-image:url(/_images/zh/left_btm_wealth_explorer.gif); background-repeat:no-repeat; height:15px;}
#leftwealth p { padding:8px 11px 6px; color:#147ca3; font-size:13px; margin:0; }
#leftwealth a#sustain { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#leftwealth a#sustain:visited { color: #005d9a; text-decoration:none; font-size:18px; font-weight:bold;}
#leftwealth a#sustain:hover { color: #005d9a; text-decoration:underline; font-size:18px; font-weight:bold;}
#leftwealth #current { width:150px; height:20px; background-image:url(/_images/zh/left_current_wealth_explorer.gif); background-repeat:no-repeat;}

/* BOF Employee Banking */
#eb_form {
margin: 1em 0 0 1em;
float: right;
}
#eb_login {
margin: 0;
padding: 0 0 5px 0;
width: 206px;
background: #86C533 url(/_images/employee_banking-login_btm.gif) 0 100% no-repeat;
}

#eb_login #eb_header {
margin: 0;
padding: 12px 12px 0 12px;
height: auto;
font-weight: bold;
font-size: 16px;
color: #457897;
background: url(/_images/employee_banking-login_top.gif) no-repeat;
}

#eb_login p {
margin: 0.5em 0;
padding: 0 12px;
}

#eb_login p .field {
padding: 3px 10px;
width: 162px;
height: 20px;
font-size: 14px;
color: #01557F;
border: none;
background: url(/_images/employee_banking-login_fld.gif) no-repeat 50% 0;
}

#eb_login p.eb_btn { text-align: center; }
#eb_error_msg {
margin: 1em 0 0 0;
width: 206px;
text-align: center;
color: #FF0000;
}
.clearright { clear: right; }
.clearleft { clear: left; }
hr.clearright, hr.clearleft { background-color: transparent; border-color: transparent; padding:0; margin:0; height:1px; }

.eb_priv { margin-top: 0; padding: 0 10px 0 0; float: left; clear: left; }
.eb_priv_details { padding: 8px 0; margin-left: 130px; }
.eb_benefits {
margin: 1px 0;
padding: 0 10px 0 38px;
color: #005d9a;
display: block;
cursor: pointer;
line-height: 39px;
width: 497px;
background: url(/_images/employee_banking-privilege.jpg) 0 0 no-repeat;
}
.eb_benefits.selected { color: #FFFFFF; background-position: 0 -39px; }
.eb_benefits_box { padding: 0 1em; }

#eb_toppanel {
padding: 5px 15px 1px 15px;
background-color: #EDEDED;
border-bottom: 3px solid #A1B8C6;
}
#eb_toppanel #eb_toppanel_logo {
padding-right: 15px;
float: left;
width: 80px;
}
#eb_toppanel #eb_toppanel_box1 {
float: left;
}
#eb_toppanel #eb_toppanel_box1 p {
margin: 0;
padding: 0;
}
#eb_toppanel #eb_toppanel_box1 #eb_clientName {
padding-bottom: 1em;
font-weight: bold;
color: #457897;
}
.eb_productContainer1 { padding-top: 15px; }
.eb_productContainer2 { padding: 15px; background: url(/_images/zh/employee_banking-gradient.gif) 0 0 repeat-x; }
.eb_productContainer1 h2, .eb_productContainer2  h2 { margin-top: 1px; color: #457897; }
.eb_productContainer1 td, .eb_productContainer2  td { vertical-align: top; }

.eb_package_header {
margin: 0;
padding: 0 5px 7px 20px;
color: #457897;
font-weight: bold;
line-height: 40px;
background: url(/_images/employee_banking-package.gif) 50% 0 no-repeat;
}
.eb_package_list {
margin: 5px 30px;
padding: 0 0 0 35px;
line-height: 24px;
background: url(/_images/employee_banking-tick.gif) 0 0 no-repeat;
}
/* EOF Employee Banking */