@charset "utf-8";

/* CSS Document */

body { margin:0; padding:0; text-align:center; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

a { color:#0066cc; text-decoration:none;}

a:hover { text-decoration:underline;}

ul { margin:0; padding:0;}

li { list-style:none;}

img { border:none; vertical-align:middle;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block;}

.clearfix {display:block;}/* Hide from IE Mac */

#wrap { padding:0; margin:0; text-align:center; background:url(back.gif) repeat-x top #e6f0ff; overflow:hidden;}

.main { width:785px; margin:0 auto; background:url(backcbody.gif) repeat-y left; padding:0;}

.maininner { width:785px; margin:0; background:url(backc.gif) top left no-repeat; padding:0; overflow:hidden; padding-top:30px;}

.mainbottom { width:785px; margin:0; background:url(backcbottom.gif) top left no-repeat; padding:0; height:17px;}

.content { width:746px; overflow:hidden; margin:0 auto;}

.topad { width:746px; height:341px; overflow:hidden; background:url(topadback.jpg) left top no-repeat; position:relative; color:#fff; text-align:left;} 

.topad .topadlogo { position:absolute; left:20px; top:10px;}

.topad h1 { width:478px; font-weight:bold; color:#fff; margin:0; padding:0; position:absolute; left:258px; top:35px; font-weight:normal;}

.topad .intro { width:746px; height:53px; margin:0; overflow:hidden; position:absolute; top:92px; left:0; background:url(topadintroback.jpg) left top no-repeat; }

.topad .intro p { margin:10px 32px; line-height:13px;}

.topad .topadsoftimg { position:absolute; bottom:0; left:30px;}

.topad .des { margin:0; padding:0; top:169px; left:206px; width:524px; line-height:18px;position:absolute; left:205px; height:174px;}

.topad .pbuy { margin:0; padding:0; font-size:18px; text-align:right; position:absolute; bottom:40px; right:32px;}

.topad .pbuy strong {  font-size:24px; margin-left:16px; font-weight:normal; line-height:30px;}

.topad .pbuy strong .price { color:#ffff00;}

.topad .pbuy  img{  margin-left:10px; vertical-align:text-bottom}

h2 { font-size:20px; text-align:left; color:#000; line-height:40px; text-indent:5px; font-weight:normal; margin:0; padding:0;}

.block1 { width:746px; overflow:hidden; background: url(block1back.gif) top left no-repeat #eff8f9;}

.block1 .block1bottom { width:746px; overflow:hidden; height:7px; background:url(block1bottom.gif) top left no-repeat; margin:0; padding:0;}

ul.screenlist { margin:5px; overflow:hidden; background: url(linedot.gif) repeat-y center;}

ul.screenlist li { width:368px; float:left; margin:0; position:relative; height:158px;}

*html ul.screenlist li { display:inline;}

ul.screenlist li img { position:absolute; left:10px; top:10px;}

ul.screenlist li strong.title { display:block; font-size:14px; text-align:left; width:180px; margin:15px 0 5px 170px; }

ul.screenlist li p { padding:0;width:180px; margin:0 0 0 170px; text-align:left;}

.feature { width:747px; overflow:hidden; text-align:left; margin-top:10px;}

.featurelist li{ width:248px; float:left; height:217px; margin-right:1px; overflow:hidden; padding-top:10px;}

.feature1 { background:url(step1back.gif) left top no-repeat;}

.feature2 { background:url(step2back.gif) left top no-repeat;}

.feature3 { background:url(step3back.gif) left top no-repeat;}

.featurelist li strong.title,.featurelist li strong.title2 { display:block; font-size:16px; line-height:19px; margin:3px 10px; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.featurelist li strong.title2 { height:38px; overflow:hidden; text-overflow:ellipsis;margin-bottom:5px;}

.featurelist li p { margin:0 10px; padding:0; text-indent:10px; background:url(lidot.gif) left 4px no-repeat; line-height:13px;}

.banner { width:746px; height:46px; overflow:hidden; background:url(block2back.gif) left top no-repeat; line-height:46px; color:#fff; font-size:24px; position:relative; text-align:left; text-indent:10px; margin-bottom:10px;}

.banner .right { position:absolute; right:10px; top:0;}

*html .banner .right { margin-top:8px;}

.banner .right .price { color:#ffff00;}

.banner .right img { vertical-align:text-bottom; margin-left:10px;}

.comment { margin:10px;}

.comment li { background:url(icon-dialog.gif) left top no-repeat; text-indent:20px; text-align:left; margin:15px 0;}

.comment li .author { color:#666666; font-style:italic;}

.foot { text-align:center; line-height:30px; margin-top:10px;}

.foot a { text-decoration:underline; color:#000;}