@charset "utf-8";
#HTMLbody{
width:760px;
margin:0 Auto;
border: none;
background: none;
}
img{
	border: none;
}
.massage{
border:1px solid #999999;

}
.massagetext{
border:1px solid #999999;
width:665px;
height:150px;
}
.clear{
	height:1px;font-size:1px;overflow:hidden;
	float:none;
	clear: both;
}
.dotted{
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.searchResult{
background-color:#BDD7EA;
color:#45719D;
}
/* product ======================================= */
#product{
}
#product .view {
	width:100px;
	float:left;
	margin-right:7px;
	margin-bottom:10px;
	padding:2px;
	text-align: center;
	overflow:hidden;
}
#product .view .pic{
background-color: white;
}
#product .view .pic table{
	width:88px;
	height:88px;
	padding:3px;
	line-height: 88px;
	overflow: hidden;}
#product .view .pic img {
	max-width: 84px; 
   max-height:84px;
   width: expression(this.width >84 && this.height < this.width ? 84: true);
   height: expression(this.height > 84 ? 84: true);
}
#product .view .no{
	color:#6D9EC8;
}

#product #details .info {
float: left;
width:250px;
padding-right:20px;
}
#product #details .info .title{
	font-weight: bolder;
}
#product #details .info div{
	padding:3px 0 3px 0;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#product #details .info .name{
	height:20px;line-height:20px;
	font-weight:bolder;
	font-size:14px;
}
#product #details .info .keyword{
	width:250px;overflow:hidden;
	word-break :break-all;
}
#product #details .hit span{color:red;}
#product .view .name{ font-weight: bolder; }

#product #pImagesBase {
float:left;
height:330px;
}
#product #pImages{
position:absolute;z-index:10;
width:304px;
}
#product #details .info .PRDbutton{
		border: none;
		height:70px;
}
#product #details .info .PRDbutton div{
	float:left;
	border: none;
	height: 53px;
	padding:0;margin:0;
	margin-right:5px;
	margin-top:10px;
}
#product #details .info .PRDbutton .clear{
	clear:both;
}
#product #details .info .PRDbutton a{
	   display:block;
	width:46px;height:53px;
	background-repeat: no-repeat;
}
#product #details .info .PRDbutton .contact a{
	background-image: url(images/button_phone.gif);
}
#product #details .info .PRDbutton .mail a{
	background-image: url(images/button_mail.gif);
}
#product #details .info .PRDbutton .message a{
	background-image: url(images/button_message.gif);
}
#product #details .info .PRDbutton .hit{
	background-image: url(images/button_hotBox.gif);
	background-position:0 -53px;
	margin-right:10px;
	padding:0;
}
#product #details .info .PRDbutton .hit span{
  display:block;float:left;
	background-image: url(images/button_hotBox.gif);
	background-repeat: no-repeat;
   margin:0;padding:0;
	padding-left:36px;

	
}
#product #details .info .PRDbutton .hit span a{
   width:auto;height:53px;float:left;
	line-height:50px;
	background-image: url(images/button_hotBox.gif);
	background-repeat: no-repeat;
	background-position:right -106px;
	font-size:11px;
	padding:0 15px 0 5px;
	font-weight: bold;
	}
#product #pImages{
  width:306px;
background-color:#E3EFF9;
}
#product #pImages .imgs {float:left;}
#product #pImages .imgMenu {
width:30px;
height:20px;
line-height:20px;
text-align:center;
border:1px solid #E3EFF9;
cursor:pointer;
background-color: white;
}

#product #pImages .imgShow {
width:304px;
height:304px;
position:absolute;
left:0;
top:20px;
background:white;
border:1px solid #E3EFF9;
}
#product #pImages .imgShow img {
	max-width: 300px; 
   max-height: 300px;
   width: expression(this.width >300 && this.height < this.width ? 300: true);
   height: expression(this.height > 300 ? 300: true);
}
#product #pImages .imgpath {
width:250px;
border:none;
}
#product #pImages .imgsX{
	float:right;
}
#product #pImages .imgMenuX{
	width:100px;
	color:Gray;
	padding-top:3px;
	padding-right:5px;
	text-align: right;
}
#product .contentBox{
}
#product .searchView{
	clear:both;
	padding:5px 0 5px 0;
}
#product .searchView .pic{
width:80px;height:80px;
	padding:3px;
	float:left;
	background-color: white;
	
}
#product .searchView .information{
	padding-left:10px;
	width:340px;
	overflow: hidden;
		float:left;
}
#product .searchView  .PLinks{
	float: right;
	height:50px;width:110px;
	padding-top:10px;
}
#product .searchView .name{font-size:16px;font-weight: bolder; }
#product .searchView .synopsis{
	padding-bottom:5px;
}
#product .searchView .keywords{
	color:#45719D;
	word-break :break-all;
	width:360px;overflow:hidden;
}
#product .searchView .keywords span{
	font-weight:bold;
}
#product .searchView .date{
  text-align:right;padding-bottom:3px;
}
/* orderList ===================================== */

