﻿@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;}

body{font:14px Lucida Sans Unicode, Myriad Pro, Hiragino Sans GB, Heiti SC, Microsoft YaHei, Verdana, SimHei;height:100%;}


ol, li,ul{list-style:none;}
a{color:#5b5b5b;-moz-transition:color 0.3s linear 0s;-webkit-transition:color 0.3s linear 0s;-o-transition:color 0.3s linear 0s;transition:color 0.3s linear 0s;}
a:link,a:visited{text-decoration:none;}
a:hover{color:#0884CD;text-decoration:underline;}
:focus{outline:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
form legend{display:none;}
select,input,img,select{vertical-align:middle;}

.gray{color:#666;}
.red{color:#FC0101;}
.orange{color:#f60;}
strong{font-weight:bold;color:#5d6866;}
hr{display:none;visibility:hidden;}
.hide{display:none;}
.vhide{visibility:hidden;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
html[xmlns] .clearfix{display:block;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.ico{background:url(icon.png) no-repeat 0 0;}

#drag_div{
	background:#fff;
	position:absolute;
	position:fixed;
	_position:absolute;
	z-index:999999999999;
	width:760px;
	height:500px;
	top:120px;
	left:300px;
    border:solid 1px #ccc;
	padding:0px;-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 8px 0px #333;
	-webkit-box-shadow:0px 0px 8px 0px #333;
	box-shadow:0px 0px 8px 0px #333;
}
.closeDiv{
	background-position:-276px 0;
	width:12px;
	height:10px;text-indent:-999999px;
	position:absolute;
	right:15px;
	top:15px;
}
.closeDiv:hover{background-position:-276px -11px;}


#bar {
	font-size:16px;
	text-align:center;
	height:47px;
	line-height:47px;
	width:760px;
	margin-bottom:20px;
	border-bottom:1px #ccc solid;
	clear:both;
	background:#efefef;
}
#drag_div{position: absolute;}

.box {margin: 0 auto !important;}
#features{color:#333;width:760px;}

#features .manualList{width:198px;float:left;}
#features .manualList li{width:150px;height:30px;line-height:30px;margin:0 0 10px 15px;cursor:pointer;zoom:1;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#features .manualList li:after{content:" ";display:block;clear:both;}
#features .manualList li:hover{background:#efefef;}
#features .manualList h2 a{color:#333;font-size:16px;text-indent:15px;text-decoration:none;display:block;}
#features .manualList li.active{background:#1882c1;}
#features .manualList li.active h2 a{color:#fff;}
#features .details{color:#666;width:550px;float:left;}
#features .details div{height:400px;overflow:auto;}
#features .details h3{
    color:#333;
    font-size:14px;
    padding-left:10px;
}
#features .details p{
    text-align:left;
    font-size:16px;
    line-height:1.5em;
    padding:10px;
}
#features .details img{padding:0 0 20px 10px;}
#features .details .detail{display:none;}
#features .details .detail.active{display:block;}



