@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; background:#fff; font-family:arial; font-size:62.5%; color:#333; line-height:20px; background-image:url(../images/bg-img.jpg); background-repeat:repeat-x;}
div, form, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, table, tr, td { margin: 0; padding: 0; border:0; }
ui li{ padding-left:15px;}

li { list-style-type:none; }

* {margin:0; padding:0; border:0;}
img{ border:0; margin:0; padding:0;}

/* Link */
a { color:#3d7cb6; text-decoration:underline; }
a:visited { color:#3d7cb6; text-decoration:underline; }
a:hover { color:#ffa200; text-decoration:none; }
.blue { color:#3d7cb6; font-weight:bold; }
.red { color:#C00; font-weight:bold; }
h4 { color:#3d7cb6; font-size:13px; margin-top:20px; }
/* Font */
.fb { font-weight:bold; }
.tr { text-align:right; }
/* Other*/
.fl { float:left; }
.fr { float:right; }


.clear { clear: both; }
.f12 { font-size:1.2em; }
.fred { color:#d80000; }
.fred span {font-size:1.2em; font-weight:bold;}
/* Wrap */
#header { background-color:#040717; background-image:url(../images/nav-img.jpg); background-repeat:repeat-x;} 
#header #nav { height:29px;  width:900px; padding-top:0; margin-top:6px; }
#header #nav li{ float:left; list-style:none; padding-top:5px;}
#header #nav li a{ color:#1A1602; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:110px; height:29px; text-align:center;  }
#header #nav li a:hover{ color:#FFF; background-color:#fff; background-image:url(../images/nav-hover.jpg);}
#header #nav .left-line{ background-image:url(../images/nav-center.jpg); background-repeat:no-repeat;}
#header #nav .rehgt-line { background-image:url(../images/nav-center-one.jpg); background-repeat:no-repeat;
}
#index-nav{  width:900px; background-color:#999;}
#index-nav li{ float:left; background-color:#999; width:80px; list-style:none; }

#top {width:440px;}
#top h1{font-size:12px;font-weight:bold;color:#9A9A9A;}
.title a{text-decoration:none; color:#9A9A9A;}
.title a:hover {text-decoration:underline;color:#3d7cb6;}
#header h2 { width:188px; height:57px; }

.wrap { width:900px; margin:0 auto; }
#nav { margin:10px 0; background:url(../images/home.png) no-repeat; font-size:1.2em;}
#nav a:link { color:#333; text-decoration:none; }
#nav a:visited { color:#333; text-decoration:none; }
#nav a:hover { color:#3d7cb6; text-decoration:underline; }


.product-tutorial-ul { width:900px; font-size:1.2em; margin:10px 0; padding-top:20px 0; }
.product-tutorial-ul h3 {font-size:1.5em;}
.product-demo-left p { font-weight:bold; }
.product-demo-left p a { color:#3d7cb6; text-decoration:underline; }
.product-demo-right { width:528px; font-size:1.2em; line-height:18px; }
.product-demo-right h3 { font-size:1.2em; }
.product-demo-right h4 { color:#3d7cb6; font-size:1.1em; margin-top:20px; }
.product-demo-right a { color:#3d7cb6; text-decoration:underline; margin:0 3px; }
.product-sample { width:730px; margin:10px 0; font-size:1.2em; }
.product-sample h3 { color:#333; font-size:1.6em; margin-bottom:15px; }
.product-indust-ul { width:500px; font-size:1.2em; margin:10px 0; padding-top:20px 0; }
.product-indust-ul h3 { font-size:1.4em; margin-top:20px; }
.product-indust-ul h4 { color:#3d7cb6; font-size:1.1em; margin-top:20px; }

/* Index */
#downloand_free { height:5px; background:#7b7b7b; color:#fff; line-height:5px; text-align:center; margin-bottom:8px;}
.download-contant { width:858px; margin:15px auto; font-size:1.2em; line-height:20px; padding:10px 0; }
.download-contant-words { width:650px; padding-bottom:30px; }
.download-contant-words ul { margin:10px 0; }
.download-contant-words li { background:url(../images/arrow.png) left center no-repeat; padding-left:10px; }
.download-index-left { text-align:center; }
.button_download {line-height:23px; margin-bottom:15px;}
.button_purch { margin:10px 0; display:block;}

#footer { clear:both;   line-height:32px;  font-size:1.2em; color:#2e290f; height:50px; background-color:#051A2B; }
#footer-all{ text-align:center;}
#footer #footer-all a{ font-size:12px; color:#ccc; text-align:center; padding:0; margin:0;}
#footer #footer-all #footer a:link { color:#333; text-decoration:underline; }
#footer #footer-all #footer a:visited { color:#333; text-decoration:underline; }
#footer #footer-all #footer a:hover { color:#3d7cb6; text-decoration:underline; }
#footer p{ text-align:center; color:#CCCCCC; font-size:12px; height:18px; font-family:Helvetica,Verdana, Arial, Helvetica, sans-serif;}



/*  */
.free {color: #ffba00;font-weight: bold; font-size:1.7em;}
.free span { font-size:0.8em;}
.product_name {font-size:20px;; font-weight:bold; margin-top:8px;display:block; font-family:"Times New Roman", Times, serif;}
.product_name a{color:#000; text-decoration:none;}
#index {font-size:12px; padding-bottom:60px; }
#index #top-img{ background-image:url(../images/slideshow-banner.jpg); background-repeat:no-repeat; height:217px; width:900px;}
#index #top-img h2{ font-size:26px; color:#00CCFF; padding:26px 0 0 30px;}
#index #top-img p{ font-size:16px; color:#D89D0E; padding:0 0 12px 30px;}
#index #top-img a{
	font-size:16px;
	color:#fff;
	margin:0px 0 0 30px;
	background-color:#999999;
	padding:3px 8px 3px 8px;
	border:1px solid #ececec;
	text-decoration: none;
}
#index #top-img a:hover{
	font-size:16px;
	color:#fff;
	margin:0px 0 0 30px;
	background-color:#666666;
	padding:3px 8px 3px 8px;
	border:1px solid #ececec;
	text-decoration: none;
}


#index h1 {font-size:2.0em; margin:10px 0 10px 0;}
#index h1 a{color:black; text-decoration:none;}
#index h1 a:hover {color: #317AB8; text-decoration:none;}
#index h2 {font-size:15px;color:#3d7cb6;margin:10px 0 10px 0;}
#index li { list-style-type:disc; margin-top:5px;}
#index li a:link{color: #000; }
#index li a:visited{color: #000; }
#index li a:hover {color: #317AB8; text-decoration:underline;}
#index li span{ color:gray;}
#index  #left-bar{ float:left; width:705px; padding-bottom:25px;}
#index  #left-bar ul{ margin-left:15px;}
#index  #right-bar{ float:right; width:165px;}

#index  #left-bar-2{ float:left; width:605px;}
#index  #right-bar-2{ float:right; width:290px;}

.product-right-ul{ border:1px solid #999999; margin-top:8px; margin-bottom:8px;}
.product-right-ul h3 { font-size:13px; text-align:center; background-color:#F2F2F2; padding:6px;}
#right-bar-ul li{ list-style-type:none; padding-left:15px;}
#right-bar-ul li img{ padding-left:7px;}
#right-bar-ul li a{ color:#006699;}


.template-show a{ clear:both; padding:20px 29px 0 0;}
#all-img { margin-top:15px;}
#all-img td{ border:1px solid #ccc;} 

#conter-bottom{ margin-top:35px; border-top: 1px solid #ccc; padding-top:15px;}

#nav-3 li{ list-style:none;}

#right-flash-show{ text-align:center;}
.flash { text-align:center; padding-top:10px; padding-bottom:10px; padding-right:30px;}

#next-template-icon{ margin-left:4%; }
#next-template{ margin-left:14%; }
#next-template-1{ margin-left:11%; }
#nav-next { height:46px; float:left;}
#nav-next li{ float:left; list-style:none; margin-left:40px; }
#nav-next li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../images/next-1.jpg); width:213px; height:23px; }
#nav-next li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next li a:hover{ clear:left; background-image:url(../images/next-1-hover.jpg);}

#nav-next-2 { height:46px;}
#nav-next-2 li{ float:left; list-style:none; margin-left:1px;}
#nav-next-2 li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../images/next.jpg); width:215px; height:23px; }
#nav-next-2 li a p{ padding:12px 0 0 28px; font-size:12px;}
#nav-next-2 li a:hover{ clear:left; background-image:url(../images/next-hover.jpg); width:215px; height:23px;}


.next-template-center{ margin-left:14%; }
.nav-next-center{ height:46px; float:left; padding:16px 0 0 110px;}
#index .nav-next-center li{ text-align:center; list-style:none; margin-left:1px;}
.nav-next-center li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../images/next-1.jpg); width:213px; height:23px; }
.nav-next-center li a p{ padding:12px 0 0 28px; font-size:12px;}
.nav-next-center li a:hover{ clear:left; background-image:url(../images/next-1-hover.jpg);}

.nav-next-center-2 { height:46px; padding:16px 0 0 0;}
#index .nav-next-center-2 li{ float:left; list-style:none; margin-left:1px;}
.nav-next-center-2 li a{ color:#294C53; font-size:11px; font-weight:700; text-decoration:none; display:block;text-align:center; background-image:url(../images/next.jpg); width:215px; height:23px; }
.nav-next-center-2 li a p{ padding:12px 0 0 28px; font-size:12px;}
.nav-next-center-2 li a:hover{ clear:left; background-image:url(../images/next-hover.jpg); width:215px; height:23px;}


/* Features */

.knowledge, #news-1, .text { clear:both; padding-top:10px; border-top:thin; border-top-style: solid; border-top-color: #CCCCCC;}
.k-item  { float:left; width:320px; margin: 5px 13px 12px 20px;}
.knowledge p { font-size:11.5px;}

.info { clear:both; font-size:12px; font-weight:bold; padding-top:10px; height:50px;}
.info li { float:left; list-style-type:none; padding-right:20px; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.price { font-size:16px; color:#FF0000;}
#bottom-word{ clear:both; border-top:1px solid #ECECEC; width:685px;}

#logo-all img{ padding-bottom:5px;}




#drop-down{
		position: relative;
	}
	#drop-down:hover .sebmenu{
		display: block;
	}
	#drop-down table{
		display: none;
		top: 35px;
		position:absolute;
		border:1px solid;
		border-color:#DADADA;
		text-indent: 5px;
	}
	#drop-down table a{
		text-indent: 5px;
		height: 25px;
		text-align: left;
		padding: 0px;
		line-height: 25px;
	}
	#drop-down ul{
		background-color: #FFFFFF;
		right: -39px;
		top: 35px;
		position: absolute;
		display: none;
		border:1px solid;
		border-color:#DADADA;
	}
	#drop-down ul a:hover{ background:none;}
	#drop-down ul li{
		position: relative;
		color: #FFF;
		width: 137px; 
		float: none;
		display: block;
		line-height: 25px; margin-top:0px; 
		text-indent: 5px;
		
	}
	#drop-down ul li a:hover{
		color:#000000;
		background-color: #DADADA;
		}
	#drop-down ul li a{
		height:25px;
		padding-top:0px;
		text-align: left;
		float: none;
		background-image: none;
		margin: 0px;
		padding: 0px;
		width:136px;
		line-height: 25px;
	}
	#drop-down ul li table{
		border:1px solid;
		border-color:#DADADA;
		width: 240px;
		display: none;
		left: 137px;
		top: 0px;
		position: absolute;
		background-color: #FFF;
	}
	#drop-down ul li:hover table{ background-image:url(../images/Twonav1.png); border-right:1px solid #1D2B38; border-bottom:1px solid #1D2B38;
		background-repeat:no-repeat;
		display: block;
	}
	#drop-down ul li table a{
		margin: 0px;
		padding: 0px;
	}
	
   #drop-down ul li table a:hover{
		background-color: transparent;
		text-decoration: underline;
		}

	#drop-down:hover ul{
		display: block;
	}
	.more-pro{ float:right; margin-right:15px;}
	.last-pro{ padding-bottom:12px; }
	#download-li-a a{ width:137px;}