*{margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #1E001D url(img/cj/hatbg.gif) repeat-x center top;
	text-align: center;
}
a:link, a:visited, a:active, a:hover{color: #FF66FF; text-decoration: none;}


.clear{clear: both;}
img{border: none;}
ul li{list-style: none;}
input {vertical-align: middle;}

#wrapper {
	width: 951px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header { height: 145px; background: url(img/cj/hat.jpg) no-repeat center top; text-align: right;}
#header img{ padding: 0 114px 0 0;  }

/* Middle
-----------------------------------------------------------------------------*/
#content {
	padding: 0 0 100px;
}
.pn {padding: 1px 3px 1px 3px;background: #FFcc33;border: 1px solid #FFFFFF;text-decoration:none;font: bold 10px  Verdana;}
.archi{width:100%;;margin:0px;padding-bottom:7px;padding-top:1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color: #ffffff;text-align:center;font-size: 12px;}
.archi a{color:#990000;font-weight:bold;text-decoration:none}
.archi a:hover{color:#CC0000;text-decoration:underline;}
.th_bl_top{width: 951px; height:107px; background-image: url(img/cj/topic.jpg); text-align:left;}
.th_bl_top1{padding-top:35px;padding-left:70px;;color: #660000;}
.th_bl_top h2{ font: 25px Impact; }
.th_bl_top2{width:950;	padding-top:2px; text-align: center;}
.th_bl_top2 img{ border:1px #FF66FF solid; width: 180px; height: 240px; }
.th_bl_top2 a img{ border:1px #FF66FF solid; margin: 1px 0; }
.th_bl_top2 a:hover img{ border:1px #fff solid; margin: 1px 0; }
.th_bl_bott{width: 951px; height:125px; background-image: url(img/cj/botic.jpg);text-align:left;}
.th_bl_bott1{width: 780px; height:125px;text-align:right;border:0px #FFFFFF solid;}

.ss {width: 860px; height:225; text-align:center; font: bold 12px Verdana; margin: 0 auto; color: #fff; font-size: 10px;}
.ss .ti{width: 205px; float: left; padding:4px;}
.ss img{ display: block; }
.ss a img{ border: 1px solid #FF66FF; }
.ss a:hover img{ border: 1px solid #FFFFAA; }
.ss span{ display: block; font-size: 12px; }
.ss a:link span, .ss a:visited span, .ss a:active span, .ss a:hover span{color: #FF66FF; text-decoration: none;}
.ss a:hover span{ color: #FFFFAA; text-decoration: underline;}

.tx {width: 880px; margin: 0 auto; border:1px solid #FFFFFF;font: bold 11px Arial;background: #FFcc33;}
.tx .padd{ padding: 15px 20px; }
.tx ul{width: 420px; float: left;padding-top: 5px;color:#990000;}
.tx ul.right{ text-align: right; }
.tx ul a{color:#4400cc;}

.block {background: #FFcc33; color:#000000;width: 880px; height:180; margin: 1px;border:2px #FFFFFF solid;font: bold 14px Arial;text-align:left; margin: 0 auto;}
.block .padd{ padding: 10px; }
.block .bi{display:block; width: 200px; float: left; padding-left: 10px;padding-top:5}
.block .bi a{color:#990000;font-weight:bold;text-decoration:none}
.block .bi a:hover{color:#CC0000;text-decoration:underline;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 951px;
	margin: -100px auto 0;
	height: 100px;
	color: #fff;
	font-size: 12px;
}
#footer span{ font-size: 10px; }

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color: #FF66FF; text-decoration: underline;}
#footer a:hover{color: #FF66FF; text-decoration: none;}