body { background:url(bg.gif) repeat-x top; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#454545; margin:0px; overflow-x:hidden}
body.inside { background:url(bg.gif) repeat-x 0 -431px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#454545; margin:0px;}
.container #title .demooo {
	float: left;
}
.lnk{ text-decoration:underline; color:#f60;}
img { border:none;} 
#copyright p {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#copyright .ooo a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
}
.container #title #title4 .tab1 {
	background-image: url(tab2.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 28px;
	width: 85px;
	padding-top: 5px;
	text-align: center;
	color: #666666;
	display: inline;
	margin-right: 1px;
	cursor: hand;
}
.container #title #title4 .tab2 {
	background-image: url(tab1.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 25px;
	width: 85px;
	font-weight: bold;
	color: #333333;
	padding-top: 8px;
	text-align: center;
	display: inline;
	margin-right: 1px;
	cursor: hand;
}

.container #title #title4 strong {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	float: left;
}

#copyright .ooo {
	color: #CCCCCC;
}
.mblist {
	clear: both;
}



.floatleft { float:left;}
.mblist .lists h4 {
}
#copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.mblist .lists {
	width: 132px;
	float: left;
	padding-left: 14px;
}
.mblist .lists h4 {
	text-align: center;
	font-size: 12px;
}


.floatright { float:right;}

.clear { clear:both;}

.big { font-size:14px;}

.small { font-size:12px;}

.b { font-weight:bold;}

a {
	color:#454545;
	text-decoration:none;
}
a:hover { color:#454545; text-decoration:underline;}




.container { width:870px; margin:0px auto;}
.container_inside { width:950px; margin:0px auto;}

.font1 { color:#31579e; font-weight:bold; text-decoration:none;}
a.font1:hover {color:#31579e; font-weight:bold; text-decoration:underline;}

.font2 { color:#858585;}

.font3 { color:#eb7d00; text-decoration:underline;}
a.font3:hover { color:#eb7d00; text-decoration:none;}

#title1 { height:70px; line-height:70px; }

#title2 {
	padding-bottom:16px;
	height: 256px;
}

#title3 { background:url(bg2.gif) no-repeat center top; padding-top:15px;}

#title .help { background:url(help.gif) no-repeat center right; height:160px;}

#title3 p { margin:10px 0 10px 0; padding:0px; }

#title3 .button { cursor:pointer; font-weight:bold; height:42px; line-height:42px; padding-right:45px; background:url(btn_bg.gif) no-repeat right;}

#title3 .button a { text-decoration:underline;}

#title .bg { background:url(bg3.gif) no-repeat -10px 55px;}

#ad_screen { width:380px; height:200px; background:url(scrrenbg.gif);}

.download {
	background:url(downloadbg.gif);
	width:392px;
	height:143px;
} 
.download_1{ background:url(downloadbg-1.gif); width:194px; height:199px;} 

.body { margin-top:30px;}
.body .line { border-bottom:1px solid #eaeaea; padding:10px 0;}

.body .lists { width:190px; background:url(bg4.gif) repeat-y right; padding:0px 18px; float:left; }
.body .lists .img,
.body .lists .img-ds{ width:180px; padding:2px; border:2px solid #d4dce7; margin-bottom:10px;}
.mblist .img-ds{padding:2px; border:2px solid #d4dce7; margin-bottom:10px;}
.body .lists .img div,
.body .lists .img-ds div
{
	height:106px;
	text-align:center;
	line-height:106px;
	background-repeat: repeat-x;
	background-position: top;
}
.body .lists .img div img
{ margin-top:25px; display:none;}
.body .lists h4 { margin:5px 0; color:#31579e; font-size:12px; }
.body .lists p { margin:5px 0; padding:0px; line-height:140%; height:70px}
.body .lists .button { width:93px; height:26px; background:url(btn_play.gif); margin:0 auto; line-height:26px; font-weight:bold; text-indent:28px;}
.body .lists .button a { text-decoration:underline; color:#7c7c7c;}
.body .lists .button a:hover { text-decoration:none; color:#eb7d00;}

.intro p { margin:5px 0 0 0; padding:0px; line-height:18px;}

.intro .bg1 { background:url(bg6.gif) no-repeat right; }

.links .top { width:868px; height:10px; background:url(bg7.gif);} 
.links .text { background:#434e60; width:868px; color:#fff;}
.links .bottom { width:868px; height:10px; background:url(bg8.gif);} 
.links ul { font-weight:bold; color:#fff; margin:10px 0 10px 0; padding:0px;}
.links li { float:left; width:200px; padding:5px 0; list-style-type:none;}
.links li a { color:#b7b7b7; text-decoration:none;}
.links li a:hover { color:#b7b7b7; text-decoration:underline;}

.navtitle{ height:35px; line-height:35px; margin-bottom:10px;}
.mainContent .content{ font-size:14px; line-height:170%;}
.xiaoshaoNav a.active{ font-weight:700; font-size:14px; color:#f90;}
.mainContent .content h4{ border-bottom:1px solid #ddd; padding-bottom:5px;}
.mainContent .content img{ border:1px solid #999; padding:2px; margin:10px 0; display:block; background:#fff;}
.container #title #title4 .tab2 a {
	text-decoration: none;
}
.demolist {
	float: left;
	width: 870px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 12px;
}
.container .demo {
	float: left;
	width: 800px;
}

.container #title #title4 .tab1 a {
	text-decoration: none;
}
.container #title #title4 .tab1 a {
}