/*eric create 2016/10/20  g |11:44:14.47*/ 
.grpLR{
	width:100%; max-width:660px; margin:0 auto; 
	/*overflow:auto;*/
	*position:relative;*left:50%;*margin-left:-330px;*width:660px; 
	
}
.grpLR:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.max960 .grpLR{ 
	max-width:960px;
	*margin-left:-480px;*width:960px; 
}
.max900 .grpLR{ 
	max-width: 1280px; /*900px*/
	*margin-left:-450px;*width:900px; 
}


.grpLR .divLeft{width:50%;float:left;
padding:0 10px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}
.grpLR .divRight{width:50%;float:left;
padding:0 10px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}
.grpLR.split_7_3 .divLeft{width:65%;float:left;
padding:0 10px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}
.grpLR.split_7_3 .divRight{width:35%;float:left;
padding:0 10px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}


.max900 .grpLR.split_7_3 .divLeft{
	*width:565px;
}
.max900 .grpLR.split_7_3 .divRight{
	*width:295px;
}


.grpLR.split_3_7 .divLeft{width:35%;float:left;
/* padding:0 10px; */
padding-right: 30px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}
.grpLR.split_3_7 .divRight{width:65%;float:left;
/* padding:0 10px; */
padding-left: 30px;
box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}

.max900 .grpLR.split_3_7 .divLeft{
	*width:295px;
}
.max900 .grpLR.split_3_7 .divRight{
	
	*width:565px;
}


.ericPdfLink.gap1{
	font-size: 20px;
	padding-left: 10px;
	margin-top: -40px;
    }

.ericListType2.gap2 li{
	width:26%;
	}


@media only screen and (max-width:700px) {
	.grpLR{width:100%; margin:0 auto; 
	/*overflow:auto;*/}
	.grpLR.split_3_7 .divLeft,
	.grpLR.split_3_7 .divRight,
	.grpLR .divLeft,
	.grpLR .divRight{width:100%;float:unset;
	padding:0px;
	}

}
  .homeBanner{
	height: 520px; /*420px;*/
	position:relative;
	background-color:#FFF;
	
	/*width:1024px \9;
	left:50% \9;
	margin-left:-512px \9;*/
	max-width: 1920px; /*1024px;*/
	margin: 0 auto;
	background:#414141;	
	}

.home .homeBanner{
	/* 20220601 修改banner最大寬度為1920px */
	/* max-width: 100%; */
	max-width: 1920px;
}
.bannerItem
{position:relative;display:none \9;background-size:cover;background-position:center center;opacity:0;
height: 100%;
position: absolute;
width: 100%;
left: 0px;
top: 0px;
	overflow:hidden;
		     transition:800ms opacity 00ms;
		  -o-transition:800ms opacity 00ms;
	   	 -ms-transition:800ms opacity 00ms;
		-moz-transition:800ms opacity 00ms;
	 -webkit-transition:800ms opacity 00ms;
	 z-index:2;
}


.homeBanner .bannerItem.on
{
	display:block \9;
	opacity:1;
	height:100%;
		     transition:800ms opacity 00ms;
		  -o-transition:800ms opacity 00ms;
	   	 -ms-transition:800ms opacity 00ms;
		-moz-transition:800ms opacity 00ms;
	 -webkit-transition:800ms opacity 00ms;
	 z-index:4
}

.bannerWrap
{
	position:absolute;
	top:50%;
	left:50%;
	width:95%;
	max-width:760px;
	text-align:center;
	z-index:1;
}

.homeBanner .bannerWrap{display:none \9; opacity:0;
transition:opacity 0.5s;
		  -o-transition:opacity 0.5s;
	   	 -ms-transition:opacity 0.5s;
		-moz-transition:opacity 0.5s;
	 -webkit-transition:opacity 0.5s;
}

.homeBanner .bannerWrap.centered{
	display:block \9; 
	opacity:1;
	text-align: left;
	left: 444px;
}

.homeBanner .coverBG{width:100%;height:100%;position:absolute; top:0px;left:0px; background:#414141;
		     transition:opacity 0.5s;
		  -o-transition:opacity 0.5s;
	   	 -ms-transition:opacity 0.5s;
		-moz-transition:opacity 0.5s;
	 -webkit-transition:opacity 0.5s;
	display:none \9;
	opacity:1;
}

.homeBanner .coverBG.hide{
	display:none \9;
	opacity:0;
}


.homeBanner .bannerItem H2
{
	color:#FFF;
	font-size:40px;
	line-height:44px;
	max-height:132px;
	margin:0;
	margin-bottom:20px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;*/
	overflow: hidden;
	
}
.lang_CH .homeBanner .bannerItem H2{
	font-weight:bold;
}


.bannerItem H2 span
{
	display:inline-block;
	margin-right:-1px;
	
}

.noBreak .bannerItem H2 span{
	display:inline;
	margin-right:0px;
}
.bannerItem p
{
	font-size:22px;
	
	line-height:24px;
	max-height:132px;
	padding-bottom:20px;
	color:#f69c18;
	font-family: 'ProximaNova-Semibold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;*/
	overflow: hidden;
}
=
.lang_CH .bannerItem p{
	font-weight:bold;
	 line-height:28px;
}
.bannerItem p span
{
	display:inline-block;
	margin-right:-1px;
}
.noBreak .bannerItem p span{
	display:inline;
	margin-right:0px;
}

/*add Banner country 20180918: start*/
.bannerItem p.country {
  font-size: 32px !important;
  line-height: 36px !important;
  max-height: 132px;
  margin-bottom: 20px;
  color: #f69c18;
  font-family: 'ProximaNova-Semibold', 'Noto Sans TC', "Microsoft JhengHei";
  font-weight: bold !important;
  font-weight: bold \9;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;*/
  overflow: hidden;
}

.lang_CH .bannerItem p.country {
  font-weight: bold !important;
}

.bannerItem p.country span {
  display: inline-block;
  margin-right: -1px;
}

.noBreak .bannerItem p.country span {
  display: inline;
  margin-right: 0px;
}
/*add Banner country 20180918: end*/

.bannerItem .btn
{
	
	font-size:18px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	margin:0 auto;
	padding:10px 20px;
	background:#f69c18;
	line-height:24px;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	white-space:nowrap;
}
.lang_CH .bannerItem .btn{
	font-weight:bold;
}

.bannerItem.bgOrange  H2
{
	color:#FFF;
}

 .bannerItem.bgOrange p
{
	color:#FFF;
}

/*add Banner country 20180918: start*/
.bannerItem.bgOrange p .country {
  color: #FFF;
}
/*add Banner country 20180918: end*/

  .bannerItem.bgOrange a.btn
{
	color:#f69c18;
	background:#FFF;
}


.homeBanner .ericISDotBox{
	width: auto;/*100%; 2021 95%2022*/
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	text-align: left; /*center;*/
	z-index:5;
	opacity: .5;
	margin-left: 50px;
}

.homeBanner .ericISDot
{
	width: 48px; /*17px;*/
	height: 6px; /*17px;*/
	background:#FFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:inline-block;
	zoom: 1;
	*display: inline;
	/* margin:0 10px; */
	margin: 0 5px;
	cursor:pointer;
	border-radius: 50px 50px 50px 50px;
	border: solid 1px #FFF;
}

.homeBanner .ericISDot.on{
	background:#FFF;
	opacity:1;
	filter:alpha(opacity=100);
}

@media only screen and (max-width: 720px) {
	.homeBanner .ericISDotBox
	{
		height:20px;
		bottom:10px;
	}
	
	.homeBanner  .ericISDot
	{
		width:10px;
		height:10px;
		margin:0 5px;
	}
	.homeBanner{
	height:270px;
	}

	.bannerItem
	{
	height: 270px;
	}
	.bannerItem H2{
		font-size:20px;
		line-height:24px;
		max-height:72px;
		width:auto;
		margin-left:22px;
		margin-right:22px;
		margin-bottom:10px;
	}
	.bannerItem H2 br{
		/*display:none;*/
	}
	/*.bannerItem H2 span
{
	display:inline;
	
}*/
	.bannerItem p{
		font-size:16px;
		line-height:16px;
		max-height:48px;
		width:auto;
		margin-left:22px;
		margin-right:22px;
		margin-bottom:0px;
	}
	.bannerItem p br{
		/*display:none;*/
	}

	/*add Banner country 20180918: start*/
  .bannerItem p.country {
    font-size: 20px !important;
    line-height: 20px !important;
    max-height: 48px;
    width: auto;
    margin-left: 22px;
    margin-right: 22px;
    margin-bottom: 0px;
  }
  .bannerItem p .country br {
    /*display:none;*/
  }
	/*add Banner country 20180918: end*/
	
	.bannerItem .btn
	{
		font-size:14px;
		padding:3px 20px;
	}
}

.bannerBtmTXT
{
	background:#f69c18;
	padding:30px 0;
	color:#FFF;
	text-align:center;
	position:relative \9; 
	left:50% \9; 
	width:1024px \9; 
	margin-left:-512px \9; 
}

#content .bannerBtmTXT .wrap
{
	max-width:700px;
	padding:0px 40px;
	margin:0 auto;
	position:relative \9; 
	left:50% \9; 
	width:700px \9; 
	margin-left:-350px \9; 
	padding-bottom:0px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	font-size:20px;
	line-height:28px;
	overflow:visible;
}

@media only screen and (max-width: 720px) {
	#content .bannerBtmTXT .wrap{
	font-size:18px;
	line-height:26px;
}
	
}

.contStock{
	height:46px;
	background: #f2f2f2; /*#414141 2021設計*/
	/* padding:26px 0; */
	padding: 10px 0;
	text-align: center;
	_text-align:left;
	position:relative;
	left:50% \9; 
	width:1024px \9; 
	margin-left:-512px \9; 
}

#content .contStock .wrap{

	text-align:center;
	overflow:hidden;
}
.contStock .stockLeft
{
	line-height:46px;
	font-size:20px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	width:300px;
	padding:0;
	border-right:2px solid #c6c6c6;
	text-align:right;padding-right:40px;
	display:inline-block;
	zoom: 1;
	*display: inline;
	color:#f59d1b;
}
.lang_CH .contStock .stockLeft{
	font-weight:bold;
}

.contStock .stockRight
{
	height: 40px; /*46px 2021*/
	margin-left: 20px; /*40px 2021*/
	display:inline-block;
	zoom: 1;
	*display: inline;
	width: 130px; /*300px 2021*/
	vertical-align: middle; /*bottom;*/
	
}	

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

	.contStock
	{
		height:auto;
	}
	
	.contStock .stockLeft
	{
		line-height:46px;
		width:100%;
		padding:0;
		border-right:0 solid #c6c6c6;
		border-bottom:2px solid #c6c6c6;
		text-align:center;
	}
	
	.contStock .stockRight
	{
		height:46px;
		width:280px;
		float:normal;
		margin:0 auto;
	}

	.homeBanner .bannerWrap.centered{
		left: none;
			margin-left: 0 !important;
	}
	
}


.contLR
{
	background:#FAFAFA;
	padding:48px 0;
	
	*width:960px;
	*position:relative;
	*left:50%;
	*margin-left:-480px;
}
#content .contLR .wrap
{
	max-width:700px;
	*width:100%;
	overflow:hidden;
}

#content.max960 .contLR .wrap
{
	max-width: 1280px; /*990px;*/
	*width:100%;
}
.contLR .contLRSect
{
	width:50%;
	padding:0px 10px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	
	/*width:48% \9;
	margin:0 1% \9;*/
	
	*width:430px;
	
	/*zoom: 1;*/
	/**display: inline;*/
	float:left;
}

