@charset "utf-8";
/*========================================= 整体控制 ==================================*/
* {margin:0; padding:0}
body {background:url(../images/help_body.jpg) repeat-Y 0 0; font-size:12px; color:#000; font-family:"宋体"}
ul {list-style:none; padding:0; margin:0}
/*========================================== head ===================================*/
.head {height:42px; width:100%; background:url(../images/help_head.jpg) repeat-x 0 0; font-family:"微软雅黑"; font-weight:bold; font-size:16px; text-shadow:0 1px 0 #CCC; line-height:42px; color:#006; letter-spacing:0.1em; overflow:hidden}
.head_logo {width:42px; height:42px; float:left; background:url(../images/help_head_logo.jpg) no-repeat 0 0}
.head strong{letter-spacing:0}
/*========================================== main ====================================*/
.main {width:100%; overflow:hidden; text-align:left; background:url(../images/help_main.jpg) repeat-x 0 0}
/*========================================== nav ====================================*/
.nav {width:223px; height:auto; display:block; margin-right:20px; float:left; overflow:hidden}
.nav .search {width:223px; height:35px; padding-top:6px; background:url(../images/help_search.jpg) no-repeat 0 0; display:none}
.nav .search .search_form {width:200px; height:26px; padding:2px 0 0 2px; margin:auto; background-color:#79BCFF; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.nav .search .search_form .search_text {height:24px; width:172px; padding:0; padding-left:2px; margin:0; line-height:24px; float:left; background:#FFF url(../images/help_search_text.jpg) repeat-x 0 0; border:none; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px}
.nav .search .search_form .search_key {height:24px; width:24px; float:left; border:none; background:url(../images/help_search_key.jpg) no-repeat; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; cursor:pointer}
.nav ul{padding-bottom:5px; line-height:20px; color:#06f}
.nav .chapter a{width:203px; display:block; padding:5px 0 5px 20px; color:#06f; text-decoration:none; letter-spacing:0.1em; background:url(../images/icon_house.png) no-repeat 3px 6px; cursor:pointer; outline:none}
.nav .chapter a:hover{color:#f00}
.nav .lesson a{display:block; width:163px; padding:5px 15px 5px 45px; text-decoration:none; color:#06f; outline:none; background:none}
.nav .part a{display:block; width:153px; padding:3px 10px 3px 60px; text-decoration:none; color:#06f; outline:none; background:none}
.nav .part a:hover{color:#f00}
.nav .lesson a:hover{color:#f00}
/*========================================== main_right ==================================*/
.main_right {width:auto; padding-left:243px; _padding-left:0; padding-right:15px; _zoom:1; margin-left:value; _margin-left:value3px}
.main_right .nav_line {width:auto; height:22px; line-height:22px; color:#CCC; border-bottom:1px #ccc dotted; overflow:hidden} 
.main_right .nav_line a{text-decoration:none; color:#CCC}
.main_right .nav_line a:hover{text-decoration:underline; color:#F00}
.main_right .title{height:53px; line-height:53px; font-size:24px; font-family:"宋体"; color:#006; font-weight:bold; background:url(../images/help_title.jpg) no-repeat right 0; overflow:hidden}
.main_right .title span{display:block; padding-left:2px; float:left}
.main_right .title a{display:block; padding:5px 0 0 20px; margin-left:20px; color:#09F; font-weight:normal; font-size:12px; outline:none; background:url(../images/help_movie.jpg) no-repeat 0 20px; cursor:pointer}
.main_right .title a:hover{color:#F00}
.main_right .content{width:auto; height:auto; padding:10px 0 20px 0; font-size:14px; background:url(../images/help_content.jpg) repeat-x 0 0; border-bottom:1px dotted #999; overflow:hidden}
.main_right .content .movie{width:auto; padding:10px 0 30px 0; margin-left:0; display:none; overflow:auto}
.main_right .content .movie span{display:block; padding:5px 5px 20px 5px; margin-right:5px; background-color:#333; float:left; overflow:hidden}
.main_right .content .movie .close_movie{width:25px; height:25px; float:left; background:url(../images/help_icon_close.jpg) no-repeat 0 0; cursor:pointer}
.main_right .content ul{clear:left}
.main_right .content ul li{line-height:24px; overflow:hidden; padding-bottom:10px}
.main_right .content ul li strong{padding-left:0px}
.main_right .content dl{width:auto; height:auto}
.main_right .content dl dt{border-top:1px dotted #999; line-height:38px}
.main_right .content dl dd{clear:left}
.main_right .content dl dd ol{list-style:none; max-width:851px; overflow:hidden}
.main_right .content dl dd ol li{display:inline-block; float:left; padding:0; margin:0; font-size:12px}
.main_right .content dl dd ol li a{display:block; width:124px; height:55px; padding-top:85px; margin-right:46px; float:left; color:#06F; text-align:center; background:url(../images/demo.jpg) no-repeat center top}
.main_right .content .level{width:auto; *padding-right:60px; max-width:690px; height:auto; display:block; overflow:auto}
.map{width:auto; height:auto; padding-left:10px; overflow:hidden}
.map a{display:block; margin-right:20px; float:left; line-height:40px; color:#999; font-family:"宋体"; font-size:12px; font-weight:bold; text-decoration:none; outline:none}
.map a:hover{color:#f00; text-decoration:underline}
.map .littleicons{padding-left:20px; background:url(../images/help_littleicons.jpg) no-repeat 0 0}
.main_right .top{width:27px; height:93px; position:fixed; right:5px; bottom:100px; background:url(../images/help_top.jpg) no-repeat 0 0;_position:relative;_top:-147px;_float:right; }
.main_right .top a{display:block; width:27px; height:93px; outline:none}
/*====================================== zj ================================*/
.hover_a{background: url(../images/help_nav_hover_2.jpg) no-repeat 0 0}
.hover_part{color:#f00; background:url(../images/help_nav_hover_2.jpg) no-repeat 15px -3px}
.clear {clear:both; width:10px; padding:0px; margin:0px; line-height:0}
#stop_a{ font-weight:bold; letter-spacing:0; background:#9CF url(../images/help_nav_hover.jpg) no-repeat 0 0; color:#039;}
#part_a{ font-weight:normal; letter-spacing:0; background:url(../images/help_nav_hover_3.jpg) no-repeat 0 -3px;color:#039;}


/*======================================= images ==============================*/
.images{background-color:#f5f5f5; padding:5px 0 15px 5px; margin:10px 0 10px 0; color:#666; font-size:12px; line-height:1.5em; text-align:left; overflow:hidden}
.images img{border:5px solid #ccc}
.images_dottom{padding-bottom:8px; _padding-bottom:4px; background:url(../images/help_images_bottom.jpg) repeat-x 0 bottom}
.menu_site {height:auto; font-size:12px; margin-bottom:10px; padding-left:20px; border:1px solid #CCC; overflow:hidden}
.menu_site a {color:#03c; width:auto; height:24px; float:left; text-decoration:none; display:block; line-height:24px; margin-right:20px; outline:none}
.menu_site a:hover {text-decoration:underline}
.red {color:#F00}


/*========================================= home ===============================*/
.nav h2{ width:212px; height:30px; border:1px solid #dddde8; margin:10px auto 0 auto;}
.nav h2 a{ display:block;width:170px; height:28px; border:1px solid #c7c7ea; line-height:28px; font-size:14px; color:#999; font-weight:normal; text-decoration:none; padding-left:40px; background-position:10px center; background-repeat:no-repeat;}
.role1 a{ background-image:url(../images/role_1.jpg);}
.role2 a{ background-image:url(../images/role_2.jpg);}
.role3 a{ background-image:url(../images/role_3.jpg);}
.nav h2 a:hover{ background-position:2px center; background-repeat:no-repeat;border-color:#4242b9; color:#039;}
.role1 a:hover{ background-image:url(../images/role_1_a.jpg);}
.role2 a:hover{ background-image:url(../images/role_2_a.jpg);}
.role3 a:hover{ background-image:url(../images/role_3_a.jpg);}
.main_left { height:auto; padding-bottom:30px; margin-top:2px;}
.main_left h1{ height:53px; background:#fff url(../images/left_h1.jpg) no-repeat right top; font-size:24px; color:#039; line-height:53px; text-indent:10px;}
.info{ overflow:hidden; height:auto; }
.info_tt{ background:url(../images/info_tt_bg.jpg) repeat-x; height:27px;}
.bgdiv{ background:url(../images/bgdiv.jpg) no-repeat 0 0; height:27px;}
.bgdiv a{ text-decoration:none; font-size:14px; color:#039; line-height:27px;width:185px; display:block; float:left; text-align:center; outline:none; font-family:"微软雅黑";}
.info p{ height:10px; margin-top:20px; background:#ccf url(../images/info_p.jpg) left 0 no-repeat;}
.info_foot{ background:url(../images/info_foot.jpg) repeat-x; height:11px;}
.menu{height:auto; padding:10px 0 10px 0; border-bottom:dotted 1px #666;}
.menu a{ display:block; width:222px; height:30px; line-height:30px; color:#999; font-size:14px; text-decoration:none; padding-left:78px; background:url(../images/menu_a.jpg) 43px center no-repeat; outline:none}
.display{ background:url(../images/display_bg.jpg) 0 bottom no-repeat; color:#009; font-size:13px; line-height:20px; padding:20px 40px; border:10px solid #fff;_margin-left:223px;}
.display span{ display:none;}
#menu_ahover{color:#039;background:url(../images/menu_ahover.jpg) 43px center no-repeat;}
.menu_border{ border-top:none; border-left:none; border-right:none}

.part_out{ display:none;}