/*YOUR CUSTOM STYLES*/
.grf{
	color: #7A9C29;
}

.flw1{
	float: left;

}

.pd10 {

	padding-top: 10px;

}
.people {
	color: #C00;
	padding-top: 8px;
	font-size: 16px;
	font-weight: bold;
	padding-right: 12px;
}
.fo1{
	font-size: 15px;
	font-weight: bold;
	color: #5B5B5B;

}
.fo12{
	font-size: 13px;


}
.fl1{
	float: left;

}
.tbg1 {
	background-color: #fff;

}
.rg {
	float: right;

}
.gbg {
	background-color: #fafff0;
}
.gbg2 {
	background-color: #81a42e;
	color: #FFF;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}
.ti1{
	background-color: #7a9c29;
	font-size: 18px;
	color: #FFF;

}
.ti2{
	background-color: #f1fbda;
	font-size: 17px;
	color: #039;
	font-weight: bold;
}

.ti3{
	background-color: #f1fbda;
	font-size: 15px;
	color: #039;
	font-weight: bold;
}

.tpd{
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

.tpd2 {
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}

.tpd3 {
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	color: #BEDD91;
}
.rg3 {
	float: right;
		font-size: 17px;
}
.tpd4 {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 2px;
	color: #C30;
}
.mti1 {
	font-family: "Noto Sans T Chinese DemiLight";
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	background-color: #81A42E;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #81A42E;
}
.mti2 {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #81A42E;
	font-size: 15px;
}


.da {
	font-size: 28px;
	padding-right: 7px;
}
.blue_f {
	color: #06C;
}
.red_f {
	color: #C30;
}
.red_bf {
	color: #C30;
	font-size: 28px;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}
.grd_f {
	color: #690;

}
.grd_bf {
	color: #690;
	font-weight: bold;
}
.org_f {
	color: #F60;
}
.wte_f {
	color: #FFF;
}
.cfe_f {
	color: #960;
}
.cfe_fb {
	color: #960;
	font-weight: bold;
}
/*style 新增*/

.top-area2 {
  position: relative;
  overflow: hidden;

  z-index: 5;
}
.top-area2 >img {
  width: 100%;
}
.top-area2 .vertical-center {
  z-index: 5;
  width: auto;
  margin: 0 auto;
}
.top-area2 .vertical-center .inner {
  background: rgba(0,0,0,0.5);
  padding: 30px;
}
.top-area2 .vertical-center img {
  max-width: 100%;
  width: auto;
}
.top-area2 .vertical-center .hero-title {
  font-size: 26px;
}
.top-area2 .vertical-center.white p,
.top-area2 .vertical-center.white h1,
.top-area2 .vertical-center.white h2,
.top-area2 .vertical-center.white h3,
.top-area2 .vertical-center.white h4,
.top-area2 .vertical-center.white h5 {
  color: #fff;
}
.top-area2 .countdown {
  margin: 20px auto;
}
.top-area2 .push-bottom {
  z-index: 6;
}
.top-area2 .pricing-table .pricing-inner {
  border: none;
}
.shadow2-inner {
  position: relative;
  overflow: hidden;
}


.shadow2-inner:after,
.shadow2-inner:before {
  content: '';
  position: absolute;
  bottom: -30px;
  height: 30px;
  left: 0;
  width: 100%;
  z-index: 6;
  -webkit-border-radius: 70%;
  border-radius: 70%;
  -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px 3px rgba(0,0,0,0.2);
}
.shadow2-inner:before {
  bottom: auto;
  top: -30px;
}

.box {} 
.box:hover { -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #b4b4b4; } 
.top11 {
	vertical-align: bottom;
	} 
/*******************************************/
/*FLEXNAV*/
.flexnav2 {
	margin: 0;
  *zoom: 1;
	position: relative;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	-ms-transition: 0;
	transition: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 100;

}
.flexnav2 ul {
  list-style: none;
  margin-left: 0;
}
.flexnav2:after {
  content: '';
  display: table;
  clear: both;
}
.flexnav2.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px;
}
.flexnav2 li {
  position: relative;
}
.flexnav2 li.active > a {
  background: #45bd3e;
  color: #fff;
  border-color: #45bd3e !important;
}
.flexnav2 li.active > a:hover {
  background: #45bd3e;
  color: #fff;
}
.flexnav2 li a {
  margin: 0;
  position: relative;
  display: block;
  /*padding: 10px 15px;*/
  background: #fff;
}
.flexnav2 li > a {
  line-height: 1em;
  text-decoration: none;
}
.flexnav2 li > a:hover {
  background-color: #eee;
}
.flexnav2-center {
  display: table;
  margin: 0 auto;
}
.touch-button {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 15px;
  background: #45bd3e;
  color: #fff;
}
.touch-button:before {
  content: '\f078';
  -webkit-font-smoothing: antialiased;
}
.touch-button:hover {
  cursor: pointer;
}
.touch-button.active {
  background: #008896;
}
.touch-button.active:before {
  content: '\f077';
}
.flexnav2-menu-button {
  margin-bottom: 10px;
  position: relative;
  display: block;
  padding: 20px 30px;
  cursor: pointer;
  background: #45bd3e;
  color: #fff;
  font-size: 20px;
}
.flexnav2-menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}
.flexnav2-menu-button .touch-button {
  background: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}
.flexnav2-menu-button .touch-button:before {
  content: '\f0c9';
}
@media all and (min-width: 800px) {
.flexnav2 {
  overflow: visible;
}
.flexnav2 > li > ul {
  padding-top: 32px;
}
.flexnav2 > li > ul a {
  line-height: 1.4em;
}
.flexnav2 a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.flexnav2 > li > a {
	background: none;
	font-weight: bold;
}
.flexnav2 > li > a:hover {
  color: #fff;
  background: #7a9c29;
}
.flexnav2 li {
  overflow: visible;
}
.flexnav2 li .touch-button {
  display: none;
}
.flexnav2 li ul {
  z-index: 1;
  width: 150px;
  position: absolute;
  display: none;
}
.flexnav2 li ul li > a {
  border-top: 1px solid #1a1a1a;
  background: #262626;
  color: #fff;
}
.flexnav2 li ul li > a:hover {
  background: #1a1a1a;
}
.flexnav2 li ul li > ul {
  left: -1px;
  margin-left: 100%;
  top: 0;
}
.flexnav2 li > ul {
  top: auto;
  left: 0;
}
.flexnav2 li > ul li {
  width: 100%;
}
header.main.shrink .flexnav2 > li > ul {
  padding-top: 17px;
  
}
.flexnav2-menu-button {
  display: none;
}
}
@media all and (max-width: 800px) {
.flexnav2 {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  max-height: 0;
}
.flexnav2.show {
  max-height: 2000px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  z-index: 1500;
}
.flexnav2 li {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.flexnav2 li a {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 22.5px;
  color: #595959 !important;
}
.flexnav2 li.active > a {
  color: #fff !important;
}
.flexnav2 li .touch-button {
  display: block;
}
.flexnav2 li ul {
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5%;
  width: 100%;
}
.flexnav2 li ul li {
  overflow: hidden;
}
.flexnav2 li ul li.show {
  overflow: visible;
}
}
.oldie body.one-page {
  padding-top: 70px;
}
.oldie .flexnav2 {
  overflow: visible;
}
.oldie .flexnav2.one-page {
  top: 0;
  right: auto;
  max-width: 1080px;
}
.oldie .flexnav2 li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  background-color: #a6a6a2;
  width: 20%;
  min-height: 50px;
  overflow: visible;
}
.oldie .flexnav2 li:hover > ul {
  display: block;
  width: 100%;
  overflow: visible;
}
.oldie .flexnav2 li:hover > ul li {
  width: 100%;
  float: none;
}
.oldie .flexnav2 li a {
  border-left: 1px solid #acaca1;
  border-bottom: none;
  overflow: visible;
}
.oldie .flexnav2 li > ul {
  position: absolute;
  top: auto;
  left: 0;
  display: none;
  z-index: 1;
  overflow: visible;
}
.oldie .flexnav2 li ul li ul {
  top: 0;
}
.oldie .flexnav2 li ul li a {
  border-bottom: none;
}
.oldie .flexnav2 li ul.open {
  display: block;
  width: 100%;
  overflow: visible;
}
.oldie .flexnav2 li ul.open li {
  width: 100%;
}
.oldie .flexnav2 li ul.open ul.open {
  margin-left: 100%;
  top: 0;
  display: block;
  width: 100%;
  overflow: visible;
}
.oldie .flexnav2 li:hover ul {
  margin-left: 100%;
  top: 0;
}
.oldie .flexnav2-menu-button {
  display: none;
}
.oldie.ie7 .flexnav2 li {
  width: 19.9%;
}
/*******************************************/
.table2 th, .table2 td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #f3fbde;
  }







/*******************************************/
.tab111 {
	
	border-topright-radius: 5px;
	border-topleft-radius: 5px;
	border-radius: 5px;
	background-color: #7a9c29;
	line-height: 27px;
	border-collapse: separate;
}
.tab222{
	border: 1px solid #ACD154;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #FFF;
	border-collapse: separate;
}

.tab1 {
	
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.tab_f1 {
	color: #fff600
}
.tab_f2b {
	color: #034684;
	font-weight: bold;
}
.tab_f2 {
	color: #034684;
	font-size: 16px;
}
.tab_f2 a:link{
	color: #034684;
	font-size: 16px;
	text-decoration: none;
	
}
.tab_f2 a:hover{
	color: #7A9C29;
	font-size: 16px;
	text-decoration: none;
}
.tab_f2 a:visited{
	color: #034684;
	font-size: 16px;
	text-decoration: none;
}






/*
     FILE ARCHIVED ON 17:49:29 十月 8, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 2:40:35 五月 30, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/