@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;800;900&display=swap');
@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:Roboto,'Noto Sans TC', sans-serif;
  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: #fff;
}
.logo_s {
  display: block;
	position: fixed;
	top: 0;
	left: 1.5rem;
  width: 130px;
	z-index: 2500;
}
.logo_s a img {
  max-width: 100%;
  margin: 1.2rem auto;
}

/*- Header --------------------------------------------------------------------------*/
.hdr {
  position: fixed;
  width: 100%;
  z-index: 2000;
	height: 87px;
  background: #fff;
	border-bottom: 1px solid #ccc;
  /*height: 110px;*/
}

/*Section01*/

.idx_slider{
  display: block;
  width: 100%;
  margin:80px 0 0 0;
  overflow: hidden;
}


/*Section02*/
.about_wrp{
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0;
}
.about_cnt{
	display: block;
	overflow: hidden;
	width: 1200px;
	margin: 4rem auto;
}
.about_txt {
  display: block;
  overflow: hidden;
  float: left;
  width: 55%;
  margin: 0 3rem 0 0;
}
.about_txt h3{
	display: block;
	color: #000;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	padding-bottom: 1rem;
}
.about_txt p{
	display: block;
	color: #555;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 2px;
	padding-top: 2rem;
	/*margin-left: 1.25rem;*/
	text-align: justify;
}
.about_img{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(44.999% - 3rem);
}
.about_img img{max-width: 100%;}
.aboutimgs{display: block;overflow: hidden;width: 100%;padding-top: 3rem;}
.aboutimgs ul{}
.aboutimgs li{display: block;overflow: hidden;float: left; margin-right: 2.5rem;width: calc(49.999% - 1.26rem);}
.aboutimgs li img{max-width: 100%;}
.aboutimgs ul > li.no-m-rgt{margin-right: 0rem;}

