@charset "utf-8";



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, td, th{ margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, pre, code{ font-size:1em;}

table{ border-collapse:collapse; border-spacing:0;}

fieldset, img{ border:0;}

caption,th{ text-align:left;}

q:before, q:after{ content: '';}

a{ text-decoration:none; }

a img{ border:none;}

ul{ list-style:none;}



body{ background:url(../images/index/bg_body.gif) left top repeat-x #081125; font-size:12px; color:#000; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; text-align:center; }

.margintop{ margin-top:10px;}

.marginbottom{ margin-bottom:5px;}





#container{ background:url(../images/index/bg.jpg) center top no-repeat; width:100%; min-height:1000px; }


#main{ width:1000px; margin:0 auto; text-align:left; padding-top:227px; position:relative;}
#main a.main_title{ position:absolute; left:600px; top:100px; display:block; width:203px; height:74px;}
#main a.logo{ width:340px; height:180px; position:absolute; display:block; left:195px; top:27px; text-indent:-999em;}

#wrapper{ background:url(../images/index/bg_wrapper.gif) repeat-y; width:773px; float:left; margin-left:111px; display:inline;  padding:0 25px;}

#header{ height:62px; position:relative; padding-left:140px;}

#header span{ font-size:16px; color:#fff; font-weight:bold; font-family:"Times New Roman", Times, serif; padding-top:23px; display:block;  padding-left:25px;}

#header span a,

#header span a:visited{ color:#fff;}

#header span a:hover{ text-decoration:underline; color:#f4ed9b;}



#gg{ background:url(../images/index/bg_gg.gif) no-repeat; width:530px;float:left; margin-right:15px; height:299px;}

#gg div {height:195px;}

#steps{ background:url(../images/index/bg_steps.gif) no-repeat; width:178px; height:200px; float:left; text-align:center; padding-top:60px;}

#steps img{ margin-bottom:15px;} 



#download{ background: url(../images/index/bg_download.jpg) no-repeat #c4beb7; width:724px; overflow:hidden; padding-top:60px; float:left;}

#version{ color: #fff; width:200px; margin-top:-22px; margin-left:470px;}

#laversion{font-size:12px; padding-left:130px; padding-top:10px; padding-bottom:10px; color:#ffcc00; font-weight:bold}

.white{ color:#FFFFFF;}

.down{ width:660px; padding:0 15px; margin:0 auto; background:url(../images/index/bg1.gif) repeat-x; border: 2px solid #dbdada; padding-bottom:10px; float:left; margin-left:20px; display:inline; overflow:hidden;}

h2.title{ color:#0d4a69; font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:bold; text-align:center; line-height:30px;}

.flowchart{ background:#062d37; line-height:25px; text-align:center; color:#fff; font-size:16px; font-family:"Times New Roman", Times, serif; margin:0 auto;}

h3.title{ padding-left:40px; background:url(../images/index/list1.gif) 20px center no-repeat; color:#0d4a69; font-size:16px; font-family:"Times New Roman", Times, serif; clear:both;}

.block{ background:#d3d3d3; border:1px solid #c9c8c9; float:left; width:100%;}

.block ul{ padding-left:20px; padding-top:5px;}

.block li{ font-family:"Times New Roman", Times, serif; font-size:14px; color:#000; background:url(../images/index/list2.gif) left center no-repeat; padding-left:25px; float:left; width:28%; height:30px; line-height:30px}

.block li a,

.block li a:visited{ color:#000;}

.block2{ background:#edeae9; border:1px solid #e0dddc; float:left; width:95%; font-family:"Times New Roman", Times, serif; font-size:14px; color:#000; padding:8px 0 8px 30px;}



#footer{ background:url(../images/index/bg_footer.gif) no-repeat; width:713px; height:83px;margin-left:111px; float:left; display:inline; padding-top:10px; padding-left:60px; font-size:16px; font-family:"Times New Roman", Times, serif; color:#036;}