@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	color: #000000;
	user-select: none;
	-ms-user-select: none;
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; font-weight: 500;  }
a { text-decoration: none; }
a.url-color-red { color: #a51a23; }
a:hover { }
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
p { margin: 20px 0; clear: both; }
p.first { margin-top: 0; }
.margin-0 { margin: 0; padding: 0; }
.align-center { text-align: center; }
.clear {clear: both;}
img { border: none; }

body#home { background: url(../images/home-body-bg.jpg) no-repeat 0 0; }
body#about { background: url(../images/banner-about-mfs.jpg) no-repeat top center; height: 340px; }
body#products-and-services { background: url(../images/banner-products-and-services.jpg) no-repeat top center; height: 340px; }
body#value-added-services { background: url(../images/banner-value-added-services.jpg) no-repeat top center; height: 340px; }
body#latest-news { background: url(../images/banner-latest-news.jpg) no-repeat top center; height: 340px; }
body#our-presence { background: url(../images/banner-careers.jpg) no-repeat top center; height: 340px; }

#wrap-container-menu {max-width: 1000px; margin: 0 auto; }
*:first-child+html #wrap-container-menu {max-width: 1200px; position: relative; }
.wrap-container { max-width: 1000px; margin: 0 auto;  }
.wrap-container h1.logo { margin: 0 0 0 -35px; padding: 11px 0 0 1px; float: left; }
.wrap-container-top { width: 100%; background: url(../images/main-navigation-bg.png) no-repeat top center; height: 123px; }

.wrap-language { width: 1200px; margin: 0 auto; position:relative; z-index:9999; }
.language { position:absolute; top:0px; right:0px; margin: 0; padding:0;}
ul.top-language { margin: 0; padding: 0; }
ul.top-language li { float:left; list-style:none;}
ul.top-language li a { padding: 5px 0; background: #b11725; display: block; text-decoration: none; color: #fff; width: 37px; text-align: center; font-size: 12px;}
ul.top-language li a.selected, ul.top-language li a:hover { background: #6e1e1d; color: #fff;}
.top-menu { position: relative; }
.menu-nav { float: right; width: auto; list-style: none; display: block; padding: 31px 0 0 0px; margin: 0; }
.menu-nav li { float: left; list-style: none; display: inline; padding: 0 35px; }
.menu-nav li a { float: left; height: 50px; color: #000; font-size: 15px; font-weight: 500; position: relative; font-family: "Roboto Condensed", sans-serif;
font-weight: 400; z-index: 10; text-transform: uppercase; white-space: nowrap; }
.menu-nav li a:hover, .menu-nav li.selected a {	color: #b21725; }
.menu-nav li a.menulink:hover { background: url(../images/menu-arrow.png) no-repeat center bottom; }
.menu-nav li:hover > a { background: url(../images/menu-arrow.png) no-repeat center bottom; }
 
.menu-nav li ul li { float: left; list-style: none outside none; padding: 0; position: relative; }
.menu-nav li ul li.top-selected a { color: #ffe174; }
.menu-nav li ul li a { float: left; color: #fff; display: block; height: 26px; font-size: 15px; padding: 5px 16px 4px 16px; line-height: normal;  text-transform: capitalize; }
.menu-nav li ul li a:hover { color: #ffe174; }
.menu-nav li .sub-menu-content {display: none; height: 70px; position: absolute; top: 81px; left: 0; z-index: 9; width: 100%; }
.long-menu-bg { background-image: url(../images/second-navigation-bg.png); background-repeat: no-repeat; background-position:top center; display: none; height: 70px; left: 0; position: absolute; top: 81px; z-index: -1; width: 100%; }
.menu-nav li ul { float: right; width: auto; }
.menu-nav li ul.about { width: 935px; }
.menu-nav li ul.products { width: 672px; }
.menu-nav li ul.contact { width: 277px; }
.menu-nav li:hover .sub-menu-content { display: block;  }
ul#menu li .sub-menu li:hover div.sub-menu-content-third-level { display: block; ; }
.menu-nav ul.sub-menu { padding: 0; }
.menu-nav li .sub-menu li a { color: #fff; }

.menu-nav li .last a.menulink2:hover { background: url(../images/menu-arrow-3.png) no-repeat center bottom !important; }
.menu-nav li .sub-menu li:hover > a { background: url(../images/menu-arrow-3.png) no-repeat center bottom !important; }
.menu-nav .third-level { width: 245px; position: absolute; right: -51px;  }
.menu-nav .sub-menu-content-third-level { display: none; height: 70px; left: 1px;
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 9;}



.menu-nav li ul li.last ul.third-level li a { color: #fff; }
.menu-nav li ul li.last.top-selected ul.third-level li a:hover { color: #ffe174; }
ul.third-level li.third-selected a { color: #ffe174 !important; }
.third-level li a { float: left; }
.third-long-menu-bg { background-image: url(../images/third-navigation-bg.png); background-repeat: no-repeat; background-position:top center; display: none; height: 70px; left: 0; position: absolute; top: 116px; z-index: -1; width: 100%; }
/*
ul#menu li ul.third-level { display: none; position: absolute; top: 30px; left: 0; }
ul#menu li .sub-menu li:hover ul.third-level { display: block; border: 1px solid yellow; }
*/
*:first-child+html #top-navigation { max-width: 1200px; }
*:first-child+html .long-menu-bg { width: 1167px;  }

/*.tab-container { margin: 0 auto; padding: 156px 0 197px 0; clear: both; width: 703px; }*/
.tab-container { margin: 0 auto; padding: 156px 0 118px 0; clear: both; width: 703px; }
.tab { margin: 0; padding: 0; width: 304px; margin: 0 auto; }
.tab li {float: left; list-style: none; font-family: "Roboto", sans-serif;
font-weight: 700;}
.tab li a { display: block; color: #fff; }
.tab li a#tab1 { background: url(../images/tab-left.png) no-repeat; width: 135px; height: 43px; text-align: right; padding: 10px 17px 0 0; }
.tab li a#tab1:hover, .tab li a#tab1.selected { background: url(../images/tab-left_selected.png) no-repeat; }

.tab li a#tab2 { background: url(../images/tab-right.png) no-repeat; width: 135px; height: 43px; text-align: left; padding: 10px 0 0 17px;  }
.tab li a#tab2:hover, .tab li a#tab2.selected { background: url(../images/tab-right_selected.png) no-repeat;  }
#home-tab-1, #home-tab-2 { clear: both; padding-top: 9px; text-align: center; color: #cacaca; }
.box-1, .box-2, .box-3 { width: 196px; height: 341px; float: left; padding: 20px 19px 0 19px; position: relative; }
.box-1 { background: url(../images/box-bg-1.png) repeat; color: #fff; }
.box-1 a {color: #ffffff;}
.box-2 { background: url(../images/box-bg-2.png) repeat; }
.box-2 a {color: #ffffff;}
.box-3 { background: url(../images/box-bg-3.png) repeat; }
.box-3 a {color: #ffffff;}
#home-tab-1 h1, #home-tab-2 h1 { color: #e1e1e1; margin: 0; font-size: 36px; line-height: 40px;font-weight: normal; letter-spacing: -1px; }
#home-tab-1 p.first { padding-top: 59px; }
#home-tab-2 p.first { padding-top: 21px; }
.read-more-button { position: absolute; bottom: 25px; left: 41px;}
.read-more-button a { color: #e1e1e1; display: block; border: 1px solid #d68c8e; padding: 3px 0; width: 151px;  }
.read-more-button a:hover { color: #fff; background: #000; }

#footer-warp { width: 100%; background: #000; clear: both; }
.footer { width: 980px; margin: 0 auto; padding: 12px 0 0 0; height: 31px; font-size: 14px; color: #999999; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer div a { color: #a51a23; }
.footer div a:hover { color: #ffed81; }
/* with promotion banner
#home #footer-warp { width: 100%; clear: both; }
*/
#home #footer-warp { width: 100%; clear: both; margin-top:75px;}

.banner { height: 340px; }
* +html .banner { height: 259px; }
.content-full { width: 980px; margin: 0 auto; padding: 0 10px; }
.content-wrap { width: 1000px; margin: 0 auto; }
.content-col-left {	width: 450px; float: left; margin-right: 40px; padding:0; }
.content-col-right {	width: 450px; float: left; padding:0; }
.content-left { width: 620px; padding: 0 48px 0 10px; float: left;  }
.content-wrap h1 { font-family: "Roboto", sans-serif;
font-weight: 500;  color: #b21725; font-size: 36px; padding: 3px 0 6px 0; }
.divider { margin-left: -10px; display: block; }
.content-right { width: 265px; float: right; position: relative; padding-right:10px;  }
.right-menu { width: 265px; min-height: 190px; padding: 12px 0 10px 0; margin: 0; background: #b21725;  position: relative; z-index: 1;  }
.right-menu li { background: url(../images/right-menu-divider.gif) no-repeat; padding: 10px 0 10px 22px; margin: 0; cursor: pointer; list-style: none; }
.right-menu li:first-child, .right-menu li.active:first-child { background-image: none; }
.right-menu li a { font-family: "Roboto", sans-serif;
font-weight: 400; color: #fff; font-size: 13px;  display: block;}
.right-menu li.active { color: #fff; background: url(../images/right-menu-divider.gif) no-repeat #5d1015; }
.menu-about-mfs-bg { position: absolute; top: 0; left: -48px; z-index: 0; height:475px; display:block; }
.right-menu li ul.right-menu-second { margin: 0; padding: 0; }
.right-menu li ul.right-menu-second li { background: none; padding: 5px 0 5px 22px; }

.who-tab-content { background: url(../images/white-bg.gif) no-repeat #efefef; width: 100%; }
.who-tab-content-inner { width: 1000px; margin: 0 auto; }
#who-tab { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; height: 130px; }
#who-tab li { float: left; margin: 0 0 0 0; position: relative; width: 164px; height: 88px; }
#who-tab a { position: absolute; left: 0; top: 0; background: #b21725; padding: 0; float: left;	text-decoration: none;  width: 164px; height: 88px; padding: 43px 0 0 0px; float:left; color: #fff; font-family: "Roboto", sans-serif;
font-weight: 500; font-size: 15px; text-align: center; }
#who-tab a.single_line { padding: 55px 0 0 0px; }
#who-tab li.divider { width: 3px; }
#who-tab a:hover {background: #5d1015; color: #fff;}
#who-tab #current a {	z-index: 3; color: #fff; background: url(../images/who-tab-hover.png) no-repeat; width: 211px; height: 131px; left: -24px}
.content-tab { padding: 0 0 0 10px; position: relative; z-index: 2;}
#contact #who-tab a { padding-top: 51px; }

*:first-child+html #who-tab a { height: 79px; }
*:first-child+html #who-tab #current a { height: 79px; }

.who-we-are { background: url(../images/line-vertical-red.gif) repeat-y; padding: 0 0 0 10px; }
.who-we-are li { background: url(../images/bullet-red.gif) no-repeat; list-style: none; }
#mfs-sg { position: relative; }
#mfs-sg > div { background: url("../images/line-vertical-red.gif") repeat-y scroll 3px top;  color: #000000; font-weight: 300;  }
#mfs-sg > div.tab1-one { height: 40px; }
#mfs-sg > div.tab1-two { height: 40px; }
#mfs-sg > div.tab1-three { height: 40px; }
#mfs-sg > div.tab1-four { height: 60px; }
#mfs-sg > div > div {  margin-left: 20px; position: relative; }
#mfs-sg > div > span { background: url("../images/bullet-red.gif") no-repeat scroll left 0; display: inline-block; float: left; height: 7px; width: 7px; }
#mfs-sg p { margin-top: 0;  }
#mfs-sg p.tab1-one, #mfs-sg p.tab1-two, #mfs-sg p.tab1-three, #mfs-sg p.tab1-four, #mfs-sg p.tab1-five, #mfs-sg p.tab1-six { position: absolute; left: 0; top: -5px; }
#mfs-sg .last { background: none; }
.align-left { width: 470px; float: left; padding-top: 35px; margin-right:20px;}
.align-right { float: left; width: 490px; }
.align-right img { display: block; }


/* TAB 2 */
#mfs-my { position: relative; }
#mfs-my > div { background: url("../images/line-vertical-red.gif") repeat-y scroll 3px top;  color: #000000; font-weight: 300;  }
#mfs-my > div.tab2-one { height: 40px; }
#mfs-my > div.tab2-two { height: 40px; }
#mfs-my > div.tab2-three { height: 60px; }
#mfs-my > div.tab2-four { height: 40px; }
#mfs-my > div.tab2-five { height: 40px; }
#mfs-my > div.tab2-six { height: 40px; }
#mfs-my > div.tab2-seven { height: 40px; }
#mfs-my > div.tab2-eight { height: 40px; }
#mfs-my > div > div {  margin-left: 20px; position: relative; }
#mfs-my > div > span { background: url("../images/bullet-red.gif") no-repeat scroll left 0; display: inline-block; float: left; height: 7px; width: 7px; }
#mfs-my p { margin-top: 0;  }
#mfs-my p.tab2-one, #mfs-my p.tab2-two, #mfs-my p.tab2-three, #mfs-my p.tab2-four, #mfs-my p.tab2-five, #mfs-my p.tab2-six, #mfs-my p.tab2-seven, #mfs-my p.tab2-eight { position: absolute; left: 0; top: -5px; }
#mfs-my .last { background: none; }


/* TAB 3 */
#mfs-hunan { position: relative; }
#mfs-hunan > div { background: url("../images/line-vertical-red.gif") repeat-y scroll 3px top;  color: #000000; font-weight: 300;  }
#mfs-hunan > div.tab3-one { height: 40px; }
#mfs-hunan > div.tab3-two { height: 40px; }
#mfs-hunan > div.tab3-three { height: 60px; }
#mfs-hunan > div.tab3-four { height: 40px; }
#mfs-hunan > div.tab3-five { height: 60px; }
#mfs-hunan > div.tab3-six { height: 40px; }
#mfs-hunan > div.tab3-seven { height: 40px; }
#mfs-hunan > div > div {  margin-left: 20px; position: relative; }
#mfs-hunan > div > span { background: url("../images/bullet-red.gif") no-repeat scroll left 0; display: inline-block; float: left; height: 7px; width: 7px; }
#mfs-hunan p { margin-top: 0;  }
#mfs-hunan p.tab3-one, #mfs-hunan p.tab3-two, #mfs-hunan p.tab3-three, #mfs-hunan p.tab3-four, #mfs-hunan p.tab3-five, #mfs-hunan p.tab3-six, #mfs-hunan p.tab3-seven { position: absolute; left: 0; top: -5px; }
#mfs-hunan .last { background: none; }


/* TAB 4 */
#mfs-pcb { position: relative; }
#mfs-pcb > div { background: url("../images/line-vertical-red.gif") repeat-y scroll 3px top;  color: #000000; font-weight: 300;  }
#mfs-pcb > div.tab2-one { height: 40px; }
#mfs-pcb > div.tab2-two { height: 40px; }
#mfs-pcb > div.tab2-three { height: 60px; }
#mfs-pcb > div.tab2-four { height: 40px; }
#mfs-pcb > div.tab2-five { height: 40px; }
#mfs-pcb > div.tab2-six { height: 40px; }
#mfs-pcb > div.tab2-seven { height: 40px; }
#mfs-pcb > div.tab2-eight { height: 40px; }
#mfs-pcb > div > div {  margin-left: 20px; position: relative; }
#mfs-pcb > div > span { background: url("../images/bullet-red.gif") no-repeat scroll left 0; display: inline-block; float: left; height: 7px; width: 7px; }
#mfs-pcb p { margin-top: 0;  }
#mfs-pcb p.tab2-one, #mfs-pcb p.tab2-two, #mfs-pcb p.tab2-three, #mfs-pcb p.tab2-four, #mfs-pcb p.tab2-five, #mfs-pcb p.tab2-six, #mfs-pcb p.tab2-seven, #mfs-pcb p.tab2-eight { position: absolute; left: 0; top: -5px; }
#mfs-pcb .last { background: none; }


h2 { font-weight: normal; font-size: 24px; }
h2.padding-bottom-35 { padding-bottom: 25px; }
h3 { font-family: "Roboto", sans-serif;
font-weight: 400; font-size: 18px; color: #d5242b;  }

.content { width: 100%; }
.content-inner { width: 980px; padding: 0 10px; margin: 0 auto; }
.bullet-red { margin: 0; padding: 0; }
.bullet-red li { background: url("../images/bullet-li-red.gif") no-repeat 0 5px; list-style: none; padding: 0 0 0 20px; }
.bullet-red li .second-ul { margin: 0; padding: 0; }
.bullet-red li .second-ul li { background: url("../images/bullet-.gif") no-repeat 0 11px; list-style: none; padding: 0 0 0 20px; }
.bullet-red li a { text-decoration:underline; color:#0000ff; }
.bullet-red li a:hover { color:#ac0029; }
.core-values { position: relative; }
.core-values > div { background: url("../images/line-vertical-red.gif") repeat-y scroll 3px top;  color: #000000; font-weight: 300;  }
.core-values > div.one { height: 65px; }
.core-values > div.two { height: 65px; }
.core-values > div.three { height: 65px; }
.core-values > div.four { height: 65px; }
.core-values > div.five { height: 65px; }
.core-values > div.six { height: 65px; }
.core-values > div > div {  margin-left: 20px; position: relative; }
.core-values > div > span { background: url("../images/bullet-red.gif") no-repeat scroll left 0; display: inline-block; float: left; height: 7px; width: 7px; }
.core-values p { margin-top: 0;  }
.core-values p span { font-weight: bold; }
.core-values p.one, .core-values p.two, .core-values p.three, .core-values p.four, .core-values p.five, .core-values p.six { position: absolute; left: 0; top: -5px; }
.core-values .last { background: none; }


.executive-council-left { float: left; width: 290px; text-align: left; }
.executive-council-right { float: left; width: 290px; padding-left: 40px; text-align: left; }
.url-link a { background: url("../images/url-logo.gif") no-repeat 0 2px; padding-left: 25px; color: #a51a23; }
.url-link a:hover { color: #dc7f16; }

.separator { clear: both; background: url("../images/full-divider.gif") no-repeat; padding-top: 45px; margin-top: 45px; }
.separator-620 { clear: both; background: url("../images/620-divider.gif") no-repeat; padding-top: 45px; margin-top: 45px; }

.overview-button { width: 367px; margin: 0 auto; padding-bottom: 36px;  }
.overview-button li:first-child { padding-left: 0; }
.overview-button li { list-style: none; float: left; padding-left: 30px; }

.overview-content { background: url(../images/white-bg.gif) no-repeat #efefef; width: 100%; }
.overview-content-inner { width: 1000px; margin: 0 auto; }
#overview-tab { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; height: 130px; }
#overview-tab li { float: left; margin: 0 0 0 0; position: relative; width: 145px; height: 88px; }
#overview-tab a { position: absolute; left: 0; top: 0; background: #b21725; padding: 0; float: left;	text-decoration: none; width: 145px; height: 88px; padding: 43px 0 0 0px; float:left; color: #fff; font-family: "Roboto", sans-serif;
font-weight: 500; font-size: 15px; text-align: center; }
#overview-tab a.single_line { padding: 55px 0 0 0px; }
#overview-tab li div { width: 145px; height: 88px; padding: 0 0 0 0; margin: 0 auto; }
#overview-tab li.divider { width: 3px; }
#overview-tab a:hover {background: #5d1015; color: #fff;}
#overview-tab #current a {	z-index: 3; color: #fff; background: url(../images/who-tab-hover.png) no-repeat; width: 147px; height: 131px; left: -24px; padding-left: 23px; }
.overview-content-tab { padding: 0 0 0 10px; position: relative; z-inDex: 2; min-height: 380px; }

.cycle-content { position: relative; padding: 37px 0 50px 0; }
.cycle-tab { padding: 0; margin: 0; height: 281px; }
.cycle-tab li { list-style: none; height: 281px; }
.pager { margin: 0 auto; padding: 10px 0 0 0; width: 161px;  }
.pager li { float: left; width: 11px; height: 11px; text-indent: -1000em; background: url(../images/dot.png); margin-right: 9px; cursor: pointer; list-style: none; }
.pager li.active { background-position: left bottom; }
.center { text-align:center;}
.prev{ float:left; margin-left:40%;}
.next{ float:right; margin-right:40%;}

#slideshow {	width: 420px; height: 518px; overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;}
#slideshow ul#nav {	display: none;	list-style: none;	position: relative; }
#slideshow ul#nav li#prev {	float: left; margin: 0 0 0 40px; }
#slideshow ul#nav li#next {	float: right; margin: 0 50px 0 0; }
#slideshow ul#nav li a { display: block; width: 80px; height: 80px; text-indent: -9999px;	}
#slideshow ul#nav li#prev a {	background: url(../images/prev.png);	}
#slideshow ul#nav li#next a {	background: url(../images/next.png);	}
#slideshow ul#slides {	list-style: none;	}
#slideshow ul#slides li {	margin: 0 0 20px 0;	}

.product-solution-left { float: left; width: 460px; }
.product-solution-right { float: left;  }
.our-services-left { float: left; width: 300px; padding-right: 10px; }
.our-services-right { float: left; width: 300px; padding-right: 10px; }

.news { margin: 0 0 15px 0; padding: 0; }
.news li span { font-family: "Roboto", sans-serif;
font-weight: 400; color: #d5242b; font-size: 18px;  }
.news li { list-style: none; padding: 15px 0 15px 0; border-bottom: 1px dotted #c2c2c2; line-height: 27px;  }
.news li a { color: #484848; }
.news li a:hover { color: #000000; }
.icon-news { float: left; padding-right: 15px; }
.news-content { margin-left: 45px; }
.height-map { width: 100%; height: 440px; position: relative; }


#contact .wrap-container-top { position: relative; z-index: 10; }
.banner-contact { height: 440px; width: 100%; clear: both; position: absolute; top: 0; left: 0; }
.map-sg { background: url(../images/map-sg.jpg) no-repeat 265px 0; min-height: 340px; width: 100%; }
.map-my { background: url(../images/map-my.jpg) no-repeat 265px 0; min-height: 340px; width: 100%; }
.map-ch { background: url(../images/map-ch.jpg) no-repeat 265px 0; min-height: 340px; width: 100%; }
.map-eu {
	background: url(../images/map-eu.jpg) no-repeat 265px 0;
	min-height: 340px;
	width: 100%;
}
.reset-padding { padding-top: 35px; }

ul.flex-content { list-style:none; padding:0; margin:0; }
ul.flex-content li { font-size: 14px; font-weight: bold; color:#b21725; float:left; padding-right: 10px; margin-right:10px; border-right: 1px solid #797979;}
ul.flex-content li.last { padding-right: 0; margin-right: 0; border-right: none;}
ul.flex-content li a { color:#b21725; display: block; }
ul.flex-content li a:hover { color:#5d1015;}

.blue-border { border-collapse: collapse; width: 100%; border: 10px solid #1f4e78; }

.table-capabilities { border-collapse: collapse; width: 100%; color: #000; border: 2px solid #fff; }
.table-capabilities tr td { padding: 8px; border: 2px solid #fff; }
.table-capabilities tr td.first { color: #fff; font-weight: bold; }
.table-capabilities tr.title { background: #ffc000; font-size: 16px; font-weight: bold; }
.table-capabilities tr.description { background: #a6a6a6; font-weight:  bold; }
.table-capabilities tr.description .one { padding-left: 115px; }
.table-capabilities tr.description .two { text-align:  left; }
.table-capabilities tr.substrate { background: #77933c; }
.table-capabilities tr.substrate .two, .table-capabilities tr.substrate .three { background: #e2efda; }
.table-capabilities tr.substrate-1 { background: #e2efda; }
.table-capabilities tr.substrate-2 { background: #c6e0b4; }
.table-capabilities tr.substrate-3 { background: #e2efda; }
.table-capabilities tr.substrate-4 { background: #c6e0b4; }
.table-capabilities tr.thickness { background: #77933c; color: #b21725; font-weight:bold;}
.table-capabilities tr.thickness .two, .table-capabilities tr.thickness .three { background: #c6e0b4; color: #b21725; font-weight:bold;}
.table-capabilities tr.thickness-1 { background: #c6e0b4; color: #b21725; font-weight:bold;}
.table-capabilities tr.thickness-2 { background: #c6e0b4; color: #b21725; font-weight:bold;}
.table-capabilities tr.thickness-3 { background: #c6e0b4; color: #b21725; font-weight:bold;}
.table-capabilities tr.line { background: #2f75b5; color: #b21725; font-weight:bold;}
.table-capabilities tr.line .two, .table-capabilities tr.line .three { background: #8ea9db; color: #b21725; font-weight:bold;}
.table-capabilities tr.vias { background: #fff3cb; color: #b21725; font-weight:bold;}
.table-capabilities tr.vias .two { background: #ffe799; color: #b21725; font-weight:bold;}
.table-capabilities tr.vias .three { background: #ffe799; color: #b21725; font-weight:bold;}
.table-capabilities tr.vias-1 { background: #ffe799; color: #b21725; font-weight:bold;}
.table-capabilities tr.stiffener { background: #376092; }
.table-capabilities tr.stiffener .two, .table-capabilities tr.stiffener .three { background: #ddebf7; }
.table-capabilities tr.emi { background: #92d050; }
.table-capabilities tr.emi .two, .table-capabilities tr.emi .three { background: #a9d08e; }
.table-capabilities tr.component { background: #833c0c; }
.table-capabilities tr.component .two, .table-capabilities tr.component .three { background: #f4b084; }
.table-capabilities tr.plating { background: #bf8f00; }
.table-capabilities tr.plating .two { background: #fff2cc; }
.table-capabilities tr.layers { background: #a6a6a6;  text-align: left; font-weight: bold; }
.table-capabilities tr.layers .one { }
.table-capabilities tr.layers td:first-child { padding-left: 212px }
.table-capabilities tr.turnaround { background: #548235; }
.table-capabilities tr.turnaround .two { background: #a9d08e; }
.table-capabilities tr.turnaround .three { background: #e2efda; }
.table-capabilities tr.turnaround .four { background: #e2efda; }
.table-capabilities tr.turnaround .five { background: #e2efda; }
.table-capabilities tr.turnaround-1 { background: #e2efda; }
.table-capabilities tr.turnaround-2 { background: #e2efda; }
.table-capabilities tr.rfpc  { background: #c6e0b4; }
.table-capabilities tr.rfpc td:first-child { background: #e2efda; }

.table-wastewater  { border-collapse: collapse; width: 100%; color: #000; margin-bottom: 25px; }
.table-wastewater tr td { padding: 8px; border-bottom: 1px solid #b21725; }
.table-wastewater tr.title { border-top: 2px solid #b21725; border-bottom: 2px solid #b21725; background: #f7f7f7; }
.table-wastewater tr.last { border-bottom: 2px solid #b21725; }
.table-wastewater tr.red { background: #e9cacd; }
.table-wastewater a { color: #000; }

.table-capabilities-2 { border-collapse: collapse; width: 100%; color: #000; border: 2px solid #fff; }
.table-capabilities-2 tr td { padding: 8px; border: 2px solid #fff; }
.table-capabilities-2 tr td.first { color: #fff; font-weight: bold; }
.table-capabilities-2 tr.title { background: #ffc000; font-size: 16px; font-weight: bold; }
.table-capabilities-2 tr.description { background: #a6a6a6; font-weight: bold; }
.table-capabilities-2 tr.description .one { padding-left: 113px; }
.table-capabilities-2 tr.description .two { text-align:  left; }
.table-capabilities-2 tr.product td:first-child { background: #548235; }
.table-capabilities-2 tr.product { background: #e2efda; }
.table-capabilities-2 tr.product-2 { background: #c6e0b4; }
.table-capabilities-2 tr.product-3 { background: #e2efda; }
.table-capabilities-2 tr.product-4 { background: #c6e0b4; }
.table-capabilities-2 tr.product-5 { background: #c6e0b4; }
.table-capabilities-2 tr.line td:first-child { background: #2f75b5; }
.table-capabilities-2 tr.line { background: #9bc2e6; }
.table-capabilities-2 tr.vias td:first-child { background: #c65911; }
.table-capabilities-2 tr.vias { background: #f8cbad; }
.table-capabilities-2 tr.vias-2 { background: #f4b084; }
.table-capabilities-2 tr.vias-3 { background: #f8cbad; }
.table-capabilities-2 tr.vias-4 { background: #f4b084; }
.table-capabilities-2 tr.surface td:first-child { background: #bf8f00; }
.table-capabilities-2 tr.surface { background: #ffe699; }
.table-capabilities-2 tr.surface-2 { background: #ffc000; }
.table-capabilities-2 tr.surface-3 { background: #ffe699; }
.table-capabilities-2 tr.surface-4 { background: #ffc000; }
.table-capabilities-2 tr.board td:first-child { background: #2f75b5; }
.table-capabilities-2 tr.board { background: #ddebf7; }
.table-capabilities-2 tr.material td:first-child { background: #e46c0a; }
.table-capabilities-2 tr.material { background: #fdeada; }
.table-capabilities-2 tr.material-2 { background: #f8cbad; }
.table-capabilities-2 tr.component td:first-child { background: #833c0c; }
.table-capabilities-2 tr.component { background: #f4b084; }
.table-capabilities-2 tr.layers { background: #a6a6a6;  text-align: left; font-weight: bold; }
.table-capabilities-2 tr.layers td:first-child { padding-left: 201px; }
.table-capabilities-2 tr.turnaround td:first-child { background: #8ea9db; }
.table-capabilities-2 tr.turnaround, .table-capabilities-2 tr.turnaround-2 { background: #ddebf7; }

/*
.wrapper { width: 100%; height: 100%; min-height: 374px;}
.inner { width: 100%; height: 100%; margin-top: 0; position: relative;  }
.carousel div.content { width: 326px; height: 332px; float: left; padding: 0;	margin: 0; border-left: 1px solid #fff; position: relative; }
.carousel div:first-child { border-left: none; }
.carousel div.title { position: absolute; bottom: 0; left: 0; background: url(../images/title-bg-white.png) repeat; display: block; padding: 8px; width: 100%; color: #b21725; }
.pager-btn { text-align: center; margin-top: 20px; color: #666; }
.prev-btn, .next-btn { display: block; width: 42px; height: 42px; position: absolute; top: 332px; z-index: 2; }
.prev-btn { background: url( ../images/ui-prev.png ) no-repeat; right: 43px; }
.next-btn { background: url( ../images/ui-next.png ) no-repeat; right: 0; }

.carousel-lithography div.content { width: 326px; height: 332px; float: left; padding: 0;	margin: 0; border-left: 1px solid #fff; position: relative; }
.carousel-lithography div:first-child { border-left: none; }
.carousel-lithography div.title { position: absolute; bottom: 0; left: 0; background: url(../images/title-bg-white.png) repeat; display: block; padding: 8px; width: 100%; color: #b21725; }
.pager-lithography { text-align: center; margin-top: 20px; color: #666; }
.prev-lithography, .next-lithography { display: block; width: 42px; height: 42px; position: absolute; top: 332px; z-index: 2; }
.prev-lithography { background: url( ../images/ui-prev.png ) no-repeat; right: 43px; }
.next-lithography { background: url( ../images/ui-next.png ) no-repeat; right: 0; }
*/
.slides-content { width: 100%; }
.slides-content li { list-style: none; margin: 0; padding: 0; float: left;  }


.wrapper-1 { width: 100%; height: 374px; margin: 0; position: relative; left: 0; top: 0;}
.carousel-1 { width: 1000px; position: relative;}
.carousel-1 ul { list-style: none; display: block; margin: 0; padding: 0;}
.carousel-1 li { border-left: 1px solid #fff; font-size: 16px; color: #b21725; text-align: left; display: block; padding: 0; margin: 0; float: left; position: relative;}
.carousel-1 li:first-child { border-left: 0; }
.carousel-1 li img { display: block; }
.carousel-1 li span { background: transparent url(../images/title-bg-white.png) repeat; display: block; overflow: hidden; position: absolute; z-index: 2; bottom: 0; left: 0; padding: 5px 10px; width: 307px;}			

.carousel-1 .prev, .carousel-1 .next { display: block; overflow: hidden; width: 42px; height: 42px; position: absolute; top: 332px; text-indent: -1000em; }
.carousel-1 .prev { background: url(../images/ui-prev.png) no-repeat; right: 62px; margin-left: 0; float: none;}
.carousel-1 .next { background: url(../images/ui-next.png) no-repeat; right: 19px; margin-right: 0; float: none;}

.carousel-1 .prev:hover { background: url(../images/ui-prev-hover.png) no-repeat; }
.carousel-1 .next:hover { background: url(../images/ui-next-hover.png) no-repeat; }

.caroufredsel_wrapper { width: 981px !important; }

.tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; height: 130px; }
.tabs li { float: left; margin: 0 0 0 0; position: relative; width: 160px; height: 88px; }
.tabs a { position: absolute; left: 0; top: 0; background: #b21725; padding: 0; float: left;	text-decoration: none; width: 160px; height: 80px; padding: 50px 0 0 0px; float:left; color: #fff; font-family: "Roboto", sans-serif;
font-weight: 500; font-size: 15px; text-align: center; }
.tabs li div { width: 160px; height: 88px; padding: 0 0 0 0; margin: 0 auto; }
.tabs li.divider { width: 3px; }
.tabs li a:hover {background: #5d1015; color: #fff;}
.tabs li a.active  {	z-index: 3; color: #fff; background: url(../images/tab-hover.png) no-repeat; width: 211px; height: 131px; left: -24px}

*:first-child+html input { padding-top: 15px; height: 31px;  }
*:first-child+html #enquiry_type { padding: 0 15px; height: auto;  }
*:first-child+html option { margin-top: -5px;  }
*:first-child+html select { padding: 0 15px; height: auto;  }

#wrapper_technology { width: 100%;}
.technology_title {
	font-size: 15px;
	font-weight: bold;
	width: 99%;
	float: left;
	cursor: pointer;
	padding: 12px 5px 12px 22px;
	margin-bottom: 8px;
	background-color: #fff;
	background-image: url(../images/technology-plus.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
	border: 1px solid #b21725;
}
.technology_title.active {
	color: #fff;
	background-color: #b21725;
	background-image: url(../images/technology-minus.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
}
.wrapper_content { float: left; width: 98%; display: none; padding: 2%; margin-top: -8px;
}



.form input, .form select {
	cursor: pointer;
	color: #9c9c9c;
	background:#efefef;
	font-weight: light;
	font-size: 15px;
	width: 579px;
	height: 42px;
	padding: 0 25px;
	margin-bottom: 10px;
	float: left;
	border: none;
	
}

.form textarea {
	color: #9c9c9c;
	background:#efefef;
	font-weight: light;
	font-size: 15px;
	width: 579px;
	height: 154px;
	padding: 15px 25px;
	margin-bottom: 10px;
	float: left;
	border: none;
	
}
	.form input.submit {
		border: none;
		cursor: pointer;
		width: 170px;
		height: 64px;
		left: 655px;
		float: left;
		color: #FFF;
		text-shadow: 1px 1px 1px #000;
		background: url("../images/btn_bg.png");
		background-repeat: no-repeat;
		padding-bottom: 6px;
		margin-right: 10px;
	}
		.form input.submit:focus { border: none; }
		.form input.submit:hover {
			color: #FFF;
			background: url("../images/btn_bg_hover.png");
			background-repeat: no-repeat;
		}

	
	.form input.send{ background: url('images/send.png') no-repeat; }
		
	.form input.error { border: 1px solid red; }
	.form input.valid { border: 1px solid #1FFF00; }
	
	.form input:focus, .form select:focus {
		border: 1px solid #000;
		color: #a90329;
	}

.form select { padding: 5px 0 5px 25px; }
	.form option { padding: 0 15px; }

.form label {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	float: right;
	margin: 23px -25px;
	width: 270px;
}

.cycle-slideshow { margin-top: 60px; }
.body-email .content-left { min-height: 300px; }
.php-content { width: 1000px; margin: 0 auto; position: relative; }
.php-email { position: absolute; top: 330px; left:0; }

.recaptit { clear: both; }
input#recaptcha_response_field { height: 20px; }

.map-canvas1 {
	width:100%;
	text-align: center;
	background-image: url(../images/map_singapore.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.map-canvas1 a { height:440px; display:block;}
.map-canvas2 {
	width:100%;
	text-align: center;
	background-image: url(../images/map_malaysia.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.map-canvas2 a { height:440px; display:block;}
.map-canvas3 {
	width:100%;
	text-align: center;
	background-image: url(../images/map-china.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.map-canvas3 a { height:440px; display:block;}

.map-canvas4 {
	width: 100%;
	text-align: center;
	background-image: url(../images/map-germany.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.map-canvas4 a {
	height: 440px;
	display: block;
}
.map-canvas5 {
	width:100%;
	text-align: center;
	background-image: url(../images/map-china2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.map-canvas5 a { height:440px; display:block;}

.form-ul { margin: 0; padding: 0; }
.form-ul li { list-style: none; }

.job-open { font-size: 18px; }

.highlight-box {
	padding: 10px 10px 10px 15px;
	background-color: #ffff06;
	font-size: 17px;
}