@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&family=Noto+Sans+SC&display=swap');

#body_table{
	/*width:100%;
	max-width:1920px;*/
	width:100%;
	max-width:1920px;
	min-width:1024px;
}

.footer2 {
	font-size: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 20px;
}

.footer3 {
	font-size: 15px;
	text-decoration: none;
	color: #333333;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 20px;
}


.date {
	font-size: 15px;
	color: #FFFFFF;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 17px;
}

.date2 {
	font-size: 15px;
	color: #666666;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 24px;
}

.title {
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 22px;
	letter-spacing: -1px;
}

.titlw {
	font-size: 18px;
	color: #FFFFFF;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 20px;
}

.titlm1 {
	font-size: 33px;
	color: #666666;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 50px;
}

.titlm2 {
	font-size: 33px;
	color: #999999;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 50px;
}

.titlm5 {
	font-size: 33px;
	color: #666666;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 50px;
}

.titlm4 {
	font-size: 48px;
	color: #FFFFFF;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 48px;
}

.titlmr {
	font-size: 30px;
	color: #ff3333;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 30px;
}



.titlmgg {
	font-size: 30px;
	color: #cc9933;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 30px;
}


.titlmbb {
	font-size: 30px;
	color: #2c51a2;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 32px;
}

.titlmg {
	font-size: 30px;
	color: #339933;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 30px;
}


.titlm3 {
	font-size: 17px;
	color: #000000;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 27px;
}


.titlmcarbon {
	font-size: 30px;
	color: #2db5c5;
	font-family: 'Noto Sans TC', sans-serif;
	line-height: 30px;
}

.titlmesg {
	font-size: 30px;
	color: #0b3041;
	font-family: 'Noto Sans TC', sans-serif;
	line-height: 30px;
}


.titler {
	font-size: 21px;
		font-weight: bold;
	color: #ff3333;
	font-family: 'Noto Sans SC', sans-serif;
		line-height: 20px;
		
}

.titleblack {
	font-size: 21px;
		font-weight: bold;
	color: #272727;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 50px;
}

.titledot {
	font-size: 21px;
	font-weight: bold;
	color: #CCCCCC;
	font-family: 'Noto Sans SC', sans-serif;
		letter-spacing: -5px;
}


.titlegd {
	font-size: 21px;
		font-weight: bold;
	color: #cc9933;
	font-family: 'Noto Sans SC', sans-serif;
		line-height: 20px;
		
}

.titleg {
	font-size: 21px;
		font-weight: bold;
	color: #339933;
	font-family: 'Noto Sans SC', sans-serif;
		line-height: 20px;
		letter-spacing: -1px;
		
}

.intro {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: bold;
	font-size: 25px;

}
#header-icon{
	width:100%;
	max-width:298px;
	min-width:200px;
}

.intro2 {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 17px;
	color: #666666;
	line-height: 22px;
}

.footer {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}



.Disclaimer {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	color: #999999;
}

.titleb {
	font-size: 15px;
	font-family: 'Noto Sans SC', sans-serif;
	color: #333333;
}

.title1 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 20px;		
}

.title2 {
	font-size: 24px;
	color: #999999;
	font-family: 'Noto Sans SC', sans-serif;
	line-height: 20px;
}



.copyright {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #CCCCCC;
}
.content {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	letter-spacing:2px;
	text-align:justify;
	line-height: 28px;

}

.contentr {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #ff3333;
	line-height: 28px;

}

.contentgg {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #cc9933;
	line-height: 25px;

}

.contentg {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #339933;
	line-height: 25px;

}

.contentb {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #336699;
	line-height: 25px;

}

.content2 {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #333333;
	line-height: 27px;

}

