* {
	margin: 0;
	padding: 0;
}

body {
font-family: Verdana;
font-size: 11px;
line-height: 16px;
color: #333;
background:url(../img/body-bg.jpg) repeat-x #fff; 
}

a {
text-decoration:underline;
color: #06f;
}
a:hover {
text-decoration:  none;
}

img{ border:0}
ul{ margin:0; padding:0}
li{ list-style-position:inside; margin:0; padding:0}

b, strong{ font-weight:bold}

#container{ width:980px; height:auto; margin:20px auto;}

/*Header&nav*/

#header{ height:55px; padding:5px 0px 15px 0px; background: url(../img/beader-b.jpg) no-repeat 20px 60px }
#header img{ float:left; margin-right:470px}

#nav{ width:980px; height:39px; clear:both; background:url(../img/nav-bg.jpg) repeat-x}
#nav img{ float:left}
#nav ul{ height:39px; float:left; list-style:none; margin-right:244px}
#nav ul li{ display:blockl; width:120px; float:left; text-align:center; line-height:39px; background:url(../img/nav-z.jpg) no-repeat 110px 0px; font-family:Arial; font-size:12px}
#nav ul li a{ color:#333; text-decoration:none}

/*Main content*/

#main{ width:980px; padding:10px 0px 0px 0px}

#mainleft{ width:770px; float:left}

