@charset "utf-8";
/* CSS Document */
td {
   padding:5px;}

a {
   text-decoration:none;
   color:#424aa4;}
.nav {
    margin:4px 0px;
	padding-left:15px;}
	
.nav a{
    color:#666666;
	text-decoration:none;}
	
h4 {
    font-size:14px;
	color:#424aa4;
	font-weight:bold;}
	
/* Main*/
.main_left {
    width:680px;
	padding:6px;
	margin-right:10px;
	margin-left:10px;
	line-height:18px;
	}
.main_left ul,ol,li{margin:0;padding:0;list-style:none;}
.main_left .ul_res{  padding:0 0 5px 12px; text-align:justify;}
.main_left .note_li li{padding:2px 0 3px 10px; }
.main_left h1 {
    font-size:16px;
	font-weight: bold;
	color:#424aa4;
	line-height:30px;
	margin-bottom:8px;}
	
.main_left h2 {
    font-size:13px;
	font-weight: bold;
	color:#555;
	line-height:35px;}
	
.main_left .txt{
   width:400px;}

.main_left .bigtxt{font-size:14px; font-weight:bold;}

.main_left .pro{
   float:right;
   width:180px;}
   
.main_left .pro img{
   margin-bottom:6px;}
      
.btn {
   padding:5px 0px;}
   
.btn img{
   margin-right:4px;}
   
   
.main_right {
    width:220px;
	float:right;
	margin-right:5px;
	}
	
.main_right .list {
	background:#efefef;
	margin-top:6px;
	padding-bottom:15px;
	font-size:11px;}
.main_right .listMenu {
	background:#efefef;
	margin-top:6px;
	padding-bottom:15px;
	font-size:11px;}
	
.main_right .list_top {
    background:#555989;
	color:#fff;
	line-height:25px;
	padding-left:26px;
	margin-bottom:10px;
	}
.main_right .list_awards {background:#555989;color:#fff;line-height:25px;padding-left:26px;}	
.main_right .list_img {width:220px; background-color: #fff; margin: 0 0;}
.main_right .list_img img {margin: 0 auto;}
.main_right .list  li{margin-left:30px;line-height:20px;}
.main_right .listMenu li{ list-style-type:none;}
.main_right .listMenu li a {display:block;padding-left:30px;line-height:22px;background:url(images/ico_07.gif) no-repeat 15px center;}
.main_right .listMenu li a:hover {background:url(images/ico_07.gif) no-repeat 15px center #d5d5d5;text-decoration:none;}
.main_right .product_list {margin:0px 10px 10px 10px;border:1px solid #CCCCCC;} 
.main_right .product_list a {display:block;height:50px;padding:6px;background:#FFFFFF;font-size:12px;line-height:18px;}
.main_right .product_list a:hover { background:#e8eaff; text-decoration:none;}
.main_right .product_list a:hover b { text-decoration:underline;}	 
.main_right img {float:right;margin-right:6px;border:none;}
	
#tab { padding: 0; margin:0 auto; }
#tab .menubox { width:100%; height:28px; line-height:28px; border-bottom:1px solid #CCCCCC;}
#tab .menubox ul { margin:0;}
#tab .menubox li { float:left; display:block; cursor:pointer; width:80px; text-align:center; height:28px; line-height:28px; margin-left:1px; list-style:none; background:url(images/tabb.png) no-repeat;}
#tab .menubox li.hover { padding:0; width:80px; background:url(images/tab_hover.png) no-repeat; height:28px; line-height:28px; color:#fff; margin-left:1px; _margin-left:0; }
.contentbox { margin:10px 0; }
.contentbox .item { border-bottom:1px solid #e5e5e5; padding:18px; overflow:hidden; zoom:1; position:relative; }
.contentbox .item .pic { position:absolute; left:5px; top:20px;}
.contentbox .item .pic_r { position:absolute; left:520px; top:20px;}
.contentbox .item .item-right-con {float:right;width:502px; padding-left:20px; text-align:justify;}
.contentbox .item .item-right { width:480px; padding-left:20px; padding-right:160px; _padding-right:140px; }
.contentbox .item .item-right p { margin:10px 0; }
.contentbox .item .item-right h4 {font-size:13px;color:#424aa4;font-weight:bold;}
.contentbox .item .item-right .link-bottom { height:22px; background:#eee; width:270px; line-height:22px; padding:0 10px; }
.contentbox .item .item-right .link-bottom span { margin-right:20px; }
.contentbox .item .item-right .link-bottom .bg-black { color:#fff; }
.contentbox .item .detail{padding-left:20px;text-align:justify;}
.contentbox .item .download_size{ font-weight:normal;font-size:14px; position:relative; left:5px; top:-15px;+top:-15px;}
.contentbox p{ margin:10px 0; }

 

#system {
    padding:10px 10px 25px 10px;
	color:#000;
	background:#fff;}
	
	
#content .pro_left{
    width:450px;
	padding:10px 5px 10px 15px;
	margin-bottom:20px;
	}
	
#content .price{
    color:#363b70;
	font-weight:bold;
	}
#content .price img{
	vertical-align:middle;
	}
	
#content .btn_learn{
     margin-left:10px;
	 margin-right:10px;
	}
#content .btn_learn2 {
	 margin-right:20px;
	}

#content .intro { 
     float:right;
	 width:316px;
	 padding-top:4px;
	 padding-right:8px;
	 line-height:15px;}
	 
#content h1 a{
     margin:0px;
	 line-height:30px;
	 font-size:14px;
	 font-weight:bold;
	 color:#272961;
	 text-decoration:none;}

#content .pro_right{
    width:450px;
	float:right;
	padding:10px;
	margin-bottom:10px;
	}
	
	
/*purchase*/
.pro2 {
   float:right;
   width:210px;
   }
   
#pay {
	color:#000;
	background:#e9e9e9;
	border:1px solid #CCCCCC;
	margin-top:15px;
	margin-bottom:15px;}
	
#pay .top{
    background:#555989;
	color:#fff;
	line-height:26px;
	padding-left:5px;
	text-align:left;}
	
#pay .payfor{
     color:#000;
	line-height:26px;}


