/* --------------------------------------index_layout-------------------------------------- */
#wrap{width:960px; background:#fff; margin:0 auto; border:8px solid #1b3244; border-top:none; }
#header { background:#f2f2f2; line-height:26px; height:26px; }
#header form { float:left; margin-left:2px; }
#logo { float:left; margin-left:20px; display:inline; }
#wrap_404 { width:600px; height:160px; background:#fff; position:absolute; top:50%; left:50%; margin:-88px 0 0 -308px; border:8px solid #1b3244;}
#wrap_404 div.div_p16 { padding:16px; }
/* search--------- */
#search { float:left; margin:6px 0 0 30px; display:inline; _width:402px; }
#searchform { background:#f2f2f2; padding:6px; }
#searchform input, #searchform select { vertical-align: middle; }
#searchform .form_h20{ height:20px; line-height:20px; width:240px; }
#searchform .form_h22{ height:22px; line-height:22px; }
/* hotline--------- */
#hotline { float:left; margin:6px 0 0 40px; width:186px; display:inline; }
/* nav--------- */
#nav_main { height:35px; line-height:27px; background:url(../images/bg_nav.gif) repeat-x;}
#nav_main ul { margin-left:14px; }
#nav_main ul li {float:left; }
#nav_main ul li a {display:block; color:#fff; padding:4px 16px 4px 16px; }
#nav_main ul li a:hover{ text-decoration:none; color: #ffcd33; }
#nav_main ul li a.a_cur, #nav_main ul li a.a_cur:hover { background:url(../images/bg_nav_hover.gif) repeat-x; text-decoration:none; color:#333; }
/* cur--------- */
#cur_pos { margin-top:5px; border:1px #ccc solid; background:#f2f2f2; padding:4px; color:#666; }
/* sub_bar--------- */
#sub_lt195 { width:194px; float:left; border-right:1px #ccc solid; }
#sub_lt195 div.div_prt9 { padding:0 9px 12px 4px; }
#sub_ct477 { width:477px; float:left; margin-left:10px; }
#sub_lt747 { width:747px; float:left; margin-left:10px; }
.sub_rt260 { width:260px; float:left; margin-left:10px; }
.sub_lt682 { width:682px; float:left; }
#sub_lt471 { width:471px; float:left; }
#sub_lt10_471 { width:471px; float:left; margin-left:10px; }
/* advertisement--------- */
#ad_h150 { background: url(../images/ad_h150.jpg) no-repeat; height:150px; position:relative; border:1px #ccc solid;  }
#ad_h150 div { position:absolute; top:20px; right:20px; width:280px; }
#ad_h320 { background:url(../images/ad_h320.jpg) no-repeat; height:330px; position:relative; }
#ad_h320 div.div_ad_top { position:absolute; top:40px; right:10px; width:140px; }
#ad_h320 div.div_ad_bottom { position:absolute; left:10px; bottom:20px; }
#ad_h320 div.div_ad_bottom a { display: inline-block; width:112px; height:68px; border:1px #ccc solid; line-height:110px; float:left; margin-left:10px; overflow:hidden; text-align:center; }
#ad_h320 div.div_ad_bottom a:hover { border:1px #999 solid; text-decoration:none;  }
#ad_h320 div.div_ad_bottom a.a_signin { background:url(../images/btn_signin.jpg) no-repeat; }
#ad_h320 div.div_ad_bottom a.a_download { background:url(../images/btn_download.jpg) no-repeat; margin:0; }
#ad_h289 { background:url(../images/ad_h289.jpg) no-repeat; height:357px; position:relative; }
#ad_h300 { background:url(../images/ad_h300.jpg) no-repeat; height:300px; position:relative; border:1px solid #ccc; }
#ad_h300 div { position:absolute; top:40px; right:20px; width:260px; }
#ad_h140 { height:140px; width:682px; background:url(../images/ad_h100.jpg) no-repeat; position:relative; }
#ad_h100 { background:url(../images/img_login120.jpg) no-repeat; height:100px; position:relative; width:747px; border:1px solid #ccc; }
#ad_h85 { background:url(../images/ad_h85.jpg) no-repeat; height:85px; width:260px; }
/* interlinkage--------- */
#link { border-top:1px solid #b1cede; border-bottom:1px solid #b1cede; background:#f2f8fb; }
#link ul { float:left; margin-left:36px; }
#link ul.ul_m0 { float:left; margin:0; }
#link ul li { line-height:180%; text-indent:16px; background:url(../images/icon_ul_type.gif) no-repeat left center; }
#link ul li.li_title { background:none; font-weight:bold; text-indent:0; }
#map { border-top:1px solid #b1cede; border-bottom:1px solid #b1cede; background:#f2f8fb; }
#map ul { float:left; margin-left:36px; }
#map ul.ul_m0 { float:left; margin:0; }
#map ul li { line-height:180%; }
#map ul li.li_title { background:none; font-weight:bold; }
/* footer--------- */
#footer { margin-bottom:4px; padding-top:10px; border-top:2px #ccc solid; }
#footer p {text-align:center; }
/* sub_button--------- */
#sub_btn a { height:50px; display:block; margin-bottom:10px; overflow:hidden; }
#sub_btn a p, #sub_btn a h1 { text-indent:60px; }
#sub_btn a h1 { margin:8px 0 0 0; }
#sub_btn a.a_btn_real { background:url(../images/btn_real.jpg) no-repeat; }
#sub_btn a.a_btn_sim { background:url(../images/btn_sim.jpg) no-repeat; }
#sub_btn a.a_btn_download { background:url(../images/btn_download02.jpg) no-repeat; }
#sub_btn a.a_btn_flow { background:url(../images/btn_flow.jpg) no-repeat; }
#sub_btn a.a_btn_faq { background:url(../images/btn_faq.jpg) no-repeat; }
#sub_btn a.a_btn_safe { background:url(../images/btn_safe.jpg) no-repeat; }
#sub_btn a.a_btn_trade { background:url(../images/btn_trade.jpg) no-repeat; }
#sub_btn_sim { height:50px; display:block; margin-bottom:10px; overflow:hidden; margin-bottom:5px; background:url(../images/btn_sub_account.jpg) no-repeat; }
#sub_btn_sim p, #sub_btn_sim h1 { text-indent:54px; }
#sub_btn_sim h1 { margin:8px 0 0 0; }
#sub_btn_sim p a { margin-left:10px; text-decoration:underline; }
#sub_btn_sim p a.a_m0 { margin:0;}
#sub_btn_download { height:50px; display:block; margin-bottom:10px; overflow:hidden; background:url(../images/btn_sub_download.jpg) no-repeat; margin-bottom:5px; }
#sub_btn_download p, #sub_btn_download h1 { text-indent:54px; }
#sub_btn_download h1 { margin:8px 0 0 0; }
#sub_btn_download p a { margin-left:10px; text-decoration:underline; }
#sub_btn_download p a.a_m0 { margin:0;}
#sub_btn_fund { height:50px; display:block; margin-bottom:10px; overflow:hidden; background:url(../images/btn_sub_fund.jpg) no-repeat; margin-bottom:5px; }
#sub_btn_fund p, #sub_btn_fund h1 { text-indent:54px; }
#sub_btn_fund h1 { margin:8px 0 0 0; }
#sub_btn_fund p a { margin-left:10px; text-decoration:underline; }
#sub_btn_fund p a.a_m0 { margin:0;}
/* subject--------- */
#div_subject { height:200px; background:url(../images/img_subject.jpg) no-repeat; border:1px #ccc solid; position:relative; }
#div_subject div { position:absolute; top:20px; left:10px; width:380px; }
#div_subject span { color:#333; }
/* agreement--------- */
.div_agreement div.div_agreement_top { padding:12px; background: url(../images/bg_agreement_top.jpg) no-repeat top; }
.div_agreement div.div_agreement_bottom { padding:12px; background: url(../images/bg_agreement_bottom.jpg) no-repeat bottom; }
.div_agreement747 div.div_agreement747_top { padding:12px; background: url(../images/bg_agreement747_top.jpg) no-repeat top; }
.div_agreement747 div.div_agreement747_bottom { padding:12px; background: url(../images/bg_agreement747_bottom.jpg) no-repeat bottom; }
/* img for column--------- */
#div_col_img { height:110px; overflow:hidden; }
/* login--------- */
#div_login { border:4px #b1cede solid; background:#f2f8fb; padding:16px; }
#div_login h1 { margin-bottom:16px; }
/* products--------- */
#ul_pro { width:934px; }
#ul_pro li { margin-left:21px; float:left; }
#ul_pro li.li_m0 { margin:0; }
#ul_pro li p { text-align:center; }
/* beginner--------- */
#div_beginner01 { width:279px; background: url(../images/bg_knowledge.jpg) no-repeat; padding:8px; margin-left:12px; float:left; height:150px; display:inline; }
#div_beginner02 { width:279px; background: url(../images/bg_guide.jpg) no-repeat; padding:8px; margin-left:12px; float:left; height:150px; display:inline; }
#div_beginner03 { width:279px; background: url(../images/bg_skill.jpg) no-repeat; padding:8px; margin-left:12px; float:left; height:150px; display:inline; }


