body {margin:0; padding:4px;font-size:12px;line-height:150%;color:#333;}
a {color:#b45252;text-decoration:underline;}
a:hover {color:#ff6600;text-decoration:none;}
a img {border:0 none; text-decoration:none;}
#container {width:780px;margin:0 auto; padding-top:0;}
#header{width:780px;height:76px;position:relative;margin-bottom:4px;background:url(../images/headbg.gif) repeat-x;}
#logo {width:353px; height:76px;background:url(../images/logo.jpg) no-repeat;text-indent:-9999px;margin:0 0 0 10px;padding:0; cursor:hand;}
.txt{width:196px;}
h2{ font-size:14px; padding:0; margin:0}
.headNav{position:absolute;right:0; top:20px; right:20px;}
#loginBox{width:780px;height:324px;background:url(../images/loginbg.gif) no-repeat;position:relative;}
.loginNav1{width:258px;color:#2e581e; position:absolute;left:200px;top:50px; padding:0; margin:0;}
.loginNav{width:231px;height:278px; position:absolute;left:527px;top:19px; padding:16px;}
#case{width:771px;height:284px;background:url(../images/casebg.gif) no-repeat;padding:15px;}
.caseList{list-style:none; padding:0; margin:0; text-align:center;}
.caseList li{display:block;float:left;margin:6px 0 10px 13px;}
#login_btn{display:block;background:url(../images/loginbtn.gif) no-repeat;width:96px;height:31px; outline:none;border:none;font-size:14px;font-weight:bold; color:#b45252;margin-top:4px;}
.tb{ line-height:28px;margin-top:12px;}
.secondary{color:#7d7d7d;}
.jt{background:url(../images/jt.gif) no-repeat;padding-left:15px;}
li{list-style:none;}


.blog_plug{ margin:0; padding:0}
.blog_plug h2{ font-size:14px; font-weight:bold;}
.blog_plug h2 span{ display:block; font-size:12px; font-weight:normal; margin-top:8px; color:#666;}
.blog_plug h3{ margin-top:25px; background:#e2e2e2; padding:6px 8px; font-size:14px; font-weight:bold;}
#blog_step{padding:0;margin:0;}
#blog_step li{ background:url(../images/step_bg.gif) no-repeat; padding-left:56px; margin:15px 0 30px 10px; overflow:hidden; zoom:1;}
#blog_step li.first{ background-position:0 -2px;}
#blog_step li.second{ background-position:0 -75px;}
#blog_step li.fourth{ background-position:0 -502px;}
#blog_step li .plug_style{ margin-top:8px;}
#blog_step li .plug_style a{ display:block; width:78px; height:20px; line-height:22px; border:1px solid #ccc; text-align:center; float:left; margin-right:5px; text-decoration:none;}
 a.standard{ border:1px solid #b56502; background:#fdefc0; color:#d57d02;text-decoration:none;}
 a.orange{ border:1px solid #b2b2b2; background:#e2e2e2; color:#7e7e7e ;text-decoration:none;}
 a.blue{ border:1px solid #59a9e8; background:#edf7f9; color:#1e3e93;text-decoration:none;}
 a.green{ border:1px solid #8cbb17; background:#e6f3d5; color:#029600;text-decoration:none;}
 a.violet{ border:1px solid #ff8585; background:#ffebeb; color:#ff7373;text-decoration:none;}
 a.standard:hover,#blog_step li .plug_style a.orange:hover,#blog_step li .plug_style a.blue:hover,#blog_step li .plug_style a.green:hover,#blog_step li .plug_style a.violet:hover{ background:#ffe7c1;width:78px; height:20px; line-height:22px; border:1px solid #ccc; text-align:center; display:block;}
a.standard, a.orange,a.blue, a.green,a.violet{width:78px; height:20px; line-height:22px; border:1px solid #ccc; text-align:center; display:block; float:left;margin-right:5px;}
#blog_step li.third{ background-position:0 -230px; margin-bottom:10px;}
#blog_step li.third span{ display:block; margin-bottom:8px;}
#blog_step li.third textarea{ padding:5px; font-size:12px; width:408px; height:100px; overflow-y:none; border:1px solid #ccc; background:#f9f9f9;}
.but{margin-left:58px;}

.help{border-bottom:1px solid #D8DFEA;height:35px;margin-bottom:10px;padding:5px 10px; font-size:16px;position:relative;}
.back{font-size:12px;font-weight:normal;position:absolute;right:12px;top:5px;}
.helpList{list-style-image:none;list-style-position:outside;list-style-type:none;}
.helpList li{display:block;float:left;width:180px;padding-left:40px; margin-top:26px;text-align:center;}
.helpContent{width:500px;padding-left:2.5em;}
.helpContent li{list-style:decimal outside; margin-bottom:20px;}
.botback{text-align:right; margin-right:15px;}
.helpContent img{border:1px solid #666666;max-width:496px;padding:1px;}

.choseplug{margin:0;padding:0;}
.choseplug li{float:left;width:385px; display:block}
.choseplug p{text-indent:-9999px;margin:0;padding:0;height:0; display:none;}
.r1,.r2{width:385px;height:183px;display:block;text-indent:-9999px;}
.r1{background:url(../images/blogplug.gif) no-repeat;}
.r1:hover{background:url(../images/blogplug1.gif) no-repeat;}
.r2{background:url(../images/bbsplug.gif) no-repeat;}
.r2:hover{background:url(../images/bbsplug1.gif) no-repeat;}
.diy{padding:10px;margin-top:1em;border:3px solid #999999;background:#f7f7f7;}
.diy p{ margin:0; padding:0}
.diy h4{font-size:12px; margin:0; padding:0}

.topMenu{height:60px; padding:0; margin:0}
.topMenu li{float:left;text-indent:-9999px;}
.menuBlog1{width:384px;height:60px;background:url(../images/menu1.gif) no-repeat;display:block}
.menuBlog2{width:396px;height:60px;background:url(../images/menu2.gif) no-repeat;display:block}
.menuBbs1{width:384px;height:60px;background:url(../images/menu11.gif) no-repeat;display:block}
.menuBbs2{width:396px;height:60px;background:url(../images/menu21.gif) no-repeat;display:block}
.blogs{border:5px solid #449501;border-top:none; padding:8px 8px 18px 8px; min-height:222px;position:relative}
.blogList{margin:0; padding:0}
.blogList li{float:left;display:block;margin:0 0 15px 9px;}
.blogList li a:hover{ border:1px #4d4d4d solid;width:175px; height:49px;display:block;}
.blogList li a{width:175px; height:49px; vertical-align:middle;border:1px #999 solid;display:block;}

.preview{margin:1.5em 0 0 20px;}
.nextStep{width:200px;height:39px;background:url(../images/nextStep.gif) no-repeat; border:none; color:#FFF;margin-top:1em;cursor:hand;text-decoration:none;}
.blogs h3{ margin-top:1em;padding:0 12px;}
.codeList{ padding:0 20px;margin:0;}
.codeList li{ background:#e6f3d5; border:1px dashed #8cbb17; margin-top:2em; padding:1em; position:relative;}
.codeList h4{position:absolute; right:50px;}
.bbsList{ width:220px}
.bbsList li{ background:none; border:none; float:left; margin-left:4px; margin-top:2px;padding:0}
.flashMode { margin:0 0 0 4px;width:100px; padding:4px;background:#ccc;text-align:center; float:left}
.otherWay{background:#f7f7f7;border:1px dashed #ababab; padding-left:1em;color:#999;margin-top:160px;}
#plugICO{border:height:49px;width:178px; display:block; margin-bottom:3px;filter:alpha(opacity=20);-moz-opacity:.2;opacity:0.2;   position:absolute;right:0;top:8px;}
.clearBoth{clear:both;}
h3{font-size:16px;}
.loginFirst{margin-left:10px;}
.loginFirst strong{font-size:12px;}