@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, section, article, footer {
  padding: 0;
  margin: 0;
}
body {
  font-family: 'Noto Serif TC', serif, Roboto;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 1px;
}
/* Reset */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Clearfix hack */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
/*.clearfix:after {
  clear: both;
}*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
section, article, footer {
  display: block;
}
img {
  border: 0;
  display: block;
  margin: 0 auto;
}
ul, ol, li {
  list-style-type: none;
  list-style-image: none;
}
:link, :visited, :hover, :active, :focus {
  -webkit-transition: color .4s linear, background-color .4s linear, border-color .4s linear, padding .4s linear, opacity .4s linear, all .4s, -webkit-filter .4s linear;
  -o-transition: color .4s linear, background-color .4s linear, border-color .4s linear, padding .4s linear, filter .4s linear, opacity .4s linear, all .4s;
  transition: color .4s linear, background-color .4s linear, border-color .4s linear, padding .4s linear, filter .4s linear, opacity .4s linear, all .4s, -webkit-filter .4s linear, all 0.5s ease-out;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  outline: none;
  transition: all 0.5s ease-out;
}
a:hover, a:active {
  transition: all 0.5s ease-out;
}
.wrap {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #eaeaea;
}
.join_cta {
  cursor: pointer;
  position: fixed;
  right: 3px;
  bottom: 16vh;
  width: 5vw;
  z-index: 3000;
  -webkit-animation: pulse;
  animation: pulse;
    animation-duration: 0s;
    animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.join_cta img{max-width: 100%;}
.pc {
  display: block;
}
.mb {
  display: none;
}
/*- Header --------------------------------------------------------------------------*/
.hdr {
  position: fixed;
  width: 100%;
  z-index: 2000;
  background: #f0b42d;
  /*height: 110px;*/
}
.logo_gdg {
  display: block;
  float: left;
  width: 120px;
  background: #254241;
  height: 100%;
}
.logo_gdg img {
  display: block;
  max-width: 75%;
  margin: 1.08rem auto;
}
.gdp_txt a,.gdp_txt a:hover {
  display: block;
  float: left;
  font-size: 2.5rem;
  font-size: 2.08vw;
  font-weight: 700;
  color: #254241;
  margin: 1.5rem 0 0 1rem;
	text-decoration: none;
}
.gdp_txt span {
  margin-left: .5rem;
  color: #fff;
  font-size: 1.125rem;
  font-size: 1.04vw;
  letter-spacing: 2px;
  font-weight: 700;
}
/*Section01*/
.kv_wrp {
  display: block;
  position: relative;
  width: 100%;
}
.lz_slider_wrap {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin-top: 95px;
}
.lz_slider {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.lz_slider_m {
  display: none;
}
.kv_txt {
  display: block;
  position: absolute;
  top: 120px;
  right: -2%;
  z-index: 1000;
  font-size: 8.33vw;
  font-weight: 500;
  letter-spacing: 18px;
  color: #f0b42d;
  line-height: 1.1;
}
.kv_txt span {
  color: #254241;
}
/*Section02*/
.numCount {
  display: block;
  overflow: hidden;
  width: 95%;
  margin: 2rem auto;
  padding: 3rem 0 0 0;
}
.numCount ul {}
.numCount li {
  display: block;
  float: left;
  width: calc(24.999% - 5rem);
  margin: 1rem 2.5rem;
  background: #254241;
  box-shadow: 12px 12px 0px rgba(255, 255, 255, .7);
  text-align: center;
  color: #f0b42d;
}
.numCount li img {
  display: block;
  overflow: hidden;
  max-width: 8.85vw;
  margin: 2rem auto 1rem auto;
}
.numCount li h3 {
  display: block;
  font-size: 2.5rem;
  font-size: 2vw;
  font-weight: 700;
}
.numCount li .item {
  margin: 0 -10px;
}
.numCount li .numU {
  line-height: 1;
}
.numCount li .numCX {
  display: inline-block;
  margin: 1rem 0 2rem 0;
  font-size: 3.25rem;
  font-size: 2.7vw;
  font-weight: 900;
  color: #fff;
}
.numCount li .numU .unitC {
  margin-left: .5rem;
  font-size: 1.6rem;
  font-size: 1.35vw;
  font-weight: 500;
  color: #f0b42d;
}
.numCount li .numU sub {
  vertical-align: baseline;
}
/*Section03*/
.about_wrp {
  display: block;
  position: relative;
  width: 100%;
  margin: 5rem 0 0 0;
  overflow: hidden;
  z-index: 3;
}
.about_txt {
  display: block;
  float: left;
  width: 33%;
  background: rgba(240, 180, 45, 1);
  padding: 3rem 0 0 3rem;
}
.idx_tt {
  display: block;
  text-align: center;
  font-weight: 700;
  padding-bottom: 2rem;
}
.txt_left {
  text-align: left;
}
.idx_tt h3 {
  display: inline-block;
  color: rgba(37, 66, 65, 1);
  font-size: 2.75rem;
  padding-top: .5rem;
}
.idx_tt h4 {
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 1);
  font-size: 2.25rem;
}
.gre {
  color: rgba(37, 66, 65, 1);
}
.wht {
  color: rgba(255, 255, 255, 1);
}
.ylw {
  color: rgba(240, 180, 45, 1);
}
.about_txt h2 {
  display: block;
  margin: 0 3rem 1rem 0;
  text-align: right;
  font-size: 3.75vw;
  color: rgba(255, 255, 255, 1);
  line-height: 1.1;
  font-weight: 900;
}
.about_txt p {
  display: block;
  margin: 1.5rem 0;
  font-size: 1.5rem;
  color: rgba(37, 66, 65, 1);
  line-height: 1.5;
  font-weight: 500;
}
.about_more {
  display: block;
  float: right;
  overflow: hidden;
}
.more a {
  display: block;
  text-align: center;
  width: 240px;
  color: rgba(240, 180, 45, 1);
  font-size: 1.125rem;
  font-weight: 500;
  /*padding: 1rem 0;*/
  line-height: 4rem;
  height: 4rem;
  background: rgba(37, 66, 65, 1);
  text-decoration: none;
}
.more a:hover {
  background: #193635;
  text-decoration: none;
  color: #fff;
}
.more_y a {
  display: block;
  text-align: center;
  width: 240px;
  color: rgba(37, 66, 65, 1);
  font-size: 1.125rem;
  font-weight: 500;
  /*padding: 1rem 0;*/
  line-height: 4rem;
  height: 4rem;
  background: rgba(240, 180, 45, 1);
  text-decoration: none;
}
.more_y a:hover {
	background: rgba(242,170, 7, 1);
  text-decoration: none;
}
.more_y a.wthfull{width: 100%;}
.about_pic {
  display: block;
  float: left;
  width: 66.999%;
  margin-top: 3rem;
}
.about_pic img {
  max-width: 100%;
}
/*Section04*/
.partner {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: url("../img/pat01.png") repeat;
  z-index: 2;
  margin-top: -110px;
}
.part_cnt {
  display: block;
  overflow: hidden;
  width: 1200px;
  margin: 5rem auto 3rem auto;
  padding-top: 110px;
}
/*Section05*/
.report {
  display: block;
  width: 100%;
  overflow: hidden;
  background: #254241;
  padding: 3rem 0;
}
.report_cnt {
  display: block;
  overflow: hidden;
  width: 1200px;
  margin: 1rem auto;
}
.floleft {
  float: left;
}
.keywords {
  display: block;
  width: 420px;
  float: right;
  background: #fff;
  padding-left: 5px;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #254241;
  text-align: center;
	border-right:#f0b42d 5px  solid;
}
.keywords h3 {
  display: block;
  float: left;
  width: 40%;
  font-size: 1.65rem;
  font-weight: 500;
  background: #f0b42d;
}
.keywords p a {
  display: block;
  float: left;
  width: 59%;
  font-size: 1.65rem;
  font-weight: 700;
  color: #254241;
  text-decoration: none;
}
.keywords p a:hover {
  text-decoration: underline;
}
.lz_slider_r {
  display: block;
  float: left;
  width: 37%;
  margin: 0;
  overflow: hidden;
}
.rpt_type {
  display: block;
  float: left;
  margin: .5rem 0;
}
.rpt_type span a {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 .5rem;
  font-weight: 300;
  border: 1px solid rgba(240, 180, 45, 1);
  color: rgba(240, 180, 45, 1);
  text-decoration: none;
}
.rpt_type span a:hover {
  color: #fff;
  text-decoration: none;
}
.art_tt a, .art_r_tt a {
  display: block;
  clear: both;
  color: rgba(255,255,255,.9);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  padding-bottom: 2.8rem;
}
.art_tt a {
  font-size: 1.5rem;
}
.art_r_tt a {
  font-size: 1.35rem;
}
.art_tt a:hover, .art_r_tt a:hover {
  text-decoration: underline;
}
.rpt_top {
  display: block;
  float: left;
  width: 62.9999%;
  margin: 0;
  overflow: hidden;
}
.rpt_r_art {
  display: block;
  float: left;
  margin-left: 3rem;
  width: calc(49.999% - 3rem);
}
.rpt_r_art a img {
  max-width: 100%;
}
.rpt_more {
  display: block;
  float: right;
  overflow: hidden;
  /*width: 50%;*/
}

