﻿body {
;background: url(../images/body_top.jpg) repeat-x 0% 0% #fff;
}
body,table {
color:#000000;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
}
table {
border-collapse: collapse;
width: 100%;
}
*{
margin: 0px;
padding: 0px;
}
img {
border: none;
}
.clr {
clear: both;
}
p {
line-height:20px;
margin-bottom:18px;
text-align:justify;
}
a {
color:#c30000;
outline: none;
text-decoration:none;
}
a:hover {
color:#000;
}
#fpage {
text-align: center;
}
.brown{
color:#575757;
}
.red {
color:#c30000;
}
.yellow {
color:#f49c22;
}
.black {
color:#000;
font-weight: bold;
}
.lightblue {
color:#3398e7;
}
.green {
color:#389330;
}
.bang {
color:#70049d;
}
.bro {
color:#8a5e0a;
}
.darkb {
color:#03646d;
}
.blue {
color:#0600fb;
}
.orange {
color:#ff4e00;
}
h3{
color:#c30000;
font-size:25px;
font-family: Kozuka Gothic Pro, helvetica, sans-serif;
padding:3px 0;
line-height: 18px;
font-weight: normal;
}
.contentheading, .componentheading{
color:#575757;
font-family:Kozuka Gothic Pro,helvetica,sans-serif;
font-size:25px;
font-weight:normal;
line-height:25px;
}
.wrapper{
margin:0 auto;
text-align: left;
width:975px;
position:relative;
overflow: hidden;
}
#menu ul li a {
font-family:Kozuka Gothic Pro,helvetica,sans-serif;
font-size:14px;
color:#fff;
padding:0 17px;
}
#menu li a:hover, #menu li#current a{
color:#c30000;
}
#menu li{
float: left;
list-style: none;
color: #000;
}
#menu{
padding-top:5px;
float: right;
height: 56px;
}
.logo {
padding:0px 0px 0 40px;
float:left;
width:200px;
}
.logo a{
background: transparent url(../images/logo.jpg) no-repeat 0 0;
display:block;
text-indent:-9999px;
height:80px;
width:200px;
}
.banner {
float: right;
padding-top:0px;
}
#content {
margin-top: auto;
}
#left_menu {
float: left;
width: 214px;
}
#left_menu h3{
color: #f2a319;
background: transparent url(../images/left_menu.jpg) no-repeat 0 0;
line-height: 35px;
padding-left: 10px;
}

#left_menu  ul li{
background: transparent url(../images/menu_bg.jpg) no-repeat 0 0;
line-height: 27px;
padding-left: 10px;
}
#left_menu  ul li a{
color:#c30000;
font-size:13px;
font-family: Kozuka Gothic Pro, helvetica, sans-serif;
}
#left_menu  ul li a:hover{ 
color:#000;
}
.top_content {
margin-left: 30px;
float: left;
width: auto;
}

.top_content h3{
padding-bottom: 10px;
}
#left {
width: 691px;
float: left;
margin-top: 10px;
}
.left_tbox {
background: transparent url(../images/left_top_box.jpg) no-repeat 0 0;
width: 691px;
height: 360px;
}
.tbox1 img {
padding-bottom: 15px;
}
.tbox1 {
text-align: center;
float: left;
width: 180px;
padding-left: 20px;
padding-top: 10px;
}
.left_tbox p {
padding: 20px 20px 0 20px;
}
.midbox {
background: transparent url(../images/midbox.jpg) no-repeat 0 0;
width: 691px;
height: 387px;
margin-top: 20px;
}

.midbox .moduletable {
padding:20px;
}
.midbox ul {
margin-left:15px;
}
.left_midbox1 {
background: transparent url(../images/left_midbox.jpg) no-repeat 0 0;
width: 343px;
height: 387px;
float: left;
margin-top: 20px;
}
.left_midbox1 h3, .left_midbox2 h3, .friendlink h3 {
line-height: 30px;
padding: 20px 20px 10px 20px;
}
.left_midbox1 p, .left_midbox1 ul{
padding: 0 20px;
font-weight: bold;
list-style: none;
}
.left_midbox1 li {
background: transparent url(../images/icon.png) no-repeat 0 15%;
padding-left: 20px;
}
.left_midbox2 {
background: transparent url(../images/left_midbox.jpg) no-repeat 0 0;
width: 343px;
height: 387px;
float: left;
margin-top: 20px;
margin-left: 5px;
}

