@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; }
table {border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, th, var { font-weight:normal; font-style:normal }

caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-weight:700; }
h1 { font-size:18px }
h2 { font-size:16px }
h3 { font-size:14px }
h4 { font-size:14px }
h5 { font-size:12px }
h6 { font-size:12px }
q:before, q:after { content:'' }
abbr, acronym { border:0 }
hr { margin: 0; padding: 0; border: 0; color: #CDCDCD; background-color: #CDCDCD; height: 1px }
blockquote { color:#666; font-style:italic; }
sup, sub { line-height:0 }
abbr, acronym { border-bottom:1px dotted #666 }
pre { white-space:pre; }
pre, code, tt { font:12px 'andale mono', 'lucida console', monospace; line-height:1.5 }
/*clear clearfix*/
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clear { clear:both; }
body, button, input, select, textarea { font-family:Arial, sans-serif; font-size:14px; line-height:1.5; color:#444444 }
textarea { overflow:auto }

body{background:#FFFFFF; font-size:84%; margin:0; padding:0; line-height:1.5; color:#333333; font-family:Arial, sans-serif;}
a:link,a:visited{color:#0099CC;text-decoration:none;}
a:hover{color:#0099CC;text-decoration:underline;}
#header { height:80px; background-color:#DD383C; padding-left:20px;position: relative;}
#header .header-box{width:980px; margin:0 auto; height:80px; }
#header h1 { width:236px; height:80px; overflow:hidden; float:left;  }
#header h1 img{ vertical-align:text-top; display:block}
#header h1 a { width:auto; color:#fff; float:left; font-size:30px; text-decoration:none; font-weight:normal; }
#header h1 span { font-size:14px; font-style:italic; line-height:20px; display:block; }
#header .zhanzhu{position: absolute; top:20px;right: 20px}
#main{width:100%; background:#beceeb; overflow:hidden;}
#main h1{line-height:40px; margin:0; text-align:center; font-size:1.3em; background:#C10000; color:#FFFFFF; font-family:'微软雅黑','宋体'; text-shadow:0px 1px 0px #D10000;}
#body{padding:0; overflow:hidden;}
#body .part{width:50%; min-height:500px; _height:500px; background:white;}
#code{float:left; margin-left:-1px; margin-bottom:-3000px; padding-bottom:3000px;}
#effect{float:right; margin-right:-1px; margin-bottom:-3000px; padding-bottom:3000px;}
#body h3{line-height:30px; margin:0; font-size:1.1em; background:#f0f3f9; padding-left:10px; border-bottom:1px solid #ededed; color:#4e4e4e; text-shadow:0px 1px 0px white;}
#footer{line-height:1.3; padding:15px 0; border-top:1px solid #486aaa; font-family:'Lucida Grande',Verdana, Sans-Serif; color:#efefef; text-align:center;  background-color:#555555; text-shadow:1px 1px #333333;}
#footer:before{display:block; height:1px; content:'.'; background-color:#909BAF; overflow:hidden; position:relative; top:-15px;}
#footer img{margin-bottom:-3px;}
#footer a:link,#footer a:visited{color:#efefef;text-decoration:none;}
#footer a:hover{color:#efefef;text-decoration:underline;}
.show{padding-bottom:20px;}
.show h5{font-size:0.9em; line-height:20px; padding-left:2px; margin:10px 8px 0; }
.show .demo{padding:10px; *zoom:1;}
.show .demo:after{display:block; content:"clear"; height:0; visibility:hidden; overflow:hidden; clear:both;}
pre{font-family:'宋体';}
#ad{position:absolute; right:0; top:0;}
.light{background:#f0f3f9;}
#content{min-height:500px; _height:500px; max-width:1680px; margin:0 auto; background:white; border:solid #cad5eb; border-width:0 2px; font-family:'Lucida Grande',Verdana;}
.article{font-family:Arial; padding:10px 0; font-size:0.86em; clear:both;}
.article_new{ margin:auto 0; font-family:Arial; padding:10px 20px; font-size:0.86em; clear:both; overflow: hidden;zoom:1}
.article_new .zhanzhu{float: right;}
.jspre{background-color:#FEE0C5;}
.demoList{ padding: 0 0 10px 0;}