/*footer*-----------------------------------------------------------------------*/
footer {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 2.5rem 0;
  background: rgba(240, 180, 45, 1);
}
.ft_cnt {
  display: block;
  width: 95%;
  margin: 0 auto;
}
.ft_left {
  display: block;
  float: left;
  overflow: hidden;
}
.ft_logo {
  display: block;
  float: left;
  overflow: hidden;
  width: 95px;
  margin-right: 1rem;
}
.ft_logo img {
  max-width: 100%;
}
.ft_left h6 {
  display: block;
  float: left;
  overflow: hidden;
  width: 450px;
  font-size: 1rem;
  color: #254241;
  font-weight: 500;
  line-height: 1.7;
	text-align: justify;
}
.ft_right {
  display: block;
  float: right;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
}
.ft_social {
  display: block;
  width: 264px;
  overflow: hidden;
  float: right;
  clear: both;
}
.ft_social ul, .ft_dec ul {}
.ft_social li a {
  display: block;
  float: left;
  margin-left: 1rem;
  color: rgba(255, 255, 255, .85);
  text-decoration: none;
}
.ft_social li a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
.ft_dec {
  display: block;
  width: 151px;
  overflow: hidden;
  float: right;
  clear: both;
}
.ft_dec li a {
  display: block;
  float: left;
  margin-left: 1rem;
  color: rgba(37, 66, 65, 1);
  text-decoration: none;
}
.ft_dec li a:hover {
  text-decoration: underline;
}
.ft_right p {
  display: block;
  text-align: right;
  color: rgba(37, 66, 65, 1);
  float: inherit;
  clear: both;
}
.flex-cont {
  display: flex;
  justify-content: center;
  margin: 0 0 1rem 0;
  width: 100%;
}

