@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size:1.071em;
	line-height:1.5em;
}
body, input, button, select, textarea,p {
}
h1,h2,h3,h4,h5,h6 {  
	  }
/*-- backfround image setting here--*/
.header {
	
}
/*----sub link----*/
.sublink {
	padding-top:4px;
	text-align:right;
	color:#5c5c5c;
	font-size:small;
}
.sublink a {
	color:#5c5c5c;
	text-decoration:none;
}
.sublink a:hover {
	color:#ff5400;
	text-decoration:underline;
}

@media only screen and (max-width: 480px) {
	.sublink {
		display:none;
	}
	#gradient, .searchbox {
		display:none;
	}
}
@media only screen and (max-width: 768px) and (min-width: 480px)  {
.searchzone {
	padding-bottom:20px;
}
	#gradient {
 		height:10px !important;
	}
}
.logo {
	text-align:center;
}
@media only screen and (max-width: 480px) {
	.logo img {
		width:90%;
	}
	.logo {
		float:left;
	}
}
/*-- search---*/
#gradient {
 width:0;
 height:40px;
 margin:0 auto;
}
.searchbox {
 background-color:#eaeaea;
 padding:2px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:20px;
}
input[type="search"]{
width:83%;
 height:28;
 padding:2px 2px 2px 10px;
 border-radius:14px;
 border:none;
 color:#ff6600;
 background-color:#eaeaea;
 
}
button[type="submit"]{
 width:14%;
 height:28px;
 background:url(../images/icon-search.svg);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 background-color:transparent;
-webkit-background-size:20px 20px;
 background-size:20px 20px;
 border:none;
 cursor:pointer;
}
input[type="search"]:focus{
 outline:0;
}

@media only screen and (max-width: 990px) and (min-width: 480px)  {

}
@media only screen and (max-width: 768px) and (min-width: 480px)  {

}
@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 991px) and (min-width: 768px)  {

}
@media only screen and (max-width: 768px) and (min-width: 480px)  {

}
@media only screen and (max-width: 480px) {


}
/* Menu Button */
.menu-btn {
  
  margin-top:30px;
  padding: 5px;
  color: #cacaca;
  text-align:left;
  cursor: pointer;
}
.menu-btn:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 768px) and (min-width: 480px)  {
.menu-btn {
  margin-top:10px;
  padding: 5px;
}
}
@media only screen and (max-width: 480px) {
.menu-btn {
  margin-top:10px;
  padding: 0px;
  text-align:left;
  font-size:small;
}
.menu-btn img {
	width:80%;
}
}
.gotop {
	margin:15px 0;
}
.gotop a {
	color:#FF6600;
}
.gotop a:hover {
	color:#3399CC;
}
/*--- ad --*/
.ad {
	padding-top:5px;
	background: rgba(95,132,1,1);
background: -moz-linear-gradient(left, rgba(95,132,1,1) 0%, rgba(2,101,119,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95,132,1,1)), color-stop(100%, rgba(2,101,119,1)));
background: -webkit-linear-gradient(left, rgba(95,132,1,1) 0%, rgba(2,101,119,1) 100%);
background: -o-linear-gradient(left, rgba(95,132,1,1) 0%, rgba(2,101,119,1) 100%);
background: -ms-linear-gradient(left, rgba(95,132,1,1) 0%, rgba(2,101,119,1) 100%);
background: linear-gradient(to right, rgba(95,132,1,1) 0%, rgba(2,101,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8401', endColorstr='#026577', GradientType=1 );
}
/*----- tab ---*/
#myTab li a { 
	background-color:#ffffff;
	border:#d3d3d3 1px solid;
	color:#6e6e6e;
	border-radius:0px;
	}
#myTab li.active a {
	background-color:#ff8a0c;
	border-bottom-color: transparent;
	color:#FFFFFF;
	text-shadow: 0 1px 4px #333333;
}
#myTab li a:hover  {
	background-color:#ff8a0c;
	border-bottom-color: transparent;
	color:#FFFFFF;
	text-shadow: 0 1px 4px #333333;
}
.newstable {
	padding:0;
	margin:0;
}
.newstable h3 {
	color:#3366CC;
}
.newstable td {
	padding:10px 6px;
	border-bottom:1px dotted #979797;
}
.newsdata {
	color:#757474;
}
.newstable a {
	color:#363636;
}
.newstable a:hover {
	color:#fe3c00;
	text-decoration:underline;
}
.newstable p {
	color:#626262;
}
.newstable tr:hover {
background-color:#fffce3;
}

