@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{ background:url(../images/dian.png) left 8px no-repeat; padding:0 0 5px 12px; text-align:justify;}
.main_left .note_li li{padding:2px 0 3px 10px; background:url(../images/dian.png) 0 10px no-repeat;}
.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:#424aa4;
	line-height:25px;}
	
.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;}
   
.main_left .link_con p{ background:url(../images/add.png) left 11px no-repeat; padding:5px 0 5px 15px;}
   
.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 url(../images/icon_list.png) no-repeat 10px;
	color:#fff;
	line-height:25px;
	padding-left:26px;
	margin-bottom:10px;
	}
.main_right .list_awards {background:#555989 url(../images/icon_list.png) no-repeat 10px;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; background:url(images/bottom_link_bg.png) no-repeat; 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;}
/* tab2 */
@media Screen, Projection {
.ui-tabs-hide { DISPLAY: none }
}
 @media Print {
.ui-tabs-nav { DISPLAY: none }
}
.ui-tabs-nav { }
.ui-tabs-panel { }
.ui-tabs-nav { PADDING-RIGHT: 0px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
.ui-tabs-nav:unknown {
 CLEAR: both;
DISPLAY: block;
content: " "
}
.ui-tabs-nav LI { MIN-WIDTH: 84px; FLOAT: left; MARGIN: 20px 0px 0px 1px }
.ui-tabs-nav A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(images/tabb.png) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
.ui-tabs-nav A SPAN { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(images/tabb.png) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
.ui-tabs-nav A { PADDING-LEFT: 0px; MARGIN: 1px 0px 0px; COLOR: #27537a; LINE-HEIGHT: 1.2; WHITE-SPACE: nowrap; TEXT-ALIGN: center; TEXT-DECORATION: none; outline: 0 }
.ui-tabs-nav .ui-tabs-selected A { MARGIN-TOP: 0px; Z-INDEX: 2; COLOR: #000; POSITION: relative; TOP: 1px }
.ui-tabs-nav A SPAN { PADDING-RIGHT: 0px; MIN-WIDTH: 64px; MIN-HEIGHT: 18px; WIDTH: 64px; PADDING-TOP: 6px; HEIGHT: 18px }
* > .ui-tabs-nav A SPAN { WIDTH: auto; HEIGHT: auto }
.ui-tabs-nav .ui-tabs-selected A SPAN { PADDING-BOTTOM: 1px }
.ui-tabs-nav .ui-tabs-selected A { BACKGROUND-POSITION: 100% -150px }
.ui-tabs-nav A:hover { BACKGROUND-POSITION: 100% -150px }
.ui-tabs-nav A:focus { BACKGROUND-POSITION: 100% -150px }
.ui-tabs-nav A:active { BACKGROUND-POSITION: 100% -150px }
.ui-tabs-nav A { BACKGROUND-POSITION: 100% -100px }
.ui-tabs-nav .ui-tabs-disabled A:hover { BACKGROUND-POSITION: 100% -100px }
.ui-tabs-nav .ui-tabs-disabled A:focus { BACKGROUND-POSITION: 100% -100px }
.ui-tabs-nav .ui-tabs-disabled A:active { BACKGROUND-POSITION: 100% -100px }
.ui-tabs-nav .ui-tabs-selected A SPAN { BACKGROUND-POSITION: 0px -50px; color:#fff; }
.ui-tabs-nav A:hover SPAN { BACKGROUND-POSITION: 0px -50px; color:#fff; text-decoration:none;  }
.ui-tabs-nav A:focus SPAN { BACKGROUND-POSITION: 0px -50px }
.ui-tabs-nav A:active SPAN { BACKGROUND-POSITION: 0px -50px }
.ui-tabs-nav A SPAN { BACKGROUND-POSITION: 0px 0px }
.ui-tabs-nav .ui-tabs-disabled A:hover SPAN { BACKGROUND-POSITION: 0px 0px }
.ui-tabs-nav .ui-tabs-disabled A:focus SPAN { BACKGROUND-POSITION: 0px 0px }
.ui-tabs-nav .ui-tabs-disabled A:active SPAN { BACKGROUND-POSITION: 0px 0px }
.ui-tabs-nav .ui-tabs-selected A:link { CURSOR: text }
.ui-tabs-nav .ui-tabs-selected A:visited { CURSOR: text }
.ui-tabs-nav .ui-tabs-disabled A:link { CURSOR: text }
.ui-tabs-nav .ui-tabs-disabled A:visited { CURSOR: text }
.ui-tabs-nav A:hover { CURSOR: pointer }
.ui-tabs-nav A:focus { CURSOR: pointer }
.ui-tabs-nav A:active { CURSOR: pointer }
.ui-tabs-nav .ui-tabs-deselectable A:hover { CURSOR: pointer }
.ui-tabs-nav .ui-tabs-deselectable A:focus { CURSOR: pointer }
.ui-tabs-nav .ui-tabs-deselectable A:active { CURSOR: pointer }
.ui-tabs-disabled { FILTER: alpha(opacity=40); opacity: .4 }
.ui-tabs-panel { PADDING-RIGHT: 8px; BORDER-TOP: #97a5b0 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fff; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; +margin-top:-10px;
}
.ui-tabs-loading EM { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(images/loading.gif) no-repeat 0px 50%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
* HTML .ui-tabs-nav { DISPLAY: inline-block }
*:first-child + HTML .ui-tabs-nav { DISPLAY: inline-block }


#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;}

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