#cols1{
	float:Left;
	width:100%;
	position:relative;
}
#cols2{
	float:Left;
	margin-top:6px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:3px;
	width:964px;
	height:90px;
	display:inline;
	position:relative;
	background:#fff;
	border:#cc99ff solid 2px;
}
#cols2 table
{
	width:100%;
	}
#cols2 table td
{
	width:100%;
	height:90px;
	line-height:90px;
	vertical-align:middle;
	}
#cols2 table td img
{
	float:left;
	margin-left:3px;
	}	
#cols2 .round_top
{
	width:968px;
	height:18px;
	margin:0px;
	position:absolute;
	top:-2px;
	left:-2px;
	}	
#cols2 .round_top p.p1
{
	float:left;
	width:18px;
	height:18px;
	}	
#cols2 .round_top p.p2
{
	float:right;
	width:18px;
	height:18px;
	}
			
#cols2 .round_bot
{
	width:968px;
	height:18px;
	margin:0px;
	position:absolute;
	bottom:-2px;
	left:-2px;
	}	
#cols2 .round_bot p.p3
{
	float:left;
	width:18px;
	height:18px;
	}	
#cols2 .round_bot p.p4
{
	float:right;
	width:18px;
	height:18px;
	}
	
#left
{
	float:left;
	width:254px;
	margin-left:10px;
	display:inline;
}
#center
{
	float:left;
	width:442px;
	margin-left:10px;

	display:inline;
	}
#right
{
	float:left;
	width:254px;
	margin-left:10px;
	display:inline;
	}
#player
{
	width:inherit;
	height:191px;
	}
#menu_toparents
{
	width:inherit;
	height:51px;
	}
.center
{
	text-align:center;
}
.wordbreak
{
   overflow:hidden;
   white-space:nowrap;
	}
	
#newstoparents{
	margin-left:10px!important;
	margin-top:5px;
	float:Left;
	width:254px;
	height:232px;
	display:inline;
}
#news
{
	float:left;
	width:250px;
	height:180px;
	background:#fff;
	border:#cc99ff solid 2px;
	position:relative;
	text-align:center;
	margin:auto;
	}
#news div.news
{
	width:220px;
	margin-top:10px;
	}
#news div.news ul
{
	width:216px;
	height:89px;
	}
#news div.news ul li
{
	line-height:20px;
	border-bottom:#ccc dashed 1px;
	width:220px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	}
#news h3
{
	display:inline;
	height:49px;
	float:left;
	padding-top:2px;
	padding-left:10px;
	position:relative;
	}
	
#news h3 span
{
	position:absolute;
	top:18px;
	left:200px;
	}
#guide{
	width:255px;
	height:185px;
	margin-top:5px;
}
#happyknowledge
{
	width:250px;
	height:392px;
	background:#fff;
	border:#cc99ff solid 2px;
	position:relative;
	text-align:center;
	margin:auto;
	margin-top:10px;
	}
#happyknowledge h3
{
	float:left;
	padding-left:12px;
	padding-top:4px;
	position:relative;
	}
#happyknowledge h3 span
{
	position:absolute;
	top:23px;
	left:200px;
	}
#happyknowledge div.knowledge
{
	margin-top:10px;
	width:220px;

	}
#happyknowledge div.knowledge ul
{
	width:216px;
	height:220px;
	}
#happyknowledge div.knowledge ul li
{
	text-indent:5px;
	line-height:20px;
	border-bottom:#ccc dashed 1px;
	width:220px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	}
#iservice
{	
	float:left;
	width:250px;
	height:238px;
	margin-top:10px;
	background:#fff;
	border:#cc99ff solid 2px;
     position:relative;
    margin-bottom:-244px;/* Moz */
    * margin-bottom:0px;/* IE6 */
    *+margin-bottom:0px;/* IE7 */
   
	}
#iservice h3{
	float:left;
	padding-top:6px;
	padding-left:12px;
	position:relative;

	display:inline;
}
#iservice div.iservice{
	width:222px;
	text-indent:20px;
	margin-top:10px;
}
#iservice div.online
{
	}
#iservice div.online p.icotel
{
	position:absolute;
	top:119px;
	left:18px;
	}	
#iservice div.online p.p1
{
	position:absolute;
	top:119px;
	left:80px;
	}
#iservice div.online p.p2
{
	position:absolute;
	top:160px;
	left:75px;
	}
