@charset "utf-8";
/* CSS Document */

body {
margin:0;
}
img {
border:none;
}
.ill {
float:left;
margin:8px 18px 8px 0;
padding:0;
}
.ill_sm {
float:left;
margin:4px 12px 8px 1px;
padding:0;
}
.ill p {
font-size:9px;
line-height:10px;
text-align:center;
}
.clear {clear:both; line-height:0;}
br {line-height:14px;}
.page {
width:810px;
margin:0 auto;
padding:0;
}
.col {
float:left;
margin:0px;
padding:0px;
}
.news {width:230px;}
.right {
float:right;
margin:0px;
padding:0px;
}
.l {width:177px;}
.r {width:149px;}
.search {
height:45px;
margin:5px 0 20px 0;
background:25px 2px no-repeat url(jbj_img/lupa.jpg);
}
.box {
border:1px solid #FFF;
padding:7px 10px;
margin:0;
}
.boxb {
border:1px solid #CCC;
padding:7px 10px;
margin:8px 0;
}
h1 {
font:bold 14px Verdana;
color:#666;
padding:0;
margin:0;
}
h2 {
font:bold 11px Verdana;
color:#666;
padding:3px 0 0 0;
margin:0;
}
h3 {
font:bold 11px Verdana;
color:#999;
padding:3px 0 0 0;
margin:0;
}
p {
font:normal 11px Tahoma;
line-height:14px;
color:#666;
padding:4px 0;
margin:0;
}
ol {list-style-position:inside;}
.box ol, .box ul {
font:normal 11px Tahoma;
line-height:14px;
color:#666;
padding:0 0 8px 0;
margin:0;
}
.box ul li{
list-style-type:none;
background:0px 9px url(jbj_img/bull.gif) no-repeat;
padding:2px 0 4px 8px;
margin:0;
}

.auth {
text-align:right;
color:#FF99CC;
}
a {color:#3333cc;}
.banners {
text-align:center;
padding:0 0 8px 0;
}
.banners p {
text-align:left;
padding:2px 13px;
line-height:12px;
}
.banners a {text-decoration:none;}
.banners a:hover {text-decoration:underline;}
.centre {
width:468px;
float:left;
margin:0px 8px;
padding:0px;
}
.logo {
margin:18px 21px;
border:none;
}
.category {
margin:38px 0 0 0;
}
.welc_bg h5 {
color:#FFFFFF;
background:no-repeat right bottom url(jbj_img/hat_2.gif) #99ccff;
}
h5 {
display:block;
color:#6699ff;
font:normal 20px Tahoma;
padding:4px 12px 6px 12px;
margin:38px 0 0 0;
}
h4 {
display:block;
color:#FFF;
font:bold 12px Tahoma;
}
.centre h4 {
background:right top no-repeat url(jbj_img/hat_3.gif) #ff99cc;
padding:6px 12px 7px 12px;
margin:0;
}
.light {
background:no-repeat url(jbj_img/hat_4.gif) #99ccff;
padding:27px 12px 5px 12px;
margin:0;
}
.dark {
background:no-repeat url(jbj_img/hat_1.gif) #6666ff;
padding:27px 12px 5px 12px;
margin:0 0 8px 0;
}
.r .dark {
background:no-repeat url(jbj_img/hat_5.gif) #6666ff;
padding:27px 12px 5px 12px;
margin:0 0 8px 0;
}
.welcome {
background:no-repeat right bottom url(jbj_img/hat_2.gif) #99ccff;
padding:0;
margin:38px 0 0 0;
}
.welc_bg {
background:173px 0px no-repeat url(jbj_img/home_corn.gif);
}
.footer {
background:#99ccff;
}
.footer p {
color:#FFF;
font-family:Tahoma;
font-size:11px;
text-align:center;
padding:4px 0 5px 0;
margin:0;
}
.footer p a {
color:#FFF;
font-weight:bold;
text-decoration:none;
padding:0 10px;
}
.copyright {
color:#333;
font-family:Tahoma;
font-size:11px;
text-align:center;
padding:6px 0;
margin:0;
}
.menu {
list-style:none;
padding:0 0 10px 0;
margin:0;
}
.menu li {
font:normal 11px Tahoma;
line-height:18px;
border-bottom:1px dotted #CCC;
padding:2px 0;
margin:0;
}
.menu li a {
display:block;
color:#666;
padding:0 23px;
background:12px 7px url(jbj_img/corn.gif) no-repeat;
text-decoration:none;
}
.menu li a:hover {
color:#555;
background:12px 7px url(jbj_img/corn.gif) no-repeat #F3F3F3;
text-decoration:none;
}
input {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
width:140px;
padding:0;
margin:11px 0 0 0;
color:#666;
}
span p {
font:normal 11px Tahoma;
line-height:18px;
border-bottom:1px dotted #CCC;
padding:2px 0;
margin:0;
}