@charset "utf-8";
body{ margin:0; padding:0;background:url(../Images/header_bg.gif) repeat-x; width:100%;}
a{  text-decoration:none;}
a:hover{ text-decoration:underline;}
#header{ margin:0 auto; position:relative; padding:0; width:960px; height:145px;}
.none{ display:none;}
#logo{ width:360px; height:90px; margin:0; top:10px; left:10px; display:block; padding:0;position:absolute;}
#logo img{ width:360px; height:90px; margin:0; padding:0; display:block; border:0; }
#nav{ width:100%; margin:0; padding:0; height:25px; position:absolute; bottom:10px; left:0;}
#nav a{ min-width:40px; _width:40px; padding:0 8px; white-space:nowrap; display:block; float:left; margin:0 10px 0 0; font:14px/25px "微软雅黑", Tahoma; color:#FFF; text-align:center; text-decoration:none;}
#nav a:hover{ color:#999;}

#content,#onlinecontent{ width:960px; margin:0 auto; padding:0; min-height:600px; _height:600px; background: url(../Images/line.gif) no-repeat 645px 10px;}
#onlinecontent{background:url(../Images/line.gif) no-repeat 255px 10px;}
#main{ width:650px; overflow:hidden; margin:0; padding:0; float:left;}
#onlinecontent #main{ margin:0 0 0 40px; width:660px;}
#download{ width:650px; min-height:140px; margin:0; padding:0; position:relative;}
#download h1{ width:400px; height:25px; margin:17px 0 0 20px; padding:0; float:left; font:bold 14px/25px "微软雅黑", Tahoma; color:#666;}
#download .more{ position:absolute; right:5px; top:18px; font:12px/20px Tahoma, sans-serif; margin:0; padding:0; width:40px; height:20px; text-align:center; color:#999;}
#download .more:hover{ text-decoration:underline; color:#000;}
#download ul{ width:370px; margin:0 0 0 40px; padding:0; float:left;}
#download ul li{ width:370px; margin:0; padding:0; background:url(../Images/tit_bg.gif) repeat-x 0 bottom; height:20px; list-style:none; position:relative; font:12px/20px Tahoma, sans-serif; text-indent:5px; }
#download ul li a{ width:280px; white-space:nowrap;text-decoration:none; color:#666; overflow:hidden; display:block; height:20px;}
#download ul li span.time{ width:80px; height:20px;color:#666; display:block; position:absolute; right:0; top:0; margin:0; padding:0;}
#download ul li a:hover{ color:#000;}
#download p{ width:100%; height:25px; margin:10px 0 0; padding:0; float:left; clear:both;font:12px/25px Tahoma, sans-serif; color:#666; }
#download p span{ margin:0 35px 0 10px;}
#download p a{ color:#f60;text-decoration:underline; margin:0 35px 0 0;}
#download p a:hover{ color:#900;  text-decoration:none;}
#ue,#ctrls,#info{ position:relative; width:630px; margin:20px auto 0; padding:0; min-height:300px; _height:300px;}
#info{ min-height:50px; _height:50px; margin:10px auto 0; font:12px/20px Tahoma; color:#333;}
#info h1{ width:100%; margin:0; padding:0; height:30px; font:bold 14px/30px "微软雅黑"; color:#666;}