#pay .payfor li{
    margin-left:30px;
	line-height:20px;
	margin-bottom:8px;
	margin-top:8px;}
	
.pro_left1{width:330px;}
.pro_left1 h2 a{margin:0px;line-height:30px;font-size:12px;font-weight:bold;color:#272961;text-decoration:none;}
	 
.pro_left1 .intro1 { 
     float:right;
	 width:206px;
	 padding-top:4px;
	 padding-right:8px;
	 line-height:15px;}
		 
.pro_right1{
    width:330px;
	float:right;}
	
.pro_right1 h2 a{
     margin:0px;
	 line-height:30px;
	 font-size:12px;
	 font-weight:bold;
	 color:#272961;
	 text-decoration:none;}
	
.pro_right1 .intro1 { 
     float:right;
	 width:206px;
	 padding-top:4px;
	 padding-right:8px;
	 line-height:15px;}
	
/*support*/
.key {
   float:right;
   width:530px;}
   
   
/*sitemap*/
#sitemap {
   }

#sitemap li{
   font-size:13px;
   list-style:square;
   font-weight:bold;
   line-height:40px;
   }
   
#sitemap .pro_intro{
    margin-left:40px;
	background:#E8E8E8;
	font-size:11px;
	font-weight:normal;
	line-height:25px;
	padding-left:10px;
   }
   
#step{ font-size:14px;
font-weight:bold;}   
   
.note {
    width:400px;
	padding:5px;
	margin-right:10px;
	float:right;}
	
.note_list {
    margin:5px 0 20px 0;}


/*jofii add 090812*/
.btnView { background:url(images/product_search.jpg) no-repeat; width:122px; height:19px; display:block; margin:5px auto; padding-left:10px;}

/*jerry modidfy 100413*/
.btnComparison { background:url(images/product_comparison.jpg) no-repeat; width:122px; height:19px; display:block; margin:5px auto; padding-left:10px;}