#iservice div.online p.p3
{
	position:absolute;
	top:198px;
	left:69px;
	}	
#iservice div.online p.p3 a
{
	/*float:left;*/
	}	
/**
	display:inline; 	float:left;	
**/
#center #syncourse
{
	clear:both;
	width:438px;
	height:466px;
	background:#fff;
	border:#cc99ff solid 2px;
	position:relative;
	text-align:center;
	margin:auto;
	margin-top:6px;
	}
#center #syncourse h3
{
	float:left;
	padding-left:20px;
	padding-top:10px;
	position:relative;
	}
#center #syncourse h3 span
{
	position:absolute;
	font-size:14px;
	color:#f59400;
	top:8px;
	left:110px;
	width:184px;
	}
#center #syncourse h3 p
{
	position:absolute;
	top:8px;
	left:345px;
	}	
#center #syncourse div.course
{
	margin-top:1px;
    margin-bottom:3px;
	margin-top:-2px;
	width:410px;
	height:100px;
	background:url(/images5/index/synintro_bg.gif) no-repeat;
	}
#center #syncourse div.course ul
{
	width:370px;
	margin-right:30px;
	
	height:80px;
	margin-top:8px;
	margin-bottom:10px;
	}
#center #syncourse div.course li
{
	float:left;
	margin-right:10px;
	line-height:20px;
	display:inline;
	}
#center #syncourse div.course li.text
{
	float:left;
	margin-right:10px;
	line-height:20px;
	padding-top:10px;
	display:inline;
	}
#center #syncourse div.course ul
{
	position:relative;
	top: 0px;
	left: 74px;
}
#center #syncourse div.course ul span
{
	position:absolute;
	top:54px;
	left:290px;
	width:70px;
	height:30px;
	}
/**  	display:inline;  float:left;**/	
#center #happyshow
{
	float:left;
	width:438px;
	height:362px;
	margin-top:8px;
	background:#fff;
	border:#cc99ff solid 2px;
     position:relative;
    margin-bottom:-244px;/* Moz */
    * margin-bottom:0px;/* IE6 */
    *+margin-bottom:0px;/* IE7 */
}
#center #happyshow h3
{
	float:left;
	padding-left:10px;
	padding-top:8px;
	position:relative;
	}
#center #happyshow h3 span
{
	position:absolute;
	top:20px;
	left:200px;
	width:200px;
	}
#center #happyshow h3 a
{
	float:left;
	}
#center #happyshow .draw
{
	width:414px;
	margin-top:0px;
	position:relative;
	}
#center #happyshow #artical
{
	width:400px;
	margin-top:6px;
	*margin-left:30px!important;
	*margin-right:30px!important;
	margin-left:15px;
	margin-right:0px;
	}
#artical table.artical{
	width:100%;
}
#artical table.artical td
{
	height:25px;
	line-height:25px;
	}
#artical table.artical td a:link
{
	color:#666;
	font-size:14px;
	}
#artical table.artical td a:hover
{
	color:#8c57c1;
	}
#center #happyshow .draw div
{
	float:left;
	}
#center #happyshow .draw div.collapse
{
	height:143px;
	float:left;
}
#center #happyshow .draw div.collapse  p.comments
{
	display:none;
}
#center #happyshow .draw div.expand
{
	background:url(/images5/index/comments.gif) no-repeat;
	height:143px;
	width:271px;
	position:absolute;
	z-index:1000;
	}
#center #happyshow .draw div.expand2
{
	background:url(/images5/index/comments.gif) no-repeat;
	height:143px;
	width:277px;
	position:absolute;
	z-index:100
	}
	
#center #happyshow .draw ul li.pic
{
	background:url(/images5/index/drawbg.gif) no-repeat;
	width:131px;
	height:96px;
	}

#center #happyshow .draw p.comments
{
	float:left;
	padding-top:10px;
	padding-left:5px;
	padding-right:10px;
	width:120px;
	height:114px;
	overflow:hidden;
	}
#center #happyshow .draw ul
{
	padding-top:5px;
	float:left;
	padding-left:5px;
	height:131px;
	}
#center #happyshow .draw ul li
{
	width:131px;
	}
#center #happyshow .draw ul li.pic img
{
	width:108px;
	height:76px;
	padding-top:7px;
	padding-left:9px;
	}
	
#yanshi{
	position:absolute;
	left:260px;
	margin-top:13px;
	*margin-left:10px!important;
	margin-left:10px;
	display:inline;
	width:444px;
	
}

