* { 
margin: 0px; 
padding: 0px;
word-wrap:break-word;
word-break:keep-all;
} 
body{
padding:5px;
margin:0px auto;
width: 780px; 
text-align : center;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:1.5; color: #000000;
}
.head{
width:780px;
margin-top:3px;
}
.logo{
width:180px;
float:left;
}
h1
{
display : inline;
font-size:11px;
font-weight:bold;
padding-right:3px;
}
h4{display : inline;
font-size:11px;
font-weight:normal;
}

h2,h3,h5,h6{
color:#FF6600;
}
hr{
clear:both;
border:1px solid #FF6600;
height:1px;
margin:10px 0px;
}
span{ margin-left:25px;}
.titleword{
float:right;
width:600px;
}
.nav{
width:780px;
}
.nav_left{
width:180px;
float:left;
margin-top:8px;
}
.nav_left a{
color:#F57C1E;
font-weight:bold;
}
.nav ul{
list-style-type:none;
padding:0px;
margin:0px;
}
.nav li{
background-image:url('images/button.gif');
background-repeat:no-repeat;
float:right;
padding:0px;
margin:0px;
height:38px;
width:100px
}
.nav li a{
display:block;
color:#000000;
height:38px;
line-height:20px;
text-align:center;
text-decoration:none;
padding-top:10px;
}
.nav li a:hover
{
background-image: url('images/button_on.gif');
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:underline
}
.mainindex{
width:780px;
margin-top:35px;
margin-bottom:12px;
}
.mainindex .left{
width:560px;
float:left;
text-align:left;
}
.mainindex .left .center{
height:80px;
clear:both;
}
.mainindex .right{
width:220px;
float:right;
margin-bottom:13px;
background-color:#F6F6F6;

}
.mainindex .right-bottom{
width:220px;
float:right;
background-color:#F6F6F6;
}
.main{
width:780px;
margin-top:25px;
margin-bottom:12px;
}
.main .right{
width:580px;
float:right;
text-align:left;
}
.main .right .left1{
float:left;
width:170px;
}
.main .right .right1{
float:right;
width:410px;
}
.main .right .right2{
float:left;
width:400px;
margin-bottom:15px;
margin-left:14px;
}
#faq{
width:470px;
text-align:center;
margin-left:40px;
}
#faq ul{
list-style-type:none;
}
#help{
text-align:center;
background-color:#E0E0E0;
width:300px;
height:150px;
margin-top:25px;
margin-left:150px;
margin-bottom:25px;
}
#faq li{
float:left;
width:28ге;
padding-left:14px;
}
#faq li a{
font-family: Arial;
font-size: 11px;
color:#000000;
text-align:center;
font-weight:bold;
text-decoration:none;
}
#faq li a:hover{
font-size: 11px;
color:#ff0000;
text-decoration:underline;}
#faq .fa{
margin-top:10px;
}
#pay{
margin:15px 0px 20px 20px;
}
#pay ul{
list-style-type:none;
}
#pay li{
font-weight:bold;
}
#buy{
margin:15px;
text-align:center;
}
#buy ul{
list-style-type:none;
}
#buy li{
float:left;
border:1px solid #ECE9D8;
width:100px;
}
#buy .pro{
padding:15px;
}
#buy .pro1{
padding-top:35px;
padding-bottom:30px;
width:120px;
}
#buy .pro_0{
background-color:#CCCCCC;
width:180px;
height:95px;
}
#buy .pro_1{
background-color:#CCCCCC;
width:100px;
height:95px;
}
#buy div{
background-color:#999999;
border-bottom:1px solid #ECE9D8;
height:15px;
}
#buy p{
margin-top:20px;
}
#down{
width:530px;
margin-left:20px;
clear:both;
}
#down ul{
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
}
#down li{
float:left;
border-right:1px solid #FFFFFF;
padding-top:5px;
}
#down2{
width:580px;
}
#down2 td{ vertical-align:top; color:#000000; font-size:11px; text-align:left;}
#down2 div{ vertical-align:top; color:#000000; font-size:12px; font-weight:bold;padding-bottom:5px; }
#down2 ul{
list-style-type:disc;
margin:5px 0px;
padding:5px;
}
#down2 li{
display:block;
margin-left:5px;
padding-bottom:8px;
}
#list{
margin:15px 0px;
}
#list ul{
margin-left:25px;
}
.color1{
background-color:#CCCCCC;
height:30px;
}
.color2{
background-color:#F3F3F3;
height:50px;
}
.line2{
width:580px;
background-image:url('images/MainMenuBack.png');
margin-top:20px;
padding-left:5px;
clear:both
}
p{
margin:8px;
}
.p{
width:180px;
text-align:left;
padding-left:5px;
}
.d{
width:100px;
}
.a{
height:50px;
}
.v{
width:80px;

}
.main .left .center{
height:80px;
clear:both;
}
.main .left{
width:180px;
float:left;
margin-bottom:8px;
border:1px solid #ECE9D8;
background-color:#F6F6F6;
}
.main .left ul{
list-style-type:none;
}
.main .left li{
display:block;
height:25px;
margin:1px;
padding-top:5px;
background-color:#DEDFE1;
text-align:left;

}
.main .left li ul{
list-style-type:none;
padding-top:5px;
margin:0px;
background-color:#FFFFFF;
}