.max960 .contLR .contLRSect{
	*width:445px;
}

.contLR h3
{
	border-bottom:1px #a9a9a9 solid;
	padding-bottom:5px;
	font-size:22px;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
}
.lang_CH .contLR h3{
	font-weight:bold;
}

.contLR .contLRSect img
{
	width:100%;
}

.contLR .contLRSect .detail
{
	line-height:26px;
	height:105px;
	max-height:105px;
	overflow:hidden;
	font-size:18px;
}
.contLR .contLRSect span
{
	font-size:18px;
}

@media only screen and (max-width: 1079px) {
	.contLR .contLRSect
	{
		padding:0px 5px;
	}
}
@media only screen and (max-width: 720px) {


	.contLR
	{
		padding:20px 0;
	}
	#content .contLR .wrap {
		width:auto;
		margin-left:22px;
		margin-right:22px;
	}
	.contLR .contLRSect
	{
		width: 100%;
		margin: 0;
		padding: 0px !important;	
	}
	.contLR h3
	{
		font-size:20px;
	}
	.contLR .contLRSect .detail
	{
		height:auto;
		overflow:unset;
		font-size:18px;
	}
	.contLR .contLRSect span
	{
		font-size:16px;
	}
}


.cont3B
{
	background:#F2F2F2;
	padding:48px 0;
	position:relative \9; 
	left:50% \9; 
	width:1024px \9; 
	margin-left:-512px \9; 
	overflow:auto;
}



.cont3B.bgWhite{
	background:transparent;
}
.cont3B .wrap
{
	padding-bottom:10px;
	margin: 0 auto;
	
	position:relative \9; 
	width:960px \9; 
	/*left:50% \9; 
	margin-left:-480px \9; */
}

.grpLR .cont3B,
.grpLR .cont3B .wrap{
	padding:0px 0;
		left:0px \9;
	width:100% \9;
	margin-left:0px \9;
}	
#content .cont3B .wrap
{
	max-width:680px;
}
#content.max960 .cont3B .wrap
{
	max-width:980px;
}
#content.career.max960 .cont3B .wrap
{
	max-width:920px;
}
#content.csr .cont3B .wrap {
    max-width:900px;
}
.cont3B h3
{
  font-size:22px;
  height: 26px;
  line-height: 26px;
  display:block;
  white-space: nowrap; 
  overflow: hidden;
  color:#414141;
  text-overflow: ellipsis;
  	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
}
.lang_CH .cont3B h3{
	font-weight:bold;
}
.cont3B.noH3 h3
{
  display:none
}

.cont3B.bgWhite h3{
	border-bottom:1px solid #9d9d9d;
	line-height:40px;
	height: 40px;
}
.cont3B .cont3BSect
{
	width:33.3%;
	padding:0px 10px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	
	
	/*width:30% \9;
	margin:0 1% \9;*/

	
	*width:200px;

	
	display:inline-block;
	zoom: 1;
	*display: inline;
	float:left;
	position:relative;
}
.grpLR .cont3B .cont3BSect{
	padding:0px 0;
}
.cont3B.inside1B .cont3BSect,
.max960 .cont3B.inside1B .cont3BSect,
.max900 .cont3B.inside1B .cont3BSect
{
	width:100%;
	/**width:92%;
	*padding:0% 4%;*/
	*margin:0px;
}
.cont3B.inside2B .cont3BSect,
.max960 .cont3B.inside2B .cont3BSect,
.max900 .cont3B.inside2B .cont3BSect
{
	width:50%;
	/**width:42%;
	*padding:0% 4%;*/
	*margin:0px;
}
 
.section1 {
	padding-right: 50px !important
}
.section2 {
	padding-left: 50px !important;
}

.cont3B .section2
{
	
	/*margin:0 3%;*/
	*margin:0px 10px;
}

.max960 .cont3B .cont3BSect
{
	*width:278px;
	
}
.max900 .cont3B .cont3BSect
{
	*width:260px;
	
}

.cont3B .cont3BSectMsg
{
	background-color:#FFF;
	/*padding:0 20px;*/
	max-height:309px;	
	position:relative;
	overflow:hidden;
	padding:20px;
	padding-top:30px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}
.max900 .cont3B .cont3BSectMsg
{
		max-height:295px;
}

.cont3B .cont3BSect.bgTrans .cont3BSectMsg{
	background:transparent;
	padding:0px;
}
.cont3B .cont3BSect.bgGray .cont3BSectMsg
{
	background-color:#f2f2f2;
	padding-top:25px;
}
.cont3B .cont3BSectMsg .bgImg
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	display:block
}
.cont3B .cont3BSectMsg .bgImg img
{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}

.cont3B .cont3BSect h4
{
	line-height:20px;
	font-size: 36px; /*24px*/
	margin:0;
	color: #414141; /*#eca225;*/
	/*padding:0px 15px;
	padding-top:20px;*/
	margin-bottom:20px;
	font-family: 'ProximaNova-Semibold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
}
.lang_CH .cont3B .cont3BSect h4{
	font-weight:bold;
}

.cont3B .cont3BSect p
{
	margin:0;
	/*padding:0px 15px;
	padding-top:20px;*/
	/*padding-bottom:20px;*/
	font-size:18px;
	line-height: 30px; /*22px*/
	color:#414141;
	max-height:154px;
}
.cont3B .cont3BSectMsg.bgTrans p{
	font-size:20px;
	line-height:28px;
}


.cont3B .cont3BSect .orangeBtn{
	display:block;
	padding:10px 30px;
	line-height:28px;
	font-size:20px;
	background:#e65a25;
	color:#FFF;
	float:left;
	font-family:"ProximaNova-Bold",'Noto Sans TC',"Microsoft JhengHei";
	text-decoration:none;
}
.lang_CH .cont3B .cont3BSect .orangeBtn{
	font-weight:bold;
}
.cont3B .cont3BSect .orangeBtn:hover{
	background:#F59D1B;
}
.cont3B .cont3BSect .moreBox{
	line-height:24px;
	font-size:12px;
	color:#f69c18;
	position:absolute;
	/* left:0px; */
	bottom:0px;
	text-decoration:none;
	padding:15px;
	/*padding-right:0px;
	margin-right:15px;*/
	right:0px;
}
.cont3B .bgTrans .cont3BSectMsg .moreBox
{
	padding:0px;
}
.cont3B .cont3BSect .moreNews
{
	line-height:24px;
	font-size:14px;
	color:#f69c18;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	padding:3px;
			 transition: 0.2s;
		  -o-transition: 0.2s;
	   	 -ms-transition: 0.2s;
		-moz-transition: 0.2s;
	 -webkit-transition: 0.2s;
	/*background:url("../img/fadebottom.png") center center;*/
}

.cont3B .cont3BSect .moreNews:hover
{
	color:#414141;
}

.cont3B .cont3BSect  a.ico{
	color:#222;
	line-height:40px;
	font-size:20px;
	text-decoration:underline;
}
.cont3B .cont3BSect  a.ico img{
	width:40px;
}
.cont3B .cont3BSect.bgOrang .moreNews{
	Color:#FFF;
}
.cont3B .cont3BSect .moreNews.noBG
{
	background:transparent;
}
.cont3B .cont3BSect .moreNews img
{
	width:24px;
	vertical-align:middle;
	margin-right:5px;
}



.cont3B .cont3BSect img
{
	width:100%;
}
   @media only screen and (max-width: 960px) {
	   .cont3B p
	{
	font-size:12px;
	}
   }
   
   @media only screen and (max-width: 720px) {
	#content .cont3B .wrap
	{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	}	

	.cont3B 
	{
		padding:20px 0;
	}
	.cont3B .cont3BSect
	{
		width:100%;
		margin:0;
		padding:0px 0px;
	}
	.cont3B.noH3 .cont3BSect
	{
		margin:10px 0px;
	}
	
	.cont3B .cont3BSectMsg
	{
		max-height:999px;	
	}
	
	.cont3B h3
	{
	  font-size:15px;
	  height: 19px;
	  line-height: 19px;
	}

	.cont3B.bgWhite h3{
		line-height:27px;
		height: 27px;
	}
	.cont3B .cont3BSect h4
	{
		font-size:26px;
	}
	.cont3B .cont3BSect p
	{
	font-size:20px;
	}
	.cont3B .cont3BSect .moreNews
	{
	font-size:15px;
	}

	.cont3B.inside2B .cont3BSect,
	.max960 .cont3B.inside2B .cont3BSect,
	.max900 .cont3B.inside2B .cont3BSect{
		width:100%;
		/**width:42%;
		*padding:0% 4%;*/
		*margin:0px;
	}


}


.careerBanner{
	height:420px;position:relative;background:#FAA21C;
	/*width:1024px \9;
	left:50% \9;
	margin-left:-512px \9;*/
	max-width: 1024px;
	margin: 0 auto;
	}

 .careerBanner{
	max-width: 100%;
}
.careerBanner .bannerItem
{position:relative;display:none \9;
background-position:center center;
background-size:1024px 420px;
background-repeat:no-repeat;
opacity:0;
height: 420px;
position: absolute;
width: 100%;
left: 0px;
top: 0px;
	overflow:hidden;
		     transition:800ms opacity 800ms;
		  -o-transition:800ms opacity 800ms;
	   	 -ms-transition:800ms opacity 800ms;
		-moz-transition:800ms opacity 800ms;
	 -webkit-transition:800ms opacity 800ms;
}


.bannerItem.on
{
	display:block \9;
	opacity:1;
	height:100%;
		     transition:800ms opacity 0s;
		  -o-transition:800ms opacity 0s;
	   	 -ms-transition:800ms opacity 0s;
		-moz-transition:800ms opacity 0s;
	 -webkit-transition:800ms opacity 0s;
	 z-index:1
}

.careerBanner .bannerWrap
{
	position:relative;
	top:44px;
	left:0%;
	display:block;
	margin:0 auto;
	width:95%;
	max-width:760px;
	text-align:left;
}