#orderList ul{
	width:100%;
}
#orderList ul li{
	float:left;
	border-bottom: 1px dashed Gray;
   border-right:1px dashed Gray;
	height:30px;
	line-height:30px;
	padding-left:5px;
}
#orderList .title li{
	height:25px;
	border-top: 1px dashed Gray;
}
#orderList ul .col1{width:30px;border-left:1px dashed Gray;text-align:center;}
#orderList ul .col2{width:250px;}
#orderList ul .col3{width:100px;}
#orderList ul .col4{width:100px;}
#orderList ul .col5{width:100px;}
#orderList ul .col6{width:50px;}

.messages{
	background-color: #E0E0E0;
}
#messageContent .messageMenu{
	background-color: #F9F9F9;
	padding:5px;
	border: 1px solid #DDDDDD;
	margin-bottom:5px;
	height:30px;
}
#messageContent .messageList{
	background-color: #F9F9F9;
	padding:5px;
		border: 1px solid #DDDDDD;
}
#messageContent .messageForm{
	background-color: #F9F9F9;
	padding:5px 5px 5px 20px;
		border: 1px solid #DDDDDD;
		margin-top:10px;}
#messageContent .view {
	border: 1px solid #DDDDDD;
	margin-bottom:5px;
}
#messageContent .view .title{
	background: #F2F2F2;
	height:22px;line-height:22px;
	padding-left:7px;
	font-weight:bolder;
}
#messageContent .view .title img{
	position:relative;
	margin-right:5px;
	top:2px;
}
#messageContent .view .user{
	padding-left:5px;padding-right:5px;
}
#messageContent .view .user div{
	float:left;
	padding-right:30px;
	height:25px;
	line-height: 25px;
}
#messageContent .view .user .name{
width:150px;}
#messageContent .view .user .date{
	float:right;
	padding-right:10px;
}
#messageContent .view .content{
	padding:10px;
}
/* advertisment ========================== */

.MainPromotionBanner{
   position:absolute;
	background-color: #3288CE;
	z-index:1;
	width:760px;
	height:200px;
	overflow: hidden;	
}
.MainPromotionBanner .SlidePlayer {
	position:relative;
	padding: 0;margin: 0;
	margin: 0 auto;
	width:760px;
	height:200px;
	overflow: hidden;	
}
.MainPromotionBanner .Slides{
	padding: 0;margin: 0;
	list-style: none;
	height: 200px;
	overflow: hidden;
}
.MainPromotionBanner .Slides li {
	float: left;
	height: 200px;overflow:hidden;
}

.MainPromotionBanner .Slides img{
	border:0;
	display: block;
}

.MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 170px; 
	right: 0px;
	z-index: 10;
	height: 25px;
	margin-right:10px;
}
.MainPromotionBanner .Slides img{
	border:0;
	display: block;
}

.MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 170px; 
	right: 0px;
	z-index: 10;
	height: 25px;
	margin-right:10px;
}

.MainPromotionBanner .SlideTriggers li{
	float: left;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;height: 16px;
	font-size:9px;
	cursor: pointer;
	overflow: hidden; 
	margin:2px 2px;
	background-color: Black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	border:0; 
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	height: 18px;width: 18px;
	margin:0 2px; 
	background-color: Black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/*-----------------------------------------------------*/
#rightAder .MainPromotionBanner{
   position:absolute;
	background-color: #3288CE;
	z-index:1;
	width:580px;
	height:140px;
	overflow: hidden;	
}
#rightAder .MainPromotionBanner .SlidePlayer {
	position:relative;
	padding: 0;margin: 0;
	margin: 0 auto;
	width:580px;
	height:140px;
	overflow: hidden;	
}
#rightAder .MainPromotionBanner .Slides{
	padding: 0;margin: 0;
	list-style: none;
	height: 140px;
	overflow: hidden;
}
#rightAder .MainPromotionBanner .Slides li {
	float: left;
	height: 140px;overflow:hidden;
}