.main .left li li{
display:block;
background-color:#FFFFFF;
padding-left:18px;
margin:0px;
}
.main .right-bottom{
width:220px;
height:180px;
float:right;
background-color:#F6F6F6;
}
.news{
background-image:
url('images/right_bg.gif');
height:20px;
margin-top:20px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
clear:both;
}
.newcontent{
width:220px;
color:#006699;
font-weight:bold;
}
.foot{
background-image:url('images/main_bottom_bg.gif');
width:780px;
height:40px;
clear:both;
margin-top:15px;
}
.foot ul{
list-style-type:none;
margin-left:250px;
}
.foot li{ list-style-type:none;
float:left;
padding:12px 0px 12px 8px;
}
.foot li a{
color:#000000;
text-align:center;
text-decoration:none;
}
.foot li a:hover{
background-position:0px -38px;
color:#000000;
text-decoration:underline;}

.mainindex .center_left{
margin-top:12px;
float:left;
width:100px;
text-align:center;
padding-bottom:25px;
}
.mainindex .center_right{
margin-top:12px;
float:right;
width:440px;
padding:0px 10px 15px 0px;
}
.main .center_left{
margin-top:12px;
float:left;
width:100px;
text-align:center;
padding-bottom:25px;
}
.main .center_right{
margin-top:12px;
float:right;
width:440px;
padding:0px 10px 10px 0px;
}
.buy{
text-align:right;
padding-right:15px;
}
.buy a{
font-size:10px;
color:#F57C1E;
font-weight:bold;
}
.content{
width:780px;
text-align:left;
border-right:1px solid #dedede;
height:220px;
}
.detail{
width:258px;
height:220px;
float:left;
border-left:1px solid #dedede;

clear:right;
padding:0px;
overflow: hidden;
}
.detail .left{
margin-top:10px;
margin-left:0px;
width:6px;
height:32px;
background-color:#dedede;
position:relative;
left:-2px;
float:left;
}
.detail .center{
width:200px;
float:left;
margin-left:15px;
margin-top:20px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#f56c17;
}
.centerbottom{
width:248px;
float:left;
margin-left:5px;
margin-top:16px;
}
.centerbottom ul{
}
.centerbottom li{
margin-left:12px;
display:block;
padding:6px 10px;
}
.centerbottom2{
width:180px;
float:left;
margin-left:15px;
text-align:center;
margin-top:15px;
}
tt{
height:850px;
}
.tt2{
height:640px;
}
.tt3{
height:750px;
}

.tt4{
height:950px;
}
.tt5{
height:1390px;
}
A img{
border-style:none;
}

a.nav1:link       {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height:1.5}
a.nav1:visited    {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height:1.5}
a.nav1:hover      {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; line-height:1.5}
a.nav1:active     {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height:1.5}
a.nav2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height:1.5;
}

a.nav2:visited    {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; line-height:1.5;}
a.nav2:hover      {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF6600; font-weight: bold; line-height:1.5;}
a.nav2:active     {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; line-height:1.5;}
a.nav3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height:1.5;
}

a.nav3:visited    {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; line-height:1.5;}
a.nav3:hover      {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; line-height:1.5;}
a.nav3:active     {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; line-height:1.5;}

a.free:link {
 font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#F57C1E; font-weight:bold; text-decoration: none;line-height:1.5; text-decoration:none;
}
a.free:visited    {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FF6600; line-height:1.5; text-decoration:none;}
a.free:hover      {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FF6600;  line-height:1.5; text-decoration:underline;}
a.free:active     {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FF6600;  line-height:1.5; text-decoration:none;}



.zkimages
{
	width:400px; height:370px; background-image:url(images/screenshots_1.gif);
	background-color:#000000;
	margin-left:20px;
}
.zkimages1
{
	
	width:400px; height:368px; background-image:url(images/screenshots_2.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}
.zkimages2
{
	
	width:400px; height:366px; background-image:url(images/screenshots_3.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}
.zktest1
{
	margin-top:5px;
	margin-left:20px;
}
.zktest2
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}
.zktest2 .biger{
font-weight:800;
}



.zkscrimages1
{
	width:400px; height:299px; background-image:url(images/screenshots1.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages2
{
	width:400px; height:299px; background-image:url(images/screenshots2.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages3
{
	width:400px; height:299px; background-image:url(images/screenshots3.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages4
{
	width:400px; height:299px; background-image:url(images/screenshots4.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages5
{
	width:400px; height:299px; background-image:url(images/screenshots5.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages6
{
	width:400px; height:322px; background-image:url(images/screenshots6.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkscrimages7
{
	width:400px; height:322px; background-image:url(images/screenshots7.gif);
	background-color:#000000;
	margin-top:10px;
	margin-left:20px;
}

.zkcontents{
	width:600px;
	height:174px;
	margin-bottom:10px;
		
	}
.zkcontentsleft
{
	width:271px;
	height:164px;
	float:left;
	margin-left:10px;
	
	
}
.zkcontentsright
{
    width:271px;
	height:164px;
	float:left;
	margin-left:10px;
		
}
.zkcontentimage
{
	width:102px; float:left; margin-top:40px;
	
}
.zkcontentcss
{
width:154px;


float:left;

}