#dl{ width:230px; height:90px; background:url(../Images/download_btn.png) no-repeat -2px -2px; text-decoration:none; display:block; float:left; overflow:hidden; margin:20px 0 0; padding:0;}
#dl:hover{ background:url(../Images/download_btn.png) no-repeat 0 -91px; }
#dl h1{ width:185px; height:30px; margin:15px 0 0 11px; padding:0; font:18px/28px "微软雅黑", Tahoma; color:#fff; text-align:center; cursor:pointer; clear:both;}
#dl span{ width:185px; height:30px; display:block; margin:0 auto; padding:0; font:bold 16px/28px Tahoma; color:#fff; text-align:center; cursor:pointer;}
#dl:hover h1{ color:#BD0000;}
#dl:hover span{ color:#BD0000;}
/*--体验区-----------------------------------------------------------------*/
#ue{background:url(../Images/tit_bg.gif) repeat-x 0 top; }
#ue h4{ width:500px; margin:20px auto 0; padding:0; height:30px; font:bold 14px/30px "微软雅黑", Tahoma; border:1px solid #999; background:#eee;  text-indent:15px;}
#ue ul{ border:1px solid #999; border-top:0;  width:500px; margin:0 auto 20px; padding:0; font:12px/25px Tahoma, sans-serif;}
#ue ul li{ width:445px; margin:0 auto; padding:0; list-style:none;background:url(../Images/tit_bg.gif) repeat-x 0 bottom; height:25px;}
/*--样式区-----------------------------------------------------------------*/
#ctrls{ min-height:200px; _height:200px;}
#ctrls h4{ width:100%; text-indent:20px; margin:0 0 30px; padding:0; font:bold 14px/30px "微软雅黑"; background:url(../Images/tit_bg.gif) repeat-x 0 bottom; color:#666;}
#ctrls br{ margin:0; padding:0; clear:both; width:100%; height:60px; display:block; line-height:60px;}
/*-------------------------------------------------------------------*/
#main h2{ width:620px; margin:30px auto 0; font:bold 20px/30px "微软雅黑", Tahoma; color:#333; padding:0; height:30px; text-align:center;}
#main h3{ width:620px; margin:30px auto 0; padding:0; font:bold 20px/30px "微软雅黑", Tahoma; color:#000; height:30px; border-bottom:1px solid #CCC;}
#artlist,#historylist{ width:570px; margin:0 auto; padding:0; font:14px/30px Tahoma, sans-serif;}.
#artlist li,#historylist li{ width:550px; margin:0; padding:0 10px; height:30px; list-style:none; background:url(../Images/tit_bg.gif) repeat-x 0 bottom; white-space:nowrap; overflow:hidden; cursor:pointer;}
#artlist li a,#historylist li a{ text-decoration:none; color:#666;}
#historylist li a{ margin:0 50px 0 0;}
#artlist li a:hover,#historylist li a:hover{  color:#000;}
#msg{ width:620px; margin:0 auto; padding:0; border-bottom:1px solid #ccc; height:30px; font:12px/30px Tahoma, sans-serif; color:#999; text-align:center; }
#msg span{ margin:0 20px 0 0; padding:0;}
#txt{ width:600px; margin:20px auto 0; padding:0; color:#333; font:14px/28px Tahoma, sans-serif;}
#main iframe{ width:600px; margin:10px auto 0; border:0; padding:0;height:600px;}
/*-----------------------------*/
#siderbar{ width:250px; margin:0 0 0 40px; padding:0; float:left; }
#onlinecontent #siderbar{ margin:0;}
#tags,#articlelist,#feedbacklist{ width:250px; margin:0; min-height:80px; clear:both;padding:0; position:relative;}
#tags h1,#articlelist h1,#feedbacklist h1{ width:250px; margin:20px auto 10px; padding:0; border-bottom:1px solid #666; font:bold 14px/30px "微软雅黑", Tahoma; height:30px;color:#666;}
#articlelist h1,#feedbacklist h1{ margin:0 auto 10px;}
#tags a,#feedbacklist a{ float:left; margin:0; padding:0; display:block; white-space:nowrap; min-width:60px; _width:60px; font:12px/25px Tahoma, sans-serif; color:#666; text-decoration:none; text-align:center;}
#articlelist ul{ font:bold 13px/25px Tahoma; width:210px; margin:0 auto; padding:0;}
#articlelist ul li{ width:100%; cursor:pointer; list-style:none; color:#069; min-height:25px; _height:25px; margin:0; padding:0;}
#articlelist ul li a{ margin:0 0 0 10px; padding:0; min-width:30px; white-space:nowrap; _width:30px; height:25px; text-decoration:none; display:block; color:#903; text-align:left; font:12px/25px Tahoma, sans-serif;}
#tags a{color:#f60;margin:5px 10px 0 0;}
#tags a:hover,#articlelist a:hover,#feedbacklist a:hover{ text-decoration:underline; color:#000;}
#articlelist a.more,#feedbacklist a.more{ width:50px; height:30px; position:absolute; right:0; top:0; display:block; margin:0; padding:0; font:12px/30px Tahoma, sans-serif; color:#999;}
/*#siderbar ul{ width:250px; margin:0; padding:0;}
#siderbar ul li{ margin:0; padding:0; width:250px; height:22px;}*/
#feedbacklist ul{width:250px; margin:0; padding:0;}
#feedbacklist ul li{font:12px/22px Tahoma, sans-serif; width:210px; margin:5px auto 8px; padding:0;height:22px;list-style:none;overflow:hidden; white-space:nowrap;cursor:pointer; border-bottom:1px dashed #CCC;}
#feedbacklist ul li.open,#artlist li.open,#historylist li.open{ overflow:visible; white-space:normal;}