/* --------------------------------------div-------------------------------------- */
.div_normal { border:1px #b1cede solid;  padding:8px; }
.div_blue { border:1px #b1cede solid; position:relative; }
.div_blue_bg { border:1px #b1cede solid; background:#f2f8fb; }
.div_green_bg { background: #F2FFE6; border:1px #ccc solid; padding:8px; }
.div_orange_bg { background: #ffeedb; border:1px #ccc solid; }
.div_orange_bg p { text-align:center; }
.div_yellow_bg  { background:#fffcf0; border:1px #ccc solid; padding:8px; }
/* corner260--------- */
.div_corner260_top { height:8px; font-size:0; background:url(../images/bg_corners260.gif) no-repeat 0 top; }
.div_corner260_middle { background:#fff3c3; padding:0 8px 0 8px; width:244px; }
.div_corner260_middle h1 { margin-bottom:10px; color:#663300; }
.div_corner260_middle h2 { color:#663300; }
.div_corner260_middle a:link, .div_corner260_middle a:visited { color: #663300; text-decoration:none; }
.div_corner260_middle a:hover { color: #663300; text-decoration: underline; }
.div_corner260_middle div.div_mtb10 { margin-bottom:15px; }
.div_corner260_bottom { height:8px; font-size:0; background:url(../images/bg_corners260.gif) no-repeat 0 -8px;  }
/* corner477--------- */
.div_corner477_top { height:8px; font-size:0; background:url(../images/bg_corners477.gif) no-repeat 0 top; }
.div_corner477_middle { background:#fff3c3; padding:0 8px 0 8px; width:461px; }
.div_corner477_middle h1 { margin-bottom:10px; color:#663300; }
.div_corner477_middle h2 { color:#663300; }
.div_corner477_middle a:link, .div_corner477_middle a:visited { color: #663300; text-decoration:none; }
.div_corner477_middle a:hover { color: #663300; text-decoration: underline; }
.div_corner477_bottom { height:8px; font-size:0; background:url(../images/bg_corners477.gif) no-repeat 0 -8px;  }
/* column--------- */
.div_b { border:1px #ccc solid; background:#f2f2f2; }
.div_lt10 { float:left; margin-left:10px; }
.div_lt20 { float:left; margin-left:20px; }
.div_lt_150 { float:left; width:150px; }
.div_lt_300 { float:left; width:300px; border:1px #b1cede solid; background:#f3f8fc; }
.div_lt_295 { float:left; width:295px; }
.div_lt_340_rb { float:left; width:340px; border-right:1px #b1cede solid;  }
.div_lt_340 { float:left; width:340px; }
.div_lt_336 { float:left; width:336px; }
.div_lt_317 { float:left; width:317px; }
.div_lt_214 { float:left; width:214px; }
.div_lt_100 { float:left; width:100px; }
.div_lt_310 { float:left; width:310px; }
.div_lt_322 { float:left; width:322px; }
.div_lt30_214 { float:left; width:214px; margin-left:30px; }
.div_lt30_317 { float:left; width:317px; margin-left:30px; }
.div_lt10_336 { float:left; width:336px; margin-left:10px; }
.div_lt10_310 { float:left; width:310px; margin-left:10px; }
.div_lt10_250 { float:left; width:249px; margin-left:10px; }
.div_lt10_200 { float:left; width:200px; margin-left:10px; }
.div_lt10_280 { float:left; width:280px; margin-left:10px; }
.div_lt10_300 { float:left; width:300px; margin-left:10px; }
.div_lt10_180 { float:left; width:190px; margin-left:10px; }
.div_lt20_295 { float:left; width:295px; margin-left:20px; }
.div_lt20_322 { float:left; width:322px; margin-left:20px; }
.div_lt10_150 { float:left; width:120px; margin-left:10px; }
.div_lt10_213 { float:left; width:213px; border:1px #b1cede solid; margin-left:10px; background:#f3f8fc; }
/* title--------- */
.div_title { height:26px; line-height:26px; background:url(../images/bg_title.gif) repeat-x; }
.div_title span { float:right; margin-right:8px; }
.div_title form { float:right; margin-right:2px; }
.div_title h1 { text-indent:8px; margin:0; }
.div_title ul{ float:right; }
.div_title ul li { display:block; padding:0 8px 0 8px; border-left:1px #b1cede solid; float:left; }
.div_title ul li.hover { border-bottom:1px #fff solid; background:#fff; }
/* step--------- */
.div_step { height:50px; background:url(../images/img_step.jpg) no-repeat; overflow:hidden; margin-bottom:5px; }
.div_step div.div_stepimg { float:left; margin-left:4px; }
.div_step div.div_stepcon { float:left; margin-left:10px; }
.div_step div h1 { margin:10px 0 0 0; color:#663300; }


/* --------------------------------------table-------------------------------------- */
.tb_normal { border:1px solid #CCCCCC; }
.tb_normal td { padding:6px; border:1px solid #CCCCCC; }
.tb_normal th { padding:6px; background:#eee; border:1px solid #CCCCCC; }
.tb_normal02 { width:100%; }
.tb_normal02 td { padding:6px; }
.tb_normal02 th { padding:6px; background:#f2f2f2; }
/* form--------- */
.tb_form { width:100%; }
.tb_form caption { font-size:14px; padding:0 0 6px 0; }
.tb_form th { font-weight:normal; text-align:right; padding:6px 0px 6px 0px; }
.tb_form td { text-align:left; padding:6px 0px 6px 0px; }
.tb_form td div { width:300px; margin-left:2px; }
.tb_form td select.select_w200 { width:200px; }
/* report--------- */
.tb_report th, .tb_report td { padding:5px; border:1px solid #ccc; }
.tb_report th { background:#f2f2f2; font-weight:bold; }
.tb_report td.td_w150 { width:150px; }
.tb_report td.td_w150 p { text-align:center; }
/* date--------- */
.table_date { border-top: 1px #ccc solid; background:#fff; width:100%; }
.table_date caption { font-size:12px; margin-bottom:4px; }
.table_date td { padding:5px; border-bottom:1px #eee solid; }
.table_date th { padding:5px; border-bottom:1px #ccc solid; background: #f2f2f2; font-weight:bold; }
.table_date th.th_w280 { width:280px; }
/* globaltime--------- */
.table_time { width:400px; }
.table_time th { text-align:right; }


/* --------------------------------------ul-------------------------------------- */
ul li.li_m0 { margin:0; }
.ul_lt05 { float:left; }
.ul_lt05 li { float:left; margin-left:3px; display:inline; }
.ul_rt_lt15 li { float:left; margin-left:10px; display:inline; }
.ul_rt_lt05 li { float:right; margin-left:05px; display:inline; }
.ul_normal li { line-height:180%; }
.ul_normal li span{ float:right; color:#999; }
/* news--------- */
.ul_news li { line-height:180%; background: url(../images/icon_news.gif) no-repeat left; text-indent:16px; }
.ul_news li span{ float:right; color:#999; }
.ul_news14 li { line-height:180%; background: url(../images/icon_news.gif) no-repeat left; text-indent:16px; font-size:14px; }
.ul_news14 li span{ float:right; color:#999; }
/* download--------- */
.ul_download li { line-height:180%; background: url(../images/icon_pdf.gif) no-repeat left; text-indent:24px; }
.ul_download li span{ float:right; color:#999; }
/* pdf--------- */
.ul_pdf li { line-height:180%; background: url(../images/icon_pdf.gif) no-repeat left; text-indent:20px; }
/* type--------- */
.ul_type li { margin-bottom:2px; }
.ul_type li a { display:block; line-height:30px; height:30px; border:1px solid #f2f2f2; border-top:1px solid #ccc; text-indent:30px; background:url(../images/icon_ul_type.gif) no-repeat 10px; }
.ul_type li a:hover, .ul_type li a.a_cur { color:333; text-decoration:none; background:#f2f2f2 url(../images/icon_ul_type.gif) no-repeat 10px;  border:1px solid #ccc; }
.ul_type02 li { margin-bottom:2px; }
.ul_type02 li a { display:block; line-height:30px; height:30px; text-indent:20px; background:url(../images/bg_btn_type02.gif) repeat-x; border:#b1cede 1px solid; }
.ul_type02 li a.a_cur { background:url(../images/bg_btn_type02_h.gif) repeat-x; border:1px solid #ffba00; color:#333; }
.ul_type02 li a:hover { color:#1f4e77; text-decoration: underline;}
/* gallery--------- */
.ul_gallery { width:461px; overflow:hidden;}
.ul_gallery li { margin-left:22px; float:left; display:inline; }
.ul_gallery li img { margin-bottom:4px; }
.ul_gallery li p { text-align:center; }
.ul_gallery02 li { margin-left:6px; float:left; display:inline; }
.ul_gallery02 li img { margin-bottom:4px; }
.ul_gallery02 li p { text-align:center; margin_left:-6px; }
/* books--------- */
.ul_books_re { width:664px; }
.ul_books_re li { float:left; margin-left:15px; width:211px; }
.ul_books_re li ul li { float:left; width:44px; margin-left:5px; }
.ul_books_re li.li_m0 { margin:0; }
.ul_books_li { width:664px; }
.ul_books_li li { float:left; margin-left:20px; width:322px; }
.ul_books_li li ul li { float:left; width:44px; margin-left:5px; }
.ul_books_li li.li_m0 { margin:0; }
/* scroll--------- */
.scrollable { position:relative; overflow:hidden; width:460px; height:100px; float:left; }
.scrollable .items { width:20000em; position:absolute; margin-left:-12px; }
.scrollable div { float:left; margin-left:18px; cursor:pointer; }
.scrollable div.div_m14 { float:left; margin-left:32px; cursor:pointer; }
.scrollable div img { display:block; padding:2px; border:1px solid #ccc; cursor:pointer; }
.scrollable div p { text-align:center; margin-top:2px; }


/* --------------------------------------form-------------------------------------- */
.onShow { background:url(../images/onShow.gif) no-repeat; padding-left:25px; color:#999; line-height:22px; vertical-align:middle; }
.onFocus { background:url(../images/onFocus.gif) no-repeat; padding-left:25px; line-height:22px; vertical-align:middle; }
.onError { background: #FFE6E6 url(../images/onError.gif) no-repeat; padding-left:25px; color:#CC0000; line-height:22px; vertical-align:middle; }
.onCorrect { background:url(../images/onCorrect.gif) no-repeat; padding-left:25px; color:#336600; line-height:22px; vertical-align:middle; }
.onLoad { background:url(../images/onLoad.gif) no-repeat 3px 3px; padding-left:25px; line-height:22px; vertical-align:middle; }