/*  ===================================== */
#messageForms {}
#messageForms div{
clear: both;
}

#messageForms span{
display:block;
float:left;
}
#messageForms .tit{
   height:25px;
	width:100px;
	font-weight:bolder;
	color: #768899;
	text-align: right;
	padding-right:20px;
}
#messageForms .MStitle input{width:400px;}
#messageForms .MSname input{width:400px;}
#messageForms .MScontact input{width:400px;}
#messageForms .MScontent .tit{height:120px;}
#messageForms .MScontent textarea{
width:400px;height:150px;
overflow:auto;
}
#messageForms .button{
	padding-top:16px;
	padding-left:120px;
}
#messageForms .button input{
float:left;
margin-right:10px;
}


/*showPages pages===============================================================*/
#showPages {
height:20px;
}
#showPages .pages{
}
#showPages .pages .pageInfo{
float:left;
height:16px;
line-height:16px;
margin-left:0px;margin-right:20px;
padding-left:5px;padding-right:5px;
}
#showPages .pages .pageInfo .totalPages{
	display:block;
	float:left;
	margin-right:20px;
}
#showPages .pages .pageInfo .red{
	color:red;
	font-weight:bolder;	
}
#showPages .pages .pageInfo .totalRecord{
	display:block;
	float:left;
}
#showPages .pages .pageLink{
	float:left;
}
#showPages .pages .pageLink a{
	display:block;
	float:left;
	font-weight:bolder;
	text-decoration: none;
	text-align: center;
	margin-right:2px;
	height:16px;
	line-height:16px;
}
#showPages .pages .pageLink a:hover{
	color:red;
}
#showPages .pages .pageLink .prev{padding:0 5px;}
#showPages .pages .pageLink .page{padding:0 5px;}
#showPages .pages .pageLink .next{padding:0 5px;}
#showPages .pages .enterPage input{
	height:14px;
	width:40px;
	border:1px solid #C2D8EA;
	margin:0;padding:0;
}
/*===============================================================*/
.catalogPaths{
margin-bottom:10px;
}
.catalogPaths .catalogPath{
	height:20px;line-height:20px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	text-align: right;
}
.catalogDetial{
	margin-bottom:20px;
}
.catalogDetial .catalogName{
	font-size:20px;
}
.catalogDetial .catalogContent{
	font-size:11px;
	line-height:16px;
}
/*===============================================================*/
#cateTrees{padding:2px;}
#cateTrees .tree{}
#cateTrees .treeBranch .treeBranch{display:none;}
#cateTrees .treeBranchActive{display:block;}
#cateTrees .treeBase{
   height:22px;line-height:22px;
	background: #D8E9F7;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	clear:both;
	
}
#cateTrees .treeBase a{
	display:block;float:left;
	width:130px;
}
#cateTrees .treeBase .click{
	width:20px;height:22px;
	font-size:0;
	float:left;
	background-image: url(images/web_icon_039.gif);
	background-position:2px 2px;
	background-repeat: no-repeat;
}
#cateTrees .treeBase .degree{
   background-image: url(images/web_icon_110.gif);
	background-position:2px 1px;
	background-repeat: no-repeat;
	cursor:pointer;
}
#cateTrees .selected{font-weight:bolder;}
}
#cateTrees .selected .click{
	background-image: url(images/web_icon_010.gif);
	background-position:2px 1px;
	background-repeat: no-repeat;
}
#cateTrees .selected .degree{
	background-image: url(images/web_icon_010.gif);
	background-position:2px 1px;
	background-repeat: no-repeat;
}
#cateTrees .tree .tree .treeBase{
padding-left:5px; 
background: none;
	background-image: url(images/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#cateTrees .tree .tree  .tree .treeBase{padding-left:10px;}

/*-----------------------------------------------------------------------*/
#navTrees{}
#navTrees .tree{}
#navTrees .treeBranch{display:none;}
#navTrees .treeBranchActive{display:none;}
#navTrees .treeBranchHover{
	position:absolute;
	left:100%;
	margin-top:-21px;
	width:150px;
}
#navTrees .treeBase{
	cursor:pointer;
}
#navTrees .tree .treeBaseName{
	width:100%;
}
#navTrees .tree .click{}
#navTrees .tree .degree{}
#navTrees .tree .selected{}
/*-----------------------------------------------------------------------*/
#album{}
#album .view{
float:left;
margin:0 10px 16px 0;
padding:5px;
text-align:center;}
#album .view .img{
width:120;height:120;
border:1px solid #cccccc;
padding:3px;}
#album .view .img img{
   max-width: 120px; 
   max-height: 120px;
   width: expression(this.width >120 && this.height < this.width ? 120: true);
   height: expression(this.height > 120 ? 120: true);}
