html,body{height:100%;}
body{text-align:center;margin:0;padding:0;font-size:12px;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#333;}
h1,h2,h3{margin:0;padding:0;border:0;font-size:14px;font-weight:normal;color:#000;}
sup{color:red;}
#page{width:auto;}
.pc{width:1004px;margin:0 auto;}
.pr{position:relative;}
.pa{position:absolute;}
.al{text-align:left;}
.ar{text-align:right;}
#top{width:auto;height:55px;background-image:url(top-bg.gif);}
#logo{width:95px;height:17px;background-image:url(logo.gif);left:44px;top:19px;}
#topmenu{left:514px;top:25px;}
#topmenu ul,#topmenu li{margin:0;padding:0;list-style-type:none;}
#topmenu li{width:92px;height:30px;background-image:url(topmenu-bg.gif);margin-right:5px;float:left;line-height:25px;cursor:pointer;}
#topmenu li.over{background-position:0 -30px;}
#topmenu li.cur{background-position:0 -60px;line-height:30px;color:#003966;font-weight:700;}
#topmenu li.comb{background-image:url(topmenu-bg2.gif);}
#moreMenu{position:relative;width:0;height:0;overflow:visible;}
#moreMenuLayer{position:absolute;width:122px;left:-30px;*left:-76px;border:1px solid #afbac2;background-color:#e9f2fb;display:none;}
#moreMenuLayer a{color:#000;display:block;width:auto;height:24px;line-height:24px;text-decoration:none;text-align:left;text-indent:5px;}
#moreMenuLayer a:hover{background-color:#39f;color:#fff;}
/* index.html */
#main{}
#banner{width:428px;height:297px;background:#fff url(banner.gif) no-repeat center center;}
#whatis{width:576px;height:150px;}
#whatis .article{margin:1em;line-height:18px;}
#whatis .article p.ar{font-size:12px;margin:0;padding:0;line-height:1em;}
#whatis .article p.ar a{color:#009;text-decoration:none;}
#whatis .toolbar{width:554px;height:33px;background:url(toolbar.gif);line-height:33px;text-indent:10px;}
#whatis .toolbar a{text-decoration:none;}
#whatis .toolbar span{color:#00f;font-weight:700;}
#whatis .boxs{margin-top:8px;}
#whatis .boxs .highlight{font-weight:700;color:#000;}
#whatis .boxs .c{border:1px solid #b7dbff;width:270px;height:94px;background:#f1f8ff;float:left;}
#whatis .boxs .c .cap{height:30px;line-height:30px;text-indent:34px;color:#000;font-weight:700;}
#whatis .boxs .c .con{margin:0 9px;line-height:18px;}
#whatis .boxs .blue{margin-right:10px;}
#whatis .boxs .blue .cap{background:url(pencel.gif) no-repeat 6px 6px;}
#whatis .boxs .yellow{border-color:#a7a772;background:#ffffd9;}
#whatis .boxs .yellow .cap{background:url(light.gif) no-repeat 6px 6px;}
#trait{height:151px;background:url(trait-bg.gif);}
#trait ul,#trait li{margin:0;padding:0;list-style-type:none;}
#trait li{width:231px;height:151px;float:left;display:block;}
#trait li.left{width:16px;background:url(trait-left.gif);}
#trait li.border{width:16px;background:url(trait-border.gif);}
#trait li.right{width:16px;background:url(trait-right.gif);}
#trait li .cap{margin:11px 5px 3px 5px;width:auto;height:39px;border-bottom:4px solid;background:url(about:blank) no-repeat 12px 5px;font-size:14px;font-weight:700;line-height:39px;text-indent:50px;}
#trait li .con{line-height:18px;margin:0 5px;}
#trait li .c1{background-image:url(ico1.gif);color:#009;border-color:#99f;}
#trait li .c2{background-image:url(ico2.gif);color:#039;border-color:#9cf;}
#trait li .c3{background-image:url(ico3.gif);color:#093;border-color:#9fc;}
#trait li .c4{background-image:url(ico4.gif);color:#090;border-color:#9f9;}
/* examples.html */
#example-list,#example-items{float:left;}
#example-list{width:183px;margin:10px;display:inline;}
#example-list .boxt{width:auto;height:4px;overflow:hidden;background:url(example-list-top.gif);}
#example-list .boxc{width:auto;height:auto;overflow:hidden;background:url(example-list-center.gif);}
#example-list .boxc ul,#example-list .boxc li{margin:0;padding:0;list-style-type:none;}
#example-list .boxc li{line-height:24px;text-indent:27px;cursor:pointer;}
#example-list .boxc li.cur{color:#000;font-weight:700;background:url(list-ico.gif) no-repeat 16px center;}
#example-list .boxb{width:auto;height:4px;overflow:hidden;background:url(example-list-bottom.gif);}
#example-items{width:790px;margin-top:10px;}
#example-items .cap{height:22px;line-height:22px;text-indent:10px;border-bottom:1px solid #7f9cb2;background-color:#eaf7ff;}
#example-items .con{width:790px;height:400px;margin-bottom:10px;overflow:hidden;}
#examples-board .i{float:left;width:790px;height:400px;}
#examples-board .i td{width:145px;height:115px;background:url(example-item.gif) no-repeat 0 0;text-align:center;}
#examples-board .i td img{width:130px;height:80px;border:1px solid #eee;cursor:pointer;}
#examples-board .i td img.on{border-color:#66f;}
#examples-board .i td>img{/* for firefox */margin-top:4px;}
#examples-board .i td span{display:block;color:#666;line-height:20px;text-align:center;}
#examples-board .i2{float:left;width:790px;height:400px;}
#examples-board .i2 td{width:240px;height:20px;background-color:#eee;text-indent:5px;}
#examples-board .i2 td a{text-decoration:none;}
#examples-board-inner{width:10270px;}
/* articles.html */
#article-list,#article-pad{float:left;}
#article-list{width:263px;margin:10px 10px 0 10px;display:inline;}
#article-list-inner{width:auto;border:1px solid #bcbcbc;background-color:#f1f1f1;text-align:left;}
#article-list-inner .tit{margin:10px;font-weight:700;font-size:14px;color:#000;}
#article-list-inner ul{list-style-position:inside;margin:10px 10px 10px 20px;padding:0;}
#article-list-inner li{line-height:20px;}
#article-list-inner li a{color:#333;text-decoration:none;}
#article-list-inner li a:hover{text-decoration:underline;color:#00f;}
#article-pad{width:710px;margin-top:10px;text-align:left;}
#article-pad-inner{width:auto;border:1px solid #bcbcbc;}
#article-pad-inner .inform-title{text-align:center;font-size:24px;font-weight:700;margin:20px;color:#000;}
#article-pad-inner .inform-cont{font-size:14px;padding:10px;;text-indent:2em;background-color:#eee;}
#article-pad-inner .inform-foot{font-size:12px;text-align:right;height:200px;line-height:20px;color:#999;}
/* buynow.html */
#contact{margin:10px;line-height:24px;}
#contact ul{list-style-type:none;margin:0;padding:0;}
#contact li{display:block;}
#contact li.tit{text-indent:8px;background-color:#eee;color:#00f;font-size:14px;font-weight:700;}
#contact li.con{margin:8px;line-height:24px;}
#contact li.con .table{border-collapse:collapse;}
#contact li .hl{font-weight:700;color:#f00;}
#contact li .red{color:#f00;}
#contact li .gre{color:#0a0;}
#contact li .b{font-weight:700;}
#contact .bank .imga{position:relative;top:5px;}
/* api.html */
#api-frame{width:100%;border:0;}
#bottom{width:auto;height:55px;background:#fff url(bottom-bg.gif) repeat-x 0 0;padding-top:10px;margin-top:10px;}
/**
* 文章页通用样式表
* FileName:article.css
* Author:Dron
* Date:2008-4-13
* Contact:ucren.com
* Illustration:
*/
/* 文章块 */
div.article{margin:2em;padding:0;border:0;width:auto;font-size:14px;font-weight:normal;font-family:宋体,serif;color:#333;line-height:23px;}
/* 初始化 h1 到 h6 的样式 */
div.article h1,
div.article h2,
div.article h3,
div.article h4,
div.article h5,
div.article h6{margin:0;padding:0;border:0;font-size:14px;font-weight:normal;color:#000;}
/* 文章的主标题 */
div.article h1{font-size:24px;font-weight:700;line-height:43px;}
/* 文章的副标题 */
div.article h2{font-size:20px;font-weight:700;}
/* 文章的信息栏 */
div.article h3{font-size:12px;}
/* 一级子标题 */
div.article h4{font-size:18px;font-weight:700;}
/* 二级子标题 */
div.article h5{font-size:16px;font-weight:700;}
/* 三级子标题 */
div.article h6{font-weight:700;}
/* 文章正文段落 */
div.article p{padding:0;border:0;text-indent:2em;display:block;word-break:break-all;word-wrap:break-word;}
div.article p.noi{text-indent:0;}
/* 代码框 */
div.article pre{display:block;border:1px solid #ccc;background-color:#f6f6f6;}
div.article pre code{display:block;margin:10px;font-family:"Courier New", Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;color:#000;}
/* 文章中的图片 */
div.article img{margin:5px;padding:0;border:0;}
/* 文章中的链接 */
div.article a{color:#00f;text-decoration:underline;}
/* 缩进样式 m1, m2, m3, m4 */
div.article .m1{margin-left:2em;}
div.article .m2{margin-left:4em;}
div.article .m3{margin-left:6em;}
div.article .m4{margin-left:8em;}
/* 排列样式 al, ac, ar */
div.article .al{text-align:left;}
div.article .ac{text-align:center;}
div.article .ar{text-align:right;}
/* 浮动样式 */
div.article .fl{float:left;}
div.article .fr{float:right;}
div.article .fc{width:0;height:0;overflow:hidden;display:block;clear:both;}
/* 颜色样式 cr, cb, cg */
div.article .cr{color:red;}
div.article .cb{color:blue;}
div.article .cg{color:green;}
div.article .ca{color:#808080;}
/* 字体样式 */
div.article .pb{font-weight:700;color:#000;}
div.article .pi{font-style:italic;}
div.article .pu{text-decoration:underline;}
/* 字号管理 */
div.article .p12{font-size:12px;}
div.article .p14{font-size:14px;}
div.article .p16{font-size:16px;}
div.article .p18{font-size:18px;}
div.article .p20{font-size:20px;}
div.article .p22{font-size:22px;}
/* 其它 */
div.article hr{width:100%;height:1px;border:0;background-color:#808080;margin:0;padding:0;}