/*Section03*/
.case_wrp{
	display: table;
  height: 100%;
  width: 100%;
  position: relative;
  background: url("../img/case-bg.jpg") no-repeat 0 0 fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.case_tt{
	display: block;
	overflow: hidden;
	width: 1400px;
	margin: 4rem auto 2rem;
}

.case_tt h3{
	display: block;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	margin-left: .5rem;
}

.case_tt::before {
	display: block;
	float: left;
  content: "";
  width: 70px;
  height: 1px;
  background: #fff;
	margin-top: 1.35rem;
	margin-right: .5rem;
}

.case_cnt{
	display: block;
	overflow: hidden;
	width: 1400px;
	margin: 0 auto 6rem;
}
.case{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(24.999% - 1.88rem);
	margin-right: 2.5rem;
	margin-top: 1rem;
}

.case a img{
	display: block;
	float: left;
	max-width: 180px;
	margin-right: 15px;
	opacity: .85;
	text-decoration: none;
}
.case a:hover img{
	opacity: 1;
	text-decoration: none;
}

.case_txt{display: block;float: left;width: calc(99.999% - 195px); margin-top: 183px;}
.case_txt h6{display: block;color: #fff;font-size: 1.125rem;font-weight: 500; padding-bottom: .5rem; font-family: Century Gothic;}
.case_txt h3{display: block;color: #a4db2a;font-size: 1.5rem;font-weight: 700; padding-bottom: 2rem; }


.more a {
  display: block;
  text-align: center;
  width: 90px;
  color: rgba(255, 255, 255, .75);
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.5rem;
  height: 2.5rem;
  background: rgba(0, 0, 0, .2);
	border: 1px solid rgba(255, 255, 255, .3);
  text-decoration: none;
}
.more a:hover {color: #000;
	border: 1px solid #fff;
  background: rgba(255, 255, 255, 1);
  text-decoration: none;
}


/*Section04*/
.event{display: block;overflow: hidden;width: 1200px; padding: 5rem; margin: 0 auto}
.event_L{
	display: block;
	overflow: hidden;
	float: left;
	width: 65%;
	margin-right: 2rem;
}
.event_L img{
	max-width: 100%;
} 

.event_R{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(34.999% - 2.01rem);
	margin-top: 60px;
	font-family:Roboto,'Noto Sans TC', sans-serif;
}
.event_R h3{
	display: block;
	color: #000;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
}


.event_R h3::before {
	display: block;
	float: left;
  content: "";
  width: 70px;
  height: 1px;
  background: #333;
	margin-top: 1.35rem;
	margin-right: .5rem;
}

.event_R h4 {
  display: block;
  color: #92c122;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin: .5rem 0;
}
.event_R p{
	display: block;
	color: #333;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.7;
	padding-top: 1rem;
}
.event_R p i{color: #92c122; margin-right: .25rem;}

.more_blk a {
  display: block;
  text-align: center;
  width: 90px;
  color: rgba(0, 0, 0, .75);
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.5rem;
  height: 2.5rem;
  background: none;
	border: 1px solid rgba(0, 0, 0, .2);
	margin-top: 1.5rem;
  text-decoration: none;
}
.more_blk a:hover {color: #fff;
	border: 1px solid #000;
  background: #000;
  text-decoration: none;
}

/*footer*-----------------------------------------------------------------------*/
footer {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 1.75rem 0 1.5rem;
	/*border-top: 1px solid rgba(146,193,34,.35);*/
	font-family:Roboto,'Noto Sans TC', sans-serif;
	background: rgba(204,204,204,.15)
}
.ldr_ft_cnt {
  display: block;
  width: 1200px;
  margin: 0 auto;	
	overflow: hidden
	/*padding: 0 2rem;*/
}
.ft_L {
  display: block;
	width: 50%;
  float: left;
  overflow: hidden;
}
.ft-logo{
  display: block;
  float:right;
  overflow: hidden;
  width: 120px;
  /*margin-right: 20px;*/
}
.ft-logo img {
  max-width: 100%;
}
.ft_L_txt {
  display: block;
  float: left;
	width: 100%;
  overflow: hidden;
	/*border-left: 1px solid rgba(146,193,34,.35); 
	padding-left: 20px;*/
}

.ft_L h6,.ft_L h6 a{
	font-size: .9rem;
	
  color: #333;
  font-weight: 400;
  line-height: 1.7;
	text-decoration: none;
}
.ft_L h6 a,.ft_L h6 a:hover{font-weight: 400;text-decoration: underline;color: rgba(146,193,34,1);font-size: .85rem;}
.ft_L h6 i{color: rgba(146,193,34,1); margin-right: .25rem;
}
.ft_R{
  display: block;
  float: right;
  overflow: hidden;
}
.ft_R p{
  display: block;
  /*float: left;*/
  overflow: hidden;
  font-size: .9rem;
  line-height: 1.5;
  color: #333;
	font-weight: 400;
	text-align: right;
	/*margin-top: 54px;*/
	font-family:Roboto,'Noto Sans TC', sans-serif;
	 letter-spacing: 2px;clear: both;
  padding-top: 2rem;
}

.ldr_copy{ display: block; overflow: hidden; width: 100%; clear: both; background:#92c122;; text-align: center; padding: 1rem 0;font-size: .9rem; font-family:Roboto,'Noto Sans TC', sans-serif; color: #fff; font-weight: 500; letter-spacing: 3px;}



.flex-cont {
  display: flex;
  justify-content: center;
  margin: 0 0 1rem 0;
  width: 100%;
}

/*page*/
.page-hd{
	display: block;
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.page-hd img{max-width: 100%}

.page-hd h3 {
    display: block;
	position: absolute;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.25;
    color: #000;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 210px;
    text-align: center;
	z-index: 2;
	letter-spacing: 3px;
}

.page_cnt{
	display: block;
	overflow: hidden;
	width: 1200px;
	margin: 4rem auto;
}
.build_slider {
    display: block;
	float: left;
    width: 50%;
    margin: 0 2rem 0 0;
    overflow: hidden;
}
.build_txt{display: block;float: left;width: calc(49.999% - 2.01rem); margin: 0;
	font-family: Roboto,'Noto Sans TC', sans-serif;}
.for_rn{float: none;width: 100%; margin-top: 1.5rem;}
.build_txt h2{
	display: block;
	width: 100%;
	overflow: hidden;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
	padding-bottom: 1rem;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid rgba(0,0,0,.8);
	
}
.case_li{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: .7rem;
}
.case_li h4{
	display: block;
	float: left;
	overflow: hidden;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    color: #444;
	padding-top: 0;
}
.case_li h5 span{
	display: block;
	width: 110px;
	text-align: center;
	float: left;
	background-color:#777; 
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
	margin-right: 10px;
	padding:.1rem .75rem;
	border-radius: .2rem;
}
.li-data{
	display: block;
	float: left;
	overflow: hidden;
	font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    color: #444;
	padding-top: 0;
	width: calc(99.999% - 120px);
}


.page_case_tt {
  display: block;
  overflow: hidden;
  width: 1200px;
	padding-top: 2.5rem;
	padding-bottom: .5rem;
	border-top: 1px dotted rgba(0,0,0,.35);
  margin: 0 auto;
}
.page_case_tt i {
  color: #92c122;
  font-size: 1.25rem;
  margin-right: .5rem;
  float: left;
  line-height: 1.5;
}
.page_case_tt h3 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 2px;
}
/*.page_case_tt::before {
  display: block;
  float: left;
  content: "";
  width: 70px;
  height: 1px;
  background: #333;
  margin-top: 1.35rem;
  margin-right: .5rem;
}*/
.case_other{
	display: block;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto 4rem auto;
}
.case_other h6{
	display: block;
  overflow: hidden;
  width: 100%;
  margin-top: .35rem;
	 color: #777;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
}
.case_other h6 i{
  margin-top: .35rem;
	 color: #5b7f04;
  padding-right: .25rem;
}
.others{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(24.999% - 1.88rem);
	margin-right: 2.5rem;
	margin-top: 1rem;
}

.others a img{
	display: block;
	float: left;
	max-width: 150px;
	margin-right: 15px;
	opacity: .85;
	text-decoration: none;
}
.others a:hover img{
	opacity: 1;
	text-decoration: none;
}

.others_txt{display: block;float: left;width: calc(99.999% - 165px); margin-top: 141px;}
.others_txt h6{display: block;color: #000;font-size: 1.125rem;font-weight: 500; padding-bottom: .5rem; font-family: Century Gothic;}
.others_txt h3{display: block;color: #a4db2a;font-size: 1.5rem;font-weight: 700; }

.update{display: block;overflow: hidden; width: 100%;}
.update ul{display: block;overflow: hidden; background:#f0f0ef; border-bottom: 2px solid #fff; padding: .75rem 0;}
.update li{overflow: hidden;}
.update li:nth-child(1){display: block;float: left; width: 12%;}
.update li:nth-child(2){display: block;float: left; width: 24%;}
.update li:nth-child(3){display: block;float: left; width: 18.999%;}
.update li:nth-child(4){display: block;float: left; width: 44.999%;}
.update li{display: block;float: left;color: #222;
	padding-left: .35rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5; }
.update ul > .gre{background:#e9f2d3;}

.update li a{ color: #5b7f04; text-decoration: none;}
.update li a:hover{text-decoration: underline;}


/*contact*/
.g-form{display: block; width: 650px; overflow: hidden; margin: 2rem auto;}
.form-w{ max-width: 100%;}

/*YTB*/
.ytb {
  display: block;
  overflow: hidden;
  width: 1200px;
  margin:2rem auto;
}
.ytb_h{height: 600px;}

/*RWD  ========================================================================================*/
@media screen and (max-width:1600px) {
  
}
@media screen and (max-width:1440px) {
 .case_tt {
  display: block;
  overflow: hidden;
  width: 90%;
  margin: 4rem auto 2rem;
}
.case_cnt {
  display: block;
  overflow: hidden;
  width: 90%;
  margin: 0 auto 6rem;
}
.case a img {
  display: block;
  float: left;
  max-width: 150px;
  margin-right: 15px;
  opacity: .85;
  text-decoration: none;
}
.case_txt h3 {
  display: block;
  color: #a4db2a;
  font-size: 1.35rem;
  font-weight: 700;
  padding-bottom: 2rem;
}
.case_txt {
  display: block;
  float: left;
  width: calc(99.999% - 165px);
  margin-top: 133px;
}
.page-hd h3 {
	top: 170px;}
.page_cnt {
  display: block;
  overflow: hidden;
  width: 1000px;
  margin: 4rem auto;
}
.page_case_tt {
	width: 1000px;}
.case_other {
  display: block;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto 4rem auto;
}
.others a img {
  display: block;
  float: left;
  max-width: 120px;
  margin-right: 12px;
  opacity: .85;
  text-decoration: none;
}
 .others {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(24.999% - 1.26rem);
    margin-right: 1.65rem;
    margin-top: 1rem;
  }
.others_txt {
  display: block;
  float: left;
  width: calc(99.999% - 133px);
  margin-top: 95px;
}
.others_txt h3 {
  display: block;
  color: #a4db2a;
  font-size: 1.25rem;
  font-weight: 700;
}
.ytb {
  width: 1000px;
  margin: 2rem auto;
}
}
@media screen and (max-width:1366px) {
 
}
@media screen and (max-width:1280px) {
 .about_cnt {
  width: 960px;
  margin: 3.5rem auto;
}
.about_txt {
  float: left;
  width: 50%;
  margin: 0 2.5rem 0 0;
}
.about_txt p {
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 1.25rem;
  margin-left: 0;
  text-align: justify;
}
.about_img {
  float: left;
  width: calc(49.999% - 2.5rem);
}
  .case_txt h3 {
    font-size: 1.25rem;
    font-weight: 700;
    padding-bottom: 2rem;
  }
.more a ,.more_blk a{ width: 70px; font-size: .9rem;}
.page-hd h3 {
    top: 150px;
  }

}
@media screen and (max-width:1200px) {
.case {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(24.999% - 1.6rem);
  margin-right: 2.1rem;
  margin-top: 1rem;
}
 .case a img {
    display: block;
    float: left;
    max-width: 150px;
    margin-right: 12px;
    opacity: .85;
    text-decoration: none;
  }
.case_txt h3 {
    font-size: 1.18rem;
    font-weight: 700;
    padding-bottom: 2rem;
  }
 .case_txt {
    display: block;
    float: left;
    width: calc(99.999% - 163px);
    margin-top: 138px;
  }
.ldr_ft_cnt {
  display: block;;
  width: 92%;
  margin: 0 auto;
}
}
@media screen and (max-width:1024px) {
 .case {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(24.999% - 2.2rem);
    margin-right: 2.8rem;
    margin-top: 1rem;
  }
 .case a img {
    display: block;
    float: none;
    max-width: 100%;
    opacity: .85;
    text-decoration: none;
    margin: 0;
  }
.case_txt {
    display: block;
    float: none;
    width: 100%;
    margin-top: .5rem;
    text-align: center;
  }
.case_txt h3 {
    font-size: 1.35rem;
    font-weight: 700;
    padding-bottom: 1rem;
  }
  .more a{
    width: 120px;
    font-size: .9rem;
    margin: 0 auto;
  }
.page-hd h3 {
    top: 130px;
  }
.page_cnt {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 4rem auto;
  }
.page_case_tt {
    width: 95%;
  }
 .case_other {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 0 auto 3rem auto;
  }
.event {
  display: block;
  overflow: hidden;
  width: 90%;
  padding: 4rem 0;
  margin: 0 auto;
}
.event_R {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(34.999% - 2.01rem);
	margin-top: 20px;
	}
 .ytb {
    width: 95%;
    margin: 2rem auto;
  }
}
@media screen and (max-width:820px) {
.logo_s {
  display: block;
  position: fixed;
  top: 0;
  left: 1.2rem;
  width: 100px;
  z-index: 2500;
}
.hdr {
  position: fixed;
  width: 100%;
  z-index: 2000;
	height: 75px;}
.idx_slider {
  display: block;
  width: 100%;
  margin: 74px 0 0 0;
  overflow: hidden;
}
.about_cnt {
    width: 90%;
    margin: 3rem auto;
  }
.about_txt {
    float: left;
    width: 50%;
    margin: 0 2rem 0 0;
  }
.about_txt h3 {
  display: block;
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 0;
}
 .about_txt p {
    font-size: 1.05rem;
    line-height: 1.5;
    letter-spacing: 1px;
    padding-top: 1rem;
    text-align: justify;
  }
.case_tt::before ,.event_R h3::before {
	width: 50px;}
.event {
	padding: 2.5rem 0;}

.event_L {
  display: block;
  overflow: hidden;
  float: left;
  width: 57%;
  margin-right: 1.5rem;
}
.event_R {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(42.999% - 1.51rem);
    margin-top: 0;
  }
.event_R h4 {
  display: block;
  color: #92c122;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin: .5rem 0;
}
.more_blk a{
    width: 120px;
    font-size: .9rem;
  }
.page-hd h3 {
    top: 90px;
    font-size: 2rem;
  }
 .others a img {
    display: block;
    float: none;
    max-width: 140px;
    margin-right: 0;
    opacity: .85;
    text-decoration: none;
    margin: 0 auto;
  }
  .others_txt {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin: 1rem auto;
	  text-align: center;
  }
 .more_blk a {
    width: 120px;
    font-size: .9rem;
    margin: 1rem auto 0 auto;
  }
.ft_L {
  display: block;
  width: 40%;
  float: left;
  overflow: hidden;
}
.ytb_h {
  height: 450px;
}
.update li:nth-child(1){display: block;float: left; width: 17%;}
.update li:nth-child(2){display: block;float: left; width: 30%;}
.update li:nth-child(3){display: block;float: left; width: 17.999%;}
.update li:nth-child(4){display: block;float: left; width: 34.999%;}
	.update li{font-size: .85rem;}	
}
@media screen and (max-width:768px) {
.case_cnt {
    display: block;
    overflow: hidden;
    width: 90%;
    margin: 0 auto 3.5rem;
  }
 .page_cnt {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 3rem auto;
  }
.ytb_h {
  height: 420px;
}
}


@media screen and (max-width:500px) {
  .about_txt {
    float: none;
    width: 100%;
    margin: 0;
  }
 .about_img {
    float: none;
    width: 100%;
    margin-top: 1.5rem;
  }
.aboutimgs {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 1.5rem;
}
.aboutimgs li {
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 1.5rem;
  width: calc(49.999% - .76rem);
}	
 .case {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(49.999% - 3rem);
    margin-right: 0;
    margin-top: 0;
    margin: 1.5rem;
  }	
 .event_L {
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
    margin-right: 0;
	 padding-bottom: 1.5rem;
  }
.event_R {
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
    margin-top: 0;
    text-align: center;
  }
.event_R h3::before {
	display: none;}
 .more_blk a {
    width: 120px;
    font-size: .9rem;
    margin: 1rem auto 0 auto;
  }
  .about_txt h3 {
    display: block;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
    padding-bottom: 0;
  }
 .about_txt p {
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 1px;
    padding-top: 1rem;
    text-align: justify;
  }
.page-hd h3 {
    top: 60px;
    font-size: 1.75rem;
  }
.page_cnt {
    display: block;
    overflow: hidden;
    width: 90%;
    margin: 3rem auto;
  }
.build_slider {
  display: block;
  float: none;
  width: 100%;
  margin: 0 2rem 0 0;
  overflow: hidden;
}
.build_txt {
  display: block;
  float: none;
	width: 100%;
	margin-top: 1rem;}
 .page_case_tt {
    width: 90%;
  }
.others {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(49.999% - 3rem);
    margin-right: 0;
    margin-top: 0;
    margin: 1.5rem;
  }
 .case_other {
    display: block;
    overflow: hidden;
    width: 90%;
    margin: 0 auto 1rem auto;
  }
 .ft_L {
    display: block;
    width: 280px;
    float: none;
    overflow: hidden;
    margin: 0 auto;
  }
.ft-logo {
	display: none;}
.ft_R {
  display: block;
  float: none;
  overflow: hidden;
}
.ft_R p {
  float: none;
  text-align: center;
  margin-top: 0;
  padding-top: 1rem;
}	
.ytb_h {
    height: 260px;
  }
.ytb {
    width: 90%;
    margin: 1.5rem auto;
  }
.case_li h5 span {
  display: block;
	width: 90px;
	padding:.1rem .25rem; 
	margin-right: 8px;
	}
 .li-data {
    display: block;
    float: left;
    font-size: .95rem;
    line-height: 1.7;
	 letter-spacing: 0;
	 width: calc(99.999% - 110px);
	}
.build_txt h2 {
  display: block;
  width: 100%;
  overflow: hidden;
	font-size: 1.35rem;}
.g-form {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.update li:nth-child(1) {
  display: block;
  float: left;
  width: 18%;
}
.update li:nth-child(2) {
  display: block;
  float: left;
  width: 24%;
}
.update li:nth-child(3) {
  display: block;
  float: left;
  width: 21.999%;
}
 .update li:nth-child(4) {
  display: block;
  float: left;
  width: 34%;
}
.update li {
	font-size: .8rem;
	letter-spacing: 0;
	line-height: 1.6;
	padding: .35rem;}
.case_other h6 {
	font-size: .75rem;}
}
@media screen and (max-width:430px) {
	.ytb_h {
    height: 230px;
  }
.page-hd h3 {
    top: 50px;
    font-size: 1.65rem;
  }
}
@media screen and (max-width:415px) {
	.ytb_h {
    height: 210px;
  }
}
@media screen and (max-width:400px) {}
.nomgright{margin-right:0px;}