#colorsel{ width:100px; position:absolute; right:5px;margin:0; padding:0; height:20px; top:2px;}
#colorsel span{ width:18px; height:18px; float:left; display:block; margin:0 5px 0 0; cursor:pointer; color:#fff; text-align:center; font:bold 10px/18px Arial;}
#colorsel span.blue{ background:url(../devpager/img/blue/bg.gif) repeat-x; border:1px solid #09c;}
#colorsel span.green{background:url(../devpager/img/green/bg.gif) repeat-x;border:1px solid #090;}
#colorsel span.orange{background:url(../devpager/img/orange/bg.gif) repeat-x;border:1px solid #F60;}
#colorsel span.pink{background:url(../devpager/img/pink/bg.gif) repeat-x;border:1px solid #F6C;}

#feedback{ width:580px; margin:0 auto 10px; padding:20px 0 0; background:url(../Images/sampleline.gif) no-repeat center 0; position:relative;display:none;}
#feedback #addform{ width:570px; border:1px solid #666; background:#F4F4F4 url(../Images/tbox_line.gif) no-repeat center 160px; height:160px; margin:0 auto; padding:0 0 20px;}
#addform #txt_tbx{ width:553px; margin:5px 0 0 2px; padding:5px; height:140px; border:1px solid #999; background:#fff;}
#addform #mark{ background:url(../Images/tbox_right.gif) no-repeat; width:65px; height:26px; margin:0; padding:0; display:block; position:absolute; right:2px; top:18px;}
#feedback #post,#feedback #rest{ width:80px; height:25px; background:url(../Images/sample_btn.gif) repeat-x; border:1px solid #060; display:block; text-align:center; font:14px/25px Tahoma, sans-serif; color:#FFF; float:left; margin:10px 10px 0 5px;}

#ctlname{ width:230px; margin:10px auto 0; min-height:200px; _height:200px; padding:0; border:1px solid #CCC;}
#ctlname h1{ width:100%; margin:0 auto; padding:0; height:30px; font:bold 14px/30px Tahoma; color:#FFF; background:#999; text-align:center;}
#ctlname ul{ width:90%; margin:0 auto; padding:0;}
#ctlname ul li{ width:100%; margin:0; padding:0; height:30px; font:12px/30px Tahoma; color:#666; cursor:pointer; background:url(../Images/tit_bg.gif) repeat-x 0 bottom; text-align:center;}
/*-----------------------------*/

#footer{ float:left; clear:both; width:100%; margin:5px 0 0; padding:0; height:95px;background:#F0F0F0;}
#copy{background:url(../Images/foot_mark.gif) no-repeat 0 0; width:960px; padding:20px 0 0; margin:0 auto; height:75px;color:#999;font:12px/30px Tahoma, "宋体"; list-style:none;}
#copy li{ width:700px; margin:0 0 0 200px; padding:0; height:30px; font:12px/30px Tahoma, "宋体"; color:#999; display:block;}
#footer a{ color:#999;font:12px/30px Tahoma, "宋体"; }
#footer a:hover{ color:#000;}
#floa{ position:absolute; right:20px; top:50px; margin:0; padding:0; width:200px; height:200px; background:#990099; z-index:999;}




/************************************************************/
#closeit{ position:absolute; width:15px; height:15px; display:block; overflow:hidden; border:0; top:8px; right:8px; background:url(../Images/btnclose.gif) no-repeat; cursor:pointer;}

#altmsg{ width:355px; height:149px; margin:-70px 0 0 -172px; padding:0; list-style:none;overflow:hidden;left:50%; position:absolute;z-index:10000; background:#FFF; border:1px solid #000; opacity:0.95; filter:Alpha(opacity=95);}

#opear{ margin:0; width:60px; height:25px;  display:block; border:1px solid #ccc; position:absolute; bottom:10px; left:42%; background:url(../Images/btn.gif) repeat-x; cursor:pointer;}
#altmsg  span{ width:95%;height:60px; display:block; margin:20px auto 0; padding:0; font:14px/60px "宋体"; text-align:center; text-align:center;}
#altmsg h1{ width:100%; color:#fff; height:30px; overflow:hidden; margin:0; padding:0; text-indent:20px; font:bold 14px/30px Arial; cursor:move; background:url(../Images/banner.png) no-repeat -10px -50px;}