body,html{ margin:0;padding:0;}
body,p,td,h1,h2,h3,span,ul,li,div{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#5d5d5d;  line-height:20px;margin:0;padding:0;}
h1{ line-height:40px; font-size:16px;} 
h2{ line-height:30px; font-size:14px;}
h3{ line-height:20px; font-size:12px; margin:20px 0;}
ul{ list-style:none; margin:0; padding:0;}
ul li{ padding:0;margin:0; line-height:20px;}
a img{ border:0;}
a {color:#5d5d5d; text-decoration:none;}
a:hover {color:#0e6eb8; text-decoration:underline;}
body{ background:#828282;}
#global{ text-align:center;width:100% ; }
#global .x-global-row{ margin:0 auto; text-align:left;width:980px; overflow:hidden;}
#global .x-global-row-blank{ height:20px; clear:both;background:#fff;}
#top{ height:65px; position:relative; background:#fff;}
#logo{ background:url(../images/logo.gif) center bottom no-repeat; width:250px;height:60px; position:absolute;}
#menu{ position:absolute; margin-left:290px; width:720px}
#menu ul{}
#menu li{ padding:25px 15px; float:left;}
#menu a{ border:none; text-decoration:none; }
.x-menu { height:28px; background-position:center center; background-repeat:no-repeat; display:block;}
.x-menu-index{ background-image:url(../images/menu-02.gif); width:33px;}
.x-menu-about{ background-image:url(../images/menu-03.gif);width:57px; }
.x-menu-products{ background-image:url(../images/menu-04.gif);width:57px; }
.x-menu-case{ background-image:url(../images/menu-05.gif);width:57px; }
.x-menu-jobs{ background-image:url(../images/menu-06.gif);width:57px; }
.x-menu-members{ background-image:url(../images/menu-07.gif);width:57px; }
.x-menu-support{ background-image:url(../images/menu-08.gif);width:57px; }
.x-menu-logs{ background-image:url(../images/menu-09.gif);width:57px; }

#banner{ }
#banner-top{ background:url(../images/bannerTop.gif) repeat-x; width:100%; height:10px; overflow:hidden;}
#banner-bottom{ background:url(../images/bannerBottom.gif) repeat-x; width:100%; height:10px; overflow:hidden;}
#banner-body{ height:200px; overflow:hidden; background:#fff;}
#body{ position:relative;  background:#fff; width:100%; overflow:auto; }	
.x-body-cell{  padding:0 20px; overflow:hidden; float:left;}
.x-body-cell .ximg{ border-left:10px solid #fff;border-right:10px solid #fff;}
#body-left{width:220px;}
#body-center{width:418px;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf; }
#body-right{ width:220px;}

#body-column{ position:relative;  background:#fff; width:100%; overflow:auto;border-top:solid 1px #cfcfcf; }	
#body-column-left{ width:286px;}
#body-column-center{ width:286px;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf; }
#body-column-right{ width:286px;}

#body-content{ width:679px; float:left;border-right:solid 1px #cfcfcf; }
#body-content-navigation{ line-height:50px; }
#body-content-navigation span{ color:#8d8d8d;}
#body-content-title{ margin:10px 20px 10px 40px;}
#body-content-title h1{  font-size:24px; text-align:left;line-height:50px;}
#body-content-title div{  font-size:12px; text-align:left; color:#bababa}
#body-content-title div span{ color:#bababa}
#body-content-body{margin:10px; overflow:hidden; width:660px;}
#body-content-body *{ font-size:14px; line-height:23px;}
#body-content-foot{ padding:10px;}

#body-content-vote{}
#body-content-vote ul{}
#body-content-vote p{ padding:10px 20px;}
#body-content-vote center{ padding: 20px;}
#body-content-vote li{ padding:10px 20px;border-bottom:solid 1px #dfdfdf;}
#body-content-vote .votebar-bg{ background:#f4f4f4; display:block;}
#body-content-vote .votebar-body{ background:yellow; }
#body-content-vote .votebar-text{ float:right; }

.x-caption { margin:25px 0 20px 0; border-bottom:solid 1px #0e6eb8;  }
.x-caption a{ float:right; font-size:12px; color:#a5a5a5;}
.x-caption a:hover{ color:#555 ; text-decoration:none;}
.x-caption h3{ background-color:#0e6eb8;color:#ffffff; margin:0;font-size:12px; font-weight:bold; display:block; width:100px; text-align:center; }
.x-caption h3 a{ float:none; font-size:12px; color:White;}
.x-caption h3 a:hover{ color:#fff ; text-decoration:none;}

.x-body-row { clear:both; }
.x-body-row-clear { clear:both; border-top:dotted 1px #d5d5d5; height:15px; margin-top:15px }
#body-login-tips{ color:red; text-align:center;}
.keywords{ background:#fff;  border-top:solid 1px #d5d5d5; height:60px;}
.keywords p{ line-height:60px; padding:0 20px;}
.footer{ padding:20px 0; }
.footer p{ color:#efefef;padding:0 40px;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:underline}
.photoList{ }
.photoList div{ width:110px; height:40px; float:left; }
.photoList img{ width:103px; height:30px; }
.floatright{ float:right; color:#AAA; font-size:10px;}
.x-loading{ background-image:url(../images/loading.gif);background-repeat:no-repeat;height:30px;background-position: center center;}

/* caption
.x-caption { background-repeat:no-repeat; display:block; height:20px; line-height:20px;}
.x-caption-news { background-image:url(../images/caption-13.gif); width:112px;}
.x-caption-jobs { background-image:url(../images/caption-26.gif); width:112px;}
.x-caption-qna { background-image:url(../images/caption-29.gif); width:112px;}
.x-caption-sharing { background-image:url(../images/caption-31.gif); width:140px;}
.x-caption-about { background-image:url(../images/caption-14.gif); width:140px;}
.x-caption-products { background-image:url(../images/caption-27.gif); width:140px;}
.x-caption-signin { background-image:url(../images/caption.gif); width:140px;}
.x-caption-latest { background-image:url(../images/caption-25.gif); width:180px;}
.x-caption-case { background-image:url(../images/caption-30.gif); width:180px;}
.x-caption-top { background-image:url(../images/caption-03.gif); width:180px;}
.x-caption-hot { background-image:url(../images/caption-02.gif); width:150px;}
.x-caption-ablum { background-image:url(../images/caption-05.gif); width:120px;}
.x-caption-media { background-image:url(../images/caption-04.gif); width:180px;}
.x-caption-help { background-image:url(../images/caption-08.gif); width:120px;}
.x-caption-info { background-image:url(../images/caption-010.gif); width:180px;}
.x-caption-study { background-image:url(../images/caption-011.gif); width:180px;}
.x-caption-dayup { background-image:url(../images/caption-012.gif); width:180px;}
.x-caption-contact { background-image:url(../images/caption-013.gif); width:160px;}
 */
/* icons */
.x-icon { background-repeat:no-repeat;background-position: 2px center;  padding-left:18px; }
.x-icon-li-gray { background-image:url(../images/li-12x12.jpg); padding-left:16px; }
.x-icon-arrow { background-image:url(../images/arrow.gif);}
.x-icon-user { background-image:url(../images/user.gif);  }
.isVipLook{background-image:url(../images/star_empty.gif);color:Gray !important;}
		   
.play_btn{
		width:64px;height:64px;
		cursor:pointer;margin:50px auto; display:block;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/play.png', sizingMethod='image');
	}
#miniplayer{
	background-color:#000;
	background-repeat:no-repeat;	
	background-position:center center;
	width:220px; height:165px;
	overflow:hidden;
	text-align:center;
}


/* form*/
.x-form-item{ position:relative; padding:0 20px; clear:both; height:30px;}
.x-form-item label{ position:absolute; line-height:25px;}
.x-form-item .x-form-text{ position:absolute; display:block; clear:both; margin-left:60px;}
.x-form-item .x-form-button{ position:absolute; display:block; clear:both; margin-left:60px;}
.x-form-text-left{background: #fff url('../images/ipt-gray-left.gif') no-repeat top left;float: left; width: 4px; height: 20px;}
.x-form-text-center{background: #fff url('../images/ipt-gray-center.gif') repeat-x center;float: left; width: 100px; height: 20px;}
.x-form-text-center input{border:solid 1px transparent; background:transparent; width: 100px; height: 18px; line-height:18px; padding:0; margin:0;}
.x-form-text-right{	background: #fff url('../images/ipt-gray-right.gif') no-repeat top left;float: left;width: 4px; height: 20px;}
.x-form-button a{ float:left; margin-left:20px;}
.x-button{ border:none; background-repeat:no-repeat; color:white; display:block; text-align:center; line-height:20px;}
.x-button:hover{ color:white; text-decoration:none;}
.x-button-blue{background-image:url(../images/btn-blue.gif); width:62px; height:18px;}
.x-button-gray{background-image:url(../images/btn-gray.gif); width:62px; height:18px;}

/* background */
.x-bg-gray{ background:url(../images/bg-01.gif); }

.newsList{ padding:10px; clear:both;}
.newsList li{ height:22px; padding:5px 0; border-bottom:dotted 1px #d5d5d5;}
.newsList li span{ float:right; font-size:12px !important; color:#c5c5c5}
.newsList li a{ }

.newsList.SuccessCaseList li{ float:left;width:210px;}
.newsList.SuccessCaseList li span{ display:none;}

/* html pager*/
.htmlpager{ margin:20px 0; height:30px; }
.htmlpager li{ float:left; }
.htmlpager li span
{
	line-height:18px;BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 6px; 
	BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; 
	BACKGROUND: #f7f9ff; FLOAT: left; PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #b2c9d3 1px solid; COLOR: #333; MARGIN-RIGHT: 4px; 
	PADDING-TOP: 3px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-DECORATION: none;
	FONT-SIZE: 12px !important; BORDER-LEFT-COLOR: #2e6ab1; BACKGROUND: #fff; 
	BORDER-BOTTOM-COLOR: #2e6ab1; COLOR: #f60; BORDER-TOP-COLOR: #2e6ab1; BORDER-RIGHT-COLOR: #2e6ab1
	}
	
.htmlpager li A:hover 
{
	line-height:18px;FONT-SIZE: 12px; BORDER-LEFT-COLOR: #2e6ab1; BACKGROUND: #fff; 
	BORDER-BOTTOM-COLOR: #2e6ab1; COLOR: #f60; BORDER-TOP-COLOR: #2e6ab1; BORDER-RIGHT-COLOR: #2e6ab1
}
.htmlpager li A
 {
	line-height:18px;BORDER-RIGHT: #b2c9d3 1px solid; PADDING-RIGHT: 6px; 
	BORDER-TOP: #b2c9d3 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px !important; 
	BACKGROUND: #f7f9ff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #b2c9d3 1px solid; 
	COLOR: #333; MARGIN-RIGHT: 4px; PADDING-TOP: 3px; BORDER-BOTTOM: #b2c9d3 1px solid; TEXT-DECORATION: none
}