@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
1.aboutCompany
----------------------------------------------*/
.banner{
	margin-left:auto;
	margin-right:auto;
	height:224px;
	width:960px;
	position:relative;
}
.banner img{
	background-color: #E5E5E5;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}
.bannertext{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto auto;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    position: absolute;
    top: 145px;
    width: 230px;
    z-index: 20;
    font-size:20px;
    font-weight:bold;
    color:#FFF;
}
.profileBannerTextBg{
	background-image: url("../images/bg-slider-O.png");
}
.productBannerTextBg{
    background-image: url("../images/bg-slider-b.png");
}
.qualityBannerTextBg{
    background-image: url("../images/bg-slider-g.png");
}
#subPageContent{
	/*in-height: 500px;*/
	height:auto  !important;
	width: 951px;
	background-color:#FFF;
	padding-top:10px;
	padding-left:9px;
	line-height:21px;
	/*display:block;
	float:left;*/
}

.container:before, .container:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: hidden;
    width: 0;
}
.container:after {
    clear: both;
}

.contentLeft{
	float:left;
	min-width:200px;
}
.leftNavTop{
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url(../Images/leftnavtop.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
	font-weight: bold;
	color: #0072BC;
	font-size:16px;
}
.leftNavM{
	background-clip: border-box;
	background-image: url(../Images/leftmid.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	padding-left: 7px;
	font-weight:bold;
}
.leftNavM img,.leftNavM_en img{
	padding-right:0px;
	padding-bottom:2px;	
}
.leftNavM_en{
	background-clip: border-box;
	background-image: url(../Images/leftmid.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	padding-left: 15px;
}

.leftNavProfile{
	background-clip: border-box;
	background-image: url(../Images/leftmid.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	padding-left: 60px;
}
.leftNavProfile img,.leftNavProfile_en img
{
	padding-right:5px;
	padding-bottom:2px;	
}
.leftNavProfile_en{
	background-clip: border-box;
	background-image: url(../Images/leftmid.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	padding-left: 10px;
	font-weight:bold;
}
.leftNavPad55{
	background-clip: border-box;
	background-image: url(../Images/leftmid.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	padding-left: 50px;
	font-weight:bold;
}
.leftNavPad55 img
{
	padding-right:5px;
	padding-bottom:2px;
}
.contentLeft td a:hover{
	color:#0072BC;
	text-decoration:underline;
	/*text-shadow: 0 0 1px #0066FF;*/
}
.leftNavActive{
	color:#0072BC;
    font-weight:bold;
	/*font-weight:bold;
	text-shadow: 0 0 1px #0066FF;*/
}
.leftNavBottom{
	background-clip: border-box;
	background-image: url(../Images/leftdown.jpg);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0;
}
.contentRight{
	float:left;
	width:750px;
	position:relative;
}
.rightContentTop{
	background-clip:border-box;
	background-image:url(../Images/righttop.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	background-size: auto auto;
	height:26px;
}
.rightContent{
	background-clip: border-box;
	background-image: url(../Images/rightmid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 13px;
	line-height:24px;
	text-align: justify;
}
.rightContent H3,.rightContent H4{
    color:#0072BC;
    margin-bottom:5px;	
}
.rightContentNoJustify{
	background-clip: border-box;
	background-image: url(../Images/rightmid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 15px;
	line-height:24px;
}
.rightContentNoJustify h3{
	color:#0072BC
}
.rightContentBottom{
	height:21px;
	background-clip:border-box;
	background-image:url(../Images/rightdown.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
}
.profileTitle{
	text-align:left;
	vertical-align:central;
	font-size:25px;
	font-weight:bold;
	padding-bottom:15px;
	color:#448CCA
}
.profile{
	text-indent: 2em;
	line-height: 25px;
	margin-top:5px;
}
.aboutAmbitUl{
	margin-bottom:0px;
	padding-left: 0px;
	color:#000000;
	font-weight:normal;
	font-size:13px;
}
.aboutAmbitUl li{
	list-style-position: outside;
	list-style-image: url(../Images/li_g.gif);
	list-style-type: none;
	line-height:30px;
	margin-left:15px;
}
.milestoneUl{
	padding-left: 0px;
}
.milestoneUl > li
{
	color:#0072BC;
	font-size:15px;
	font-weight:bold;
	padding-bottom:30px;
	/*text-transform:capitalize;*/
}
.milestoneUl h3
{
	color:#000000;
	border-bottom-color:#C0C0C0;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
#sliderActivityPic{
	margin-left:9px;
}
#sliderActivity{
	background-clip: border-box;
	background-image: url(../Images/rightmid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: auto auto;
	min-height:520px;
}
#foundation {
	position: absolute;
	left: 400px;
	top: 87px;
	width: 302px;
	height: 341px;
	z-index: 1;
	background-image: url(../Images/AboutCompany/foundation.png);
}
#c3
{
	position: absolute;
	left: 400px;
	top: 586px;
	width: 302px;
	height: 174px;
	z-index: 1;
	background-image: url(../Images/AboutCompany/c3.png);
}
#c1
{
	position: absolute;
	left: 350px;
	top: 180px;
	width: 383px;
	height: 219px;
	z-index: 1;
	background-image: url(../Images/AboutCompany/c1.png);
}
#c2
{
	position: absolute;
	left: 350px;
	top: 550px;
	width: 383px;
	height: 219px;
	z-index: 1;
	background-image: url(../Images/AboutCompany/c2.png);
}
#companyCer
{
	position: absolute;
	left: 350px;
	top: 1215px;
	width: 314px;
	height: 376px;
	z-index: 1;
	background-image: url(../Images/AboutCompany/TorchPorject.png);
}
/*----------------------------------------------
1.productintro
----------------------------------------------*/
.prodIntroTable{
	width:690px;
}
.tdTitleContent{
	font-size:17px;
	font-weight:bold;
	color:#0072BC;
	padding-bottom:5px;
	width: 279px;
}
.tdDetailContent{
	padding-left:10px;
	padding-bottom:25px;
	margin-top:0px;
	margin-bottom:0px;
	/*margin-left:-20px;*/
}
.subTdWidth{
	width:177px;
}

/*----------------------------------------------
2.CPV
----------------------------------------------*/
.CPVTdStyle{
	 width: 79px;
     text-align: center;
     padding:5px;
}
.liStyle{
    list-style-position: outside;
	list-style-image: url(../Images/li_g.gif);
	list-style-type: none;
}
.liStyle>li
{
	margin-bottom:5px;
}
.liStyle li ul
{
    padding-left:20px;
}
.liStyle li b
{
	color:#0072BC
}

/*----------------------------------------------
3.Engineering Service
----------------------------------------------*/
#Assembly{
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}
#Test{
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}
.subNav{
	padding-left:40px;
}
.subSubNav{
	padding-left:60px;
}
.leftNavSubModule{
	color:#E26F3D;
	font-size:14px;
	font-weight:bold;
}
.titleBorder
{
	/*border-top-style:dashed;
    border-top-width:1px; 
	border-top-color:Black;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: Black;*/
	background-position: 0px 10px;
	padding-top: 15px;
	background-image: url(../Images/ES_title_bg.png);
	background-repeat: no-repeat;
	font-size: 20px;
	font-style: italic;
	padding-left:10px;
}
.subTdTitleContent
{
	color:Blue;
	text-align:center;
}
.subTdWidth_For_TF_ASS{
	width:287px;
}
#engService{
	min-height:350px;
}

.engServiceBg{
	float:left; 
	margin-left:37px; 
	width:250px; 
	height:200px; 
	padding-left:20px; 
	padding-right:20px; 
    padding-top:20px; 
    padding-bottom:20px;
    background-image:url(../Images/EngServiceBg.png);
}

.ContentTableCenter{
	text-align:left;
	padding-left:35px;
	padding-bottom:50px;
}
.ContentTableCenter table{
	border-collapse:collapse;
	font-size:12px;
}
.ContentTableCenter tr{
	border-bottom-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.ContentTableCenter th
{
	width:50%;
	padding-left:100px;
}
.ContentTableCenter tr td:first-child{
	padding-left:70px;
}
.ContentTableCenter td{
	width:50%;
	padding-left:30px;
}
.ContentTableCenter tr:first-child{
	background-color:#0072BC;
   color:#FFFFFF;
}
.ContentTableCenter tr.even,.ContentTable tr.even,#QualityTarget tr.even{
	background-color:#F7F6F3;
}
.ContentImageCenter{
    text-align:left;
	padding-left:35px;
	padding-bottom:50px;
}
.ContentImageCenter ul{
    padding-left: 0px;
    line-height: 18px;
}
.ContentImageCenterLeft{
    padding-right: 10px;
    width:140px; 
    height:125px;
}
.ContentImageCenter img{
    width: 100%;
    height: 116px;
}
.ContentImageCenter table{
	border-collapse:collapse;
	font-size:12px;
}
.ContentImageCenter td{
    min-height: 140px;
}
.noMarginBottomUl
{
	margin-bottom:0px;
	padding-bottom:10px;
	padding-left:15px;
}
ul.flowPic
{
	height:150px;
	padding-left:0px;
	}
ul.flowPic li
{
	float:left;
	margin-right:25px;	
}
#AssemblyCapability
{
	cursor:pointer;
}
#AssemblyCapability1
{
    cursor:pointer;
}
.AssemblyCapability1
{
    cursor:pointer;
}
.leftNavM subNav:hover
{
        		color:#0072BC;
	text-decoration:underline;
}
.AssemblyCapability1:hover
{
    		color:#0072BC;
	text-decoration:underline;
}
.nav_hover
{
		color:#0072BC;
	text-decoration:underline;

}
.controlSubNav
{
	display:none;
}
.supportPro
{
	height:150px;
}
.supportPro ul
{
	float:left;
	margin-left:20px;
	margin-right:150px;
}
#TestService li
{
	float:left;
	margin-right:40px;	
}
.parallelUl ul
{
	float: left;
    margin-right: 150px;
}
/*----------------------------------------------
4.Recruitment
----------------------------------------------*/
#ctl00_ctl00_ctl00_cphMain_subCphMain_hrCphMain_gvwPositionInfo{
	 font-size:13px;
}

.navTitle{
	color:#0072BC;
}
.recruitment{
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:Gray;
	margin-bottom:20px;
	padding-bottom:5px;
}
.fontColorO{
	font-weight:bold;
    color:#FF7600;
}
.fontMarginRight{
	margin-right:70px;
}
.recruitmentFontSize{
	font-size:13px;
}
.contactAddBottomLine{
	border-bottom-width:1px;
	border-bottom-color:Gray;
	border-bottom-style:solid;
}
.ulNoPaddingLeft{
	padding-left:0px;
}

/*----------------------------------------------
5.QMS
----------------------------------------------*/
#QualityTarget tr.odd,.ContentTable tr.odd{
	background-color:#e7e7e7;
}
.icon-arrow
{
	background-image:url(../Images/icon_arrow.gif);
	background-repeat:no-repeat;
	width:8px;
	height:11px;
	float:left;
	content:".";
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
}
.paddingLeft5
{
	padding-left:10px;
	}
#cerTable{
	width:690px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	border-spacing:0px;
}
.ContentTable
{
	text-align:left;
}
.ContentTable tr:first-child{
	background-color:#0072BC;
    color:#FFFFFF;
}
.ContentTable th
{
	padding-left:10px;
	}
.ContentTable td
{
	padding:10px;
}
.leftBorder
{
	border-left-color:#FFF;
	border-left-style:solid;
	border-left-width:1px;
}
#haepList ul
{
	padding-left:0px;
}
.certr td{
	width:112px;
	height:152px;
	padding:5px;
}
.cerTrText td
{
	width:112px;
	padding-bottom:40px;
}
.certificationImg{
	width:112px;
	height:152px;
}

#tablePagination{
	font-size:13px;
}
#erDoc {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 0px;
	border: 1px solid #999;
	width: 655px;
	font-size:13px;
}
#erDoc th {
	text-transform:capitalize;
	font-weight: bold;
	background-color: #5D7B9D;
	color: white;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border: 1px solid #999;
	text-align:center;
}
#erDoc td {
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border: 1px solid #999;
	text-align:center;
}