.careerBanner .bannerItem H2
{
	color:#FFF;
	font-size:56px;
	line-height:64px;
	letter-spacing:1px;
	width:45%;
	width:55% \9;
	max-height:132px;
	margin:0;
	margin-bottom:20px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.careerBanner .bannerItem p
{
	font-size:20px;
	font-weight: normal;
	line-height:28px;
	max-height:260px;
	width:45%;
	padding-bottom:0px;
	color:#414141;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	display: block;
	-webkit-box-orient:unset;
	-webkit-line-clamp: unset;
	overflow: hidden;
	
	
}
 .lang_CH .careerBanner .bannerItem H2,
 .lang_CH .careerBanner .bannerItem p{
	font-weight:bold;
 }
.careerBanner .bannerItem p span
{
	display:inline-block;
		margin-right:-2px;
}

.careerBanner.ericISDotBox
{
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	z-index:3;
}

.careerBanner.ericISDot
{
	width:17px;
	height:17px;
	background:#FFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin:0 10px;
	cursor:pointer;
}

.careerBanner .ericISDot.on
{
	opacity:1;
	filter:alpha(opacity=100);
}

@media only screen and (max-width: 720px) {
	.careerBanner .ericISDotBox
	{
		height:20px;
		bottom:20px;
	}
	.careerBanner .bannerWrap
{
		top:22px;
	width:auto;
	margin-left:22px;
	margin-right:22px;
}
	.careerBanner  .ericISDot
	{
		width:10px;
		height:10px;
		margin:0 5px;
	}
	.careerBanner{
	height:315px;
	}

	.careerBanner .bannerItem
	{
	background-size:768px 315px;	
	height: 315px;
	}
	.careerBanner .bannerItem H2{
		font-size:26px;
		line-height:34px;
		max-width:45%;
		margin:0;
		margin-bottom:10px;
	}

	.careerBanner .bannerItem p{
		max-height:196px;
		max-width:45%;
		margin:0;
	}
	.bannerItem .btn
	{
		font-size:12px;
		padding:3px 20px;
	}
}
@media only screen and (max-width: 400px) {
	.careerBanner .bannerWrap
	{
		
		top:22px;
	}
	.careerBanner .bannerItem
	{
	/*background-position:-380px 0%;*/
	}	
		.careerBanner .bannerItem H2{
		font-size:22px;
		line-height:28px;
	}

	.careerBanner .bannerItem p{
		max-height:196px;
	}
}

/*add mdBanner by 20180712*/
.mdBanner img {
	display: block;
	width: 100%;
}
 
 .pageBanner{
    max-width: 1920px;
    margin: 0 auto;
	position:relative;
	width:100%;
    height: 300px; /*200px; 2021*/
    background: #FAA21C;
    line-height: 46px;/*60px; 2021*/
	font-size:58px;
    text-align: left; /*center; 2021*/
    font-weight:bold;
    color:#FFF;
	overflow:hidden;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	margin-bottom:55px;	
 }
 .lang_CH .pageBanner{
	font-weight:bold;
 }
 .csr .pageBanner{
    height:250px;
	background:transparent;
 }
 
 .pageBanner.noMarginBTM{
	 /*margin-bottom:0px;*/
	 max-width: 1920px;
	 margin:0 auto;
 }
 .mdBanner {
	 max-width: 1920px;
	 margin:0 auto;
 }
 .pageBanner.gap2.noMarginBTM{
	margin-bottom:-1px;
}
  .pageBanner p{
	position:absolute;
	z-index:2;
	margin: 0px;
	display:block;
	width:100%;
	max-width:960px;
	top:50%;
	left: 0%;
    margin-left: 63px !important;
 }
  .pageBanner img{
	/* position:absolute;
	left:50%; */
	width: 1920px; /*1024px; 2021*/
	/*margin-left: -960px;*/ /*-512px; 2021*/
	top:0px;
 }
 .csr .pageBanner img{
	left:0%;
	width:100%;
	margin-left:0px;
 }
 @media only screen and (max-width: 1024px) {
	.csr .pageBanner img{
	
	width:auto;
	height:250px;
	}
   }
 
   @media only screen and (max-width: 700px) {
	 #eric_ritaFloatmenu{
	    display: none !important;
	 }
	 .pageBanner,
	 .csr .pageBanner{
		line-height:30px;
		font-size:26px;
		 height:200px;
	 }
	 .pageBanner img{
		left:50%;
		width: auto;
		/*height: 100px;*/
		margin-left: -256px;
	}
	.csr .pageBanner img{ 
		left:0%;
		width: 100%;
		height: auto;
		margin-left: 0px;
	}


	 .pageBanner p{
		width:94%;
	 }
	 p.centered{
		top: 50%;
	left: 0%;
	transform: translate(0%, 10%); 
	 }
   }
    @media only screen and (max-width: 420px) {
	.csr .pageBanner img{ 
		width: 410px;
		height: auto;
	}
   }


  
