body {
	text-align: center;
	background-color: #78A5E0;
	margin:0 auto;	
	font-size:9pt;
}
#wrap{
	width:820px;
	font-size:9pt;
	margin:0 auto;
	background-color:#FFFFFF;
}
#header{
	width:800px;
	height:226px;
	text-align:left;
	background-color:
}
#banner{
	width:820px;
	text-align:center;
	height:150px;
}
#search{
	width:820px;
	height:28px;
	text-align:left;
	margin-bottom:-16px;
	background:url(sspu.jpg);
	padding-top:2px;
	padding-left:6px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
}
#main{
	width:820px;
	font-size:9pt;
	background-color:#FFFFFF;
}
#footer{
	width:820px;
	background-color:#FFFFFF;
}
#top{
	width:820px;
	height:68px;
	background-color:#FAF9F5;
}
#logo{
	width:300px;
	text-align:left;
	padding:12px;
	float:left;
}
#web{
	text-align:right;
	padding-top:32px;
	padding-right:18px;
	width:110px;
	float:right;
}
#web select{
	height: 25px;
    width: 95px; 
    line-height: 14px; color: #909993;
    border-style: none;
    border-width: 0px; 	
	font-size: 17px;
}
#bookview{
	text-align:right;
	padding-top:32px;
	padding-right:18px;
	width:400px;
	float:right;
}
#map{
	font-size:10pt;
	height:35px;
	text-align:center;
	border-top:double #CCCCCC 3px;
	border-bottom:double #CCCCCC 3px;
	padding:8px 0px;
	margin-top:10px;
}
#map a{
	text-decoration:underline;
	color:#0000FF;
	font-weight:bold;
}
#copyright table{
	text-align:left;
	font-size:10pt!important;
	font-family:""!important;
	line-height:25px;
	padding-left:10px;
}
#maintop{
	background:url(top.jpg);
	height:40px;
	color:#336699;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#maincontent{
	width:820px;
	text-align:left;
	line-height:150%;
}
#abouttop{
	background:url(about.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#abouttope{
	background:url(yabout.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#abouttopr{
	background:url(rabouts.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#abouttoph{
	background:url(habout.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#abouttopj{
	background:url(jabout.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#abouttopf{
	background:url(fabout.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}
#aboutcontent{
	width:820px;
	text-align:left;
	line-height:25px;
	padding:0 10px;
	font-size:11pt;
}
#protop{
	background:url(pro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#protope{
	background:url(ypro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#protopr{
	background:url(rpro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#protoph{
	background:url(hpro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#protopj{
	background:url(jpro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#protopf{
	background:url(fpro.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#procontent{
	width:820px;
	text-align:left;
	padding:0 10px;
	font-size:11pt;
}
#jointop{
	background:url(join.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#jointope{
	background:url(yjoin.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#jointopr{
	background:url(rjoin.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#jointoph{
	background:url(hjoin.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#jointopj{
	background:url(jjoin.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#jointopf{
	background:url(fjoin.jpg);
	height:40px;
	color:#FF6600;
	font-size:12pt;
	font-weight:bold;
	font-family: ""!important;
	text-align:left;
	padding-left:20px;
	margin:10px 0px;
}
#joincontent{
	width:820px;
	text-align:left;
	padding:0 10px;
	margin-top:15px;
}
#joincontent table{
	line-height:28px;
	font-size:9pt!important;
}
#gbooktop{
	height:38px;
	width:820px;
	background:url(gbooktop.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.gbooktable td{
}
.title {
}
.content {
	font-size: 11pt; 
	line-height: 150%;
	text-align:left!important;
	padding:0 15px!important;
	width:820px;
	overflow:hidden;
}
.page{
	text-align:center;
}	

a {
	color: #000000; 
	font-style: normal; 
	text-decoration: none
}
a:hover {
	color: #333333; 
	font-style: normal; 
	text-decoration: underline
}
a:active {
	color: #000000; 
	font-style: normal; 
	text-decoration: underline
}
input {
	border-right: #c0c0c0 1px solid; 
	padding-right: 1px; 
	border-top: #c0c0c0 1px solid; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	border-left: #c0c0c0 1px solid; 
	padding-top: 1px; 
	border-bottom: #c0c0c0 1px solid; 
	height: 21px
}
input.text {
	border-right: #dcdcdc 1px solid; 
	padding-right: 1px; 
	border-top: #dcdcdc 1px solid; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	border-left: #dcdcdc 1px solid; 
	padding-top: 1px; 
	border-bottom: #dcdcdc 1px solid; 
	background-color: #ffffff
}
input.button {
	border-right: #dcdcdc 1px solid; 
	padding-right: 1px; 
	border-top: #dcdcdc 1px solid; 
	padding-left: 12px; 
	background-image: url(bg_button.gif); 
	padding-bottom: 1px; 
	border-left: #dcdcdc 1px solid; 
	padding-top: 2px; 
	border-bottom: #dcdcdc 1px solid; 
	background-color: #f7f7f7
}
input.buttongbook {
	border-right: #dcdcdc 1px solid; 
	padding-right: 15px; 
	border-top: #dcdcdc 1px solid; 
	padding-left: 25px; 
	background-image: url(bg_button.gif); 
	padding-bottom: 1px; 
	border-left: #dcdcdc 1px solid; 
	padding-top: 2px; 
	border-bottom: #dcdcdc 1px solid; 
	background-color: #f7f7f7
}
textarea.txtarea {
	border-right: #dcdcdc 1px solid; 
	padding-right: 1px; 
	border-top: #dcdcdc 1px solid; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	border-left: #dcdcdc 1px solid; 
	padding-top: 1px; 
	border-bottom: #dcdcdc 1px solid; 
	background-color: #ffffff
}
select {
	height: 20px
}
select.select {
	color: #666666; background-color: #ffffff
}
/*===*/
.b {
	font-weight: bold
}
.trt {
	border-right: 0px; border-top: 0px; border-left: 0px; width: 820px; border-bottom: 0px; background-color: #ffffff; text-align: center; border-right: #dcdcdc 1px solid; border-left: #dcdcdc 1px solid; font-size:9pt;
}
.trl {
	width: 188px; text-align: center; font-size:9pt;
}
.trr {
	width: 574px; text-align: center; font-size:9pt;
}
.taba {
	font-size:9pt;
	
}
.tabb {
	border: 0px; 
	width: 98%;
	font-size:9pt;
}
.tabc {
	border: 0px; 
	width: 96%;
	font-size:9pt;
}
.tda {
	padding: 5px;
	font-size:9pt;	
}
.tdb {
	height: 10px; text-align: center
}
.tdw {
	background-color: #ffffff; font-size:9pt;
}
.tbg {
	padding-left: 5px; background: #f1f1f1; color: #666666; height: 25px; text-decoration: none; border-bottom: #dcdcdc 1px solid; font-size:9pt;
}
.tbg a {
	color: #666666; font-style: normal; text-decoration: none
}
.tbg a:hover {
	color: #333333; font-style: normal; text-decoration: underline
}
.tbg a:active {
	color: #666666; font-style: normal; text-decoration: underline
}
.tbh {
	padding-left: 5px; background: #f9f9f9; color: #666666; height: 25px; text-decoration: none; border-bottom: #dcdcdc 1px dotted; font-size:9pt;
}
.tbh a {
	color: #666666; font-style: normal; text-decoration: none
}
.tbh a:hover {
	color: #333333; font-style: normal; text-decoration: underline
}
.tbh a:active {
	color: #666666; font-style: normal; text-decoration: underline
}
.tbm {
	padding-right: 5px; padding-left: 5px; background: #e2e2e2; color: #000000; height: 25px; text-decoration: none; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; font-size:9pt;
}
.tbm a {
	color: #000066; font-style: normal; text-decoration: none
}
.tbm a:hover {
	color: #333333; font-style: normal; text-decoration: underline
}
.tbm a:active {
	color: #000066; font-style: normal; text-decoration: underline
}
.red {
	color: #cc0066; font-size:9pt;
}
.green {
	color: #336633; font-size:9pt;
}
.ash {
	color: #a7a6aa; font-size:9pt;
}
.quote {
	border-right: #dcdcdc 1px dotted; border-top: #dcdcdc 1px dotted; border-left: #dcdcdc 1px dotted; border-bottom: #dcdcdc 1px dotted; background-color: #f6f6f6; font-size:9pt;
}
.quotes {
	border-right: #dcdcdc 1px dotted; border-top: #dcdcdc 1px dotted; border-left: #dcdcdc 1px dotted; border-bottom: #dcdcdc 1px dotted; background-color: #f6f6f6; font-size:9pt;
}
.foot {
	border-right: #dcdcdc 1px solid; padding-right: 1px; padding-left: 1px; padding-bottom: 1px; border-left: #dcdcdc 1px solid; color: #666666; padding-top: 1px; border-bottom: #dcdcdc 1px solid; letter-spacing: 1px; font-size:9pt;
}
.foot a {
	color: #666666
}
.foot a:hover {
	color: #333333
}
.foot a:active {
	color: #666666
}
.lrbtline {
	border: #dcdcdc 1px solid; 
	font-size:9pt;
}
.lrbline {
	border-right: #dcdcdc 1px solid; border-left: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; font-size:9pt;
}
.lrtline {
	border-right: #dcdcdc 1px solid; border-top: #dcdcdc 1px solid; border-left: #dcdcdc 1px solid; font-size:9pt;
}
.lrline {
	border-right: #dcdcdc 1px solid; border-left: #dcdcdc 1px solid; font-size:9pt;
}
.rbline {
	border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; font-size:9pt;
}
.bline {
	border-bottom: #dcdcdc 1px solid; font-size:9pt;
}
.topic {
	font-weight: bold; font-size: 24px; height: 80px; text-align: center; font-size:9pt;
}
.contents {
	font-size: 12px; line-height: 150%; width:100%; word-break:break-all; overflow-x: hidden; font-size:9pt;
}
.checkbox {
	border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; font-size:9pt;
}
.radio {
	border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; font-size:9pt;
}
.valcode {
	width: 40px; font-size:9pt;
}
/*===*/