/*----------------------------------------------
6.contact
----------------------------------------------*/
#map {width: 940px;height: 300px;overflow: hidden;margin:0;}
.contact
{
	float:left;
	position:relative;
	/*margin-right:180px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:Gray;*/
}
.contact h4
{
	color:#0072BC;
	margin-bottom:5px;
}
#contactSplit
{
	float:left;
	margin-top:15px;
	height:185px;
	margin-left:100px;
	margin-right:100px;
	border-right-width:1px;
	border-right-style:dotted;
	border-right-color:Gray;
}
#contactMain
{
	padding-top:0px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	min-height:200px;
	content:"."
}

/*----------------------------------------------
7.TF
----------------------------------------------*/
.textalignleft{
	text-align:left
}



/* 整体容器 */
.container-w {
	display: flex;
	align-items: center;
	padding-bottom:30px;
}
/* 左侧文字样式 */
.left-text {
	font-weight:bold;
	font-size: 24px;
	width: 200px;
	transform: skewX(-25deg); /* 自定义倾斜角度（15度） */
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* 第一层阴影 */
}
.container-w ul li {
	color: #FFFFFF;
	
}
/* 列表样式 */
.container-w ul {
	list-style-type: disc;
}
.parent-ul {
	padding: 15px 5px 5px 20px
}
/* 右侧包含列表的区域样式 */
.right-section-1 {
	background-color: #6699FF;
	height: 80px;
	width: 500px;
	display: flex;
	align-items: center;
	position: relative;
}



