/* CSS Document */

#content .middlewin{ width:778px; float:left; padding-right:7px;}
#content .middlewin .propic{ background:url(images/1_16.gif) no-repeat ; width:778px; height:176px; padding-bottom:10px;}
#content .middlewin .proinfotop,#content .middlemac .proinfotop{  background:url(images/mactop.gif) no-repeat; height:9px; width:778px; height:9px; width:778px;}
#content .middlewin .proinfobody,#content .middlemac .proinfobody{ width:776px; border-left:1px solid #ccc; border-right:1px solid #ccc;  padding-bottom:10px; margin-top:-4px;}
#content .middlewin .proinfobody .proinfo,#content .middlemac .proinfobody .proinfo{width:776px;}
#content .middlewin .proinfob,#content .middlemac .proinfob{ background:url(images/mac2.gif) no-repeat; height:9px; width:778px;}
#content .middlewin .proinfobody h2,#content .middlemac .proinfobody  h2{ font-size:18px; font-weight:bold; color:#333; padding-left:30px; background:url(images/h2_63.gif) no-repeat 10px top; ; line-height:40px; clear:both; }
#content .middlewin .proinfobody .proinfopic,#content .middlemac .proinfobody .proinfopic{ float:left; width:190px; text-align:center; }
#content .middlewin .proinfobody .proinfopic img,#content .middlemac .proinfobody .proinfopic img{padding:10px 0px;}
#content .middlewin .proinfobody .proinfopic span,#content .middlemac .proinfobody .proinfopic span{ color:#cb4100; font-size:18px; font-weight:bold; }
#content .middlewin .proinfobody .proinfo  p,#content .middlemac .proinfobody .proinfo  p{padding:10px 10px 10px 0px; line-height:19px; color:#555;}
#content .middlemac .proinfobody .proinfo  p  
#content .middlewin .proinfobody .proinfo  p span.blue,#content .middlemac .proinfobody .proinfo  p span.blue{ padding-left:15px;}
 #content .middlemac .proinfobody .proinfo  p span a, #content .middlewin .proinfobody .proinfo  p span a{ color:#cb4100; text-decoration:none;} 
  #content .middlemac .proinfobody .proinfo  p span a:hover,  #content .middlewin .proinfobody .proinfo  p span a:hover{ text-decoration:underline; }
  
#content .middlemac{ width:778px; float:left; padding-left:7px;}
#content .middlemac .propic{ background:url(images/1_16.gif) no-repeat ; width:778px; height:176px; padding-bottom:10px;}





#content .middlewin  .fea{ width:776px; clear:both;}
#content .middlewin  .fea .feature, #content .middlewin .fea .system,#content .middlewin .fea .recommend{ padding:5px 20px;}
#content .middlewin .fea  h3{ padding:10px 0px 10px 0px;font-size:18px; font-weight:bold; color:#1b98ad;}
#content .middlewin  .fea .feature h4,#content .middlewin  .fea .recommend h4{ font-size:11px; font-weight:bold; color:#666; line-height:26px;  }
#content .middlewin  .fea p{ font-size:11px; color:#555; line-height:19px; padding:5px;}
 #content .middlewin  .fea .recommend{ height:500px; width:736px;} 
.rec{ width:244px; float:left; }
.recpic{ text-align:center;  }
.rec p{ padding:0px 10px;}
.rec .recpic h4{ font-size:11px; font-weight:bold; color:#666; line-height:26px; }
.rec a{ color:#666; text-decoration:none;}
.rec h4 a:hover{ color:#Fe8267;}
.recr{ border-left:1px solid #ccc; }
.recpic  p span{color:#cb4100; font-size:18px; font-weight:bold; }
 .rec p span a{ color:#cb4100; text-decoration:none; }
 .rec p span a:hover{ text-decoration: underline;}
 .rec p span.blue{ padding-left:25px;}
  
#content .middlemac  .fea{ width:776px; clear:both; border-top:1px dashed #ccc;}
#content .middlemac  .fea .feature, #content .middlemac .fea .system,#content .middlemac .fea .recommend{ padding:5px 20px;}
#content .middlemac .fea  h3{ padding:10px 0px 10px 0px;font-size:18px; font-weight:bold; color:#1b98ad;}
#content .middlemac  .fea .feature h4,#content .middlewin  .fea .recommend h4{ font-size:11px; font-weight:bold; color:#666; line-height:26px;  }
 
#content .middlemac  .fea p{ font-size:11px; color:#555; line-height:19px; padding:5px;}
  #content .middlemac .fea .recommend{ height:480px; width:736px;} 
  
  

 
/* CSS Document */