/* Elements */
*{margin:0px;padding:0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
html{}
body{text-align:center;margin:0px;padding:0px;height:100%; background:#ccc; }
body,td,th,div,p,span,input{font-size:12px; font-family:Arial ;color:#333333;line-height:20px;}
h1,h2,h3,ul,li{margin:0px;padding:0px;font-size:12px;}
h1{font-weight:bold;color:#000;font-size:16px;font-family:Georgia;padding:10px 0px;}
h2{font-weight:bold;color:#000;font-size:14px;font-family:Georgia;padding:10px 0px;}
li{ list-style-type:none ;}
a,a:hover{color:#0F65AE;text-decoration:none;}
img{border:0px;vertical-align:middle ;}
p{margin:5px 0px;}
ol{margin-left:10px;}
ol li{padding:2px; margin-left:20px; list-style-type:decimal ;}

/*Standard*/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.soft{border-bottom:1px solid #ccc;width:100%;}
.title{font-weight:bold;color:#000;font-size:18px;font-family:Georgia;padding:10px 0px;}
.title2{font-weight:bold;}
.line{ border-bottom:1px dashed #ccc ; margin:10px 0px;}
.imp{color:Red;font-weight:bold;}
.hui,a.hui{color:#666;}
.list li{padding:2px; margin-left:20px; list-style-type:disc ;}
.bor{border:1px solid #ccc;}
.code{border:1px solid #ccc; background:#f7f7f7;padding:10px;}
.new{font-size:11px;color:#0F65AE;}
.btns{margin:10px;}
.btns ul{float:right;}
.btns ul li{float:left;margin:0px;padding:0px;padding-left:5px;}
.btns a{background:url(../images/button2.gif) left 0;  color:#fff; text-decoration:none; height:23px; float:left; cursor:hand; padding:0 0 0 15px;margin:0px 0px;}
.btns a span{background:url(../images/button2.gif) right 0;padding:0 15px 0 0; float:left;color:#0F65AE;font-weight:bold; line-height:23px;}
.btns a:hover{background-position:left -23px;}
.btns a:hover span{background-position:right -23px;}
.rtitle{padding-left:25px; background:url(../images/rightdot.gif) left bottom no-repeat;font-weight:bold; line-height:30px;padding-top:5px;}

/*Layout*/
#container{width:1000px;}
#header{ background:#fff;border-bottom:2px solid #0F65AE;}
#content{background:#fff;}
#left{float:left;width:180px;}
#middle{float:left;padding:10px;width:540px;border-left:1px solid #ccc;}
#right{float:right;width:230px;padding-top:10px; text-align:center ;}
#footer{text-align:center;background:#fff;clear:both; }

/*Header*/
#header #logo{padding:5px;}

/*Left*/
#left h2{font-size:12px;margin:0px;padding:0px; background:url(../images/softsidebartitle.gif) left bottom repeat-x;}
#left h2 a{color:#333; display:block ;padding:5px;background:url(../images/dot1.gif) 5px center no-repeat;padding-left:20px;}
#left ul{margin:0px;padding:0px;margin-left:20px;}
#left ul li a{color:#333; text-decoration:underline;}

/*Middle*/
.title img{padding-right:5px;}
.btns{}
.btns ul{float:right;}
.btns li{float:left;padding:5px;}
.pic{ text-align:center ;padding:10px;}

.soft{}
.soft .icon{float:left;padding:0px 10px;}
.soft .detail{float:left;}
.soft .name{font-weight:bold;color:#000;font-size:18px;font-family:Georgia;padding:0px 0px;}
.soft .intro{}

.tbldata{ background:#CCCCCC;}
.tbldata td{padding:4px;background:#fff;}
.tblheader{ background:#F0F0F0;font-weight:bold;}
.tblitem{background:#fff;}
.tbldata th{padding:4px;background:#eee;}