.more {
margin-bottom:10px;
	
}
.more a {
	color:#FFFFFF;
	padding-right:10px;
	display:block;
	background-color:#ffc17f;
	border-radius:4px;
	text-align:right;
	font-size:small;
}
.more a:hover {
	background-color:#ffe5c9;
	text-decoration:none;
	color:#ff620c;
}
@media only screen and (max-width: 480px) {
.more a {
	font-size:x-large;
}
.pagelist a {
	font-size:x-large;
	padding:10px;
}
}
.pagelist {
	background-color:#ede4cc;
	text-align:center;
	padding:6px;
	margin-bottom:20px;
}
.pagelist a {
	background-color:#f6f2e6;
	display:inline-block;
	padding:1px 6px;
	font-size:small;
	color:#8e8e8d;
	border:#a3a3a3 1px solid;
	margin:0 2px;
	border-radius:2px;
}
.pagelist a:hover {
	color:#FFFFFF;
	background:#ff8a00;
	text-decoration:none;
}
.pagelist a.active {
	color:#FFFFFF;
	background-color:#ffad4d;
}
/*---- quicl link ----*/
.quicklink {
	margin-bottom:10px;
  height:80px;
  line-height:80px;
}
.quickink p {
  display:inline-block;
  font-size:large;
  line-height:1.5em;
    vertical-align: middle;

}
.quicklink a {
  border-radius:4px;
  background-color:#FFF;
  border:1px #d3d3d3 solid;
  height:80px;
  display:block;
  font-weight:bold;
}
.quicklink a:hover {
	background-color:#ffec9f;
	text-decoration:none;
}
.quicklink a.font_green {
	color:#608401;
}
.quicklink a.font_red {
	color:#bf0000;
}
.quicklink a.font_blue {
	color:#1472c8;
}
.quicklink img {
	padding:8px;
	margin:4px 10px 0 5px;
	border-radius:50px;
	float:left;
}
.quicklink img.iconbga {
	background-color:#87b900;
}
.quicklink img.iconbgb {
	background-color:#ed3095;
}
.quicklink img.iconbgc {
	background-color:#6092c0;
}
.quicktitle {
	color:#669933;
}

