body { margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; }
.fix { clear:both; }

a {
  color: #444;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
a:hover { color:#B30000; text-decoration:underline;}

.colorRed { color:#F00; }

.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font21 { font-size:21px; }
.font22 { font-size:22px; }
.font23 { font-size:23px; }
.font24 { font-size:24px; }
.font25 { font-size:25px; }

.borer1 { border:1px solid #D3D3D3; }
.displayBox { display:none; }

input[type='text'], input[type='password'], textarea { background:#fff; border: 1px solid #dddddd; padding:5px 7px; margin-left: 0px; margin-right: 0px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:218px;}
input[type='text']:focus, input[type='password']:focus, textarea:focus { border:1px solid #bbb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
select {cursor:pointer;background:#fff; border: 1px solid #dddddd; padding:5px 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a.button, input.button { cursor: pointer; color:#fff; font-size: 13px; font-weight: bold; background:#0099FF; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);}
a.button { display: inline-block; text-decoration: none; padding:7px 12px; }

input.button { margin:0; padding:7px 12px; }
a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }


.main { width:970px; padding:0 10px; margin:0 auto; overflow:hidden; -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);background: #FFF; }
.head { padding:5px 5px 10px 5px; width:970px; min-height:300px; position:relative; }
.head img { max-width:970px; }
/*.newsLine { min-height:40px; background:url('../images/bgNews.png') no-repeat; }
.newsLine .box { padding:10px 10px 0 210px; color:#FFF; font-size:14px; }*/
.newsLine { padding:5px 10px; margin-bottom:15px; background-color:#090; }
.newsLine .box1 { width:200px; font-size:18px; padding:1px 0 0 0; color:#fff; float:left; }
.newsLine .box2 { padding:0; width:750px; padding:5px 0; color:#FFF; font-size:14px; float:left; }
.navRight { width:700px; float:right; margin-top:10px; min-height:750px; }
.navLeft { width:250px; float:left; margin-top:10px; }
.footer { min-height:80px; padding:10px; margin:10px 0 0 0; border-top:1px solid #4F9D00; }
.footer .boxFooter{ margin:auto; }

/* menu */
/*#menu {background:#4F9D00;border-bottom: 1px solid #000000;height: 37px;margin-bottom:10px;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;-webkit-box-shadow: 0px 2px 2px #DDDDDD;-moz-box-shadow: 0px 2px 2px #DDDDDD;box-shadow: 0px 2px 2px #DDDDDD;padding:0 50px;}
#menu ul {list-style: none;margin: 0;padding: 0;}
#menu > ul > li {position: relative;float: left;z-index: 20;padding: 6px 5px 5px 0px;}
#menu > ul > li:hover {}
#menu > ul > li > a {font-size: 16px;color: #FFF;line-height: 14px;text-decoration: none;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;}
#menu > ul > li:hover > a {background:#030;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
#menu > ul > li > div {display: none;background: #FFFFFF;position: absolute;z-index: 5;padding: 5px;border: 1px solid #000000;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;background: url('../image/menu.png');}
#menu > ul > li:hover > div {display: table;}
#menu > ul > li > div > ul {display: table-cell;}
#menu > ul > li ul + ul {padding-left: 20px;}
#menu > ul > li ul > li > a {text-decoration: none;padding: 4px;color: #FFFFFF;display: block;white-space: nowrap;min-width: 120px;}
#menu > ul > li ul > li > a:hover {background: #000000;}
#menu > ul > li > div > ul > li > a {color: #FFFFFF;}*/

#menu {background:#4F9D00;border-bottom: 1px solid #000000;margin-bottom:10px;padding:0 50px; -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;-webkit-box-shadow: 0px 2px 2px #DDDDDD;-moz-box-shadow: 0px 2px 2px #DDDDDD;box-shadow: 0px 2px 2px #DDDDDD;}
#menu ul.menu {list-style: none;margin: 0;padding: 0;}
#menu ul.menu li {float:left;padding: 8px 5px 5px 0px;}
#menu ul.menu li:hover {}
#menu ul.menu li a {font-size: 16px;color: #FFF;line-height: 14px;text-decoration: none;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;}
#menu ul.menu li:hover a {background:#030;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}


/* box */
.box {margin-bottom: 20px;}
.box .box-head {-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-khtml-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;border: 1px solid #4F9D00;padding: 8px 10px 7px 10px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;line-height: 14px;color: #fff; background-color:#4F9D00;}
.box .box-content {/*background:#DFB;*/-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-left: 1px solid #4F9D00;border-right: 1px solid #4F9D00;border-bottom: 1px solid #4F9D00;padding: 10px;}

/* box category */
.box-category {margin-top: -5px;}
.box-category ul {list-style: none;margin: 0;padding: 0;}
.box-category > ul > li {padding: 8px 8px 8px 0px;}
.box-category > ul > li + li {border-top: 1px solid #4F9D00;}
.box-category > ul > li > a {text-decoration: none;color: #000;}
.box-category > ul > li > a:hover {text-decoration:underline;color:#004200;}
.box-category > ul > li ul {display: none;}
.box-category > ul > li a.active {font-weight: bold;}
.box-category > ul > li a.active + ul {display: block;}
.box-category > ul > li ul > li {padding: 5px 5px 0px 10px;}
.box-category > ul > li ul > li > a {text-decoration: none;display: block;}
.box-category > ul > li ul > li > a.active {font-weight: bold;}

.boxcontentBody { margin:0; }
.boxcontentBody .h { border-bottom:2px solid #4F9D00; font-size:15px; padding:0 0 5px 0; font-weight:bold; margin:0 0 10px 0; }

.boxBanner { width:970px; margin:-10px 0 0 0; padding:0; }
.boxBanner ul { list-style:none; margin:0; padding:0; }
.boxBanner ul li { width:120px; height:120px; float:left; margin:9px;}