@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
.clear {WIDTH: 100%; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 1px;background-color:#fafafa;}
.clear10 {WIDTH: 100%; HEIGHT: 10px; CLEAR: both; FONT-SIZE: 1px; border-bottom:1px solid #ccc;background-color:#fafafa;}
.clear15 {WIDTH: 100%; HEIGHT: 10px; CLEAR: both; FONT-SIZE: 1px;background-color:#99cc33;margin:0 auto;max-width:1080px;border-radius:10px;}
.clear25 {WIDTH: 100%; HEIGHT: 25px; CLEAR: both; }
body{font-family:Arial, Helvetica, sans-serif; font-size:14px;background-color:#ececec; }
p{color:#666;line-height:20px; font-size:14px; padding-bottom:10px; }
a{color:#2288CC;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{TEXT-DECORATION: underline}
h1{font-size:24px;}
h2{font-size:16px;padding-bottom:5px; color:#333;}
h3{font-size:14px; padding:5px 0px; color:#333;}
img {border-style: none; max-width:100%;height:auto;width:auto9; /* ie8 */}
 
.container{margin:0 auto;max-width:1080px; background-color:#f7f7f7;border-radius:10px;}
.container0{margin:0 auto;max-width:1080px;}
.container2{margin:0 auto;background-color:#333;min-height:50px;max-width:1080px;}
 
#header {background-color:#fff;margin:0 auto;max-width:1080px; border-radius:5px;}
#header #header_left{float:left;width:60%}
#header #nav{float:right;min-width:310px;text-align:left; margin-top:10px;}
#header #nav ul img{display:none;float:right;}
#header #header_left #logo {width:152px;float:left;padding-left:10px; margin-top:10px;}
#header #header_left #searchbox {display:block;float:right;width:68%; text-align:left;}

#nav ul {list-style: none;}
#nav li {display: inline-block; line-height: 40px; float:left;font-size:14px; text-align:left;}
#nav a {color:#333; padding: 13px 10px; text-decoration: none; text-transform: uppercase;}
#nav a:hover {background:#99cc33; text-decoration:none;color:#fff; border-radius:3px; }
#nav ul li a#pull:hover{background:#fafafa; }
#nav ul li a#pull{display:none;}

#navigation{font-family:Arial;font-size:12px;}
#navigation a{font-family:Arial;font-size:12px; color:#999;}
#navigation p{font-family:Arial;font-size:12px; color:#999;}
 
#section {background-color:#ececec;padding-top:10px; }
#section #article{width:55%; float:left;padding:3px 3px 1px 5px;margin-right:0px;}
#section #article_newsbox{width:23.5%; float:left;padding:3px 3px 1px 5px;margin-right:0px;}
#article_newsbox img{padding:5px 0px 3px 0px;}
#article .NewsBox{margin-bottom:5px; border-radius:10px;}
#article_newsbox .NewsBox{margin-bottom:5px;background:none;}
#article UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; float:left; width:45%; margin-left:20px;}
#article UL LI {padding-left:20px;BACKGROUND: url(../images/li_green.png) no-repeat 10px 14px; PADDING-TOP: 8px;!important;color:#666;}
#article OL {font-size:14px ;}
#article_newsbox OL LI {padding:8px 0px 3px 0px;}
#article_newsbox UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; float:left;width:98%; }
#article_newsbox UL LI {padding-left:20px;BACKGROUND: url(../images/li_green.png) no-repeat 10px 12px; PADDING-TOP: 8px;!important;color:#666;}
#article_newsbox OL {font-size:14px ;}
#article_newsbox OL LI {padding:8px 0px 3px 0px;}
.sub_nav {width:19%;float:left;padding:3px 3px 1px 5px;margin-right:0px;}
.sub_nav .NewsBox{margin-bottom:5px;background:none;}
.sub_nav img{padding:5px 0px 3px 0px;}
.sub_nav UL {LIST-STYLE-TYPE: none;  float:left;width:98%; padding-bottom:5px;}
.sub_nav UL LI {padding-left:20px;BACKGROUND: url(../images/li_blue.png) no-repeat 10px 14px; PADDING-TOP: 8px;!important;color:#666;}
.sub_nav OL {font-size:14px ;}
.sub_nav OL LI {padding:8px 0px 3px 0px;}

#article img{float:left;width:25%;}
#article .imgblock img{float:none; width:90%;}
#article .NewsBoxDetail{float:right;width:71%;}
#article p{line-height:20px;}
#article .notes{color:#999;font-family:Verdana,Arial,Helvetica,"DejaVu Sans",sans-serif;font-size:10px;font-weight:normal;}

table#mobiletable { 
  margin: 0 auto;
  width:98%;
  border-collapse: collapse;
  font-size:14px;
  background: #99cc33; 
  color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
}

table#mobiletable thead th { font-weight: 600; }
table#mobiletable thead th, table#mobiletable tbody td { 
  padding: .4em; 
}
table#mobiletable tbody td { 
  padding: .4em; 
  color: #444; background: #eee; 
  border-bottom: 1px solid #ddd; 
}
table#mobiletable tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}
 
.NewsBox {color:#999;padding:3px 3px;border-radius:3px; background-color:#fff;}
.NewsBox .NewsBoxTitle0{margin:8px 5px; text-align:left;}
.NewsBox .NewsBoxTitle0 h3{color:#333; padding:0px 5px;font-size:24px;}
.NewsBox .NewsBoxTitle{height:34px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.NewsBox .NewsBoxTitle h3{float:left; font-size:14px; color:#333; padding-bottom:3px;}
.NewsBox .NewsBoxTitle img{float:right; padding-right:3px;}	
.NewsBox .NewsBoxText {margin-top:10px;}
.NewsBox .NewsBoxText img{float:right;padding:5px ;}
.NewsBox img {padding:3px 10px 3px 10px;}
.NewsBox h3{line-height:28px; color:#333; padding-left:10px;}
.NewsBox h4{font-size:14px; padding:8px 0px 3px 10px; color:#333}
.NewsBox p{line-height: 20px;padding: 3px 5px 0px 10px;font-size: 14px;}
.NewsBox p a:hover{color:#03F;}
.NewsBox a{text-decoration:none;color:#069;}
.NewsBox a:hover{text-decoration:underline}
.NewsBox form{padding:5px; background:none;}
.NewsBox .vr-field{padding:3px 0px 3px 0px;color:#666;font-size:14px;}
.NewsBox .vr-field input{width:99%;height:24px;}
.NewsBox .vr-submit {margin-top:5px; text-align:center;}
.NewsBox .vr-submit input{padding:8px 20px;border:none;border-radius:3px; background-color:#99cc33;color:#fff;font-size:16px;}
.sub_nav .NewsBox .NewsBoxTitle p{font-size:14px; color:#333;float:left; color:#333; padding-left:10px; padding-bottom:3px; font-weight:bold;line-height:28px;}
 
#footer {padding:5px 5px; background-color:#fff;margin:0 auto;max-width:1070px; border-radius:5px;}
#footer #footerleft{float:left;width:45%; COLOR:#99cc33;font-family:Arial;font-size:13px; margin-bottom:5px; text-align:left; padding-left:10px; padding-top:5px;}
#footer #footerright {float:right;width:40%; margin-right:5px;text-align:right;}
#footer #footerleft a{COLOR:#99cc33;font-family:Arial;font-size:13px;}
#footer #footerright {padding-top:5px;}
#footer #footerright a:hover{COLOR:#003366;}
 
@media (max-width:500px) 
 
{
#header_left {display:none;} 
#section .sub_nav{display:none}
#header {background-color:#fafafa;padding-top:0px;padding-bottom:0px;}
#header #nav ul img{display:inline-block;}
#header #nav {display:block; background-color:#99cc33; height:42px;width:100%; margin-top:0px;}

.NewsBox .NewsBoxTitle0{height:30px; margin-bottom:5px;background-color:#eee; }
.NewsBox .NewsBoxTitle0 h3{float:left; font-size:14px; color:#333;padding-bottom:3px;background-color:#eee; }
.NewsBox img{text-align:center; margin:0 auto; display:block;}
#article UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; float:left;width:98%; }

#article .NewsBox img{text-align:center; margin:0 auto; display:block;width:50%;float:none;}
#article .NewsBox .imgblock img{float:none; width:90%;}
#article .NewsBoxDetail{width:99%;float:none;}

#section {margin-bottom:90px;}
#section #article{width:98%; float:left;}
#section #article_newsbox{width:98%;float:right;}
#footer #footerleft{float:left;width:98%;padding:5px 0px 0px 5px;text-align:center;}
#footer #footerright {float:left;width:98%;margin-right:10px;text-align:center;}
html {-webkit-text-size-adjust: none;}

.clear15 {WIDTH: 100%; HEIGHT: 10px; CLEAR: both; FONT-SIZE: 1px;background-color:#f1fafa;margin:0 auto;max-width:1080px;}

table#mobiletable {background-color:#eee}
table#mobiletable thead { display: none; }
table#mobiletable tbody td { 
    display: block; padding: 0.6em; border:none; 
  }
table#mobiletable tbody tr td:first-child { 
    background: #99cc33; color: #fff; margin-top:10px; border:none; text-align:left;
  }
table#mobiletable tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6em;  
  }
  table#mobiletable tbody tr:not(:last-child){border:none;}
}
 
@media (min-width:501px) and (max-width:640px) 
{ 
#header_left {display:none;}
#header {background-color:#fafafa;padding-top:0px;padding-bottom:0px;}
#header #nav ul img{display:block}
#header #nav {display:block; background-color:#99cc33; height:42px;width:100%; margin-top:0px;}
.NewsBox .NewsBoxTitle0{height:30px; margin-bottom:5px;background-color:#eee; }
.NewsBox .NewsBoxTitle0 h3{float:left; font-size:14px; color:#333;padding-bottom:3px;background-color:#eee; }
.clear15 {WIDTH: 100%; HEIGHT: 10px; CLEAR: both; FONT-SIZE: 1px;background-color:#f1fafa;margin:0 auto;max-width:1080px;}

html {-webkit-text-size-adjust: none;}
#section {margin-bottom:90px;}
#section #article{width:98.5%; float:left;margin-right:0px;}
#section #article_newsbox{width:98.5%; float:right;}
#section .sub_nav{display:none}

#article img{float:left;width:30%;}
#article .NewsBoxDetail{float:right;width:65%;}

#article_newsbox .NewsBox{display:block;width:47.5%;float:left;margin-right:6px;}
#article_newsbox .NewsBoxText img{float:right; width:70px;padding:5px;!important}

#footer #footerleft{float:left;width:98%; padding:5px 0px 0px 0px;text-align:center;}
#footer #footerright {float:left;width:98%; margin-right:5px;text-align:center;}
 
} 
 
 
@media (min-width:641px) and (max-width:960px)
{ 
#header #header_left{float:left;width:30%}
#header #header_left #logo {width:152px;float:left;padding-left:10px;}
#header #header_left #searchbox {display:none;}

#section {margin-bottom:60px;}
#section #article{width:98.5%; float:left;margin-right:0px;}
#section .sub_nav{display:none}
#section #article_newsbox{width:98.5%; float:right;}
#article img{float:left;width:25%;}
#article .NewsBoxDetail{float:right; width:71%}


#article_newsbox .NewsBox{display:block;width:48%;float:left;margin-right:6px;}
#article_newsbox .NewsBoxText img{float:right; width:70px;padding:5px;!important}

#footer #footerleft{float:left;width:45%; padding:5px 0px 0px 10px;text-align:left;}
#footer #footerright {float:right;width:40%; margin-right:5px;text-align:right;}
} 
 

 
@media (min-width:961px)
{ 
#header #header_left{float:left;width:60%}
#header #header_left #logo {width:152px;float:left;padding-left:10px;margin-top:10px;}
#header #header_left #searchbox {display:block;float:right;width:68%; text-align:left;}
#header #nav {margin-top:10px;}

#section .sub_nav{width:18%; float:left;}
#section #article{width:55%; float:left;margin-right:0px;}
#section #article_newsbox{width:23.5%; float:left;}

#article img{float:left;width:26%;}
#article .NewsBoxDetail{float:right;width:69%;}
}