/* 箭头样式，使用伪元素实现 */
.right-section-1::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-right: 80px solid #c7dcf2;
	position: absolute;
	left: -80px;
}


/* 右侧包含列表的区域样式 */
.right-section-2 {
	background-color: #FF6666;
	height: 100px;
	width: 500px;
	display: flex;
	align-items: center;
	position: relative;
}


/* 箭头样式，使用伪元素实现 */
.right-section-2::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-right: 80px solid #dcabab;
	position: absolute;
	left: -80px;
}

/* 右侧包含列表的区域样式 */
.right-section-3 {
	background-color: #177a26;
	height: 100px;
	width: 500px;
	display: flex;
	align-items: center;
	position: relative;
}



/* 箭头样式，使用伪元素实现 */
.right-section-3::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-right: 80px solid #78c196;
	position: absolute;
	left: -80px;
}

/* 右侧包含列表的区域样式 */
.right-section-4 {
	background-color: #800080;
	height: 130px;
	width: 500px;
	display: flex;
	align-items: center;
	position: relative;
}

/* 箭头样式，使用伪元素实现 */
.right-section-4::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 65px solid transparent;
	border-bottom: 65px solid transparent;
	border-right: 80px solid #cea8ef;
	position: absolute;
	left: -80px;
}

/* 右侧包含列表的区域样式 */
.right-section-cn-4 {
	background-color: #800080;
	height: 110px;
	width: 500px;
	display: flex;
	align-items: center;
	position: relative;
}