#album .view .chobject .date{color:#cccccc;}

#document{}
#document div{
	padding:0;margin:0;
}
#document .view{
  border-bottom:7px solid white;}
#document .view .chObject{
	border-bottom:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
	clear: both;
	height:30px;
}
#document .view .chObject div{
	float:left;
	border-right:1px dashed #cccccc;

	height:30px;line-height:30px;
	padding-left:7px;
}
#document .view .chObject .no{width:5%;}
#document .view .chObject .icon{width:4%; background-position:center center;}
#document .view .chObject .name{width:35%;font-weight:bolder;}
#document .view .chObject .size{width:20%;}
#document .view .chObject .size span{color:green;font-weight:bolder;}
#document .view .chObject .date{width:14%;}
#document .view .chObject .download{border-right:none;}
#document .view .chObject .download  a{
display:block;padding-left:16px;height:25px;line-height:25px;
background-image: url(images/web_icon_007.gif);
background-repeat: no-repeat;
background-position:0 7px;}
#document .view .content{
	line-height:18px;
	padding:10px;
}
#document .downloadDetail{
	padding:10px;
}
#document .downloadDetail .chObject{
	border-bottom:1px solid #C2D8EA;
	padding-bottom:10px;
	margin-bottom:20px;
}
#document .downloadDetail .name{
	padding-left:20px;
}
#document .downloadDetail .download{
	float:right;width:100px;}
#document .downloadDetail .download  a{
display:block;padding-left:16px;height:25px;line-height:25px;
background-image: url(images/web_icon_007.gif);
background-repeat: no-repeat;
background-position:0 5px;}
/*-----------------------------------------------------------------------*/
#newsList{}
#newsList .view{
	line-height:20px;
	margin-bottom:16px;
	padding:10px 0;
}
#newsList .view{
	float:none;
}
#newsList .view .clear{
	clear:both;
}
#newsList  .view .icon{
display:block;width:20px;height:20px;
float:left;
background-image: url(images/web_icon_038.gif);
background-repeat: no-repeat;}
#newsList .view div{
}
#newsList .view .title{
	font-weight: bolder;
	font-size:16px;
}
#newsList .view .title a{color:#1073C3;}
#newsList .view .date{
	font-size:16px;
	color: #999999;
	font-weight: bolder;
	padding-left:25px;
}
#newsList .view .content{
	padding-left:25px;
}

