@charset "utf-8";

/*style-product*/
#box1 { overflow:hidden; margin-bottom:18px;}
#box1 .overview{float:right;width:456px;}
#box1 .overview h1{ position:relative; font-size:18px;font-weight:normal;border-bottom:1px solid #dedede;color:#000;padding-bottom:2px;width:340px;margin-bottom:8px;}
#box1 .overview h1 span{font-size:11px;color:#f00;padding-left:6px;position:absolute;top:-4px;}
#box1 .overview p{color:#555;padding-left:14px;text-align:justify;margin:4px 0;background:transparent url(../images/summary.gif) no-repeat scroll 0 6px;}
#box1 .pic{float:left;margin:14px 0 0 2px;width:272px;}
#box1 .pic p.price{font-family:Verdana, Geneva, sans-serif;color:#f40;font-size:12px;font-weight:bold;margin-top:8px;text-align:center;}
#box1 .pic p.price strong { font-size:16px;}
#box1 .pic p.price1 {font-family:Verdana, Geneva, sans-serif;color:#333;font-size:12px;font-weight:bold;margin-top:8px;text-align:center; text-decoration:line-through; }

#download-page{padding-left:18px;}
#download-page h1{font-size:18px;font-weight:normal;border-bottom:1px solid #dedede;color:#000;padding-bottom:2px;width:640px;margin-bottom:8px;}
.name-email{margin:8px 0;background-color:#F9FEF8;border:1px solid #9FE18E;color:#555555;display:block;padding:6px 28px;}
.name-email p{margin:12px 0;}
#download-page label{font-size:13px;font-weight:normal;padding-right:4px;}
#download-page input{padding:1px 4px;width:200px;}
#download-page h4{font-weight:bold;font-size:13px;margin:12px 0 6px 0;}
#download-page ul li{padding-left:6px;}
#download-page a{color:#2971A7}

.action{clear:both;margin-top:16px;overflow:hidden;}
.action a{font-family:Arial,Helvetica,sans-serif;width:160px;height:26px;line-height:24px;background:transparent url(../images/btn.gif) no-repeat scroll 0 -1px;display:block;float:left;padding-left:9px;color:#fff;text-decoration:none;}
.action a:hover{font-family:Arial,Helvetica,sans-serif;color:#bbb;}
.action a.buy{font-family:Arial,Helvetica,sans-serif;width:86px;height:26px;line-height:24px;background:transparent url(../images/btn.gif) no-repeat scroll 0 -31px;display:block;float:left;padding-left:12px;color:#fff;text-decoration:none;}
.action a.buy:hover{font-family:Arial,Helvetica,sans-serif;color:#bbb;}
.action span{color:#f60;font-size:11px;}



.action-new { clear:both; margin-top:16px; overflow:hidden;}
.action-new li { float:left; margin-right:18px; line-height:26px;}

.action-new li a { width:70px;height:26px;line-height:24px; display:block; float:left; background:transparent url(../images/style/but.png) no-repeat scroll -154px -28px; padding-left:32px; font-weight:bold; font-size:11px; color:#fff; text-decoration:none;}

.action-new li a:hover { color:#ccc;}
.action-new li.buy { margin-right:0;}
.action-new li.buy a { width:66px; background:transparent url(../images/style/but.png) no-repeat scroll 0 -28px; padding-left:36px;}

.action-new span { padding-left:4px; color:#789;}



#getnow{clear:both;overflow:hidden; padding-top:12px;}
#getnow h4 { border-bottom:1px solid #CCCCCC; color:#000; font-size:17px; margin:10px 0 12px 8px; padding:0 0 2px 0;}
#getnow p{font-size:14px;padding:0 0 8px 12px;font-weight:bold;}
#getnow a{display:block;font-size:13px;height:30px;color:#08c;}
#getnow a.d{background:transparent url(../images/style/d.png) no-repeat scroll 10px 4px; padding-left:34px; float:left; width:40%;}
#getnow a.b{background:transparent url(../images/style/b.png) no-repeat scroll 10px 4px; padding-left:34px; float:left; width:40%;}


#version{font-size:11px;background-color:#fcfcfc;border:1px solid #EFF3F4;clear:both;margin:12px 0 24px 0;overflow:hidden;padding:6px 0;width:732px;-moz-border-radius:6px;}
#version span{margin-right:4px;color:#444;}
#version span strong{font-weight:bold;margin-left:14px;margin-right:4px;color:#666;}
#version span img{vertical-align:middle;}

#box2 p.notes { color:#f60; float:right; padding:8px 0 8px 18px;}

.survey{}
.survey p{margin-bottom:8px;padding-left:18px;}
.survey a{color:#2971A7;}

ul#submenu{text-align:center;overflow:hidden;clear:both;height:100%;}
ul#submenu li{float:left;width:128px;height:30px;padding-left:-2px;margin-right:4px;}
ul#submenu li a:link, ul#submenu li a:visited{display:block;height:30px;line-height:28px;background:transparent url(../images/submenu.gif) no-repeat scroll 0 0;font-weight:bold;text-decoration:none;color:#999;}
ul#submenu li a:hover{display:block;height:30px;line-height:28px;background:transparent url(../images/submenu.gif) no-repeat scroll 0 -33px;font-weight:bold;text-decoration:none;color:#333;}
ul#submenu li span{display:block;height:30px;line-height:28px;background:transparent url(../images/submenu.gif) no-repeat scroll 0 -33px;font-weight:bold;text-decoration:none;color:#000; font-size:13px;}





#box2 h2 { border-bottom:1px solid #CCCCCC; color:#000; font-size:17px; margin:10px 0 8px 8px; padding:0 0 2px 0;}
#box2 h2 span { float:right; margin-top:4px;}

.features{clear:both;}
.features a{color:#2971A7;}
.features .intro{margin:0 0 16px 8px; overflow:hidden; height:100%;}
.features .intro p{line-height:20px;margin-bottom:8px;color:#444;text-align:justify;}
.features .intro p.actionlink{float:right;padding:4px 0 0 12px;text-align:center;}
.features .intro p.actionlink a{color:#0066CC;text-decoration:underline; }
.features .intro p.actionlink a img{text-decoration:none;}
.features dl { overflow:hidden;}
.features dl dt{ color:#345;font-size:13px;font-weight:bold;margin-bottom:6px;padding-left:12px;}
.features dl dd{margin:0 0 8px 12px;border-bottom:1px dotted #ddd;padding-bottom:6px;color:#555;line-height:20px;text-align:justify;}
.features dl dd a{color:#2971A7;}
.features ol{list-style-type:decimal;margin:0 0 0 38px;}
.features ol li{color:#555;}

.features .fList{overflow:hidden;margin-top:12px;}
.features .fList .fItem{color:#555;margin-bottom:8px;overflow:hidden;}
.fItem .fTitle{overflow:hidden;}
.fItem .fTitle img{float:left;margin:0 12px 0 0;}
.fItem .fTitle h3 { color:#000; font-size:15px; margin-top:10px;}
.fItem .fTitle p { color:#888;}
.fItem .fCnt{clear:both;margin:12px 0;padding-left:18px;}
.fItem ul{}
.fItem ul li{padding-left:12px;background:transparent url(../images/rarrow1.gif) no-repeat scroll 0 8px;margin-bottom:4px;}
.fItem ul li h4 { font-weight:bold; color:#555; font-size:11px;}
.fItem ul li h4 span{color:#f30;font-size:11px;padding-left:6px;}
.fItem ul li p { color:#616366;}
.fCnt img{margin:4px 0 8px 8px;float:right;}


.Ctable{margin:8px 0 0 8px;}
.Ctable a{background:transparent url(../images/rarrow.gif) no-repeat scroll 100% 6px;font-size:14px;color:#0088CC;padding-right:10px;}
.Ctable td,.Ctable th{padding:6px 8px;border:1px solid #ddd;}
.Ctable td{text-align:center;}
.Ctable td strong {color:#f30;font-size:14px;font-family:Verdana, Geneva, sans-serif;}
.Ctable td span{color:#008800;font-family:verdana;font-size:17px;font-weight:bold;}
.Ctable th{font-size:13px;padding-left:12px;}
.Ctable th strong{font-size:14px;font-weight:normal;}
.Ctable th.title{background-color:#f7f7f7;font-weight:bold;}


.reference .data{margin-left:6px;}
.reference .data table{margin-bottom:20px;width:720px;}
.reference .data table tr th{border:1px solid #E5E5E5;padding:4px 12px 4px 0;font-weight:bold;text-align:center;color:#62696E;background-color:#f5f5f5;}
.reference .data table tr td{border:1px solid #E5E5E5;padding:4px;text-align:center;}
.reference ul{margin-left:14px;}
.reference ul li{background:transparent url(../images/summary.gif) no-repeat scroll 0 5px;line-height:22px;padding-left:14px;color:#555555;}

.reference .tData{margin:16px 0 0 10px;}
.reference .tData table{margin-bottom:20px;width:720px;}
.reference .tData table tr th{border:1px solid #EFF3F4;padding:6px 12px;font-size:14px;text-align:left;color:#333; background-color:#fcfcfc;}
.reference .tData table tr td{border:1px solid #EFF3F4;padding:6px 12px;text-align:left;line-height:2em;font-size:11px;color:#666;}
.reference .tData table tr td.rLeft{width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0;}
.reference .tData table tr td.rRight{}
.reference .tData table tr td.rRight strong{color:#5691BD;font-weight:normal;font-size:12px;}

.tutorial{}
.tutorial .guide{}


.faq{margin-left:8px;}
.faq dl{}
.faq dl dt{font-weight:bold;color:#555;line-height:1.5em;padding-left:20px;}
.faq dl dt span{margin-left:-20px;padding-right:6px;}
.faq dl dd{margin:0 0 12px 0;border-bottom:1px dotted #ddd;padding-bottom:4px;color:#555;padding-left:20px;}
.faq dl dd a{color:#2971A7;}
.faq dl dd span{font-weight:bold;color:#555;margin-left:-20px;padding-right:6px;}

.moreFaq{float:left;margin:10px 0 0 8px;background:transparent url(../images/morefaq.gif) no-repeat 0;}
.moreFaq a{font-size:14px;color:#555;font-weight:bold;padding-left:22px;}


.comments{}
.comments ul{margin-left:6px;}
.comments ul li{overflow:hidden;height:100%;margin-bottom:6px;}
.comments ul li .person{text-align:center;float:left;width:116px;background:transparent url(../images/personbg.gif) no-repeat scroll right 8px;margin-top:4px;}
.comments ul li .contents{float:right;width:610px;}
.comments ul li .ctopbg{overflow:hidden;background:transparent url(../images/ctopbg.jpg) no-repeat 0;height:12px;}
.comments ul li .cmain{padding:0 28px;font-size:13px;line-height:1.8em;overflow:hidden;height:100%;background:#F7F7F7 url(../images/quote1.gif) no-repeat scroll 8px 2px;}
.comments ul li .cdate{color:#999;text-align:right;padding-right:32px;background:#F7F7F7 url(../images/quote2.gif) no-repeat scroll 98% bottom;}
.comments ul li .cbottombg{background:#f7f7f7 url(../images/cbottombg.jpg) no-repeat 00;height:12px;}



.steps{margin:0 0 16px 8px;}
.steps h3{color:#2971A7;font-size:14px;font-weight:bold;margin:8px 0 6px 0;}
.steps h4.steps { overflow:hidden; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; line-height:23px; font-size:13px;
font-weight:bold;
margin:12px 0;}
.steps h4.steps span { float:left; display:block; width:32px; height:26px; color:#fff; font-weight:bold; padding-left:10px; background:transparent url(../images/style/bg-step.gif) no-repeat scroll 0 0;}
.steps h4.steps a { font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; }


.steps p{line-height:1.8em;color:#555;padding:4px 2px;}
.steps a{color:#2971A7;}
.steps strong{color:#444;}


#actions{}
#actions ul{float:right;}
#actions ul li{float:left;margin-left:12px;}
#actions ul li a{}
#actions ul li a img{vertical-align:middle;padding-right:2px;}


.inAction{display:block;margin:6px 0 0 6px;}