﻿.ar {
	color: #434447;
	text-decoration: none;
}
.ar:hover, .ar:active {
	color: #ec0000;
}
#demo {
	width: 430px;
	margin: auto;
	text-align: center;
	overflow: hidden;
}
#demo img {
	border: 0px;
}
.casetd {
	width: 116px;
	height: 106px;
	background: url(../images/case_bg.gif) repeat-x left bottom;
	vertical-align: top;
}
#focus {
	display: block; 
	width:486px; 
	float:left; 
	height:210px; 
	overflow:hidden
} 
#focus A IMG {
	position:relative;
	left:0px;
	display: none; 
	width:486px; 
	height: 210px
} 
#focus A IMG#pc_0 {
	display: block
} 
#focus SPAN.text {
	display: block; 
	width:486px; 
	height: 28px; 
	position:relative; 
	top:-28px;
} 
#focus SPAN.text A {
	margin-left:1px; 
	font-size: 13px;
	background: #000;
	float: left;
	width: 80px;
	cursor: pointer;
	color: #ffffff;
	line-height: 28px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	FILTER: alpha(opacity=30); 
	opacity: 0.3
} 
#focus SPAN.text A.act {
	FILTER: alpha(opacity=80); 
	opacity:1 ; 
	color:#ff0000; 
	font-weight:bold;
} 
#focus SPAN.text A b{
	FILTER: alpha(opacity=100); 
	opacity: 1; 
	font-weight:normal;
	float: left;
	width: 80px; 
	line-height: 28px;
	height: 28px; 
	text-align:center; 
	position:relative
} 
#focus SPAN.text A.act b{
} 
#focus SPAN.text A#a4 {
	border:0; 
	margin-right:0px;
} 

#Compp {
	width: 204px;
	border: 1px solid #dddddd;
	background: url(../images/q_bg.jpg) repeat-x left bottom;
	border-top: 0px none;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
}

#Links {
	width: 214px;
	border: 1px solid #dddddd;
	background: url(../images/q_bg.jpg) repeat-x left bottom;
	border-top: 0px none;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 15px;
}

#quick {
	width: 214px;
	border: 1px solid #dddddd;
	background: url(../images/q_bg.jpg) repeat-x left bottom;
	border-top: 0px none;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 15px;
}
#quick a {
	display: block;
	background: url(../images/quick_a.gif) no-repeat;
	text-align: center;
	width: 158px;
	height: 26px;
	line-height: 26px;
	letter-spacing: 2px;
	margin-top: 1px;
}
#quick a:hover, #quick a:active {
	background: url(../images/quick_aa.gif) no-repeat;
	color: #ffffff;
}
#winbg {
	width: 560px;
	height: 380px;
	left: 50%;
	top: 50%;
	margin-top: -190px;
	margin-left: -280px;
	z-index: 1000;
	position: absolute;
 filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src= "images/win.png" );
	background: url(../images/win.png) no-repeat !important;
	background: none;
	visibility: hidden;
}
#win {
	width: 560px;
	height: 380px;
	left: 50%;
	top: 50%;
	margin-top: -190px;
	margin-left: -280px;
	z-index: 1001;
	position: absolute;
	visibility: hidden;
}
#winbt {
	margin: 6px auto auto 6px;
}
#wincon {
	width: 522px;
	height: 283px;
	margin: 1px auto auto 7px;
	line-height: 24px;
	overflow: auto;
	padding: 12px;
}
#winclose {
	width: 546px;
	height: 28px;
	text-align: right;
}
.tagdef {
	width: 76px;
	height: 23px;
	display: block;
	float: left;
	margin-right: 1px;
	background: url(../images/tag_bg.gif) no-repeat left top;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	cursor: pointer;
}
.tag_a {
	width: 76px;
	height: 23px;
	display: block;
	float: left;
	margin-right: 1px;
	background: url(../images/tag_red_bg.gif) no-repeat left top;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	cursor: pointer;
}