.email A:link { font-family: 'Noto Sans SC', sans-serif;	font-size: 15px; text-decoration: none; color: #ffffff; }
.email A:visited { font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #ffffff; }
.email A:active { font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #ffffff; }
.email A:hover { font-family: 'Noto Sans SC', sans-serif;	font-size: 15px; text-decoration: underline; color: #ffffff; }

.news A:link { font-family: 'Noto Sans SC', sans-serif;	font-size: 15px; text-decoration: none; color: #000000;	line-height: 18px; }
.news A:visited {font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #000000; 	line-height: 18px;}
.news A:active { font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #000000; 	line-height: 18px;}
.news A:hover {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: underline;
	color: #000000;
		line-height: 18px;
}

.news2 A:link { font-family: 'Noto Sans SC', sans-serif;	font-size: 15px; text-decoration: none; color: #000000;	line-height: 28px; }
.news2 A:visited {font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #000000; 	line-height: 28px;}
.news2 A:active { font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #000000; 	line-height: 28px;}
.news2 A:hover {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: underline;
	color: #333333;
	line-height: 28px;
}

.backtoindex  A:link { font-family: 'Noto Sans SC', sans-serif;	font-size: 15px; text-decoration: none; color: #333333;	line-height: 27px; }
.backtoindex  A:visited {font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #333333; 	line-height: 27px;}
.backtoindex  A:active { font-family: 'Noto Sans SC', sans-serif; font-size: 15px; text-decoration: none; color: #333333; 	line-height: 27px;}
.backtoindex  A:hover {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	text-decoration: underline;
	color: #333333;
	line-height: 27px;
}

.menu A:link { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #ffffff; }
.menu A:visited { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #ffffff; }
.menu A:active { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #ffffff; }
.menu A:hover { font-family: 'Noto Sans SC', sans-serif;		font-size: 17px; text-decoration: none; color: #ffffff ; }

.lang A:link { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #333333; }
.lang A:visited { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #333333 }
.lang A:active { font-family: 'Noto Sans SC', sans-serif;	 font-size: 17px; text-decoration: none; color: #333333; }
.lang A:hover { font-family: 'Noto Sans SC', sans-serif;		font-size: 17px; text-decoration: none; color: #f05133; }

.sitemap A:link { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none; color: #666666; }
.sitemap A:visited { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none; color: #666666; }
.sitemap A:active { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none; color: #666666; }
.sitemap A:hover { font-family: 'Noto Sans SC', sans-serif;		font-size: 14px; text-decoration: none; color: #f05133; }
	
.link A:link { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none;color: #003399; line-height: 24px;}
.link A:visited { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none; color: #003399; line-height: 24px;}
.link A:active { font-family: 'Noto Sans SC', sans-serif;	 font-size: 14px; text-decoration: none; color: #003399; line-height: 24px;}
.link A:hover { font-family: 'Noto Sans SC', sans-serif;	font-size: 14px; text-decoration: none; color: #FF0000 ; line-height: 24px;}


#banner_div{
	width:100%;
	overflow:hidden;
	position: relative;
	height:600px;
}

#sub_banner_div{
	width:100%;
	overflow:hidden;
	position: relative;
	height:300px;
}
#banner_sub{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display:block;
}
.mainWapper{
  display: flex;
  width:100%;
  max-width:1024px;
  flex-flow: wrap;
  text-align:center;
}
.main_sub{
	box-sizing: border-box;
	width:23%;
	max-width:230px;
	margin:1%;
	text-align:center;
	margin-bottom:20px;
	background-color:#FFFFFF;
	background-image: linear-gradient(#CCCCCC, #CCCCCC 100%);
	background-size: 100% 6px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.main_sub2{
  box-sizing: border-box;
  width:23%;
  max-width:230px;
  margin:1%;
  text-align:center;
  margin-bottom:20px;
  background-color:#FFFFFF;
  background-image: linear-gradient(#CCCCCC, #CCCCCC 100%);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.main_sub_3{
	box-sizing: border-box;
	width:31.3%;
	max-width:310px;
	margin:1%;
	text-align:center;
	margin-bottom:20px;
	background-color:#FFFFFF;
	background-image: linear-gradient(#CCCCCC, #CCCCCC 100%);
	background-size: 100% 6px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.main_sub2_3{
  box-sizing: border-box;
  width:31.3%;
  max-width:310px;
  margin:1%;
  text-align:center;
  margin-bottom:20px;
  background-color:#FFFFFF;
  background-image: linear-gradient(#CCCCCC, #CCCCCC 100%);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.menu-sub:hover{
  background-image: linear-gradient(#FFFFFF, #FFFFFF 100%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.menu-sub-sel{
  background-image: linear-gradient(#FFFFFF, #FFFFFF 100%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.menu-mob-sub{
	text-align:left;
	padding-left:20px;
}
.menu-mob-sub:hover{
  background-image: linear-gradient(#FFFFFF, #FFFFFF 100%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.menu-mob-sub-cont{
	text-align:left;
	padding-left:20px;
}

.sub_banner{
	width:1920px;
}
.main_adv{
  box-sizing: border-box;
  width:50%;
  margin:0%;
  text-align:center;
}
.list_adv{
	box-sizing: border-box;
	width:48%;
	margin:1%;
	margin-bottom:40px;
	text-align:center;
}
.list_adv2{
	box-sizing: border-box;
	width:58%;
	margin:1%;
	margin-bottom:40px;
	text-align:center;
}
.list_adv3{
	box-sizing: border-box;
	width:48%;
	margin:1%;
	margin-bottom:40px;
	text-align:center;
}
#pc-search{
	display:table-row;
}
#header-sub{
	display:table;
}
#header-sub2{
	display:table;
}
#mob-sub{
	display:none;
}
#menu-pc{
	display:block;
}
#menu-mob{
	display:none;
}
#menu-mobs{
	position:absolute; 
	right:0px; 
	top:70px;
	z-index:10;
}
.sidenav {
	width: 0;
	position: relative;
	z-index: 11;
	top: 70;
	right: 0;
	float:right;
	background-color: #FFFFFF;
	overflow-x: hidden;
	transition: 0.5s;
	display:block;
}
#cont-menu{
	display:table-cell;
}

/*default*/
.cont-menu-sub-sel{
	background-color: #2c51a2;
}
.cont-menu-sub-sel a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub{
	background-color: #CCCCCC;
}
.cont-menu-sub a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

.cont-menu-sub:hover{
	background-color: #2c51a2;
}

.cont-menu-sub:hover a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*service*/
.cont-menu-sub-s-sel{
	background-color: #BD8B29;
}
.cont-menu-sub-s-sel a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-s{
	background-color: #fff5e2;
}
.cont-menu-sub-s a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-s:hover{
	background-color: #BD8B29;
}
.cont-menu-sub-s:hover a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*product*/
.cont-menu-sub-p-sel{
	background-color: #f05133;
}
.cont-menu-sub-p-sel a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-p{
	background-color: #fee8e4;
}
.cont-menu-sub-p a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-p:hover{
	background-color: #f05133;
}
.cont-menu-sub-p:hover a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*cyan*/
.cont-menu-sub-c-sel{
	background-color: #2C51A2;
}
.cont-menu-sub-c-sel a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-c{
	background-color: #ebf1ff;
}
.cont-menu-sub-c a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-c:hover{
	background-color: #2C51A2;
}
.cont-menu-sub-c:hover a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*green*/
.cont-menu-sub-g-sel{
	background-color: #419639;
}
.cont-menu-sub-g-sel a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-g{
	background-color: #e3fde0;
}
.cont-menu-sub-g a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-g:hover{
	background-color: #419639;
}
.cont-menu-sub-g:hover a{
	font-family: 'Noto Sans SC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*stem*/
.cont-menu-sub-e-sel{
	background-color: #330099;
}
.cont-menu-sub-e-sel a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-e{
	background-color: #b9a2ff;
}
.cont-menu-sub-e a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-e:hover{
	background-color: #330099;
}
.cont-menu-sub-e:hover a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*food*/
.cont-menu-sub-f-sel{
	background-color: #666666;
}
.cont-menu-sub-f-sel a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-f{
	background-color: #dddddd;
}
.cont-menu-sub-f a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-f:hover{
	background-color: #666666;
}
.cont-menu-sub-f:hover a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*carbon */
.cont-menu-sub-carbon-sel{
	background-color: #008493;
}
.cont-menu-sub-carbon-sel a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-carbon{
	background-color: #7ebac1;
}
.cont-menu-sub-carbon a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-carbon:hover{
	background-color: #008493;
}
.cont-menu-sub-carbon:hover a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}

/*esg */
.cont-menu-sub-esg-sel{
	background-color: #2b3e46;
}
.cont-menu-sub-esg-sel a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
.cont-menu-sub-esg{
	background-color: #b2b2b2;
}
.cont-menu-sub-esg a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #000000; 
}
.cont-menu-sub-esg:hover{
	background-color: #2b3e46;
}
.cont-menu-sub-esg:hover a{
	font-family: 'Noto Sans TC', sans-serif; font-size: 16px; text-decoration: none; color: #ffffff; 
}
@media screen and (max-width: 1024px) {
	#banner_div{
		width:100%;
		overflow:hidden;
		position: relative;
		height:auto;
	}
	#sub_banner_div{
		width:100%;
		overflow:hidden;
		position: relative;
		height:auto;
	}
	.sub_banner{
		width:100%;
	}
	#banner_sub{
		position:relative;
		top: 0%;
		left: 0%;
		transform: translateX(0%) translateY(0%);
	}
}
/*
@media screen and (max-width: 720px) {
	#cont-menu{
		display:none;
	}
	#pc-search{
		display:none;
	}
	.main_sub{
	  width:31%;
	  margin:1%;
	  margin-bottom:20px;
	}
	.main_sub2{
	  width:31%;
	  margin:8%;
	  margin-bottom:20px;
	}
	#menu-pc{
		display:none;
	}
	#menu-mob{
		display:block;
	}
}
@media screen and (max-width: 480px) {
	#header-sub{
		display:none;
	}
	#header-sub2{
		display:none;
	}
	#mob-sub{
		display:table;
	}
	.main_sub{
	  width:46%;
	  margin:2%;
	  margin-bottom:20px;
	}
	.main_sub2{
	  width:46%;
	  margin:2%;
	  margin-bottom:20px;
	}
	.main_adv{
	  box-sizing: border-box;
	  width:98%;
	  margin:1%;
	  text-align:center;
	  margin-bottom:10px;
	}
	.list_adv{
	  box-sizing: border-box;
	  width:98%;
	  margin:1%;
	  text-align:center;
	  margin-bottom:40px;
	}
}
*/