#yanshibg{
	float:Left;
	margin-top:13px;
	margin-left:5px;
	display:inline;
	width:440px;
	background:url(/images5/index/yanshibg.gif) no-repeat;
	height:226px;
}

#yanshibg div
{
    width:380px;
    margin-top:20px;
    display:none;
}

#lg
{
    float:right;
    margin-right:20px;
    _margin-right:10px;
}

#login
{
	float:left;
	width:254px;
	height:236px;
	background:url(/images5/index/loginbg__gq.gif) no-repeat;
	display:inline;
}
#login h3
{
	padding-left:18px;
	padding-top:24px;
	}
#login div ul
{
	width:200px;
	margin-left:30px;
	margin-top:5px;
	}
#login div ul li
{
	float:left;
	}
 #mempay
{
	margin-top:15px;
	padding-left:0px;
	}
	
#right #hahastar
{
	clear:both;
	width:254px;
	height:230px;
	position:relative;
	background:url(/images5/index/starbg.gif) no-repeat;
    margin:auto;
	text-align:center;
	margin-top:8px;

	}
#right #hahastar h3
{
	padding-top:5px;
	padding-left:12px;
	position:relative;
   
	}
#right #hahastar h3 span
{
	position:absolute;
	top:5px;
	left:148px;
	}
	/**	float:left;**/
#right #space
{

	width:250px;
	height:342px;
	background:#fff;
	border:#cc99ff solid 2px;
	position:relative;
	text-align:center;
	margin:auto;
	margin-top:10px;/* Moz */
	*margin-top:6px;/* IE6 */

	}
#right #space h3
{
	padding-left:7px;
	padding-top:3px;
	position:relative;
	}
#right #space h3 span
{
	position:absolute;
	top:23px;
	left:200px;
	}
#right #space #exchangespace
{
	width:224px;
	height:226px;
	padding-left:20px;
	padding-top:4px;
	position:relative;
	}
#right #space #exchangespace div
{
	float:left;
	height:92px;
	}
#right #space #exchangespace div.collapse
{
	float:left;
	width:70px;
	height:92px;
	}
#right #space #exchangespace div.collapse p
{
	display:none;
	}
#right #space #exchangespace div.expand
{
	position:absolute;
	width:142px;
	height:92px;
	background:url(/images5/index/starcomments.gif) no-repeat;
	z-index:1000;
	}
#right #space #exchangespace div.expand p
{
	float:left;
	width:67px;
	margin-left:5px;
	margin-top:5px;
	height:77px;
	display:inline;
	overflow:hidden;
	}
#right #space #exchangespace ul
{
	float:left;
	width:60px;
	height:90px;
	margin-left:5px;
	margin-top:3px;
	display:inline;
	}
#right #space #exchangespace ul li.text
{
	padding-left:5px;
	float:left;
	font-size:12px;
}
#right #space #exchangespace ul li.pic
{
	float:left;
	width:62px;
	height:62px;
	background:url(/images5/index/headbg.gif) no-repeat;
	}
#right #space #exchangespace ul li.pic img
{
	padding-left:5px;
	padding-top:6px;
	}	
/**Moz IE6 
    position:absolute;
	position:relative;
	position:relative;
***/
#right #source{
	width:250px;
	height:238px;
	text-align:center;
	margin-top:11px;
	float:left;
	background:#fff;
	border:#cc99ff solid 2px;	
	position:relative;
	margin-bottom:-244px;/* Moz */
    * margin-bottom:0px;/* IE6 */
    *+margin-bottom:0px;/* IE7 */
}
#right #source h3{
	padding-left:6px;
	padding-top:6px;
	position:relative;
	text-align:Left;
}
#right #source h3 span{
	position:absolute;
	top:23px;
	left:200px;
}
#right #source div.source{
	width:210px;
	height:87px;
	
}
#right #source div.source p{
	float:left;
}
#right #source div.source ul{
	width:130px;
	height:76px;
	
}
#right #source div.source ul li{
	width:130px;
	float:Left;
	height:18px;
	line-height:18px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#right #source div.source p img{
	width:76px;
	height:76px;
	float:left;
	margin-top:2px;
	display:inline;
}

.HeadImg
{
    border:solid 1px #ccc;
}

  input.standed
{
	width:110px;
	height:20px;
	border:#ccc solid 1px;
	}	