.btnDownFree a {font-size:18px; color:#FF6600; font-family:'Times New Roman'; line-height:40px; text-decoration:underline;}

ul.list { display:block; margin-left:30px;}
ul.list li {width: 155px;
float: left; list-style-type:disc;}
ul.list2 { display:block;}
ul.list2 li {width: 285px;
float: left; list-style-type:disc;}

*{margin:0;padding:0;}
.clear{ clear:both;}
body {
    margin:0px;
	background: url(images/bg.png) repeat-x left top #87b7d4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;}
	
img {
    border:0px;}
	
.bg_wrap {background:url(images/top_bg.jpg) no-repeat right top;}
#content {
    width:944px;
	margin:0px auto;
	text-align:left;
	margin-top:8px;
	color:#666666;}

#content .nav {
    margin:5px 0px;
	padding-left:15px;}
	
#content .nav a{
    color:#666666;
	text-decoration:none;}
	
	
a {
   text-decoration:none;
   color:#424aa4;}

a:hover {
   text-decoration:underline;
   color:#424aa4;}   
	
.container {
   width:960px;
   margin:0px auto;}
   
#head {
   height:65px;
   padding:10px 0 0 0;
   }
   
#head .txt {
    margin-left:300px;
	padding-top:25px;
   }
  
#head .sitemap {
    float:right;
	margin-right:5px;
	background:#fff;}  
   
#head p {float:right;}
#head p a {float:right;display:block; background:url(images/top_nav.png) no-repeat left top; width:182px; height:19px; line-height:16px; padding:0 0 0 20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}

.line {
   height:1px;
   width:920px;
   margin:0 auto;
   background:#CCCCCC;
   overflow:hidden;}
   
#main {
    }
	
#main #nav {
    margin:0px;
	padding:0px;
	color:#282828;
	font-size:12px;
	font-weight:bold;
	background:url(images/nav.png) no-repeat center top;
	height:28px;
	padding:3px 6px 0 9px;
    }
	
#main #nav ul{
	left:0px;
    }
	
#main #nav li {
	position:relative;
	list-style:none;
	float:left;
	height:28px;
	width:120px; 
	display:block;
	}
#main #nav li.hover {background:url(images/nav.png) no-repeat -123px -42px;}
#main #nav li.hover.home {background:url(images/nav.png) no-repeat left -42px;}
#main #nav li.hover a,#main #nav li.hover.home a {color:#fff;}
#main #nav li a {
	float:left;
    text-decoration:none;
	color:#333333;
	line-height:28px;
	height:28px;
	width:120px; 
	text-align:center;
	display:block;
	}
	
#main #nav li a:hover {
    background:url(images/nav.png) no-repeat -243px -42px;color:#ffffff;
	}
#main #nav li.home a:hover {
	background:url(images/nav.png) no-repeat 0 -42px;color:#ffffff;
}
#main #nav li.pc, #main #nav li.mac { width: 180px;}

#main #nav li.pc a, #main #nav li.mac a { width: 180px;}

#main #nav .sel {
    background:url(images/nav.png) no-repeat -243px -42px;
	list-style:none;
	color:#fff;
	}
#main #nav .sel.home {background:url(images/nav.png) no-repeat left -42px;color:#fff;}	
#main #nav .sel a,#main #nav .sel.home a{color:#fff;}
	
#main #nav li ul {display:none;position:absolute;top:30px;left:0px;width:100px;background:#eee;padding:4px 8px;}
#main #nav li ul li {float:none;position:static;background:none;}
#main #nav li ul li a {display:inline;color:#444;padding:0;font-size:11px;font-weight:normal;line-height:2em;}
#main #nav li ul li a:hover {background:none;color:#f60;}
	
#main .banner {
    background:#FFFFFF;
	padding:5px;
	text-align:center;
	border:#929292 1px solid;
border-radius:5px;
	}
	

   
   
   
#bottom {
   width:940px;
   background:#000000;
   color:#CCCCCC;
   padding:5px;
   text-align:center;}
   
#bottom a{
    text-decoration:none;
	color: #CCCCCC;
	margin-left:2px;}
	 
.logo{display:block; float:left; width:256px; height:50px; background: url(images/logo.png) no-repeat left top;}
.addthis_floating_style {  border:1px solid #dbdbdb;box-shadow:0 2px 3px #dbdbdb; padding:10px 6px 15px !important;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fcfcfc',endcolorstr='#ededed',gradientType=0); background: -moz-linear-gradient(top, #fcfcfc, #ededed 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ededed));}