/*--- news ---*/
h3.contentTitle {
	padding:10px 20px;
	margin-top:10px;
	border-bottom:2px solid #eaeaea;
	color:#0069d5;
}
.newsgroup {
	margin-top:16px;
}
.newsdata {
	color:#878787;
	font-size:medium;
	font-weight:normal;
}
@media only screen and (max-width: 480px) {
.newsdata {
	font-size:large;
}
.newstable {
	font-size:large;
}
.bread {
	margin:5px;
}
}
.bread {
	background-color:#fbfbfb;
	border-bottom:#d7d7d7 1px solid;
	border-top:#d7d7d7 solid 1px;
	margin-bottom:1px;
	color:#888888;
	padding:3px 3%;
}
.bread a {
	text-decoration:underline;
	color:#888888;
}
.bread a:hover {
	color:#ff6000;
}
.bread i {
	color:#ff9c00;
}
.content-header {
	overflow:auto;
	background:url(../images/newsbar-bg.jpg) top left no-repeat;
}
.secondmenu {
	height:42px;
	padding:0 3%;
}
.secondmenu ul {
	padding:0;
	margin:0;
}
.secondmenu ul li {
	padding:0;
	margin:0;
	float:left;
	list-style:none;
}
.secondmenu ul li a {
	border:1px solid #ff8c3f;
	color:#000000;
	padding:6px 20px;
	font-size:medium;
	display:inline-block;
	margin-top:6px;
	background-color:#FFFFFF;
	text-align:center;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	text-shadow: 0px 1px 1px #FFFFFF;
}
.secondmenu ul li a:hover,.secondmenu ul li a.active {
	text-decoration:none;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	color:#ff6600;
}
.thirdmenu {
	padding:0 3%;
}
.thirdmenu ul {
	padding:0;
	margin:0;
}
.thirdmenu ul li {
	padding:0;
	margin:0;
	float:left;
	list-style:none;
}
.thirdmenu ul li a {
	border:1px solid #ff8c3f;
	color:#000000;
	padding:6px 20px;
	font-size:medium;
	display:inline-block;
	margin-bottom:2px;
	background-color:#FFFFFF;
	text-align:center;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	text-shadow: 0px 1px 1px #FFFFFF;
}
.thirdmenu ul li a:hover,.thirdmenu ul li a.active {
	text-decoration:none;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	color:#ff6600;
	background-color:#ff9000;
	color:#FFFFFF;
	text-shadow: 0px 1px 1px #000000;
}
@media only screen and (max-width: 480px) {
	.secondmenu {
	height:auto;
	padding:0 3%;
}
.secondmenu ul {
	margin:10px 0;
}
.secondmenu ul li {
	width:96%;
}
.secondmenu ul li a {
	font-size:larger;
	margin:0;
	display:block;
	padding:10px;
}
.page-search {
	width:96%;
	margin-top:10px;
	font-size:large;
}
}
.page-search {
	padding:5px 3%;
}
.btn-orange {
	background-color:#ffa600;
	color:#FFFFFF;
	text-shadow: 0px 1px 2px #000000;
}
.btn-orange:hover {
	background-color:#CC0000;
	color:#FFFFFF !important;
}
.font-red {
	color:#ff0048;
	padding:0 3px;
}
.socialink {
	text-align:right;
	margin:10px 10px 10px 0;
}
.socialink a {
	color:#cbc8b2;
	margin:0 5px;
}
.socialink a:hover {
	color:#0099CC;
}
h3.newstitle {
	color:#996633;
	font-weight:bold;
	font-size:large;
	border-bottom:#e6e6e6 1px solid;
	padding-bottom:10px;
}
.newsdatab {
	font-size:small;
	color:gray;
}
.newspage p {
	padding:10px 0;
	line-height:1.5em;
}
.linkfile {
	margin:10px 0;
	background-color:#f4f1e9;
	padding:10px;
}
.linkfile h5 {
	color:#7d5921;
	padding-bottom:8px;
}
.linkfile a {
	text-decoration:none;
	margin:0 10px;
}
.emoji {
	margin:10px 0 20px 0;
}
.emoji a {
	background-color:#FFF;
	border:1px #FFF solid;
	padding:2px 8px;
	border-radius:6px;
	margin-right:1px;
	color:#666666;
}
.emoji a img {
	vertical-align:text-bottom;
	width:20px;
	margin-right:5px;
}
.emoji a:hover {
	background-color:#fff8b0;
	border:1px #ffa800 solid;
	color:#CC3300;
	text-decoration:none;
}
@media only screen and (max-width: 480px) {
	.socialink {
		font-size:large;
	}
	h3.newstitle {
		font-size:x-large;
	}
	.newsdatab {
		font-size:x-large;
		text-align:right;
	}
	.newspage p {
		font-size:x-large;
	}
.emoji {
	display:none;
}	
}
ul.report-download {
	padding:15px 0;
	margin:1px 0;
	width:25%;
	float:left;
} 
ul.report-download img:hover {
	background-color:#fffce5;
	box-shadow:0 2px 5px rgba(0, 0, 0, .3);
}
ul.report-download li {
	text-align:center;
	padding:0;
	margin:0;
	list-style:none;
}
ul.report-download li a:hover {
	color:#FF3300;
	text-decoration:none;
}
/*---- theme ---*/
.zoneset {
	border:#bababa 1px solid;
	margin:10px 0;
}
ul.themeA {
	padding:80px 0 0 0;
	margin:0;
	height:250px;
}
ul.themeA li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.themebga {
	background:url(../images/theme-abg.png) top center no-repeat;
}
ul.themebgb {
	background:url(../images/theme-bbg.png) top center no-repeat;
}
ul.themebgc {
	background:url(../images/theme-cbg.png) top center no-repeat;
}
ul.themeA li a {
	margin:2px 3%;
	font-size:medium;
	text-align:center;
	color:#3e3e3e;
	display:inline-block;
	line-height:1.8em;
	opacity:0.5;
	width:94%;
}
ul.themeA li a:hover {
	text-decoration:none;
	background-color:#ffe0ab;
	opacity:1;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0,0.4);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}
@media only screen and (max-width: 768px) {
ul.themeA li a {
	
}

}
@media only screen and (max-width: 480px) {
ul.themeA li a {
	padding:6px 0;	
	line-height:1.8em;
	font-size:large;
}
ul.themeA {
	height:auto;
	padding-bottom:10px;
}
ul.themeA li img {
	width:60%;
}
ul.themeA li img {
	padding:4px 0;
}
}