/*--ericSubMenu : START--*/
	.ericSubMenu {
		margin:0px auto;
		background:#414141;
		max-width: 1920px;
		margin-bottom:55px;
	}
	.SMwrap{
		width:100%;
		max-width:1280px !important;
		margin:0px auto;
		text-align:center;
	}
	.ericSubMenu ul{margin:0 auto; padding:10px 0px; overflow:auto; line-height:20px;}
	.ericSubMenu li{padding:0 14px; display:inline-block; *display:inline; zoom:1;margin:5px 0px; list-style:none; border-left:1px solid #FFF; font-size:15px;}
	.ericSubMenu li.list1,
	.ericSubMenu li.noLBorder{border-left:1px solid #fff;}
	
	.ericSubMenu li a{ color:#FFF;text-decoration:none; }
	/*--ericSubMenu : END--*/
	
	@media only screen and (max-width: 700px) {

	.ericSubMenu {
		margin:0px auto;
		overflow:visible;
		background:#414141;
		
	}
	.SMwrap{
		width:100%;
		max-width:960px;
		margin:0px auto;
		text-align:center;
	}
	.ericSubMenu ul{
		margin:0 auto; padding:0px; overflow:auto;
		width: auto;
		margin-left: 22px;
		margin-right: 22px;
		max-height:50px; overflow:hidden; line-height:50px; text-align:left; background:url("../img/M_selectArrow.png") right 5px no-repeat; background-size:40px 40px;
	/*margin-bottom:55px;*/
				transition: 300ms;
			 -o-transition: 300ms;
			-ms-transition: 300ms;
		   -moz-transition: 300ms;
		-webkit-transition: 300ms;
		cursor:pointer;
	}
	.ericSubMenu.on ul{ max-height:900px; background:url("../img/M_selectArrow_u.png") right 5px no-repeat; background-size:40px 40px;}
	.ericSubMenu li{padding:0px;  display:block; width:100%; margin:0px 0px; list-style:none; border-left:0px solid #FFF; border-top:1px solid #666} 
	.ericSubMenu li.list1{border-left:0px solid #FFF; border-top:0px solid #ccc}
	.ericSubMenu li a{ color:#FFF;text-decoration:none; display:block;pointer-events:none;}
	.ericSubMenu.on li a{ pointer-events:unset;}

	}
	 .ericTitle1{
	width:100%;
	max-width: 1280px; /*660px; 2021*/
	margin:0 auto;
	/*margin-bottom:35px;*/
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  
  .max960 .ericTitle1
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  .max900 .ericTitle1
  { max-width: 1280px; /*900px; 2021*/
	*width:900px;
	_width:900px;
  }
  
  
  .ericTitle1{
	font-size:28px;
	font-weight:bold;
	/* color:#f69c18; */
	
  }



  	@media only screen and (max-width: 1004px) {
	  .max960 .ericTitle1{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}
	@media only screen and (max-width: 944px) {
	  .max900 .ericTitle1{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}

	@media only screen and (max-width: 800px){
		.homeBanner .bannerWrap.centered{ 
			left: 65px;
			width: calc(100% - 100px);
			margin-left: 0 !important;
		}
	}

	
   @media only screen and (max-width: 700px) {
	 
	  .ericTitle1{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }	.ericTitle2{
	width:100%;
	max-width: 1280px; /*660px;*/
	margin:0 auto;
	font-size:22px;
	line-height:30px;
	padding-bottom:10px;
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
	
  }
  
  .max960 .ericTitle2
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
    .max900 .ericTitle2
  { max-width: 1280px; /*900px; 2021*/
	*width:900px;
	_width:900px;
  }
  
    .max900 .ericTitle2
  { max-width: 1280px; /*900px;*/
	*width:900px;
	_width:900px;
  }
 .max960 .grpLR .ericTitle2,
 .max900  .grpLR .ericTitle2{
	*width:100%;
  }
  .ericTitle2{
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	padding:12px 0px;
	color:#000;
	/*margin-top:15px;*/
	color:#414141;
	/*margin-bottom:25px;*/
	font-family:"Proxima Nova Bold",'Noto Sans TC',"Microsoft JhengHei";
  
	border-bottom:1px #a0a0a0 solid
  }
  .lang_CH .ericTitle2{
	font-weight:bold;
	line-height:30px;
}
@media only screen and (max-width: 1040px) {

	.grpLR.split_3_7 .divLeft{width:35%;float:left;
	/* padding:0 10px; */
	padding-right: 30px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	}
	.grpLR.split_7_3 .divLeft,
	.grpLR.split_7_3 .divRight,
	.grpLR.split_3_7 .divLeft,
	.grpLR.split_3_7 .divRight{
		width:100%;float:unset;
		padding:0px;
	}
} 
   @media only screen and (max-width: 700px) {

	  .ericTitle2{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  } 
  .ericSubHeading{
	width:100%;
	max-width: 1280px; /*660px;*/
	margin:0 auto;
	margin-bottom:50px;
	
	*position:relative;
	*left:50%;
	*width:660px;
	*margin-left:-330px;
  }
  

  .max960 .ericSubHeading
  { 
    max-width: 1280px; /*960px; 2021*/
	*width:960px;
	*margin-left:-480px;
  }
  
  
 
  .ericSubHeading{
	font-size:24px;
	font-weight:normal;
	line-height:32px;
  }
   .lang_CH .ericSubHeading{
	   font-size:20px;
   }
  
	  	@media only screen and (max-width: 1004px) {
	  .max960 .ericSubHeading{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}
	@media only screen and (max-width: 944px) {
	  .max900 .ericSubHeading{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}

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

	
	  .ericSubHeading{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
	 
 
 
.ericBodyText{
	width:100%;
	max-width: 1280px; /*660px; 2021*/
	margin:0 auto;
	
	position:relative;
	*left:50%;
	*width:660px;
	*margin-left:-330px;
  }
  

 
  .max960 .ericBodyText{ max-width:960px;
	*width:960px;
	*margin-left:-480px;
  }
  .max900 .ericBodyText{
	max-width: 1280px; /*900px; 2021*/
	*width:900px;
	*margin-left:-450px;
  }
	
	.max960 .grpLR .ericBodyText,
	.max900 .grpLR .ericBodyText{
	*width:100%;
	*margin-left:0px;
	*left:0%;
	}
  
    /*ericBodyText*/
  .ericBodyText{
	font-size:20px;
	white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height:28px;
	font-family:'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";
  }
   .lang_CH .ericBodyText{
	font-size:17px;
	line-height:27px;
	}
  .ericBodyText.txtBold{
	font-weight: normal;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
  }
   .lang_CH .ericBodyText.txtBold{
	font-weight: 600;  
	}
  
  
  .ericBodyText.bgOrange{
	/*margin-bottom:60px;*/
	background:#f69c18;
	width:100%;
	padding:20px 20px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	
	*width:92%;
	*padding:10px 4%;
  }
  
    .ericBodyText.bgGray{
	background:#f2f2f2;
	width:100%;
	padding:20px 20px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	
	*width:620px;
	
  }
	.max960 .grpLR .ericBodyText.bgOrange,
	.max900 .grpLR .ericBodyText.bgOrange,
  	.max960 .grpLR .ericBodyText.bgGray,
	.max900 .grpLR .ericBodyText.bgGray{
		*width:92% ;
		*padding:4% 4%;
	}
 

  	@media only screen and (max-width: 1004px) {
	  .max960 .ericBodyText{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}
	@media only screen and (max-width: 944px) {
	  .max900 .ericBodyText{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}
  @media only screen and (max-width: 700px) {
	  .ericBodyText,
	  .ericBodyText.bgOrange,
	  .ericBodyText.bgGray{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
  
 
	 
  .ericListType1{
	width:100%;
	max-width: 1280px; /*660px; 2021*/
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  
  .max960 .ericListType1
  { max-width: 1280px; /*960px; 2021*/
	*width:960px;
	_width:960px;
  }
  

  .ericListType1{
	padding-left:0px;
	font-size:20px;
	
  }
  .ericListType1 li{
	line-height:26px;
	padding:10px 0px;
	margin-left:0px;
	list-style: none;
	padding-left: 15px;
	background: url(../img/li_dot.png) 0px 10px no-repeat;
  }
  .lang_CH .ericListType1 li{
	font-size:17px;
  }

	

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

	
	
	  .ericListType1{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
.ericListType2{
	width:100%;
	max-width: 1280px; /*660px;*/
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

 
  
  
  .max960 .ericListType2
  { max-width: 1280px; /*960px;*/
	*width:960px;
	_width:960px;
  }
   .ericListType2{
    padding-left:0px;
	display:block;
	margin-bottom:30px;
	overflow:auto
   }
  .ericListType2 li{
	padding-right: 30px;
	font-size:20px;
	float:left;
	width: 50%;
	margin-right: 0;
	margin-left: 0;
	line-height: 26px;
	/* padding: 10px 0px; */
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
	padding-left: 15px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	background: url(../img/li_dot.png) 0px 10px no-repeat;
	width:315px \9;
  }
 .lang_CH .ericListType2 li{
	 font-size:17px;
 }

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

	
	
	 
	  .ericListType2{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
	@media only screen and (max-width: 1040px) {

		.ericListType2 li{
			width: 50% !important;
			margin-right:0%;

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

  .ericListType2 li{
    width: 98% !important;
	margin-right:0%;

  }
  }
	    .ericPdfLink{
	width:100%;
	max-width: 1280px; /*660px; 2021*/
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

 
  
  

  .max960 .ericPdfLink
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
    .ericPdfLink{
	margin:0 auto;
	position:relative;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight:bold \9;
	line-height:34px;
  }
  .lang_CH .ericPdfLink{
	font-weight:bold;
  }
  
  .ericPdfLink a{
	  font-weight:normal; padding-left:5px;
	  font-family: 'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";
  }

	
	

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

	
	
	 
	 
	  .ericPdfLink{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	   .ericPdfLink a{display:block;}
  }
 .ericImgSlide{
	width:100%;
	max-width:660px;
	margin:0 auto;
	position:relative;
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

 
  
  


  .max960 .ericImgSlide
  { max-width:960px;
	*width:960px;
	_width:960px;
  }

  .ericISBox {
  position:relative;
  width:100%;
  height:0px;
  padding-bottom: 65%; /*75%; 2021*/
  /*max-width:660px;*/
  overflow:hidden;
  background:#414141;
  }
  .ericISItem{
	width:100%;
	/*max-width:660px;*/
	width:100%;
	position:absolute;
	display:none \9;
	opacity:0;
	transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	-moz-transition: 200ms;
	-webkit-transition: 200ms;
	cursor:pointer;
  }
  
  .ericISItem.on{
  z-index:2;
  display:block \9;
  opacity:1;
  position:relative;
  }
  .ericISDotBox{
	width:100%;
	height:40px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	z-index:3;
  }
  .ericISDot{
	width:17px;
	height:17px;
	background:#FFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin:0px 10px;
	cursor:pointer;
  }
  .ericISDot.on{
	opacity:1;
	filter:alpha(opacity=100);
  }
  
  .ericISTxt{
	width:100%;
	font-size:20px;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	/*font-weight:bold;*/
  }
 .lang_CH .ericISTxt{
	font-size:17px;
	font-weight:600; 
  }


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

	
	
	 
	
	  .ericImgSlide{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	   .ericISDotBox{
		height:20px;
		}
	  .ericISDot{
		width:10px;
		height:10px;
		margin:0px 5px;
	  }
  }
	  

   .ericImgBox{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

 
  
  


  
  .max960 .ericImgBox
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
  
  


.ericImgBox{text-align:center; overflow:hidden}
  .ericImgBox img{
	width:100%;
	max-width:660px;
	margin:0 auto;
	display:block;
  }
  .ericImgBox.fixW img{

  }
  .ericImgBox.oriW img{
		width:auto;
  }
  .ericImgBox p{
	  text-align:left;
	font-size:18px;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
  }
  .lang_CH .ericImgBox p{
	font-size:17px;
	font-weight:600; 
  }
  
  

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


	  .ericImgBox{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	  .ericImgBox.oriW img{
		width:100%;
	  }
  }
 .ericTextbox1{
	width:100%;
	max-width:660px;
	margin:0px auto;
	margin-bottom:40px;
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

 

  .max960 .ericTextbox1
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
  .ericTextbox1{
	background:#f69c18;
  }
  .ericTextbox1 ul{
	
	width:100%;
	padding:0px 20px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	width:96% \9;
	padding:0% 2% \9;
	margin:20px auto;
  }
  .ericTextbox1 li{
		border-top:1px #FFF solid;
		color:#6e4233;
		padding:11px 0px;
		list-style:none;
		font-size:18px;
		line-height:20px;
		font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
		font-weight: normal;
		font-weight:bold \9;
  }
   .lang_CH .ericTextbox1 li{
	font-weight:bold;
  }
  .ericTextbox1 li:first-child,
  .ericTextbox1 .list1{border-top:1px #f69c18 solid;}
  .ericTextbox1 li span{color:#FFF;margin-left:5px;
  		font-family:'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";
		font-weight: normal;
  }
 .lang_CH .ericTextbox1 li span{
	font-family: 'Noto Sans TC','Noto Sans TC',"Microsoft JhengHei";
	font-weight:bold;
  }


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

	
	  .ericTextbox1{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	  .ericTextbox1 li span{display:block;margin-left:0px;}
  }

.ericTextBox3{
	width:100%;
	margin:0 auto;
	/* background:#f2f2f2; */ /*2021*/
	padding:50px 0px;
}

.max960 .ericTextBox3 .ericTitle2,
.max900 .ericTextBox3 .ericTitle2{
	max-width:660px;
	*width:660px;
	_width:660px;
}
.ericTextBox3 .ericSubHeading{
	margin-top:25px;
	margin-bottom:25px;
}
.max960 .ericTextBox3 .ericSubHeading,
.max900 .ericTextBox3 .ericSubHeading{
 max-width:660px;
	*width:660px;
	*margin-left:-330px;
	
}

.max960 .ericTextBox3 .ericBodyText,
.max900 .ericTextBox3 .ericBodyText{
 max-width:660px;
	*width:660px;
	*margin-left:-330px;
}
.ericTextBox3 .moreNews{
	width:100%;
	max-width:660px;
	margin:0 auto;
	margin-top:25px;
	display:block;
}

@media only screen and (max-width: 720px) {
	.ericTextBox3 .moreNews{
	width:auto;
	margin-left:22px;
	margin-right:22px;
}

}.ericTextbox2{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  


  .max960 .ericTextbox2
  { max-width:960px;
	*width:960px;
	_width:960px;
	
  }
  
  .ericTextbox2{
	background:#414141;
	margin:60px auto;
	padding:20px 0px;
  }
  .ericTextbox2 p{
	color:#FFF;
	padding:20px 20px;
	margin:0px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	font-size:22px;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
  }
   .lang_CH .ericTextbox2 p{
	font-weight:bold;
  }
   .ericTextbox2 h4{
	color:#f69c18;
	font-size:30px;
	padding:0px 20px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	margin:0px 0px;
	font-family:'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal;
	font-weight:bold \9;
  }
     .lang_CH .ericTextbox2 h4{
	font-weight:bold;
  }
  .ericTextbox2 pre{
	color:#FFF;
	font-size:20px;
	white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height:28px;
	font-family:'ProximaNova-Semibold','Noto Sans TC',"Microsoft JhengHei";
	padding:20px 20px;
	margin:0px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
  }
 

	

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


	  .ericTextbox2{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }


   .ericSelectYBox{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  


  .max960 .ericSelectYBox
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  

  .ericSelect{

	margin:10px auto;
	  
  }
	
	.ericSelect{
	   width: 500px;
	    height: 40px;
	   	height:auto \9;
	   *height:auto;
	   _height:auto;
	   
	   overflow:hidden; 
	   position:relative;
	   margin:10px 0;
	   white-space:nowrap;
	   /*float:left;*/
	}
	.ericSelect p{margin:0px;line-height:40px;padding:0px;}
	.ericSelect span{display:inline-block; width:100px;height:40px;}
	.ericSelect select {
	   background-color:#f2f2f2;
	   border: none;
	   padding: 5px; /* If you add too much padding here, the options won't show in IE */
	   font-size: 16px;
	   height: 40px;
	 	height:auto \9;
	   *height:auto;
	   _height:auto;
	   width: 400px;
	   -webkit-appearance: none;
	}

	
	.ericSelectBoxY .ericSelect.noTitle {width: 100%;}
	.ericSelectBoxY .ericSelect.noTitle span{display:none;}
	.ericSelectBoxY .ericSelect.noTitle select{width:100%}
	
	
	/*20181005 add select5box*/
	.select5box {
	  width: 260px;
	  display: inline-block;
	  white-space: nowrap;
	}

	.select5box p {
	  margin: 0;
	  display: inline-block;
	  height: 40px;
	  line-height: 40px;
	  width: 260px;
	  font-size: 18px;
	  font-family: ProximaNova-SemiBold, "Noto Sans TC", "Microsoft JhengHei";
	}

	.select5box ul {
	  padding: 0px;
	  margin: 0px;
	  max-height: 200px;
	  height: 200px \9;
	  overflow-y: auto;
	}

	.select5box ul li {
	  width: 94%;
	  background: #e6e6e6;
	  list-style: none;
	  padding: 0px;
	  margin: 0px;
	  line-height: 40px;
	  height: 40px;
	  padding: 0% 3%;
	  cursor: pointer;
	}

	.select5box li:hover {
	  background: #f69d1b;
	  color: #FFF;
	}

	.select5box ul li a {
	  width: 100%;
	  display: block;
	  text-decoration: none;
	}

	.select5box li a:hover {
	  color: #FFF;
	}

	@media only screen and (max-width: 720px) {
	  .select5box {
	    width: auto;
	    display: block;
	    margin-left: 22px;
	    margin-right: 22px;
	  }
	}


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



	  .ericSelectYBox{
		width: auto;
		margin-left: 22px;
		margin-right: 22px;
	  }
  }
	 

  .ericHR{
	margin:0px auto;
	border:none;
	/*border-bottom:1px solid #ccc;*/
	padding:30px 0px;
	width:100%;
	max-width:660px;
	
	*position:relative;
	*left:0%;
	*width:660px;
	/**margin-left:-330px;*/
  }
  
    .max960 .ericHR
  { 
	max-width:960px;
	*width:960px;
	
	/**margin-left:-480px;*/
  }
  .max900 .ericHR
  { 
	max-width: 1280px; /*900px;*/
	*width:900px;
	
	/**margin-left:-480px;*/
  }
  
  .max960 .grpLR .ericHR,
  .max900  .grpLR .ericHR{
	*width:100%;
  }

  .ericHR.hrGray{
	/*border-bottom:1px solid #ccc;*/
	background:url("../img/bgHR_gray.jpg") center center repeat-x;
  }
  .ericHR.hrWhite{
	/*border-bottom:0px solid #FFF;*/
  }
  .ericHR.hrOrange{
	/*border-bottom:1px solid #f69c18;;*/
	background:url("../img/bgHR_orange.jpg") center center repeat-x;
  }
  
  .ericHR.bgText{
	border-bottom:5px solid #ccc;
	margin:50px auto;
  }
  
  
  @media only screen and (max-width: 700px) {
	  .ericHR{
		width:94%;
	  }
  }
	 

  .ericListView1{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

  .max960 .ericListView1
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
  


.ericListView1{
		margin:0px auto;
		
}
.ericListView1 ul{list-style:none; padding:0px; margin:0px;}
.ericListView1 li{padding:30px 0px;border-bottom:1px solid #ccc;font-size:20px;line-height:28px;}
.ericListView1 li:first-child,
.ericListView1 li.list1{border-top:1px solid #ccc}

.lang_CH .ericListView1 li {
padding: 17px 0px;
font-size: 17px;
}
	
	.mediaHome .ericListView1 li.list1,
	.mediaHome .ericListView1 li:first-child	{
		border-top: 0px solid #ccc;
		padding-top: 0px;
	}	
	
  @media only screen and (max-width: 700px) {


	  .ericListView1
	{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
	 


  
  
 
	

  .ericDateList{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

  .max960 .ericDateList
  { max-width:960px;
	*width:960px;
	_width:960px;
  }

 .max960 .grpLR .ericDateList,
 .max900  .grpLR .ericDateList{
	*width:100%;
  }



	.ericDateList{
		margin:0px auto;
		overflow:hidden;
	}

	.ericDateList .ericImgSlide{
		margin-top:25px;
		margin-left:0px;
		margin-right:0px;
	}
	
	.ericDateList .ericImgSlide .ericISBox{
		height: auto;
		padding-bottom:0%;
		background:transparent;
	}
	
	.ericDateList ul{margin:0px;padding:0px;}
	.ericDateList li{list-style:none;border-bottom:1px solid #CCC;padding:20px 0px;overflow:auto;
	}
	.ericDateList li:first-child ,
	.ericDateList li.list1{border-top:1px solid #CCC}
	
	.ericDateList .head{background:url("../img/ericDateListArrow_D.png") right center no-repeat;overflow:auto;cursor:pointer;
			transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	-moz-transition: 200ms;
	-webkit-transition: 200ms;
	}
	.ericDateList.noExpand .head{background:transparent; cursor:unset;}
	.ericDateList .date{ width:20%; float:left; text-align:left; color:#f69c18; font-size:24px;line-height:32px;}
	.ericDateList .title{width:70%; float:left; padding-right:10%; font-size:20px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal; }
	.lang_CH .ericDateList .date{
	font-size:17px;
    }
	.lang_CH .ericDateList .title{
	font-size:17px;
	font-weight:600; 
    }
	.ericDateList.noExpand .title{font-family: 'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei"; }
	
	.ericDateList .detail{ width:70%; padding-left:20%;padding-right:10%; display:none;font-size:20px; line-height:28px;}
	.lang_CH .ericDateList .detail{
	font-size:17px; 
    }
	.ericDateList li.on {padding:0px;}
	.ericDateList li.on .head{padding:20px 0px;background:url("../img/ericDateListArrow_U.png") right center no-repeat;}
	.ericDateList li.on .detail{ display:block;padding-bottom:20px;}
	
	
	
	.mediaHome .ericDateList li.list1 ,
	.mediaHome .ericDateList li:first-child {
    border-top: 0px solid #CCC;
    padding-top: 0px;
	}


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



	  .ericDateList
	{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }
 @media only screen and (max-width: 550px) {


	.ericDateList .date{ width:100%;text-align:left;}
	.ericDateList .title{width:90%;padding-right:10%; padding-top:10px;}
	.ericDateList .detail{ width:100%; padding-left:0%; padding-right:0%}
 }
 
  .ericCompList{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

  .max960 .ericCompList
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
  
  

  
  .ericSelect{

	margin:10px auto;
	  
  }
	

	.ericCompList{
		margin:0px auto;
		overflow:auto;
	}
	.ericCompList ul{margin:0px;padding:0px;}
	.ericCompList li{list-style:none;margin-bottom:10px;overflow:auto;}
	.ericCompList .head{ padding:20px 20px;color:#000; padding-right:50px; background:url("../img/ericCompListArrow_D.png") right center no-repeat;background-color:#e6e6e6;
				transition: 300ms;
			 -o-transition: 300ms;
			-ms-transition: 300ms;
		   -moz-transition: 300ms;
		-webkit-transition: 300ms;
		font-weight:normal;
		font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
		color:#414141;
		cursor:pointer;
	}
	.lang_CH .ericCompList .head{
	font-weight:bold;
    }
	.ericCompList .listItem.on .head{color:#FFF; background:url("../img/ericCompListArrow_U.png") right center no-repeat;  background-color:#f69e1b;}
	.ericCompList .listWrap{background:#e6e6e6; max-height: 0; overflow:hidden;
				transition: 1000ms;
			 -o-transition: 1000ms;
			-ms-transition: 1000ms;
		   -moz-transition: 1000ms;
		-webkit-transition: 1000ms;
	}
	.ericCompList .listItem.on .listWrap {overflow:hidden;height:auto;max-height: 900px; padding-top:0px;}
	.ericCompList .divLeft{width:50%;float:left;
	padding:0px 10px;  margin:10px 0px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	
	*width:285px;
	*padding:0px 20px; *margin:20px 0px;
	}
	.ericCompList .divLeft pre{	
	margin:0px;
	font-size:14px;
	white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height:28px;
	font-family:'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";}
	.ericCompList .divRight{width:50%;float:left;border-left:1px solid #FFF;padding:0px 10px; margin:10px 0px;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	*width:285px;
	*padding:0px 20px; *margin:20px 0px;
	}
	.ericCompList .divRight h4{margin:5px;}
	.ericCompList .divRight img{width:100%;}
	.ericCompList .divRight iframe{width:100%; height:204px;}
	

  @media only screen and (max-width: 700px) {
	  .ericCompList .divLeft,
	  .ericCompList .divRight
	  {width:100%;
	  }
	  .ericCompList .divRight h4{margin:10px 0px;}
	  .ericCompList{
		width:94%;
	  }
	  .ericCompList .head{  background:url("../img/M_ericCompListArrow_D.png") right center no-repeat; background-size:43px 19px;background-color:#e6e6e6;}
	  .ericCompList .listItem.on .head{background:url("../img/M_ericCompListArrow_U.png") right center no-repeat; background-size:43px 19px; background-color:#f69e1b; }
  }
	 


  
  

  .ericListPDF{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

  .max960 .ericListPDF
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
  



	/*--ericListPDF : START--*/
	.ericListPDF{
		overflow:auto;
	}
	.ericListPDF table{ border-collapse: collapse;width:100%;}
	.ericListPDF tr{background:#f2f2f2;}
	.ericListPDF td{vertical-align:center;border-bottom:5px solid #FAFAFA; padding:20px 0px;padding-left:20px; font-size:18px;line-height:26px;}
	.lang_CH .ericListPDF td{ font-size:17px;line-height:27px;}
	.ericListPDF td span{border-right:1px solid #FFF; display:block;width:100%;  padding-right:10px; margin-right:10px;}
	.ericListPDF tr td:first-child {
		width: 75%;
		padding-right:20px;
			}
	.ericListPDF tr td:last-child {
		padding: 0px;
		padding-right: 11px;
		text-align: center;
	}	
	/*--ericListPDF : END--*/
	
	
  @media only screen and (max-width: 700px) {


	  .ericListPDF
	{
	width: auto;
	margin-left: 22px;
	margin-right: 22px;
	
	  }
	  .ericListPDF tr{border-bottom:5px solid #FFF;
	  padding: 20px;
		display: block;
		overflow: auto;
	  }
	  .ericListPDF td span{
		  border-right:0px solid #FFF; padding-right:0px;
		  border-bottom: 1px solid #FFF;
			padding-bottom: 10px;
			margin-bottom:10px;
		  width:100%;
	  }
	 .ericListPDF td{float:left;
	 width: 100%;
box-sizing: border-box;
border-bottom: 0px solid #FFF;
padding:0px 0px;
	 }
	.ericListPDF tr td:first-child {
		width: 100%;
		padding-right:0px;
	}
	.ericListPDF tr td:last-child {
		padding: 0px;
		text-align: left;
	}
	 .ericListPDF table{padding:20px;}
  }
	 

  .eric12mPDF{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	position:relative;
	
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
 
  .max960 .eric12mPDF
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  

  
	
	/*--eric12mPDF : START--*/
	.eric12mPDF{
		margin:0px auto;
		overflow:auto;
	}
	.eric12mPDF ul{list-style:none; padding:0px; margin:0px;}
	.eric12mPDF li{
		width:30%;
		float:left;
		padding:12px 0px;
		font-size: 18px; /*20px; 2021*/
	}

	.eric12mPDF ul li{
		background-color: #F2F2F2;
    	/* border: 1px solid #bfc0c0; */
		margin: 3px;
		padding-left: 3px;
	}
	
	/*--eric12mPDF : END--*/
	

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

	  .eric12mPDF
	{

	width: auto;
	margin-left: 22px;
	margin-right: 22px;
	  }
	.eric12mPDF li{
		width: 98%; /*100%; 2021*/ 
		padding:10px 0px
	}
  }
	 



  .ericGridPdf{
	width:100%;
	max-width:660px;
	margin:0 auto;
	overflow:auto;
	position:relative \9;
	left:50% \9;
	width:660px \9;
	margin-left:-330px \9;
  }
  


  .max960 .ericGridPdf
  { max-width:960px;
	width:960px \9;
	margin-left:-480px \9;
  }
  
  .grpLR .ericGridPdf
  { 
	width:100% \9;
	margin:0 auto \9;
	left:0% \9;
  }
	.ericGridPdf .gridItem{
		width:50%;
		float:left;
	}
	
	.ericGridPdf.block3 .gridItem{
		width:33%;
	}
	
	.ericGridPdf .gridWrap{
		background:#f2f2f2; position:relative; overflow:hidden;
		min-height:330px \9;
	}
	.ericGridPdf.block3 .gridWrap{
		min-height:220px \9;
	}

	.ericGridPdf h3{padding-left:5px; margin-top:10px; height:24px; line-height:24px;}
	
	.ericGridPdf.block3 h3{
		height:48px; 
	}
	
	.ericGridPdf.oneGrid h3{display:none;}

	.ericGridPdf h4{line-height:20px; margin:0px; margin:20px 20px; margin-bottom:50px;color:#f69c18; display:block;
	}
	.ericGridPdf .gridItem p{position:absolute; top:50%;hieght:0px;width:100%;left:0px; margin:0px; text-align:center}  
	.ericGridPdf .thumb{display:block}
	.ericGridPdf .thumb img{height:100%;}
	.ericGridPdf .moreNews
	{
		line-height:24px;
		color:#f69c18;
		position:absolute;
		left:20px;
		bottom:0px;
		text-decoration:none;
		height:24px;
		overflow:hidden;
		padding-top:50px;
		padding-bottom:20px;
	}

	.ericGridPdf .moreNews img
	{
		width:24px;
		vertical-align:bottom;
		margin-right:5px;
	}
	
	.ericGridPdf.full .gridItem{width:100%;}
	.ericGridPdf.full h4{margin-bottom:20px;}
	.ericGridPdf.full .moreNews{padding-top:20px;}
		
		

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

	  .ericGridPdf{
		/*width:94%;*/
		width: auto;
		margin-left: 22px;
		margin-right: 22px;
	  }
  }
	 

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

  

	

	.ericGridPdf .gridItem{width:100%;}
	.ericGridPdf.block3 .gridItem{width:100%;}
	.ericGridPdf h4{ margin-bottom:80px;}
	.ericGridPdf .moreNews{padding-top:80px;}
	.ericGridPdf.full h4{margin-bottom:80px;}
	.ericGridPdf.full .moreNews{padding-top:80px;}

	
	 }
	
	
	 @media only screen and (max-width: 400px) {
			/*--ericGridPdf : START--*/
	.ericGridPdf .gridItem{width:100%;}
	.ericGridPdf h4{ margin-bottom:50px;}
	.ericGridPdf .moreNews{padding-top:50px;}
	.ericGridPdf.full h4{margin-bottom:50px;}
	.ericGridPdf.full .moreNews{padding-top:50px;}
	/*--ericGridPdf : END--*/
	} 

  .ericContact{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  


  .max960 .ericContact
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  
 

/*--ericContact : START--*/
	.ericContact{
		margin:0px auto;
		overflow:auto;
		
	}
	.ericContact .gridItem{
		width:50%;
		float:left;
		height:330px;
		overflow:hidden;
		padding: 0px 5px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
		-ms-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		
		*width:46%;
		*padding: 0px 2%;
	}
	.ericContact h4{
		color:#f69c18;
		margin:0px;
		font-size:18px;
		line-height:26px;
	}
	.ericContact pre{
	font-size:18px;
	white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height:26px;
	font-family:'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";;
	}
	 @media only screen and (max-width: 700px) {


	  .ericContact{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
  }

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

	.ericContact .gridItem{
		width:100%;
		height:auto;
		padding: 0px 0px;
	}

	 }	
	.ericSelectBox{
	width:100%;
	max-width:660px;
	height:40px;
	overflow:unset;
	margin:10px auto;
	line-height:40px;
	text-align: center; /*2021*/
	
	*height:80px;
	}
	.ericSelectBox span{display:inline-block; height:40px; line-height:40px; vertical-align:bottom;width:100px;
	font-size: 18px;
	font-family: 'ProximaNova-SemiBold','Noto Sans TC',"Microsoft JhengHei";
	}
	.lang_CH .ericSelectBox span{
	font-weight:bold;
	}
	.ericSelectArrow{height:40px; width:40px;  position:absolute;right:0px; top:0px;pointer-events:none;
	background:url("../img/selectArrow.png");
	z-index:2;
	}
	.ericSelect {width:260px;height:40px;overflow:hidden;position:relative;margin:0;float:unset;display:inline-block; vertical-align:bottom}
	.ericSelect.on {overflow:visible; z-index:9}
	.ericSelect .dropWrap{position:absolute;width:100%}
	.ericSelect input{display:none;}
	.ericSelect p{line-height:40px;cursor:pointer;
	height:40px;width:94%;
	border:none;
	background-color:#f2f2f2;
	padding:0% 3%;
	margin:0px;
	}
	.ericSelect ul{padding:0px;
	margin:0px;
	max-height:200px;
	height:200px \9;
	overflow-y:auto;
	}
	.ericSelect li{width:94%;position:relative;background:#e6e6e6;
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:40px;
	height:40px;
	padding:0% 3%;
	cursor:pointer;
	}
	.ericSelect li:hover{
	background:#f69d1b;
	color:#FFF;
	}
	.ericSelect li a{
		width:100%;
		display:block;
		text-decoration:none;
	}
	.ericSelect li a:hover{
		color:#FFF;
	}
	
	@media only screen and (max-width: 720px) {
	.ericSelectBox{
		width: auto;
		height: 80px;
		margin-left: 22px;
		margin-right: 22px;
	}
	.ericSelectBox .ericSelect{
	display:block;
	width:100%;
	}
	}
	
	
	.ericSelectYCBox{
	width:100%;
	max-width:660px;
	margin:10px auto;
	}

	.ericSelectYCBox .ericSelectBox{
	width:360px;
	margin:10px 0px;
	display:inline-block;
	}
	.ericSelectYCBox .searchBtn{
		margin:10px auto;
		margin-left:20px;
		padding:0px 24px;
		color:#FFF;
		text-align:center;
		background:#E65A25;
		border:none;
		width:100px;
		display:inline-block;
		vertical-align:bottom;
		text-decoration:none;
		cursor:pointer;
		font-size: 16px;
		line-height: 40px;
		height:40px;
		font-family: 'ProximaNova-Semibold','Noto Sans TC',"Microsoft JhengHei";	
		     transition:background 500ms;
		  -o-transition:background 500ms;
	   	 -ms-transition:background 500ms;
		-moz-transition:background 500ms;
	 -webkit-transition:background 500ms;
	 
	 *margin-left:0px;
	}
	.lang_CH .ericSelectYCBox .searchBtn{
	font-weight:bold;
	}
	.ericSelectYCBox .searchBtn:hover{	
	background:#F59D1B;
	}
	.ericSelectYCBox .ericSelectBox span {
   /* float: left;*/
	}
	@media only screen and (max-width: 720px) {

	
	.ericSelectYCBox{
	width: auto;
	margin-left: 22px;
	margin-right: 22px;
	}

	.ericSelectYCBox .ericSelectBox{
	display:block;
	width:100%;
	height:80px;
	}
	.ericSelectYCBox .ericSelect{
	display:block;
	width:100%;
	}
	.ericSelectYCBox .searchBtn{
		display:block;
		width:100%;
		margin:10px auto;
		margin-top:40px;
		cursor:pointer;
		padding:0px 0px;
	}  
}


	





  .ericTabPage{
	width:100%;
	/*max-width:1024px;*/
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:1024px;
	_margin-left:-512px;
  }

/*add ericTabPageA and ericTabPageB by 20181025*/
	.ericTabPageA {
	  width: 100%;
	  margin: 0 auto;
	  _position: relative;
	  _left: 50%;
	  _width: 1024px;
	  _margin-left: -512px;
	}

	.ericTabPageB {
	  width: 100%;
	  margin: 0 auto;
	  _position: relative;
	  _left: 50%;
	  _width: 1024px;
	  _margin-left: -512px;
	}

/*--ericContact : START--*/
	.ericTabPage{
		margin:0px auto;
		overflow:auto;
	}
	.ericTabPage .tabWrap1{
		width:100%;
		margin:0 auto;
		background:#fcb913;
		padding:80px 0px;
		position:relative;
		margin-top:30px;
	}
	.ericTabPage .tabWrap1 p{
		width:100%;
		max-width:660px;
		margin:0 auto;
		text-align:center;
		line-height:40px;
		font-size:28px;
		font-weight:bold;
		color:#414141;
	}
	.ericTabPage .tabWrap1 p a{
		color:#414141;
	}
	.ericTabPage .tabWrap1 img{
		position:absolute;
		left:50%;
		width:46px;
		margin-left:-23px;
		top:-22px;
	}
	
	.ericTabPage .tabWrap2{
		width:100%;
		margin:0 auto;
		background:#f2f2f2;
		position:relative;
		padding:20px 0px;
		padding-bottom:100px
	}
	.ericTabPage .tabWrap2 ul{
		margin:0px;
		margin-top:30px;
		padding:0px 0px;
		text-align:center;
	}
	.ericTabPage .tabWrap2 li{
		display:inline-block; 
		*display:inline;
		padding:0px 10px;
		border-left:1px solid #000;
		cursor:pointer;
		font-size:22px;
	}
	.ericTabPage .tabWrap2 li.on{
		color:#fcb913;
	}
	.ericTabPage .tabWrap2 li:first-child{
		border-left:0px solid #000;
	}
	
	.ericTabPage .tabWrap2 .tabPage h2{
		font-weight:normal;
		font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
		margin:0px;
		margin-top:100px;		
	}
	.lang_CH .ericTabPage .tabWrap2 .tabPage h2{
	font-weight:bold;
    }
	.ericTabPage .tabWrap2 .tabPage {
		text-align:center;
		overflow:hidden;
		display:none \9;
		opacity:0;
		height:0px;
				transition: 300ms;
			 -o-transition: 300ms;
			-ms-transition: 300ms;
		   -moz-transition: 300ms;
		-webkit-transition: 300ms;
		
	}
	.ericTabPage .tabWrap2 .tabPage.on {
		height:auto;
		display:block \9;
		opacity:1;
	}
	.ericTabPage .tabWrap2 .tabPage img {
		width:400px;
	}

	/* add ericTabPageA */
	.ericTabPageA {
	  margin: 0px auto;
	  overflow: auto;
	}

	.ericTabPageA .tabWrap1 {
	  width: 100%;
	  margin: 0 auto;
	  background: #fcb913;
	  padding: 80px 0px;
	  position: relative;
	}

	.ericTabPageA .tabWrap1.on {
	  width: 100%;
	  margin: 0 auto;
	  background: #fcb913;
	  padding: 80px 0px;
	  position: relative;
	  margin-top: 30px;
	}

	.ericTabPageA .tabWrap1 p {
	  width: 100%;
	  max-width: 660px;
	  margin: 0 auto;
	  text-align: center;
	  line-height: 40px;
	  font-size: 28px;
	  font-weight: bold;
	  color: #414141;
	}

	.ericTabPageA .tabWrap1 p a {
	  color: #414141;
	}

	.ericTabPageA .tabWrap1 img {
	  display: none;
	}

	.ericTabPageA .tabWrap1.on img {
	  display: block;
	  position: absolute;
	  left: 50%;
	  width: 46px;
	  margin-left: -23px;
	  top: -22px;
	}

	/* add ericTabPageB */
	.ericTabPageB {
	  margin: 0px auto;
	  overflow: auto;
	}

	.ericTabPageB .tabWrap2 {
	  width: 100%;
	  margin: 0 auto;
	  background: #f2f2f2;
	  position: relative;
	  padding: 20px 0px;
	  padding-bottom: 100px
	}

	.ericTabPageB .tabWrap2 ul {
	  margin: 0px;
	  margin-top: 30px;
	  padding: 0px 0px;
	  text-align: center;
	}

	.ericTabPageB .tabWrap2 li {
	  display: inline-block;
	  *display: inline;
	  padding: 0px 10px;
	  border-left: 1px solid #000;
	  cursor: pointer;
	  font-size: 22px;
	}

	.ericTabPageB .tabWrap2 li.on {
	  color: #fcb913;
	}

	.ericTabPageB .tabWrap2 li:first-child {
	  border-left: 0px solid #000;
	}

	.ericTabPageB .tabWrap2 .tabPage h2 {
	  font-weight: normal;
	  font-family: 'ProximaNova-Bold', 'Noto Sans TC', "Microsoft JhengHei";
	  margin: 0px;
	  margin-top: 100px;
	}

	.lang_CH .ericTabPageB .tabWrap2 .tabPage h2 {
	  font-weight: bold;
	}

	.ericTabPageB .tabWrap2 .tabPage {
	  text-align: center;
	  overflow: hidden;
	  display: none \9;
	  opacity: 0;
	  height: 0px;
	  transition: 300ms;
	  -o-transition: 300ms;
	  -ms-transition: 300ms;
	  -moz-transition: 300ms;
	  -webkit-transition: 300ms;
	}

	.ericTabPageB .tabWrap2 .tabPage.on {
	  height: auto;
	  display: block \9;
	  opacity: 1;
	}

/*	.ericTabPageB .tabWrap2 .tabPage img {
	  width: 400px;
	}*/
	
  @media only screen and (max-width: 700px) {

	  .ericTabPage
	  {
		width:100%;
	  }

	  .ericTabPageA {
	    width: 100%;
	  }

	  .ericTabPageB {
	    width: 100%;
	  }
  }
	 
		

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


  
	.ericTabPage .tabWrap1  p{width:90%; margin-left: auto; margin-right: auto;}
	.ericTabPage .tabWrap2 .tabPage h2,
	.ericTabPage .tabWrap2 .tabPage p{width:90%; margin-left: auto; margin-right: auto;}
	.ericTabPage .tabWrap2 .tabPage img {
		width:95%;
	}
	
	.ericTabPageA .tabWrap1 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .ericTabPageB .tabWrap2 .tabPage h2,
  .ericTabPageB .tabWrap2 .tabPage p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .ericTabPageB .tabWrap2 .tabPage img {
    width: 95%;
  }

  }.ericDivident{
			width:100%;
			max-width:660px;
			margin:0 auto;
			overflow:auto;
			}
			.ericDivident h3{font-weight: normal}
			
			
			.tdLeft{
			width:120px;
			
			float:left;
			border:1px solid #a1a1a1;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			
			*width:118px;
			}
			.tdCenter{
			width:340px;
			float:left;
			border:1px solid #a1a1a1;
			border-left-width:0px;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;

			*width:338px;		
			}
			.tdCenter .bodyLeft{width:110px;float:left; padding:0px 20px; *padding-top:20px}
			.tdCenter .bodyRight{width:110px;float:left; padding:0px 20px; *padding-top:20px}
			
			.tdRight{
			width:200px;
			float:left;
			border:1px solid #a1a1a1;
			border-left-width:0px;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			
			*width:188px;
			}
			
			.ericDivident .head{
				height:40px;
				line-height:40px;
				padding:0 20px;
				border-bottom:1px solid #a1a1a1
			}
			.ericDivident .head p{
				margin:0px;
				
			}
			
			.ericDivident .body{
				padding:0 20px;
				
			}
			.ericDivident .bodyRight{
				border-left:1px solid #a1a1a1;
			}
			.ericDivident p
			{
				font-size:12px;
				white-space:nowrap;
				
			}
			
			
			@media only screen and (max-width: 720px) {
			.ericDivident{
			width:100%;
			padding:0px 22px;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			}
			.tdLeft{
			width:100%;
			margin:10px 0px;
			}
			
			.tdLeft .head{
			display:none;
			}
			.tdCenter{
			width:100%;
			margin:10px 0px;
			border-left:1px solid #a1a1a1;
			}
			.tdCenter .bodyLeft{width:50%;
						box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			}
			.tdCenter .bodyRight{width:50%;
						box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			}
			
			.tdRight{
			width:100%;
			margin:10px 0px;
			border-left:1px solid #a1a1a1;
			}
			.tdRight .head{
			display:none;
			}
			
			}
  .ericStock3B{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
  }
  

  .max960 .ericStock3B
  { max-width:960px;
	*width:960px;
	_width:960px;
  }
  




  


	.ericStock3B{
		margin:10px auto;
		overflow:auto;
	}
	.ericStock3B .stockLeft{width:50%;padding:15px 22px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	float:left;background:#f2f2f2;height:100%;
	
	*width:436px;
	
	}
	.ericStock3B .stockLeft iframe{height:196px;width:100%;}
	.ericStock3B  h2{border-bottom:1px solid #6d6d6d; font-size:22px; line-height:30px;  margin:5px 0px; margin-top:0px;margin-bottom:20px;
	font-weight: normal;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	}
	.lang_CH .ericStock3B  h2{
	font-weight:bold;
    }
	.ericStock3B  pre{
		font-size:20px;
	white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height:28px;
	font-family:'ProximaNova-Regular','Noto Sans TC',"Microsoft JhengHei";
	}
	.ericStock3B .stockLeft  pre{
		margin:0px;
	}
	
	.ericStock3B .stockRight{width:50%;padding:0px 22px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; float:left;
	*width:436px;
	
	}
	.ericStock3B .stockRight h2{border-bottom:0px solid #6d6d6d; font-size:20px;
	font-weight: normal;
	font-family: 'ProximaNova-Bold';
	}
	.lang_CH .ericStock3B .stockRight h2{
	font-family: 'Noto Sans TC',"Microsoft JhengHei";
	font-weight:bold;
    }
	
	@media only screen and (max-width: 1004px) {


	  .ericStock3B{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	 
	}
	

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


	  .ericStock3B{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	  .ericStock3B .stockLeft{width:100%; margin-right:0%;}
	  .ericStock3B .stockRight{width:100%; margin-right:0%;padding:22px 0px;}
  }
 /* @media only screen and (max-width: 430px) {

  .ericStock3B .stockLeft iframe{height:400px;}
  
  }*/
	 	.ericMap{
			width:100%;
			max-width:660px;
			height:500px;
			margin:0 auto;
			/*overflow:auto;*/
			}
			
			.ericMap iframe{
				
				width:100%;
				height:100%;
			}
			.ericMap iframe2
			{
				/*filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);    
				filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);*/
			}
			
			
			@media only screen and (max-width: 720px) {
			.ericMap{
			width:100%;
			padding:0px 22px;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
			-ms-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			height:240px;
			}
			
			}	
	.ericProjectList {
		width:100%;
		max-width: 1280px; /*660px; 2021*/
		margin: 0 auto !important;
		background: #f2f2f2;
		
		_position:relative;
		_left:50%;
		_width:660px;
		_margin-left:-330px;
	}
	
	.ericProjectList .head{
	font-size:20px;
	text-align:center;
	line-height:24px;
	padding:30px 20px;
	width:100%;
	color:#FFF;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight:normal;
	font-weight:bold \9;
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	background:#414141;
	
	width:620px \9;
	}
	.lang_CH .ericProjectList .head{
	font-weight:bold;
    }
	
	.ericProjectList .listItem{
		width: 50%; /*100%;*/
		background:#f2f2f2;
		/* height: 550px; */
		padding:36px;
		padding-top:4px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
		-ms-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		border-bottom:1px solid #c6c6c6;
		width:620px \9;
		*width:588px ;
		/*display: inline-block;*/
	    display: inline-table;
	}
	.ericProjectList .listItem:first-child{
		border-top:0px solid #c6c6c6;
	}
	.ericProjectList .title1,
	.ericProjectList .title2,
	.ericProjectList .title3{font-size:14px;line-height:24px;margin-top:20px;
	font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	font-weight:normal;
	font-weight:bold \9;}
	.lang_CH .ericProjectList .title1,
	.lang_CH .ericProjectList .title2,
	.lang_CH .ericProjectList .title3{
	font-weight:bold;
    }
	
	.ericProjectList .cont1,
	.ericProjectList .cont2,
	.ericProjectList .cont3{font-size:18px;line-height:26px; padding:5px 0px;}
	.ericProjectList .cont1{color:#f59d1b}
	
	@media only screen and (max-width: 720px) {
		.ericProjectList {
		width:100%;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
		-ms-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
	}
	.ericProjectList .head{
	padding:24px;

	}
	
	.ericProjectList .listItem{
	padding:24px;
	}
	
	}	.ericYoutubeList{
			width:100%;
			max-width:660px;
			margin:0 auto;
			}
	.max960	.ericYoutubeList{
			max-width:960px;
	}
	.max900	.ericYoutubeList{
			max-width:900px;
	}
	.ericYoutubeList .listItem{overflow:auto;margin-top:50px;}
	.ericYoutubeList .listItem.list1{margin-top:0px;}
	.ericYoutubeList .ericTitle2{
				margin-top:0px;
				margin-bottom:20px;
				
	}
	.ericYoutubeList .thumbHref{float:left; width:50%; 
	height: 0;
  padding-bottom: 28.125%;
  overflow: hidden;
  position:relative;
  }	
.ericYoutubeList .thumbHref .thumb {
  width: 100%;
  height:100%;
  position:absolute;
}  
.ericYoutubeList .thumbHref a{
*height:270px;
*display:block;
*position:relative;
}
.ericYoutubeList.block3 .thumbHref a{
*height:162px;
}

.ericYoutubeList .thumbHref  .bigPlay{
	position:absolute;
	z-index:2;
	width:64px;
	height:64px;
	background:url("../img/bigplay.png") center center no-repeat;
	lefT:50%; top:50%;
	margin-left:-32px;
	margin-top:-32px;
}
	.ericYoutubeList .detail{float:left; 
	width:50%;
	*width:40%;
	padding-left:22px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 	
	}
	
	
	
	.ericYoutubeList.block3{
			width:100%;
			max-width:680px;
			margin:0 auto;
			overflow:auto;
	}
	.max960	.ericYoutubeList.block3{
			width:100%;
			max-width:980px;
	}
	.max900	.ericYoutubeList.block3{
			width:100%;
			max-width:920px;
	}
	.ericYoutubeList.block3 .listItem{overflow:auto;margin-top:0px; width:33.3%;float:left;
			box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
	padding:0px 10px;
	
	*width:206px;
	
	}
	.max960	.ericYoutubeList.block3 .listItem{
			*width:306px;
	}
	.max900	.ericYoutubeList.block3 .listItem{
			*width:286px;
	}
	
	.ericYoutubeList.block3 .listItem.list1{margin-top:0px;}
	.ericYoutubeList.block3 .ericTitle2{
				display:none;
			  }
	.ericYoutubeList.block3 .thumbHref{float:left; width:100%; 
	height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position:relative;
  }	
.ericYoutubeList .thumbHref .thumb {
  width: 100%;
  height:100%;
  position:absolute;
}  

.ericYoutubeList .thumbHref  .bigPlay{
	position:absolute;
	z-index:2;
	width:64px;
	height:64px;
	background:url("../img/bigplay.png") center center no-repeat;
	lefT:50%; top:50%;
	margin-left:-32px;
	margin-top:-32px;
}
	.ericYoutubeList.block3 .detail{float:left; width:100%;padding-left:0px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
height:73px;
overflow:hidden;	
padding-top:25px;
line-height:24px;
margin-bottom:25px;
	}
	
		
			
			@media only screen and (max-width: 720px) {
			.ericYoutubeList.block3,
			.ericYoutubeList{
			width:auto;
			margin-left:22px;
			margin-right:22px;
			}
			.ericYoutubeList.block3 .listItem{
			overflow:auto;
			margin-top:0px; 
			width:100%;float:left;
			padding:0px;
			}
			
				.ericYoutubeList .thumbHref{
					
				width:100%; 
				padding-bottom: 56.25%;
			  }	
				.ericYoutubeList .detail{
					
					width:100%;padding-left:0px;
					padding-top:22px; 	
				}
			
			.ericYoutubeList .ericTitle2{
				width:auto;
				margin-left:0px;
				margin-right:0px;
			  }
			}

  .ericCareerNews{
	width:100%;
	/*max-width:100px;*/
	margin:0 auto;
	background:#414141;
	*position:relative;
	*left:50%;
	*width:660px;
	*margin-left:-330px;
  }
  

  .max960 .ericCareerNews
  { 
	max-width:100%;
	*width:1024px;
	*margin-left:-512px;
  }
  
  #content .ericCareerNews .wrap{
	max-width:960px;
	*width:960px;
	*margin-left:-480px;
  }
    #content.career .ericCareerNews .wrap{
	max-width:900px;
	*width:900px;
	*margin-left:-450px;
  }


	/*--ericListPDF : START--*/
	.ericCareerNews{
		overflow:auto;
		padding:15px 0px;
	}
	.ericCareerNews.next_isCareerNews{padding-bottom:0px;}
	.ericCareerNews.prev_isCareerNews{padding-top:0px;}
	.ericCareerNews table{ border-collapse: collapse; width:100%; font-size:20px; line-height:28px;}
	.ericCareerNews tr{}		
	.ericCareerNews td.title{width:156px;vertical-align:top; text-align:left; padding:15px 38px; padding-left:0px;color:#faa21c; font-family:"ProximaNova-Bold",'Noto Sans TC',"Microsoft JhengHei";
	position:relative;}
	.lang_CH .ericCareerNews td.title{
	font-weight:bold;
    }
	.ericCareerNews td span{ display:block;
	}
	.ericCareerNews td.title .split{float:right; width:1px; height:100%;background:#FFF;
	background: #FFF;
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 0px;
	height: auto;
	}
	.ericCareerNews td.content{padding:15px 0px; padding-left:20px;}
	.ericCareerNews td.content a{
		display: inline-block;
		padding: 0px 5px;
		color:#FFF;
	}

	/*--ericListPDF : END--*/
	
	
  @media only screen and (max-width: 700px) {


	  .ericCareerNews
	{
		
		padding:0px 0px;
	  }
	  #content .ericCareerNews .wrap{
		width:100%;
	  }
	  .ericCareerNews table{
		  width:auto;
		  margin-left:0px;
		  margin-right:0px;
		  display:block;
		  
	  }
	  .ericCareerNews tr{
	 
		display: block;
		overflow: auto;
		border-bottom:1px solid #666;
	  }
	 .ericCareerNews td.title{width:auto;display:block;margin-left:22px;margin-right:22px;padding:0px 0px; padding-top:24px;}
	 .ericCareerNews td.title .split{float:unset;clear:both; width:100%; height:1px;
	
	background: #FFF;
	position: relative;
	top: 0px;
	bottom: 0px;
	margin-top:24px;
	}
	 .ericCareerNews td.content{padding:0px;padding-top:20px;
	 width:auto;display:block;margin-left:22px;margin-right:22px;
	 }
	 .ericCareerNews td.content a{
		display: block;
		padding: 0px 0px;
		padding-bottom:24px;
		color:#FFF;
	}
  }
	 
/*DuplexFL : STAR*/
.DuplexFL {
  max-width: 660px;
  margin: 0 auto;
}

.DuplexFL .cont {
  display: flex;
  flex-wrap: wrap;
}

.DuplexFL .item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.DuplexFL .item .item_pic {
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

.DuplexFL .item .item_pic img {
  width: 100%;
}

.DuplexFL .item .item_info {
  font-size: 18px;
  line-height: 26px;
  width: calc(100% - 100px);
  box-sizing: border-box;
  background-color: #F2F2F2;
  padding-top: 32px;
  padding-bottom: 32px;
}

.DuplexFL .item .item_info .link_txt {
  display: inline-block;
  width: 70%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  border-right: solid 1px #FFF;
  box-sizing: border-box;
  vertical-align: middle;
}

.DuplexFL .item .item_info .link_a {
  width: calc(100% - 75%);
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 700px) {
  .DuplexFL {
    margin-left: 22px;
    margin-right: 22px;
  }

  .DuplexFL .item_pic {
    display: none;
  }

  .DuplexFL .item .item_info {
    width: 100%;
    padding: 20px;
  }

  .DuplexFL .item .item_info .link_txt {
    width: 100%;
    border-right: inherit;
    border-bottom: 1px solid #FFF;
    padding-left: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .DuplexFL .item .item_info .link_a {
    width: 100%;
    text-align: left;
  }
}
/*DuplexFL : END*/

.ericLeadership{
	width:100%;
	max-width:660px;
	margin:0 auto;
	
	_position:relative;
	_left:50%;
	_width:660px;
	_margin-left:-330px;
	}
	
	.ericLeadership{border-top:1px solid #CCC;padding-top:25px;padding-bottom:50px;}
	.ericLeadership .ericSubHeading.txtOrange{margin-bottom:0px; font-size:30px;line-height:38px;}
	.ericLeadership .ericSubHeading.txtBlack{margin-bottom:25px; font-size:22px;line-height:32px;font-weight: normal}
	.ericLeadership h4{
		font-family:"ProximaNova-Bold",'Noto Sans TC',"Microsoft JhengHei";
	font-weight: normal; font-weight:bold \9; font-size:20px; line-height:28px; margin:0px;margin-top:50px;}
	.lang_CH .ericLeadership h4{
	font-weight:bold;
    }
	@media only screen and (max-width: 700px) {
	 
	 .ericLeadership{
		width:auto;
		margin-left:22px;
		margin-right:22px;
	  }
	  
	  .ericLeadership .ericSubHeading,
	  .ericLeadership .ericListType1,
	  .ericLeadership .ericBodyText
	  {
	  margin-left:0px;
	  margin-right:0px;
	  }
	}.ericIconBox{
	width:100%;
	max-width:660px;
	margin:0 auto;
	position:relative;
	
	*left:50%;
}

.max960 .ericIconBox{
	width:100%;
	max-width:960px;
	*width:960px;
	*margin-left:-480px;
}
.max900 .ericIconBox{
	width:100%;
	max-width:900px;
	*width:900px;
	*margin-left:-450px;
}

.ericIconBox .ericBodyText{
	padding-right:220px;
		box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}

.ericIconBox .iconBox{
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
}
.ericIconBox .iconBox img{
	width:40px;
	height:40px;
	
}
@media only screen and (max-width: 960px) {
.ericIconBox{
	width:auto;
	margin-left:0px;
	margin-right:0px;
}
.ericIconBox .iconBox{
	margin-right:22px;	
}

}
@media only screen and (max-width: 720px) {
.pageBanner.gap0.noMarginBTM p{
	left: 27px !important;

}
.pageBanner p{
	margin-left: 27px !important;
}
.ericIconBox .ericBodyText{
	padding-right:0px;
}
.ericIconBox .iconBox{
	margin-top:25px;
	position:relative;
	width:auto;
	margin-left:22px;
	margin-right:22px;	
}

}.error404{
width:100%;
min-height:700px;
	background:#414141;
}
.error404 a{
color:#FFF;
}	.txtLeft{text-align:left}
	.txtCenter{text-align:center}
	.txtRight{text-align:right}
	
	.txtItalic{font-family:"ProximaNova-RegularIt",'Noto Sans TC',"Microsoft JhengHei";}
	.lang_CH .txtItalic{
	font-weight:italic;
	}
	.txtBold.txtItalic{font-family:"ProximaNova-BoldIt",'Noto Sans TC',"Microsoft JhengHei";}
	.lang_CH .txtBold.txtItalic{
	font-style:italic;
	font-weight:600;
	}
	.txtOrange{color:#f69c18}
	.txtBlack{color:#414141}
	.txtWhite{color:#FFF}
	
	.txtBold{
		font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
		font-weight: normal;
	}
	.lang_CH .txtBold{
	font-weight:600;
	}
	.txtLight{font-weight:normal;font-weight:lighter;font-weight: normal;}
	
	.txtUnderLine{border-bottom:1px #a0a0a0 solid}
	.txtNoUnderLine{border-bottom:0px #ccc solid}
	
	h3.txtUnderLine{border-bottom:0px #ccc solid;text-decoration:underline}
	pre.txtUnderLine{border-bottom:0px #ccc solid;text-decoration:underline}
	
	
	p.ericCode{
	font-size:12px;	
	line-height:12px;
	background:#222;
	color:#ddd;
	letter-spacing:2px;
	}
	span.red{color:#F22;}
	span.blue{color:#4786eb;}
	span.yellow{color:#fbde2d}
	span.green{color:#48ce38}
	
	.mouse_pointer{cursor:pointer;}
	
	b{
		font-weight: normal;
		font-family: 'ProximaNova-Bold','Noto Sans TC',"Microsoft JhengHei";
	}
	.lang_CH b{
	font-weight:600;
	}
	
	.gap0{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.gap1{
		margin-top:0px;
		margin-bottom:0px;/*25px 2022*/
	}
	
	.gap2{
		margin-top:0px;
		margin-bottom:50px;
	}
	
	.gap3{
		margin-top:0px;
		margin-bottom:75px;
	}
	
	.gap4{
		margin-top:0px;
		margin-bottom:100px;
	}
	
	.gap5{
		margin-top:0px;
		margin-bottom:125px;
	}
	
	.gap6{
		margin-top:0px;
		margin-bottom:150px;
	}
	
	.gap7{
		margin-top:0px;
		margin-bottom:175px;
	}
	
	.gap8{
		margin-top:0px;
		margin-bottom:200px;
	}
	
	.gap9{
		margin-top:0px;
		margin-bottom:225px;
	}
	
	.gap10{
		margin-top:0px;
		margin-bottom:250px;
	}

	/*add page area 20180918: start*/
	.area {
  	color: #f69c18;
	font-size: 20px; /*36px; 2021*/
	font-weight: bold;
	}
	/*add page area 20180918: end*/


/* 2021/09/03 by Robin         q l   page.css    [ J i ӡA      s D  C   B i I    ܳ h
===================================================================================
 article-list                                                                       
===================================================================================
*/
.article-list-item {
	background: #f2f2f2;
	padding: 15px;
	margin-bottom: 15px;
	max-width: 660px; /* robin    ծɥ[ W   */
}

	.article-list-item p {
		margin: 0px;
	}

	.article-list-item .article-link {
		text-align: right;
		line-height: 24px;
	}

	.article-list-item .article-title {
		margin-bottom: 10px;
		font-size: 20px;
	}

	/* robin    ծɥ[ W   , .article-link a */
	.article-list-item .article-link a, .article-link a {
		color: #faa11b;
		text-decoration: none;
		padding-left: 30px;
		background: url("../img/ico_article-link.svg") left center no-repeat;
		background: url("../img/ico_article-link.png") left center no-repeat \9;
		background-position: left top;
		background-size: 24px;
		font-size: 20px;
		line-height: 24px;
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}

.lang_CH .article-list-item .article-title,
.lang_CH .article-list-item .article-link a {
	font-size: 16px;
}

/* robin    ծɥ[ W   , .article-link a:hover */
.article-list-item .article-link a:hover, .article-link a:hover {
	text-decoration: underline;
	color: #414141;
	background-position: left -24px;
}

@media only screen and (max-width: 767px) {
	.article-list-item {
		margin: 0px 22px;
		margin-bottom: 15px;
	}
}




/*2021新增樣式：START------------*/
/*滑鼠hover-START-2021新增*/
.enter{
	position: absolute;
    bottom: -103px;
    background-color: rgba(35, 24, 21, .8);
    color: #ffffff;
    width: 87%; /*100%;*/
    padding-left: 15px;
	cursor: pointer;
}

.enter:hover{
    bottom: 4px;
	transition: 1s;
}
/*滑鼠hover-END-*/

.BlocKimgSet{
	position: relative;
	overflow: hidden;
}


/*發現信賴*/
.fourImg{
	width: 47%;
	display: inline-block;
}

.textset{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

@media only screen and (max-width: 700px){
	.fourImg{
		width: 100%;
	}
	
	.textset{
		width: 100%;
	}
}





.pageBanner.gap0.noMarginBTM{
	max-width: 1920px;
	margin: 0 auto;
	height: 300px;
}
.pageBanner.gap0.noMarginBTM p,.pageBanner.gap0 p{
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    top: 45px;
    width: 80% !important;
    left: 65px;
    max-width: 1200px !important;
	transition: .7s;

}

.pageBanner.gap0 p.centered{
	margin: 0 !important;
	animation-name: banner_p;
	animation-duration: .5s;
	animation-direction: normal;
animation-fill-mode: forwards;
position:absolute;
font-size: 40px;
top: 50%;
	left: 0%;
	transform: translate(65px, 150%);

}
@keyframes banner_p {
	from { top: 80px;opacity:0 }
to { top: 65px;opacity:1  }
 }
 @media only screen and (max-width: 700px) {

	.pageBanner.gap0.noMarginBTM{
		height: 200px;
	}
	.pageBanner.gap0 p.centered{
		top: 50%;
	left: 0%;
	transform: translate(0px, 0%);
	}
  }

#footer-nav .row.footermargin-set section h3{
    margin-top:10px !important;	 margin-bottom:0px;
}
@media only screen and (max-width: 550px) {
	.ericProjectList .listItem{
		width: 100%;
	}
}