/*RWD  ========================================================================================*/
@media screen and (max-width:1600px) {
  .gdp_txt a,.gdp_txt a:hover {
    margin: 2rem 0 0 1rem;
  }

  .kv_txt {
    top: 80px;
  }
  .about_pic {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width:1440px) {
  .about_txt p {
    font-size: 1.25rem;
  }
 .ft_cnt {
  width: 90%;
}
join_cta {
	bottom: 13vh;}
}
@media screen and (max-width:1366px) {
  .gdp_txt a,.gdp_txt a:hover {
    margin: 2.25rem 0 0 1rem;
  }
  .about_txt {
    width: 31%;
    padding: 1.5rem 0 0 2rem;
  }
  .about_pic {
    width: 69%;
  }
  .idx_tt {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width:1280px) {
  .idx_tt h3 {
    font-size: 2.3vw;
  }
  .idx_tt h4 {
    font-size: 1.875vw;
  }
  .numCount {
    padding: 1.5rem 0 0 0;
  }
  .numCount li {
    width: calc(24.999% - 4rem);
    margin: 1rem 2rem;
  }
.ft_left h6 {
	font-size: .9rem;}
.ft_right p {font-size: .9rem;
}
}
@media screen and (max-width:1200px) {
  .part_cnt {
    width: 90vw;
    margin: 5rem auto 3rem auto;
    padding-top: 100px;
  }
  .report_cnt {
    display: block;
    overflow: hidden;
    width: 90vw;
    margin: 1rem auto;
  }
.ft_left h6 {
	width: 300px;}
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:820px) {
.logo_gdg {
  display: block;
  float: left;
  width: 75px;
}	
 .gdp_txt a, .gdp_txt a:hover {
    margin: 2rem 0 0 .5rem;
  }
	.lz_slider_wrap {
  margin-top: 80px;
}
 .numCount li {
    width: calc(24.999% - 2rem);
    margin: 1rem 1rem;
  }
.numCount li h3 {
  font-size: 1.25rem;
}
.numCount li .numU .unitC {
  margin-left: .5rem;
  font-size: 1.1rem;
  font-weight: 500;
}
 .idx_tt {
    padding-bottom: 1.5rem;
    
  }
.txt_left {
	float: left;
  text-align: left;
}
 .idx_tt h4 {
    font-size: 1.5rem;
  }
 .idx_tt h3 {
    font-size: 2rem;
  }

.about_txt h2 {
  margin: 0 3rem 1rem 0;
  text-align: right;
	font-size: 2.25rem;
	}	
.about_wrp {
  display: block;
  position: relative;
  width: 100%;
	margin: 2.5rem 0 0 0;
}
.about_txt {
    float: none;
    width: 80%;
    padding: 1.5rem 0 2rem 2rem;
  }
.about_more {
  display: block;
  float: right;
  overflow: hidden;
  margin-top: -2rem;
}
.about_pic {
	float: right;
    width: 60%;
	margin-top: 0;
  }	
.about_txt p {
  margin: 1.25rem 0;
  font-size: 1.25rem;
  color: rgba(37, 66, 65, 1);
  line-height: 1.4;
}	
.art_tt a,.art_r_tt a {
  font-size: 1.125rem;
}
.keywords {
  display: block;
  width: 360px;
  float: right;
  background: #fff;
  padding-left: 5px;
  height: 3rem;
	line-height: 3rem;
	}
	.keywords h3 {
  display: block;
  float: left;
  width: 35%;
  font-size: 1.25rem;
  font-weight: 500;
  background: #f0b42d;
}
.keywords p a {
  display: block;
  float: left;
  width: 64%;
	font-size: 1.5rem;}
footer {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 2rem 0;
  background: rgba(240, 180, 45, 1);
}
.ft_cnt {
    width: 500px;
  }	
.ft_logo {
  display: block;
  float: left;
  overflow: hidden;
  width: 18%;
  margin-right: 1rem;
}
.ft_left {
  display: block;
  float: none;
  overflow: hidden;
}
.ft_left h6 {
  display: block;
  float: left;
  overflow: hidden;
  width: calc(81.999% - 1rem);
  font-size: .9rem;
  color: #254241;
}
.ft_right {
  display: block;
  float: none;
  overflow: inherit;
  font-size:.9rem;
	padding-top: 1rem;
}
.ft_social ,.ft_dec{
  float: none;
  margin: 0 auto;
}
.ft_right p {
  display: block;
	text-align: center;}	
.join_cta {
  cursor: pointer;
  position: fixed;
  right: 3px;
  bottom: 0;
	width: 8vw;}
}
@media screen and (max-width:768px) {
.hdr {
  position: fixed;
  width: 50%;
  z-index: 2002;
  background: #f0b42d;
  height: 50px;
}
 .logo_gdg {
    display: block;
    float: left;
    width: 70px;
  }
.logo_gdg img {
  display: block;
  max-width: 65%;
  margin: .4rem auto;
}
.gdp_txt a, .gdp_txt a:hover {
    margin: 1.1rem 0 0 .5rem;
font-size: 1.25rem;
  }
  .lz_slider_wrap {
    margin-top: 50px;
  }
	.numCount li img {
  display: block;
  overflow: hidden;
  max-width: 9vw;
  margin: 1rem auto;
}
.numCount li .numCX {
  display: inline-block;
  margin: 1rem 0;
  font-size: 1.4rem;
}
.about_txt p {
    margin: 1.25rem 0;
    font-size: 1.2rem;
    color: rgba(37, 66, 65, 1);
    line-height: 1.4;
  }
 .about_pic {
    float: right;
    width: 80%;
    margin-top: 0;
  }

}


@media screen and (max-width:500px) {
	.hdr {
    position: fixed;
		width: 80%;}
.kv_txt {
    display: block;
    position: absolute;
    top: 90px;
    right: -2%;
    z-index: 1000;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 8px;
    color: #f0b42d;
    line-height: 1.5;
  }
 .numCount li {
    width: calc(49.9% - 2rem);
    margin: 1.5rem 1rem;
  }	
 .numCount li img {
    display: block;
    overflow: hidden;
    max-width: 45%;
    margin: 1rem auto;
  }	
 .about_wrp {
    display: block;
    position: relative;
    width: 100%;
    margin: 1.25rem 0 0 0;
  }
.about_txt {
    width: 95%;
    padding: 1.5rem 0 2rem 2rem;
  }	
.txt_left {
    float: none;
    text-align: left;
  }
 .about_txt h2 {
    margin: 0 3rem 1rem 0;
    text-align: right;
    font-size: 3rem;
  }
.about_txt p {
    margin: 1.25rem 0;
    font-size: 1.1rem;
    color: rgba(37, 66, 65, 1);
    line-height: 1.4;
  }	
 .about_pic {
    float: right;
    width: 92%;
    margin-top: 0;
  }
.more a, .more_y a{
  width: 150px;
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;}

	 .idx_tt {
    text-align: left;
  }
.report {
  padding: 1.5rem 0;
}
 .keywords {
    display: block;
    width: 100%;
    float: none;
    background: #fff;
    padding-left: 0;
    height: 2.5rem;
    line-height: 2.5rem;
	 margin-bottom: .5rem;
  }
.ft_cnt {
    width: 100%;
  }
 .ft_left {
	 
    width: 92%;
    margin: 0 auto;
  }	
	.ft_logo {
    display: block;
    float: left;
    overflow: hidden;
    width: 18%;
    margin-right: .75rem;
  }
.lz_slider_r {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 1.5rem 0;
  overflow: hidden;
}
 .join_cta {
    right: 3px;
    bottom: 21vh;
    width: 12vw;
  }
.rpt_top {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.rpt_r_art {
  display: block;
  float: left;
  margin-left: 0;
  width: calc(49.999% - .75rem);
  margin-right: 1.5rem;
}
	.r_zero{margin-right: 0;}
.about_more {
    display: block;
    float: right;
    overflow: hidden;
    margin-top: -0.5rem;
  }
.rpt_more {
    display: block;
    float: none;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    width: 150px;
}
.ft_right p {
    font-size: .75rem;
  }
}
@media screen and (max-width:430px) {}
@media screen and (max-width:415px) {}
@media screen and (max-width:400px) {}