/* CSS Document */

@import url(basic.css);
@import url(hack.css);
@import url(home.css);
@import url(pagebasic.css);

a{
	color:#00F;
}

#page{
	padding:0;
}

h3{
	font-size:25px;
	padding-bottom:10px !important;
	padding-bottom:3px;
	padding-right:20px;
	background:url(../image/bg_hr_5px.gif) bottom repeat-x;
}

	h3 strong.free{
		font-weight:bold;
	}
	
	h3 .exp{
		color:#666;
		margin-left:10px;
	}
	
	h3 .add{
		font-size:12px;
	}
/*  layout  */
.pageLeft{
	width:700px;
	padding-top:20px;
}

.pageRight{
	width:250px;
	margin-top:20px;
}

.leftCol{
	float:left;
}

.rightCol{
	float:right;
}

.mainCol{
	margin-left:92px;
	border-left:1px dotted #CCC;
	padding-left:15px;
}

/*  elements  */

.prodMainNavWrap{
	padding-bottom:3px;
}

.prodMainNav{
	padding-bottom:3px;
	margin-bottom:-3px;
}

.prodMainNav li{
	display:inline;
	overflow:hidden;
}

.prodMainNav li a{
	border:1px solid #CCC;
	padding:10px 15px;
	line-height:31px;
	background:#EEE;
	border-bottom-color:#CCC;
	
	color:#000;
	text-decoration:none;
	text-align:center;
}

.prodMainNav li a.current{
	background:#FFF;
	border-bottom-color:#FFF;
}

.prodMainNav li a:hover{
	background:#FFF;
	color:#000;
}

.prodMainNav li a.current:hover{
	background:#FFF;
	color:#000;
}

/*

.prodMainNav {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: -3px;
	border-bottom: 1px solid #D4D0C8;
}

.prodMainNav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	margin-left: 4px;
}

.prodMainNav a, a.active {
	color: #6A6651;
	text-decoration: none;
	padding: 6px;
	margin: 0px;
	background: #F5F4F1;
	border: 1px solid #D4D0C8;
}

.prodMainNav a.active {
	background: #EDEDE8;
	border: 1px solid #D4D0C8;
	border-bottom: 1px solid #EDEDE8;
}

.prodMainNav a:hover {
	background: #FBFBF9;
}


*/
.contentWrap{
	border:1px solid #CCC;
	border-top:0px none;
	
	padding:14px 0;
}

.pageSum{	
	padding:15px;	
	background:#FFC;
}

.pageSum p{
	margin-right:170px;
}

.pageSum .btn_download{
	float:right;
	display:inline;
	margin-right:10px;
}

.prodList dl{
	border-top:0;
	border-bottom:1px dotted #CCC;
	padding:15px 0;
	margin-bottom:5px;
}

.prodList dl dt{
	float:left;
	width:81px;
	height:81px;
}

.prodList dl dd{
	margin-left:90px;
}

.prodList h2{
	font-size:25px;
	margin-top:5px;

}

.prodList h2 span{
	font-size:12px;
	color:#F00;
}

.prodList h2 a{
	font-size:14px;
	font-weight:400;
	color:#00F;
}

.prodList .payment{
	padding:10px;
	background:#EEE;
	margin-bottom:5px;
	text-align:right;
}

.prodList .payment label{
	float:left;
	font-size:14px;
}

.prodList .payment .cost{
	font-size:14px;
	color:#F00;
	font-weight:bold;
}

.prodList .payment .ocost{
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:line-through;
}

.prodList .payment .scost{
	font-size:12px;
	color:#000;
	font-weight:bold;
}

.prodList .payment .btn_buy{
	float:right;
	display:inline;
	text-align:left;
	margin:-3px 10px 0;
}

.cardPayment{
	border-bottom:1px dotted #CCC;
	padding-bottom:7px;
}

.cardPayment a{
	color:#F60;
	font-weight:bold;
	font-size:13px;
	display:block;
	line-height:1.7;
}

.cardPayment .btn_cardActive{
	float:left;
}

.cardValidate{
	color:#666;
	font-size:13px;
	padding:5px 0;
	margin-bottom:15px;
}

.cardValidate a{
	background:#DDD;
	padding:2px 8px;
}

/*	leftCol*/

.leftCol a{
	color:#00C;
	text-decoration:none;
}
		
.leftCol .centerTxt{
	margin-top:10px;
}

/*	leftnav	*/
.leftNavWrap{
}

	.leftNavWrap ul{
		width:95px;
	}
		
		.leftNavWrap ul li{
			display:block;
			border:1px solid #FFF;
		}
		
		.leftNavWrap ul a{
			margin:0;
			display:block;
			background:url(../image/btn_leftnav.gif) no-repeat;
			
			padding:6px 15px;
			margin-top:5px;
			font-size:14px;
			

		}
		
		.leftNavWrap ul a.current{
			background:url(../image/btn_leftnav_cur.gif) no-repeat;
			color:#000;
		}
		
/*	mainCol	*/


#pageInfo{
	padding:18px;
	background:#FFC;
	margin-top:10px;
}

	#pageInfo strong{
		margin-right:20px;
	}

.boxDL{
	background:#EEE;
	padding:20px;
}

	.boxDL_dlb div{
		float:left;
		margin-right:20px;
	}
	
	.boxDL_dlb div#softinfo{
		margin:0;

	}
	
	.boxDL_dlb div.colRight{
		float:right;
		margin-right:0;
	}
	
	.boxDL .dl a{
		background-image:url(../image/icon_dl.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		font-weight:bold;
	}
	
	.boxDL .dl strong{
		font-size:12px;
		padding-left:15px;
	}

.boxBetter{
	border:1px solid #CCC;
	margin-top:20px;
}
	.boxBetter .title{
		padding:5px 20px;
		border-bottom:1px dotted #CCC;
	}
	
	.boxBetter .scrollWrap{
		padding:10px 0;
	}
		.boxBetter .scrollWrap .scrollbox{
			height:200px;
			padding:0 20px;
		}

/*	rightcol	*/

.tip{
	background:#FFC;
	padding:5px 10px;
}

/*	prodintro*/

.funcBody{
  display:block;
  position:static;
  width:550px;
  margin:10px 0;
  min-height:130px; 
  padding:10px 0;
  border-bottom:1px dashed #CCCCCC;
}

.funcBody .Body_l {
  float:left;
  width:48%;
} 

.funcBody .Body_r {
  float:right;
  width:48%;
}

.funcBody h6 {
  text-align:center;
  margin:0 0 10px 0;
  border:0;
  font:600 12px  "ËÎÌå", Arial;
  color:#000099;
}

.funcBody a {
  color:#003399;
  text-decoration:underline;  
}



