body { text-align:center; margin:0px auto; padding:0; background-color:#e1e1e1; }

td,th{font-size: 12px;color: #333333;}
img { margin:0px; vertical-align:middle; border:0px;}
input,select{ margin:0px; vertical-align:middle; padding:0px; }
ul,li { list-style:none; margin:0;padding:0;}
form, h1, h2, h3, dl, dt, dd { margin:0; padding:0;}
a:link, a:visited { color:#000; text-decoration:none;}
a:hover { text-decoration:underline; color:#0369EB;}

.fl { float:left;} .fr { float:right;} .cf { clear:both; }

.warp { width:1000px; font-size:12px;margin:0px auto; }

#top { background-color:#001F46; height:96px;}
#top .logo { width:223px; padding:25px; text-align:left;}
#top .link-menu { width:725px;}
#top .link-menu .link { color:#7C96B9; padding:10px 65px 10px 0px; text-align:right; }
#top .link-menu .link a:link,#top .link-menu .link a:visited { color:#7C96B9;}
#top .link-menu .link a:hover { color:White;}

#top .link-menu .menu1 { padding:5px 0px 5px 0px;}
#top .link-menu .menu1 li{ float:left; width:140px; border-left:solid 1px #7C96B9; color:White; font-size:14px; }
#top .link-menu .menu1 li.pre {border-left:solid 0px #7C96B9;}

#top .link-menu .menu1 li a:link,#top .link-menu .menu1 li a:visited { color:White;}
#top .link-menu .menu1 li a:hover { color:White;}

#top .link-menu .arw { height:8px; background-image:url(../images/arw2.jpg); background-repeat:no-repeat; background-position:192px 0px;}
#top .link-menu .menu2 { background-color:#00326F; padding:3px 10px 3px 10px; color:White; width:560px;}
#top .link-menu .menu2 span {color:#CCFFFF;}

#banner {  background-image:url(../images/bannerBg.jpg); background-repeat:no-repeat;}
#banner  .hack2 { background-image:url(../images/cate-1.jpg); background-repeat:no-repeat; height:233px;}


#main {  background-color:White; padding:30px;}
#main .news { width:290px; }
dl.obj dt { float:left; width:180px; background-position:left 0px; padding-left:10px;  background-image:url(../images/arw1.jpg); background-repeat:no-repeat; text-align:left; font-weight:bold; font-size:14px;}
dl.obj dt span {color:#2970B2;}
dl.obj dd { float:right; width:60px; text-align:right;}

#main .news .lists { margin-top:10px;}
#main .news .lists  td.obj {  width:200px; border-bottom:dashed 1px #ccc; background-position:left center; padding-left:7px;  background-image:url(../images/arw.jpg); background-repeat:no-repeat; text-align:left;}
#main .news .lists  td.date { width:60px; color:#666; border-bottom:dashed 1px #ccc; text-align:right;}

#main .news .icos { padding-top:20px;}
#main .news .icos li { float:left; width:68px; margin-left:5px;}
#main .news .icos li.pre { float:left; width:68px; margin-left:0px;}

#main .step { width:390px; margin-left:30px;}
#main .step  .stepbox {margin-top:10px;}
#main .step  .stepbox .ico { width:136px; }
#main .step  .stepbox .stepcon { width:230px; text-align:left; }
#main .step  .stepbox .stepcon li { line-height:21px;}

#main .step  .stepbox .stepcon li.obj { font-weight:bold;}
#main .step  .stepbox .stepcon li.title {color:#2970B2; font-size:16px;font-weight:bold}
#main .step  .stepbox .stepcon li.con { color:#666; height:72px;}

#main .step  .steplist { margin-top:10px; padding:2px 0px 2px 0px; border-bottom:solid 1px #2970B2; border-top:solid 1px #2970B2; color:#2970B2;  }
#main .step  .steplist li { float:left; width:60px; cursor:pointer;}
#main .step  .steplist li.cp { width:140px;background-image:url(../images/mbg1.jpg); background-repeat:no-repeat; color:White;}

#main .link { width:200px; margin-left:30px; }

#main .link  .websites { margin-top:10px;}
#main .link  .websites img { margin-bottom:3px;}

#bottom { background-image:url(../images/bottomBg.jpg);}
#bottom .logo { width:210px; padding:20px 25px 20px 25px; text-align:left; background-image:url(../images/bottomBg.jpg);}
#bottom .links { width:685px; padding-top:20px;}
#bottom .links li { line-height:21px; text-align:left; color:#666;}
#bottom .links li.pt { color:#333;}