/*--- video ---*/
.videolink {
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.videolink h3 {
	border-left:#bababa solid 1px;
	border-right:#bababa solid 1px;
	border-top:#bababa solid 1px;
	text-align:left;
	color:#0482e3;
	padding:12px 6px;
}
.videolink a {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#007bda;
	padding:12px 0;
}
.videolink a:hover {
	background-color:#ff8400;
	text-decoration:none;
	color:#FFFFFF;
}
/*--banner group */
.bannerzone {
	background-color:#e9e7e0;
	overflow:auto;
	padding:10px 20px 10px 10px;
}
ul.bannergroup {
padding:0;
margin:0;	
}
ul.bannergroup li {
	padding:1%;
	list-style:none;
	float:left;
	width:25%;

}

@media only screen and (max-width: 480px) {
ul.bannergroup li {
	width:50%;
	padding:1%;
}
}
ul.bannergroup li a img {
	border:#FFFFFF 1px solid;
	-moz-box-shadow: 0 0px 2px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .2);
	
}
ul.bannergroup li a img:hover {
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0,0.6);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .6);
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
}
.btn-more {
	/*text-align:right;*/
}
.btn-more a {
	margin:10px 0;
	color:#FFFFFF;
	border-radius:10px;
	background-color:#82ccb7;
	font-size:medium;
	text-decoration:none;
	opacity:0.5;
	display:inline-block;
	padding:1px 8px;
}

.btn-more a:hover {
	opacity:1;
	text-decoration:none;
}
/*--- sitemap ----*/
.sitemap {
	line-height:1.5em;
}
.sitemap p {
	margin-top:10px;
}
.sitemap ul {
	padding:0;
	margin:10px 0;
	float:left;
	width:25%;
}
.sitemap ul li {
	padding:0;
	margin:0 10px;
	list-style:none;
}
.sitemap ul li a {
	display:block;
	padding:4px 6px;
}
.sitemap ul li a.siteMapTitle {
	border-bottom:1px solid #87c5c7;
	background-color:#f3f3f3;
	border-radius:4px;
}
.sitemap ul li a:hover {
	background-color:#4e8dcc;
	color:#FFF;
	text-decoration:none;
	border-radius:4px;
}
.ullast {
	clear:both;
}
.ullastThree {
	/*clear:none;*/
}
@media only screen and (max-width: 768px) and (min-width: 480px)  {
.sitemap ul {
	width:33.33%;
}
.ullast {
	clear:none;
}
.ullastThree {
	clear:both;
}
}
@media only screen and (max-width: 480px) {
.sitemap ul {
	width:100%;
}
}
/*-- footer  ---*/
.footer {
	background:#c2c0b8;
	border-bottom:#6d9b00 1px solid;
	padding:15px 0;
	color:#4b4b4b;
	font-size:small;
	}
.footerdata {
	float:left;
	width:35%;
	margin:0 2%;
}
.footermenu {
	float:right;
	width:55%;
	margin:0 2%;
	padding-left:2%;
	border-left:1px solid #929292;
}
.footer p, .copyright p {
	padding:5px 0;
	line-height:1.5em;
}
.footer a {
	color:#008846;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
	color:#486800;
	
}
a.maplink  {
	background-color:#ffa200;
	color:#FFFFFF;
	padding:1px 6px;
	text-decoration:none;
	border-radius:2px;
}
a.maplink:hover {
	background-color:#ff567e;
	color:#FFF;
}
.point-green {
	color:#549500;
}
.copyright {
	background-color:#6d9b00;
	color:#FFF;
	padding:15px 0;
	border-top:#b6cd80 1px solid;
	font-size:small;
}
.accesspoint a {
	font-size:small;
	color:#CCCCCC;
}
ul.footerlink {
	padding:0 0 40px 0;
	margin-right:2%;
	width:22%;
	float:left;
}
ul.footerlink li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.footerlink h4 {
	padding-bottom:20px;
	color:#414141;
	font-weight:bold;
}
ul.footerlink li a {
	padding-bottom:10px;
	color:#5a5a5a;
}
ul.footerlink li.lastlink {
	padding-bottom:40px;
}
ul.footerlink li a:hover {
	/*opacity:0.6;*/
	color:#ff6000;
	
}
.webinfo {
	float:right;
}
.info-right {
	float:right;
}
@media only screen and (max-width: 990px) and (min-width: 769px)  {


ul.footerlink {
}
.footerleft {
}
}
@media only screen and (max-width: 768px) {
.footerdata {
	float:left;
	width:94%;
	margin:0 3%;
}
.footermenu {
	float:left;
	width:94%;
	margin-right:2%;
	margin-bottom:20px;
	padding-left:0%;
	border-left:none;
	border-bottom:#929292 1px solid;
}
ul.footerlink {
}
.dismiss {
}
.accesspoint {
	display:none;
}
}
@media only screen and (max-width: 480px) {
.footermenu {
	display:none;
}
.accesspoint {
	display:none;
}
}
a {
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}