/* 箭头样式，使用伪元素实现 */
.right-section-cn-4::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 55px solid transparent;
	border-bottom: 55px solid transparent;
	border-right: 80px solid #cea8ef;
	position: absolute;
	left: -80px;
}


.rafa_container {
	display: flex;
	align-items: center;
	padding-bottom:20px;
}
.rafa_container-text{
	padding-left:20px;
}
.rafa_container img {
	border:3px solid #0d5c71;
}


.flex-container {
	display:flex;

}
.flex-container-left, .flex-container-right {
	width: 50%;
	box-sizing: border-box;
}
.flex-title {
	font-weight:bold;
	font-size:16px;
	text-align:center;
	width:200px;
	padding:6px 0;
	background-color:#e6e5dc;
}

.flex-container-child {
	display: flex;
}

.solution {
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.solution-box {
	padding:5px;
	border-radius:10px;
	text-align:center;
}
.box-pink {
	background-color:#e4beed;
}
.box-lightblue {
    background-color: #A3C7F3;
}
.box-purple {
	background-color: #aa74b0;
}
.solution-box-small {
    margin-top: 10px;
    padding: 5px 6px;
    border-radius: 10px;
    text-align: center;
    background-color: #CCFF99;
}

.flex-container-center {
    display:flex;
    align-items:center;
    justify-content:space-around;
}
.box-img {
    width: 250px;
    text-align: center;
    padding: 5px 10px;
    margin-right: 20px;
    margin-top: 20px;
    border: 1px solid #0072BC;
}

.arrow-box {
    background-color: #5B9BD5;
    color: white;
    padding: 3px 10px;
    position: relative;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    height: 25px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content:center;
    margin-right:20px;
}

.arrow-box::after {
    content: "";
    position: absolute;
    top: 115%;
    right: -10px;
    margin-top: -35px;
    border-top: 15px solid #FFF;
    border-bottom: 15px solid #FFF;
    border-left: 10px solid #5B9BD5;
}
.right-top-box {
    border-radius: 8px;
    background-color: #70AD47;
    padding: 10px 5px;
    text-align: center;
    width: 90px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:bold;
    font-size:14px;
}

.normal-box {
    border-radius: 8px;
    padding: 5px 10px;
    margin-right:20px;
    color:#FFF;
    font-size:10px;
    width:110px;
    text-align:center;
}
.top-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;

}
.top-box {
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
    width: 110px;
    text-align: center;
    font-weight:bold;
    background-color: #FFC607;
    margin-right:12px;
}