.friendlink p, .friendlink ul{
padding: 0 20px;
font-weight: bold;
list-style: none;
}
.friendlink li {
background: transparent url(../images/icon2.png) no-repeat 0 4px;
padding-left: 20px;
}
.left_bottom {
background: transparent url(../images/left_bottom.jpg) no-repeat 0 0;
width: 651px;
float: left;
margin-top: 10px;
padding: 0 20px;
}
.left_bottom h3{
padding: 20px 0 10px;
}
.left_bottom p.brown {
font-weight: bold;
}
.readmore a{
color:#bbbaba;
float: right;
}
.readmore a:hover{
color:#000;
}
#right {
float: right;
width: 280px;
}
.right_top {
background: transparent url(../images/right_topbox.jpg) no-repeat 0 0;
width: 280px;
float: left;
margin-top: 15px;
padding-top: 10px;
height: 360px;
text-align:center;
}
.right_top h3{
text-align: center;
background: transparent url(../images/download.png) no-repeat 22px 9px;
line-height:38px;
font-weight: bold;
}
.right_top ul{
list-style: none;
}
.right_top ul li {
height: 40px;
padding-top: 7px;
color: #fff;
}
.right_top li span.icon {
background: transparent url(../images/icon3.png) no-repeat 10px 5px;
padding-left: 27px;
padding-right: 10px;
}
.right_top ul li.onecolor{
background: #f2a319;
}
.right_top ul li.twocolor{
background: #86af3f;
}
.right_top ul li.threecolor{
background: #8db3d0;
}
.right_top ul li.fourcolor{
background: #d6c42c;
}
.friendlink {
background: transparent url(../images/friend.jpg) no-repeat 0 0;
width: 280px;
float: left;
padding-top: 10px;
margin-top:10px;
margin-bottom:15px;
}
.right_bottom {
background: transparent url(../images/right_topbox.jpg) no-repeat 0 0;
width: 280px;
float: left;
padding-top: 10px;
height: 348px;
}
.right_bottom h3 {
padding: 20px 0 10px 20px;
}
.right_bottom p {
padding: 10px 20px 0px 20px;
}
#bottom {
background:#88919a url(../images/bottom.jpg)repeat-x 0 0;
margin-top: 20px;
min-height: 163px;
}
.bottom_mod{
padding-left: 20px;
float: left;
width: 215px;
}
.bottom_mod h4 {
font-weight: bold;
font-size: 15px;
color:#fff;
padding-bottom: 10px;
font-family: Kozuka Gothic Pro, helvetica, sans-serif;
}
.bottom_mod ul{
list-style: none;
padding-top: 20px;
}
.bottom_mod ul li{
margin-bottom: 5px;
}
.bottom_mod ul li a{
color:#fff;
font-family: Kozuka Gothic Pro, helvetica, sans-serif;
}
.bottom_mod ul li a:hover{
color:#c30000;
}

#footer {
padding:10px 0 0;
height:25px;
background:#1b1c1e;
}
.lfooter {
float:left;
color:#fff;
}
.rfooter {
float:right;
color:#fff;
}
.right_top p, .left_tbox p {
margin:0;
}
#footer a:hover{
color:#ffffff;
}
.left_midbox2 .moduletable{
padding:10px 0 0 4px;
}
.jazin-title a{
color:#000000;
font-size:15px;
}
.jazin-title a:hover{
color:#C30000;
}
h2{
font-size:18px;
}
.top_content ul li{
margin-left:20px;
}
#nav li a:hover, #nav li.on a {
color:#c30000;
}
#menu{
;background:transparent url(../images/submenu_bg.png) no-repeat 0 30px;
height:60px;
width:878px;
}
#nav ul{
;background:url("../images/submenu_bg.png") no-repeat scroll 0 6px transparent;
height:33px;
width:888px;
}
#nav li.off ul a, #nav li.on ul a, #nav li.off:hover ul a, #nav li.over ul a{
line-height:39px;
color:#000000;
text-shadow:1px 1px 0px #ffffff;
}
#full .midbox{
background:transparent url(../images/box2_left.jpg) no-repeat 0 0;
width:975px;
height:auto;
}
#full .midbox .moduletable{
background:transparent url(../images/box2_right.jpg) no-repeat 100% 0;
}
#full .left_bottom{
background:transparent url(../images/box3_left.jpg) no-repeat 0 0;
width:975px;
padding:0;
}
#full .left_bottom .moduletable{
background:transparent url(../images/box3_right.jpg) no-repeat 100% 0;
padding:0 20px;
}
#full .left_tbox{
background:transparent url(../images/box1_left.jpg) no-repeat 0 0;
width:975px;
height:auto;
}
#full .left_tbox .moduletable{
background:transparent url(../images/box1_right.jpg) no-repeat 100% 0;
}
#moremenu{
background:transparent url(../images/moremenu_bg.png) no-repeat 0 0;
height:37px;
margin-top:5px;
}
#moremenu ul{
padding:-left:10px;
}
#moremenu li{
display:inline;
}
#moremenu li a{
padding:0 10px;
line-height:37px;
font-size:13px;
font-weight:bold;
color:#000000;
border-right:2px solid #000000;
}
#moremenu li a:hover, #moremenu li.active a{
color:#ffffff;
}
#header {
;background:url("../images/body_top.jpg") repeat-x scroll 0 0 #FFFFFF;
}
