@charset "utf-8";
/* CSS Document */
a {
	text-decoration:none;
}
ul,ul li,form,h1,dl,dl dd,dl dt,p,form {
	padding:0;
	margin:0;
}
* ul li {
	list-style:none;
}
* th {
	text-align:left;
}
html {
	overflow-x:hidden;
}
body {
	font: 65% "宋体",Arial,Verdana,  Helvetica, sans-serif;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #888888;
	word-wrap:break-word; 
	word-break:break-all;
}
#container {
	width: 1000px;  /* 使用比最大宽度 (1024) 小 21px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
	font-size:1.2em;
}

#header {
	position:relative;
}
#header #login {
	height:40px;
}
#header #navi {
	padding:0 0 0 770px;
	background-image: url(../images/bkg-border-01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:20px;
	line-height:20px;
}
#header #navi ul li {
	float:left;
}
#header #navi ul li a {
	display:block;
	color:#888888;
	padding:0 5px;
}
#header #navi ul li a:hover {
	color:#fff;
	background:#888;
}
#logo {
	position:absolute;
	top:0;
	left:0;
}
#login .siderbar {
	padding:0 0 0 210px;
	width:360px;
	float:left;
	height:40px;
}
#login .siderbar a {
	color:#888888;
}
#login .main {
	margin:0 0 0 580px;
	padding:5px 0 5px 0;
	height:30px;
	line-height:30px;
	text-align:right;
}
#login .input {
	width:120px;
}
#menu {
	height:30px;
	line-height:30px;
	background:#3b50a3;
	padding:0 0 0 230px;
}
#menu ul li {
	float:left;
	text-align:center;
}
#menu ul li a {
	display:block;
	padding:0 12px;
	color:#fff;
}
#menu ul li a:hover {
	color:#fff;
	background:#f36420;
}
#topper {
	background-image: url(../images/bkg-topper.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:32px;
	line-height:32px;
	color:#4e4838;
}
#topper .siderbar {
	padding:0 0 0 34px;
	width:490px;
	float:left;
}
#topper .main {
	margin:0 0 0 500px;
	padding:0 10px 0 120px;
	height:32px;
}
#topper .main a {
	color:#4e4838;
}
#topper .main a:hover {
	color:#fff;
	background:#4e4838;
}
#topper .input-01 {
	width:200px;
}
#maincontent {
	margin:10px 0 0;
	background:url(../images/main-bkg.png) top left repeat-y;
}
#siderbar {
	width:200px;
	float:left;
	border-right:1px dashed #ccc;
	background:#e9f3fd;
}
#siderbar .navi {
	background-image: url(../images/icon-topper-03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 0 0 0;
	height:24px;
	line-height:24px;
}
#siderbar .navi a {
	height:24px;
	display:block;
	padding:0 0 0 24px;
	color:#fff;
}
#siderbar .info {
	line-height:24px;
	padding:5px;
}
#siderbar .info ul li {
	float:left;
	width:50%;
	height:24px;
}
#siderbar .info ul li a {
	color:#4e4838;
	display:block;
	padding:0 0 0 5%;
}
#siderbar .info ul li a:hover {
	background:#4e4838;
	color:#fff;
}
#siderbar .info-01 {
	height:184px;
	padding:30px 8px 0;
	color:#fff;
	line-height:14px;
}
#siderbar .info-02 {
	background:url(../images/online-service-bkg.png) left top no-repeat;
	height:133px;
	padding:0 20px;
}
#siderbar .info-02 img {
	max-height:18px;
	max-width:30px;
}
#siderbar .info-02 th {
	color:#3b50a1;
	line-height:40px;
	height:46px;
}
#siderbar .info-02 td {
	color:#000;
	height:24px;
	line-height:24px;
}
#siderbar .info-02 td a {
	color:#000;
}
#siderbar .info-03 {
	margin:4px 0 0 0;
}
#siderbar .info-03 th {
	background:url(../images/bkg-health.png) left top no-repeat;
	height:44px;
	line-height:44px;
	text-align:left;
	color:#000;
	font-weight:normal;
	padding:6px 0 0 50px;
}
#siderbar .info-03 th a {
	display:block;
	color:#000;
}
#siderbar .info-03 tbody td {
	background:url(../images/bkg-02.png) left top repeat-y;
	height:20px;
	line-height:20px;
	padding:0 20px;
}
#siderbar .info-03 tbody td a {
	border-bottom:1px dashed #b2b2b2;
	display:block;
	color:#4e4838;
}
#siderbar .info-03 tbody td a:hover {
	background:#4e4838;
	color:#fff;
}
#siderbar .info-04 {
	padding:10px 0 0;
	text-align:center;
}
#main {
	margin:0 0 0 210px;
}
#footer {
	padding:20px 0 0;
}
#footer #guide {
	border-bottom:1px solid #f2f2f2;
}
#footer #guide dl {
	float:left;
	margin:0;
	padding:0;
	height:62px;
}
#footer #guide dl dt {
	padding:0;
	margin:0;
}
#footer #guide dl dd {
	padding:5px 10px;
	margin:0;
	text-indent:24px;
	line-height:20px;
}
#footer #links {
	padding:10px 3px 0;
}
#footer #links ul li {
	float:left;
	margin:0 5px;
}
#footer #links ul li img {
	border:1px solid #ccc;
}
#footer #bottom {
	margin-top:10px;
	background:url(../images/bkg-bottom-01.png) no-repeat top left;
	height:130px;
}
#footer #bottom .links {
	padding:20px 80px 0;
	font-size:1.2em;
}
#footer #bottom .links ul li {
	float:left;
	padding:0 5px;
}
#footer #bottom .links ul li a {
	color:#666;
}
#footer #bottom .links ul li a:hover {
	text-decoration:underline;
}
#footer #bottom .info {
	padding:10px 0 0;
	line-height:24px;
	text-align:center;
}
#footer #bottom .info a {
	color:#888888;
}
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.input {
	border:1px solid #888;
	color:#4e4838;
}
.submit {
	background:#fff url(../images/icon-login.png) no-repeat left top;
	color:#fff;
	border:none;
	cursor:pointer;
	width:48px;
	height:18px;
}
.submit-01 {
	background:#fff url(../images/submit-01.png) no-repeat left top;
	width:38px;
	height:18px;
	color:#99e5ff;
	border:none;
	cursor:pointer;
}
.font-01 {
	color:#ff5100;
}
.font-02 {
	color:#333;
}
.border-01 img {
	border:1px solid #e7e7e7;
}
.border-01 a img {
	border:1px solid #e7e7e7;
}
.border-01 a:hover img  {
	border:1px solid #ff5100;
}
#ppFloat .close {
	position:absolute;
	top:0;
	right:0;
}
#ppFloat {
	display:none;
}