.cp{ clear:both; width:740px; height:25px; padding-bottom:5px; padding-left:10px}
.cp a{ color:#06c; text-decoration:none}
.cp a:hover{ text-decoration:underline}

.bod{ width: 770px; background:url(../img/bod-bg.jpg); height:220px}
.bod h1{ font-family: Tahoma, Arial; font-size:24px; font-weight:bold; padding:15px 0px 17px 25px}
.bod h2{ font-family: Tahoma, Arial; font-size:24px; font-weight:bold; padding:15px 0px 17px 25px}
.bodt{ background:url(../img/bod-t.jpg); height:10px}
.bodb{ background:url(../img/bod-b.jpg); height:10px; clear:both}

.edc{ width:380px; float:left}
.edc img{ float:left; margin:0px 10px}
.edc h2{ font-family:Arial; font-size:16px; line-height:22px; padding:8px 0px 8px 0px}
.edc a{ color:#06d}
.edc span{ font-size:13px; color:#c30; font-weight:bold; line-height:34px}

.decd{ float:left; height:166px; width:235px}

.bodp{ width: 770px; background:url(../img/bod-bg.jpg); height:280px}
.bodp h1{ font-family: Tahoma, Arial; font-size:24px; font-weight:bold; padding:15px 0px 17px 25px; color:#06a}
.bodp h2{ font-family: Tahoma, Arial; font-size:16px; font-weight:bold; padding:0px 0px 10px 0px}

.pdtd{ width:765px; clear:both; padding-top:10px}
.pdtd img{ float:left; margin:0px 10px 0px 25px}
.pdtd a{ color:#06d}

.pdtdm{ float:left; width:435px; padding-right:10px}

.pdtdr{ width:150px; height:166px; background:url(../img/product_buy.gif); float:left}

.hline{ height:44px; background:url(../img/tt-bg.jpg) 0px 1px}
.hline img{ float:left}
.hline span{ width:600px; font-family: Tahoma, Arial; font-size:13px; font-weight:bold; color:#fff; line-height:44px; height:44px; float:left; padding-left:10px}
.hline span h2{font-family: Tahoma, Arial; font-size:13px; font-weight:bold; color:#fff; line-height:44px;}

.phline{ height:31px; background: url(../img/prod_column_bg.png)}
.phline img{ float:left}
.phline span{ width:606px; font-family: Tahoma, Arial; font-size:14px; font-weight:bold; color:#333; line-height:31px; height:31px; float:left; padding-left:10px}
.phline span h2{font-family: Tahoma, Arial; font-size:14px; font-weight:bold; color:#333; line-height:31px;}

.mps{ width:770px; float:left; padding:10px 0px 0px 0px; border-bottom:#ccc solid 1px}
.mps img{ float:left; margin:0px 10px}
.mps h3{ font-family:Arial; font-size:16px; line-height:22px; padding:8px 0px 8px 0px}
.mps a{ color:#06d}
.mps span{ font-size:13px; color:#c30; font-weight:bold; line-height:34px}

.mpsd{ float:left; width:623px}

.kfts{ clear:both; width:740px; padding:10px 0px 20px 12px}
.kfts p{ padding:12px 0px 5px 20px; background:url(../img/select.gif) -4px 12px no-repeat; width:450px; font-size:12px; font-weight:bold}

.tryorbuy{clear:both; width:740px; padding:10px 0px 20px 12px; font-size:13px; font-weight:bold; line-height:28px}
.tryorbuy span{ color:#c30}
.tryorbuy a{ color:#333}
.tryorbuy a span{ color:#06c}

.sshot{ float:right; padding:0px 0px 10px 10px; text-align:center}
.sshot img{ margin-bottom:5px}

.require{clear:both; width:740px; padding:10px 0px 10px 12px}
.require p{ padding:0px 0px 5px 10px; background:url(../img/more.gif) 0px 3px no-repeat; width:500px; line-height:22px }

.btn{ padding-top:15px}

a.btn_learn, a.btn_buy, a.btn_download{display:block; float:left; width:65px; height:20px; margin-right:5px; background:url(../img/button.png) no-repeat;color:#fff;padding-left:20px; line-height:17px } 
a.btn_learn {width:75px; text-decoration:none}
a.btn_learn:hover {background-position:0 -27px;text-decoration:none;}
a.btn_buy {background-position:-101px 0; text-decoration:none}
a.btn_buy:hover {background-position:-101px -27px;text-decoration:none;}
a.btn_download {background-position:-192px 0; text-decoration:none}
a.btn_download:hover {background-position:-192px -27px;text-decoration:none;}

.version{ padding:5px; float:right; width:360px;}
.version p{ display:block; float:left;width:85px; height:15px; margin-right:5px; font-size:10px; text-align:center}

.pprice{ width:150px; height:55px; line-height:45px; text-align:center; font-size:12px; font-weight:bold}
.pprice span{ color: #c30}

a.buy, a.download{display:block;float:left;margin:0px 0px 10px 12px;width:125px;height:25px;background:url(../img/UserButton.gif) no-repeat;color:#fff; font-size:12px; line-height:25px; text-align:center;}
a.buy{ text-decoration:none; background-position:-125px 0px}
a.buy:hover{background-position:-125px -25px;}
a.download{ text-decoration:none; background-position:0px 0px; text-indent:10px}
a.download:hover{background-position:0px -25px;}

.gua{ width:760px; padding:15px 0px 0px 10px}
.gua p{ width: 730px; border-bottom:#ccc dashed 1px; line-height:33px;}
.gua img{ margin-right:7px; float:left}

#mainright{width:193px; float:left; padding-left:17px}

.catt{ width:193px; background:url(../img/cat-t.jpg); height:9px}
.catb{ width:193px; background:url(../img/cat-b.jpg); height:9px}
.catm{ width:193px; background:url(../img/cat-bg.jpg)}
.catmtt{ font-family:Tahoma, Arial; font-size:14px; font-weight:bold; padding:8px 0px 8px 8px; width:170px; line-height:25px}
.catmtt img{ float:left; margin-right:3px}
.catm p{ width:120px; height:30px; line-height:30px ; border-bottom:#ccc dashed 1px; background:url(../img/arr.jpg) no-repeat 19px 8px; padding-left:35px; margin-left:5px; }
.catm p a{ color:#333; text-decoration:none}
.catm p a:hover{ text-decoration:underline}

#acr{ clear:both; height:30px; border-bottom: #ccc solid 4px}

#copyright{ height:50px; padding:20px 0px; text-align: center; line-height:25px}