.bg-container {
    background-color: #8C8B5E;
    border-radius:5px 5px 2px 5px;
    padding:5px;
}
.circle {
    position:absolute;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    left:-30px;
    top:-5px;
}
.circle img {
    width: 100%; /* 填滿容器寬度 */
    height: 100%; /* 填滿容器高度 */
    object-fit: fill; /* 保持比例並覆蓋容器 */
}
.circle-box {
    position: relative;
    padding: 10px 0;
    color: #FFF;
}

.hexagon-container {
    
    position: relative;

}
.hexagon {
    --w: 140px;
    width: 230px;
    height: calc(var(--w) * 1.1547);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.hexagon-bg_green {
    background: #E2F0D9; /* 设置六边形背景颜色 */
}
.hexagon-bg_yellow {
    background: #FFF2CC; /* 设置六边形背景颜色 */
}
.hexagon-bg_blue {
    background: #DAE3F3; /* 设置六边形背景颜色 */
}

.hexagon-title {
    text-align: center;
    position: absolute;
    text-align: center;
    width: 120px;
    left: 52px;
    top: -32px;
    padding: 2px 0px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #252060;
}
.hexagon-title-green {
    background-color: #ABCF9B;
    border: 1px solid #5cc315;
}
.hexagon-title-yellow {
    background-color: #FFFD78;
    border: 1px solid #db7015;
}

.hexagon-title-blue {
    background-color: #9DC3E6;
    border: 1px solid #db7015;
}