#newsList .detail .info{
	text-align: center;
	padding-bottom:20px;
}
#newsList .detail .info .title{
	font-size:22px;
	font-weight:bolder;
}
#newsList .detail .info .Keyword{
	border-top:1px dashed #cccccc;
}
#newsList .detail .info .hit{
	border-bottom:1px dashed #cccccc;
}
#newsList .detail .content{
		border-bottom:1px dashed #cccccc;
		padding-bottom:30px;
}
#newsList .detail .date{
	text-align: center;
}
#newsList .searchView{
	
}
#newsList .searchView .icon{
display:block;width:20px;height:20px;
float:left;
background-image: url(images/web_icon_038.gif);
background-repeat: no-repeat;}
#newsList .searchView .title{
background: none;
padding-top:5px;
}
#newsList .searchView .Keyword{
	
}
#newsList .searchView .content{
border: none;
}
/*===============================================================*/
.img256{
	   max-width: 256px; 
   max-height: 256px;
   width: expression(this.width >256 && this.height < this.width ? 256: true);
   height: expression(this.height > 256 ? 256: true);
}
.img128{
   max-width: 128px; 
   max-height: 128px;
   width: expression(this.width >128 && this.height < this.width ? 128: true);
   height: expression(this.height > 128 ? 128: true);
}
.img64{
   max-width: 64px; 
   max-height: 64px;
   width: expression(this.width >64 && this.height < this.width ? 64: true);
   height: expression(this.height > 64 ? 64: true);
}
.img48{
   max-width: 48px; 
   max-height: 48px;
   width: expression(this.width >48 && this.height < this.width ? 48: true);
   height: expression(this.height > 48 ? 48: true);
}
.img32{
	   max-width: 32px; 
   max-height: 32px;
   width: expression(this.width >32 && this.height < this.width ? 32: true);
   height: expression(this.height > 32 ? 32: true);
}
/*===============================================================*/
.lock{
height:20px;width:20px;
background-image:url()}
.unlock{
height:20px;width:20px;
background-image:url()}
.active{
height:20px;width:20px;
background-image:url()}
.unactive{
height:20px;width:20px;
background-image:url()}
.jpg,.gif,.png,.swf,.zip,.doc,.xls,.pdf,.txt,.chm,.rar,.bmp,.avi,.mp3{
	display:block;width:20px;height:20px;
	background-repeat: no-repeat;
}
.jpg{background-image: url(../../images/icons/jpg.gif);}
.gif{ background-image: url(../../images/icons/gif.gif); }
.png{background-image: url(../../images/icons/png.gif);}
.swf{ background-image: url(../../images/icons/swf.gif); }
.zip{ background-image: url(../../images/icons/zip.gif); }
.doc{ background-image: url(../../images/icons/doc.gif); }
.xls{ background-image: url(../../images/icons/xls.gif); }
.pdf{ background-image: url(../../images/icons/pdf.gif); }
.txt{ background-image: url(../../images/icons/txt.gif); }
.chm{ background-image: url(../../images/icons/htm.gif); }
.rar{ background-image: url(../../images/icons/zip.gif); }
.bmp{ background-image: url(../../images/icons/bmp.gif); }
.avi{ background-image: url(../../images/icons/avi.gif); }
.mp3{ background-image: url(../../images/icons/mp3.gif); }
/*===============================================================*/
#article{
	margin-bottom:30px;
}
#article .title{
padding:10px 0 10px 0;
font-weight: bolder;
font-size: 18px;
}
/*===============================================================*/
.showBox{}
.showBox .title{
	height:20px;line-height:20px;
   padding-left:3px;
	font-weight: bolder;
	color:#1073C3;
	background-color:#E3EFF9;

	}
.showBox .title span{
	display:block;
	background-image: url(images/menuTitle.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding:2px 0 0 16px;
}
.showBox .content{
	background:#FAFCFE;
}
/*===============================================================*/
.contentBox{}
.contentBox ul{
	margin:0;padding:0;
	clear: both;
	width:auto;
	}
.contentBox li{
margin:0;padding:0;
cursor:pointer;
position: relative;
top:2px;
list-style: none;
}
.contentBox .titles{
background-color:#E3EFF9;
height:20px;
border-bottom:1px solid #E3EFF9;
margin:0;
font-weight: bolder;
}
.contentBox .titles li{
float:left;padding:0 20px;
margin-left:5px;
height:18px;line-height:18px;
border-right:1px solid #C2D8EA;
border-left:1px solid #C2D8EA;
border-top:1px solid #C2D8EA;
}
.contentBox .titles .titleActive{
	background:white;
}
.contentBox .contents{
	padding:10px;
		background:#FAFCFE;
}
.contentBox .contents .content{}
/*===============================================================*/
.PRbutton{}
.PRbutton span{
   display:block;float:left;
	background-image: url(images/PRbutton.gif);
	background-repeat: no-repeat;
	padding-left:16px;
}
.PRbutton a{
   display:block;float:left;
	background-image: url(images/PRbutton.gif);
	height:28px;line-height:26px;
	background-position:right -28px;
	background-repeat: no-repeat;
	color:#869AAD;
	font-weight: bold;
	padding-right:16px;
}
.FRbutton{
	background-image: url(images/button_form.gif);
	background-repeat: no-repeat;
	height:28px;width:108px;
	padding:0;margin:0;
	border: none;
}

/*===============================================================*/
.wrap{
	overflow: hidden;
}
/* easy clearing */
.wrap:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.wrap{display: inline-block;}
/*\*/
.wrap{display: block;}
/* end easy clearing */
/*\*/
.tallone, .talltwo{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
.tallone, .talltwo
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
.tallone:before, .talltwo:before{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/**/
/*===============================================================*/