input.standed2
{
	width:40px;
	height:20px;
	border:#ccc solid 1px;
	}
		
.round_top
{
	width:254px;
	height:18px;
	margin:0px;
	position:absolute;
	
	top:-2px;
	left:-2px;
	}	
.round_top p.p1
{
	float:left;
	width:18px;
	height:18px;
	}	
.round_top p.p2
{
	float:right;
	width:18px;
	height:18px;
	}
			
.round_bot
{
	width:254px;
	height:18px;
	position:absolute;
	bottom:-6px;
	left:-2px;
     
}	
.round_bot p.p3
{
	float:left;
	width:18px;
	height:18px;
	}	
.round_bot p.p4
{
	float:right;
	width:18px;
	height:18px;
}
	
.cround_top
{
	width:442px;
	height:18px;
	margin:0px;
	position:absolute;
	top:-2px;
	left:-2px;
	}	
.cround_top img.round1
{
	float:left;
	width:18px;
	height:18px;
	}	
.cround_top img.round2
{
	float:right;
	width:18px;
	height:18px;
	}	
.cround_bot
{
	width:442px;
	height:18px;
	margin:0px;
	position:absolute;
	bottom:-2px;
	left:-2px;
	}	
.cround_bot img.round3
{
	float:left;
	width:18px;
	height:18px;
	}	
.cround_bot img.round4
{
	float:right;
	width:18px;
	height:18px;
	}	
#version
{
	position:absolute;
	top:50px;
	left:120px;
	display:block;
	z-index:999;
	}	
#version_bg
{
	background:url(/images5/index/version_bg.gif) repeat-y;
	width:258px;
	color:#333;
	text-align:center;
	margin:auto;
	}
#version_top
{
	background:url(/images5/index/version_top.gif) no-repeat;
	width:258px;
	height:31px;
	text-align:center;
	}	
#version_bot
{
	background:url(/images5/index/version_bot.gif) repeat-y;
	width:258px;
	height:17px;
	}	
#version_top h3
{
	margin-top:5px;
	width:220px;
	text-align:left;
	height:21px;
	font-size:14px;
	color:#333;
	}
#version ul
{
	text-align:left;
	width:220px;
	}
#version ul li
{
	line-height:22px;
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:#ccc dashed 1px;
	}
#version ul li a
{
	color:#3e3d3d;
	}	
#version ul li a:hover
{
	color:#f60;
	font-weight:bold;
	}				
			
/****liguizhuang****/


.centerDiv
{
	float:left; width:20%; height:80%; margin-top:7pt; margin-left:15pt;
}

#mainindextop
{
	background:url(/images5/index/mainindextop.jpg) center top no-repeat;
	width:100%;
	height:81px;
	clear:both;
	text-align:center;
	
	}
#mainindextop1
{
	background:url(/images5/index/mainindextop1.jpg) center top no-repeat;
	width:100%;
	height:81px;
	clear:both;
	text-align:center;
	
	}
#mainindextop2
{
	background:url(/images5/index/mainindextop2.jpg) center top no-repeat;
	width:100%;
	height:81px;
	clear:both;
	text-align:center;
	
	}
.mainindexybg
{
	background:url(/images5/index/mainindexybg.gif) center top repeat-y;
	width:100%;
	height:210px;
	clear:both;
	text-align:center;
}

.rightTopDiv
{
	 margin-top:1px;
}

.arealist{ width:145px;position:absolute;left:270px;top:140px;display:none;z-index:999}
.arealist dt{ background:url(/images5/index/areatop.png) no-repeat; width:145px; height:8px;overflow:hidden;}
.arealist dd{ background:url(/images5/index/areabody.png) repeat-y; padding-bottom:20px;}
.arealist dd.bot{ background:url(/images5/index/areabot.png) no-repeat; width:145px; height:10px;}
#area dd ol{ padding-top:10px; width:115px; margin:0 auto; padding-right:10px;}
#area dd ol li{ border:1px solid #b1b1b1; font-size:18px; font-weight:bold; text-align:center; padding-top:3px; padding-bottom:3px;width:115px;}
#area dd h4{ border:none; font-size:12px; margin-top:10px; padding-top:10px; width:122px; margin:0 auto; padding-right:5px; color:#999999; line-height:200%;}
.ash6{ color:#666666;}
.ash6 a{ color:#666666;}
.ash6 a:hover{ color:#666666;}
