@charset "UTF-8";

@font-face {
  font-family: 'RobotoRegular';
  src: url('font/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/Roboto-Regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'RobotoLight';
  src: url('font/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: url('font/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/Roboto-Light.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'RobotoMedium';
  src: url('font/Roboto-Medium.eot'); /* IE9 Compat Modes */
  src: url('font/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Roboto-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Roboto-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/Roboto-Medium.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'RobotoThin';
  src: url('font/Roboto-Thin.eot'); /* IE9 Compat Modes */
  src: url('font/Roboto-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Roboto-Thin.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Roboto-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/Roboto-Thin.svg') format('svg'); /* Legacy iOS */
}

/* 
Reset Stylesheet
Author: JTDL - http://www.jtdl.hk
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	
}

body {
    line-height:1.1;
	font-size:12px;
	font-family: 'RobotoRegular', sans-serif;
	color:#494949;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:#007958;
}
a:hover{
	text-decoration:underline
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
img{
	border:none;
	margin:0px;
	padding:0px;
	vertical-align: top;     /* Add this */
}



.clear_fix{ clear:both;}

p{ line-height:110%;}

h1,h2,h3{ font-weight:normal}

/*main container*/
#main_container{ width:100%; min-width:960px; position:relative;}

/*main content container*/
#main_container_container{ margin-bottom:20px;}
#main_container_container.fix{ margin-top:85px;}

#main_container_container .body_content_container{ width:960px; margin:0px auto;}
#main_container_container .body_content_container .page_info h1{ font-family: 'RobotoLight', sans-serif; font-size:25px; color:#000; text-align:center; margin-bottom:30px; padding-top:50px; }
#main_container_container .body_content_container .page_info h2{ font-family: 'RobotoMedium', sans-serif; font-size:14px; color:#000; text-align:center; margin-top:50px; margin-bottom:5px; }
#main_container_container .body_content_container .page_info p{ text-align:center;font-family: 'RobotoLight', sans-serif; font-size:16px; color:#000; line-height:22px; }

/*header*/
#header_container{ width:100%;  min-width:960px; height:55px; overflow:hidden; margin:0px auto; position:relative; z-index:1000; background-color:#FFF}
#header_container .inner{ width:100%; max-width:960px; margin:0px auto;}
#header_container #logo_container{ float:left; height:55px; width:180px;}
#header_container #menu_container ul{ list-style:none; display:inline-block; }
#header_container #menu_container{ float:left; height:55px; width:780px; text-align:right}
#header_container #menu_container li{ float:left; text-align: center; }
#header_container #menu_container li a{ display:inline-block; height:33px; padding:22px 12px 0px 12px; text-align:center; color:#666666; font-size:12px; text-decoration:none}
#header_container #menu_container li a:hover{ background-color:#4f9f00; color:#FFF;}
#header_container #menu_container li a.active{background-color:#4f9f00; color:#FFF;}


/*home page slider*/
#main_container_container{ width:100%; position:relative;}
#slides {
  display: none;
  position:relative;
  margin-top:30px;
}
#slides .title{ font-size:60px;
	font-family: 'RobotoThin', sans-serif;
	line-height:55px;
	color:#669900;
	 text-align:center; margin:80px 0px 35px 0px;}
#slides .desc{ font-size:16px;
	font-family: 'RobotoLight', sans-serif;
	color:#333333; text-align:center}

#slides .slidesjs-navigation {
  margin-top:3px;
  position:absolute;
  top:45%;
  z-index:100;
  opacity:0.8;
}
#slides .slidesjs-navigation:hover{
	opacity:1;
}

#slides .slidesjs-previous {
	position:absolute;
	left:0px;
}

#slides .slidesjs-next {
  position:absolute;
  right:0px;
}

.slidesjs-pagination {
  list-style: none;
  position:absolute;
  text-align:center;
  bottom:10px;
  z-index:100;
  width:100%;
  
}

.slidesjs-pagination li {
  display:inline-block;
  margin: 5px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
  color: #333
}

#slides a:hover,
#slides a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}
#slides .slidesjs-container{ width:100%; height:100% !important;}
#slides .slidesjs-container .slidesjs-control{width:100%; height:100% !important;}
#slides .slidesjs-slide{ width:100%; height:100%; background-position:center bottom; background-size:auto}















#slides .slidesjs-slide img{width: 100%; height: 100%;}

@media (max-width: 1280px) {
	#slides .slidesjs-slide{ width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:auto}
}



#main_container_container .body_content_container .cols_container{ width:100%; margin-top:10px; }
#main_container_container .body_content_container .cols_container .col{ width:320px; float:left}
#main_container_container .body_content_container .cols_container .col .info{ padding:20px 20px 20px 20px; height:125px;}
#main_container_container .body_content_container .cols_container .col .info h3{ margin-bottom:20px; font-size:12px; font-family: 'RobotoMedium', sans-serif; color:#000}
#main_container_container .body_content_container .cols_container .col .info p{ line-height:16px; font-size:12px; font-family: 'RobotoLight', sans-serif; color:#333333; text-align:center}
#main_container_container .body_content_container .cols_container .col .cta{ padding:0px 20px 0px 20px;}
#main_container_container .body_content_container .cols_container .col .cta a{ color:#FFF; background-color:#47820c; display:inline-block; padding:5px 10px 5px 10px;}
#main_container_container .body_content_container .cols_container .col .cta a:hover{ background-color:#5dab0f;}

.index #main_container_container .body_content_container .cols_container .col .info p{ text-align:left}
/*footer*/
#footer_container{ width:100%; margin-bottom:20px; }
#footer_container .inner{ width:100%; max-width:960px; overflow:hidden; margin:0px auto; border-top:1px solid #CCC; border-bottom:1px solid #333333; padding:30px 20px 20px 20px; box-sizing:border-box}
#footer_container .inner .footer_menu{ list-style:none; width:100%;}
#footer_container .inner .footer_menu li{ float:left; padding: 0% 1%; width:14.66%; text-align:left !important}
#footer_container .inner .footer_menu li a{ display:inline-block; text-align:center; color:#333333; font-size:12px; font-family: 'RobotoRegular', sans-serif; text-decoration:none; line-height:120%; text-align:left !important}
#footer_container .inner .footer_menu li a:hover{ text-decoration:underline}
#footer_container .inner .footer_menu li a.small{ font-size:11px; font-family: 'RobotoLight', sans-serif; line-height:18px;}
#footer_container .inner .social_container { border-top:1px solid #333333; margin-top:20px; }
#footer_container .inner .social_container h3{ text-align:center; margin-bottom:15px; margin-top:20px; }
#footer_container .inner .social_container ul{ list-style:none; width:100%; text-align:center;}
#footer_container .inner .social_container ul li{ display:inline-block; margin:10px;opacity:0.8;}
#footer_container .inner .social_container ul li:hover{ opacity:1;}
.copyright{ text-align:right; width:100%; max-width:960px; margin:0px auto; padding-top:10px; box-sizing:border-box;font-size:12px; font-family: 'RobotoLight', sans-serif}



/*aboutus*/
.aboutus .body_content_container *{ line-height:1.4}

.aboutus .body_content_container .inner{ position:relative}
.aboutus #sec_1{ background-color:#006666; padding:0px 0px 0px 0px; }
.aboutus #sec_1 .body_content_container{ background-image:url('../img/about_sec_1_bg.png'); background-position:right top; background-repeat:no-repeat; background-size:contain}
.aboutus #sec_1 .body_content_container .inner{ padding:100px 0px 120px 0px;font-family: 'RobotoLight', sans-serif; }
.aboutus #sec_1 .body_content_container .inner .text_1{ text-align:center; font-size:25px; text-transform:uppercase; color:#FFF; line-height:1.2; padding-bottom:50px;}
.aboutus #sec_1 .body_content_container .inner .text_2{ text-align:center; color:#FFF; padding:50px 0px 50px 0px;} 
.aboutus .col{ text-align:center}
.aboutus #sec_1 .body_content_container .inner .text_3{}
.aboutus #sec_1 .body_content_container .inner .text_4{ float:left; width:70%; box-sizing:border-box; padding-right:50px; color:#FFF; font-size:16px; line-height:22px; text-align:justify}
.aboutus #sec_1 .body_content_container .inner .text_5{  float:left; width:30%; color:#FFF; font-size:16px; line-height:22px; text-align:justify}


.aboutus #sec_2 .body_content_container .inner{ padding:0px 0px 10px 0px;font-family: 'RobotoLight', sans-serif; background-image:url("../img/about_sec_2.png"); background-position: top left; background-repeat:no-repeat; background-position:left 60px}

.aboutus #sec_2 .body_content_container .inner .page_info{ width:40%; margin-left:60%}
.aboutus #sec_2 .body_content_container .inner .page_info h1{ text-align:left;}
.aboutus #sec_2 .body_content_container .inner .page_info img{ display: none;}
.aboutus #sec_2 .body_content_container .inner .page_info p{ text-align:left; font-size:12px; line-height:18px; color:#333333; padding:0px 0px 180px 0px;}



.aboutus #sec_3{ background-color:#f4f4f4}
.aboutus #sec_3 .body_content_container .inner{ padding-bottom:70px;}
.aboutus #sec_3 .body_content_container .inner .page_info{ }
.aboutus #sec_3 .body_content_container .inner .page_info h1{ text-align:left;}
.aboutus #sec_3 .body_content_container .inner .page_info ul{ width:80%; list-style:none; padding:0px; margin:50px auto;}
.aboutus #sec_3 .body_content_container .inner .page_info ul li{ float:left; width:25%; text-align:center; color:#008e6e; font-size:12px; font-family: 'RobotoLight', sans-serif; margin-bottom:20px;}
.aboutus #sec_3 .body_content_container .inner .page_info ul li img{ margin-bottom:5px;}

.aboutus #sec_4{ background-color:#e9e9e9}
.aboutus #sec_4 .body_content_container .inner{ padding-bottom:90px; background-image:url("../img/about_sec_4_bg.png"); background-position:50px bottom; background-repeat:no-repeat}
.aboutus #sec_4 .body_content_container .inner .page_info h1{ text-align:left;}
.aboutus #sec_4 .body_content_container .inner .page_info .imgcontainer{ text-align:center;}

.aboutus #sec_5{ }
.aboutus #sec_5 .body_content_container .inner{ padding-bottom:50px;}
.aboutus #sec_5 .body_content_container .inner .page_info h1{ text-align:left;}
.aboutus #sec_5 .body_content_container .inner .page_info h2{ margin-top:-55px;}

.aboutus .line{ margin:0px auto; text-align:center}
.aboutus .cols_container{ width:100% !important; margin:0px auto !important;} 
.aboutus .cols_container ul{ list-style:none}
.aboutus .col { margin:15px 0px 15px 0px; width:75% !important; float:none}
.aboutus .col:nth-child(even){ margin-left:250px;}
.aboutus .col .img{ float:left; padding-right:50px; }
.aboutus .col .info {padding:10px 18px 0px 18px !important; height:auto !important}
.aboutus .col .info h2{ font-family: 'RobotoMedium', sans-serif; font-size:16px; line-height:18px; color:#000; text-align:left;  margin-bottom:5px; }
.aboutus .col .info p{ font-family: 'RobotoLight', sans-serif; font-size:12px; line-height:18px; color:#000; text-align:left !important; padding:0px 0px 0px 0px;}
.aboutus .col .info p.text{ text-align:left !important; font-size:12px; line-height:18px !important}

#page_sec_nav{ position:fixed; z-index:1000; right:15px; top:10%;}
#page_sec_nav ul{ list-style:none; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
#page_sec_nav ul li{ padding:3px 0px 3px 0px; cursor:pointer}
#page_sec_nav ul li:first-child{ padding-top:10px;}
#page_sec_nav ul li:last-child{ padding-bottom:10px;}
#page_sec_desc{ color:#FFF; font-size:10px;font-family: 'RobotoLight', sans-serif; padding:5px; position:absolute; top:0px; right:20px; background-color:#666666; white-space:nowrap}
/*glbal converage*/
.global_coverage #main_container_container .body_content_container { width:100%;}
.global_coverage #main_container_container .body_content_container .page_info{ background-color:#F4F4F4; }
.global_coverage #main_container_container .body_content_container .page_info p{ font-size:16px; line-height:22px; color:#333333;}
#map_container{ position:relative; background-color:#F4F4F4; /*background-image:url("../img/map_bg.png"); background-repeat:repeat-x; */padding-bottom:20px;}
#map_container .inner{width:1000px; margin:0px auto; position:relative; }
#map{ position:relative; z-index:1}
#map_info{ position:relative; top:10px; left:10px; text-align:center; z-index:10}
#map_info .info{ padding:10px; background-color:#333333; width:150px; text-align:left}
#map_info .info h2{ font-family: 'RobotoMedium', sans-serif; font-size:12px; color:#FFF; float:left}
#map_info .info p{ color:#999; font-size:10px; display:none;}
#map_info .pin{ display:inline-block;}
#map_info .pin img{ margin-top:-5px;}
#btn_map_detail{font-size:10px; color:#4f9f00; float:right; cursor:pointer; background-image:url("../img/map_info_arrow.png"); background-repeat:no-repeat; background-position:center right; padding-right:15px;}
#map_detail_container{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; display:none}
#map_detail_container .inner{ position:absolute; top:0px; left:0px; width:1000px; height:524px;}
#map_detail_container .inner .img{ width:100%; position:relative; z-index:1}
#map_detail_container .inner .map_detail_info_container{ position:absolute; width:300px;height:485px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); top:13px; right:20px; z-index:10;font-family:'RobotoLight', sans-serif; line-height:1.3; color:666666;}
#map_detail_container .inner .map_detail_info_container .map_detail_info{ position:absolute; left:0px; width:100%; bottom:0px; padding:20px; box-sizing:border-box;}
#map_detail_container .inner .map_detail_info_container .map_detail_info .name{ font-size:18px; text-transform:uppercase; font-family:'RobotoLight', sans-serif; color:#333}
#map_detail_container .inner .map_detail_info_container .map_detail_info .more{ margin-top:15px; padding-top:15px; border-top:1px solid #CCC}
#map_detail_container .inner .map_detail_info_container .map_detail_info .sc_desc{ margin-top:30px;}
#map_detail_container .inner .map_detail_info_container .map_detail_info .sc_desc span{ display:inline-block; background-color:#f1de40; width:10px; height:10px; margin-right:10px;}
#map_detail_close{ position:absolute; z-index:100; top:30px; right:50px; cursor:pointer; z-index:101}


#map_nav_container{ width:100%; margin:0px auto; /*border-bottom:1px solid #ccc;*/ position:relative;background-color:#F4F4F4; padding:80px 0px 70px 0px;}
#map_nav_inner{ width:850px; margin:0px auto;border-bottom:1px solid #CCC;}
#map_nav_left{ width:185px;  float:left}
#map_nav_left .nav{border-right:1px solid #CCC;}
#map_nav_right{ width:665px; box-sizing:border-box; margin-left:185px;}
#map_nav_container .logo{ height:58px; /*border-bottom:1px solid #CCC*/ text-align:center}
#map_nav_container .nav { overflow:hidden; height:48px; overflow:hidden}
#map_nav_container .nav ul{ list-style:none; display:inline-block}
#map_nav_container .nav ul li{ display:inline-block; height:48px; box-sizing:border-box; float:left; padding:18px 16px 0px 16px; cursor:pointer; text-transform:uppercase; font-size:10px; color:#333}
#map_nav_container .nav ul li:hover{background-color:#4f9f00; color:#FFF;}
#map_nav_container .nav ul li.active{background-color:#4f9f00; color:#FFF;}
#map_nav_container #map_nav_left .logo{ text-align:center} 
#map_nav_container #map_nav_left .nav{ text-align:right}
#map_nav_container #map_arrow{ position:absolute; left:0px; bottom:-15px;}

#overlay_menu_container{ width:100%;  min-width:960px; height:100%; position:absolute; z-index:100; background-image:url("../img/overlay_bg.png"); top:0px; left:auto;}
#overlay_menu{ background-color:#6ea500; text-align:center; margin-top:50px;}
#overlay_menu .inner{ width:100%; max-width:960px; margin:0px auto;}
#overlay_menu .left{ width:55%; float:left;box-sizing:border-box; }
#overlay_menu .right{ width:45%; margin-left:55%; text-align:left;}

#overlay_menu .left .info_container{ padding:110px 0px 30px 0px; height:100px;}
#overlay_menu .left .info{ width:60%; margin-left:45%; box-sizing:border-box; padding:0px 80px 30px 30px; text-align:left}
#overlay_menu .left .info h2{ color:#FFF;}
#overlay_menu .left .info p{ color:#FFF;}
#overlay_menu .left .img { width:40%; text-align:right; float:left}
#overlay_menu .right ul{ list-style:none; padding:35px 0px 35px 0px; border-left:1px solid #FFF} 
#overlay_menu .right li{ padding:15px 0px 15px 20px; color:#FFF; border-bottom:1px solid #FFF; cursor:pointer;} 
#overlay_menu .right li:first-child{border-top:1px solid #FFF}

#overlay_menu .left .request{ background-image:url("../img/request_arrow.png"); background-repeat:no-repeat; background-position:50px center ; background-color:#336600; padding:15px 20px 15px 100px; text-align:left; color:#FFF; cursor:pointer}
#overlay_menu .right .contact{ background-color:#333333; padding:15px 20px 15px 100px; text-align:left; color:#FFF}
#overlay_menu .right .contact span{ color:#999; text-transform:uppercase}
@media (max-width: 580px) {
	
}

@media (max-width: 481px) {
	
}
@media (max-width: 380px) {
	
}

/*service offering*/
.service_offerings .body_content_container *{ line-height:1.4}
.service_offerings #sec_1{  padding:0px 0px 100px 0px; background-color:#016179; position:relative }
.service_offerings #sec_1 .body_content_container{ }
.service_offerings #sec_1 .body_content_container .inner{ padding:50px 0px 50px 0px;font-family: 'RobotoLight', sans-serif;background-image:url('../img/so_sec_1_bg.png'); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.service_offerings #sec_1 .body_content_container .inner .img{ text-align:center; padding-top:50px;}

.service_offerings #sec_1 .body_content_container .page_info{}
.service_offerings #sec_1 .body_content_container .page_info h1{ text-align:center; color:#FFF}
.service_offerings #sec_1 .body_content_container .page_info p{ text-align:center; color:#FFF; width:630px; margin:0px auto; text-align:justify}


.service_offerings #sec_2{ background-color:#7fb0a7; padding:0px 0px 30px 0px; position:relative }
.service_offerings #sec_2 .body_content_container{background-image:url('../img/so_sec_2_bg.png'); background-position:top left; background-repeat:no-repeat; }

.service_offerings #sec_2 .body_content_container .page_info{ padding:170px 0px 150px 450px;}
.service_offerings #sec_2 .body_content_container .page_info h1{ text-align:left; color:#FFF}
.service_offerings #sec_2 .body_content_container .page_info p{ text-align:left; color:#FFF; width:450px;font-size:12px; line-height:18px; }

.service_offerings #sec_3{ background-color:#333333; padding:80px 0px 150px 0px; position:relative}
.service_offerings #sec_3 .body_content_container *{ color:#FFF !important;}
.service_offerings #sec_3 .body_content_container .page_info{ width:750px; border:1px solid #FFF; margin:0px auto 0px auto; padding:0px 80px 50px 80px; box-sizing:border-box}
.service_offerings #sec_3 .body_content_container .page_info p{ text-align:left; text-align:justify; font-size:12px; line-height:18px; color:#FFF}

.service_offerings #sec_4{ background-color:#ebebeb; position:relative; padding:0px 0px 50px 0px;}
.service_offerings #sec_4 .body_content_container{background-image:url('../img/so_sec_4_bg.png'); background-position:top right; background-repeat:no-repeat; padding-bottom:50px;}
.service_offerings #sec_4 .left{ width:50%; float:left}
.service_offerings #sec_4 .right{ width:50%; float:left; margin-top:310px;}
.service_offerings #sec_4 .page_info h1{ text-align:left}
.service_offerings #sec_4 .page_info p{ text-align:left;font-size:12px; line-height:18px; color:#333 }

.service_offerings #sec_5{ background-color:#f7f7f7; position:relative;}
.service_offerings #sec_5 .body_content_container{ padding-bottom:100px; padding-top:0px;}
.service_offerings #sec_5 .page_info h1{ text-align:left}
.service_offerings #sec_5 .page_info p{ text-align:left; font-size:12px; line-height:18px; color:#333}

.service_offerings #sec_6{ background-color:#b6265f; position:relative; padding:0px 0px 0px 0px;}
.service_offerings #sec_6 .body_content_container *{ color:#FFF !important;}
.service_offerings #sec_6 .left{ width:40%; padding-right:5%; float:left;}
.service_offerings #sec_6 .right{ width:55%; float:left; padding-top:50px;}
.service_offerings #sec_6 .page_info h1{ text-align:left}
.service_offerings #sec_6 .page_info p{ text-align:left; font-size:12px; line-height:18px; color:#FFF}

.service_offerings #sec_7{ background-color:#f7f7f7; position:relative;  padding:0px 0px 50px 0px;}
.service_offerings #sec_7 .body_content_container{ padding-bottom:100px; padding-top:50px;}
.service_offerings #sec_7 .left{ width:70%; padding-right:5%; float:left; text-align:left}
.service_offerings #sec_7 .right{ width:25%; float:left; padding-top:100px;}
.service_offerings #sec_7 .page_info h1{ text-align:left}
.service_offerings #sec_7 .page_info p{ text-align:left; font-size:12px; line-height:18px; color:#333333}
.service_offerings #sec_7 .page_info ul{ text-align:left; margin-left:15px;}
.service_offerings #sec_7 .page_info ul li{ text-align:left}

.service_offerings #sec_8{ background-color:#ebebeb; position:relative;}
.service_offerings #sec_8 .body_content_container{ padding-bottom:50px;}
.service_offerings #sec_8 .page_info p{ text-align:left; width:570px; margin:0px auto;font-size:12px; line-height:18px; color:#333333 }
.service_offerings #sec_8 .body_content_container{ padding-bottom:100px; padding-top:0px;}



.arrow_down{ position:absolute; bottom:10px; width:100%; left:0px; text-align:center}
.arrow_down img{ cursor:pointer; opacity:0.8}
.arrow_down img:hover{ opacity:1}
/*certifications*/
.certifications #main_container_container{ }

.certifications #sec_1{ background-color:#a44500}
.certifications #sec_1 .body_content_container{ background-image:url("../img/cert_sec_1_bg.png"); background-position:top center; background-repeat:no-repeat}
.certifications #sec_1 .page_info{ height:470px;}
.certifications #sec_1 .page_info h1{ color:#FFF; padding-top:100px;}
.certifications #sec_1 .page_info p{ color:#FFF; width:630px; margin:0px auto; text-align:left; font-size:16px; text-align:justify}
#cert_container{ width:784px; overflow:hidden; margin:0px auto;}
#cert_container li{ display:inline-block; float:left; width:25%; box-sizing:border-box; padding:0px 20px 85px 20px;}
#cert_container li .img{ width:100%; text-align:center}
#cert_container li .cert{font-family: 'RobotoMedium', sans-serif; font-size:12px; color:#000000; width:100%; text-align:center; height:50px;}
#cert_container li .desc{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333333; width:100%; text-align:left; line-height:1.2; height:88px; overflow:hidden}


#cert_container li .btn_more{ text-align:center; padding-top:35px;}
#cert_container li .btn_more a{ color:#FFF; background-color:#47820c; display:inline-block; padding:5px 10px 5px 10px;}
#cert_container li .btn_more a:hover{ background-color:#5dab0f;}

.certifications #sec_2 .page_info{ width:650px; margin:0px auto; padding:100px 0px 0px 0px;}
.certifications #sec_2 .page_info .img{ padding:0px 0px 80px 0px}
.certifications #sec_2 .page_info .certsdiv{ text-align: center; font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333333; line-height: 16px;  margin-bottom: 40px;}
.certifications #sec_2 .page_info .certsdiv span{ font-family: 'RobotoMedium', sans-serif; font-size:12px; color:#000000;}
.certifications #sec_2 .page_info .certsdiv img{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.certifications #sec_2 .page_info .certsdiv .certinline{
	width: 150px;
	display: inline-block;
}
.certifications #sec_2 .page_info .certtable{
	height: 200px;
}
.certifications #sec_2 .page_info .left{ width:50%; box-sizing:border-box; padding-right:10px; float:left}
.certifications #sec_2 .page_info .left *{ line-height:1.3;}
.certifications #sec_2 .page_info .left div{ border-top:5px solid #999; padding:10px 0px 10px 0px;	/*height: 200px;*/}
.certifications #sec_2 .page_info .left div strong{ font-size:14px; color:#000; font-family: 'RobotoMedium', sans-serif; line-height:18px;}
.certifications #sec_2 .page_info .left div ul{ padding-left:10px;}
.certifications #sec_2 .page_info .left div ul li{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333; line-height:18px;}
.certifications #sec_2 .page_info .right{ width:50%; box-sizing:border-box; padding-left:10px; float:left}
.certifications #sec_2 .page_info .right *{ line-height:1.3;}
.certifications #sec_2 .page_info .right div{ border-top:5px solid #999; padding:10px 0px 10px 0px;	/*height: 200px;*/}
.certifications #sec_2 .page_info .right div strong{ font-size:16px; color:#000; font-family: 'RobotoMedium', sans-serif;}
.certifications #sec_2 .page_info .right div ul{ padding-left:10px;}
.certifications #sec_2 .page_info .right div ul li{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333; line-height:18px;}
.certifications #sec_2 .page_info .left .ctypetit{ display: block; font-size: 14px; min-height: 40px; }
.certifications #sec_2 .page_info .right .ctypetit{ display: block; font-size: 14px; min-height: 40px; }


/*contact*/
.form{ width:500px; margin:0px auto;}
.form .input_field{ width:100%; margin-bottom:15px; margin-top:15px;}
.form .input_field .label{ display:inline-block; float:left; width:25%; text-align:right; box-sizing:border-box; padding-right:15px; font-size:14px; padding-top:5px;}
.form .input_field .input{ width:75%; margin-left:25%;}
.form .input_field .input input{ padding:5px; border:1px solid #999; width:99%; box-sizing:border-box; font-size:14px; }
.form .input_field .input textarea{ width:99%; height:80px;border:1px solid #999;paddingbox-sizing:border-box; font-size:14px;}
.form .input_field .input select{ width:99%; padding:5px; border:1px solid #999;box-sizing:border-box; font-size:14px;}
.form .input_field .input #submit_btn{font-size:14px; padding:5px;}
.form .input_field .input input.err{ border:1px solid #F00}
.form .input_field .err{ border:1px solid #F00}
.thx{ text-align:center; font-size:16px; color:#930}

/*job*/
.job_opportunities .body_content_container *{ line-height:1.4}
.job_opportunities #sec_1{  padding:0px 0px 100px 0px; position:relative; background-image:url('../img/job_sec_1_bg.png'); background-position:center center; background-repeat:no-repeat;  }
.job_opportunities #sec_1{ background-color:#187959}
.job_opportunities #sec_1 .body_content_container{ }
.job_opportunities #sec_1 .body_content_container .inner{ padding:50px 0px 50px 0px;font-family: 'RobotoLight', sans-serif;}
.job_opportunities #sec_1 .body_content_container .inner .img{ text-align:center; padding-top:50px;}

.job_opportunities #sec_1 .body_content_container .page_info{}
.job_opportunities #sec_1 .body_content_container .page_info h1{ text-align:center; color:#FFF}
.job_opportunities #sec_1 .body_content_container .page_info p{ text-align:center; color:#FFF; width:830px; margin:0px auto; text-align:justify}
.job_opportunities #sec_1 .body_content_container .page_info p a{ font-weight:bold; color:#FFF}
.job_opportunities #sec_1 .body_content_container .page_info p a:hover{ text-decoration:underline}
.job_opportunities #sec_1 .body_content_container .page_info .text_3 { width:830px; margin:0px auto;}
.job_opportunities #sec_1 .body_content_container .page_info .text_3 .left{ width:390px; float:left; font-size:16px; line-height:22px; color:#FFF; border-right:1px solid #FFF; padding-right: 20px;}
.job_opportunities #sec_1 .body_content_container .page_info .text_3 .right{ padding-left:30px; float:left}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-left, .ui-corner-tr, .ui-corner-bottom{ border-top-left-radius: 0px; border-top-right-radius:0px;border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-image:none; background-color:#00703c !important; color:#FFF}
.ui-accordion .ui-accordion-header{ padding:15px 20px 15px 20px;}
.ui-state-active .ui-icon{ background-image:none}
.ui-state-default .ui-icon{ background-image:none}
.ui-accordion .ui-accordion-icons{ padding-left:20px;}
.ui-accordion .ui-accordion-content{ background-color:#f4f4f4; color:#000; font-family: 'RobotoLight', sans-serif;}
.ui-widget-content { background-image:none; border:0px solid #00703c}

.job_opportunities #sec_2 .body_content_container{ max-width:830px; padding:50px 0px 50px 0px; }
.job_opportunities #accordion h3{font-size:16px; color:#FFF; font-family: 'RobotoMedium', sans-serif;font-weight:lighter !important;}
.job_opportunities #accordion h3 hr{ display:none}
.job_opportunities #accordion ul{ padding:0px 0px 0px 20px; margin:0px 0px 0px 10px;background-color:#f4f4f4; color:#000 }
.job_opportunities #accordion ul li strong{ font-size:16px;font-family: 'RobotoMedium', sans-serif;}
.job_opportunities #accordion ul li{ font-family: 'RobotoLight', sans-serif;}

.job_opportunities #accordion .applynow{ display:inline-block; float:right; padding:10px 30px 10px 30px; color:#FFF; font-size:16px; background-color:#00703c; margin:10px 0px 0px 0px}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0px solid #00703c}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border:0px solid #00703c}
.ui-widget-header .ui-state-active{ background-color:#f4f4f4 !important}
.ui-accordion-header-active{background-color:#f4f4f4 !important; color:#000 !important; font-family: 'RobotoMedium', sans-serif;}
.ui-accordion-header-active hr{ height:1px; overflow:hidden; display:block}


/*redirect*/
.redirect .page_info{ margin-top:10%;}
.redirect .page_info .pin{ text-align:center}

.redirect .page_info .top{ text-align:center}
.redirect .page_info h1{ padding-top:0px !important; font-weight:bold; color:#666666 !important; margin-bottom:100px !important;}
.redirect #header_container{ display:none}
.redirect #footer_container{ display:none}

#country_list_container{ width:320px; margin:0px auto;}
#country_list_container .left{ width:50%; float:left; padding:30px 0px 50px 0px}
#country_list_container .right{ width:50%; float:left; padding:30px 0px 50px 0px}
#country_list_container ul{ list-style:none}
#country_list_container ul li{ padding:5px 0px 5px 30px; font-family: 'RobotoLight', sans-serif; color:#999999; cursor:pointer}
#country_list_container ul li:hover{ background-color:#4f9f00; color:#FFF}



#newmapcontrol {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	border-bottom: #999 1px solid;
}
#newmapcontrol .ltg { display: inline-block; width: 20%; vertical-align: top; text-align: center; }
#newmapcontrol .reteck { display: inline-block; width: 80%; vertical-align: top; text-align: center; }
#newmapcontrol .ltg .logo { display: block; background-image: url(../img/map_logo_ltg.png); background-position: center center; background-repeat: no-repeat; width: 100%; height: 30px; margin: 30px 0px; text-align: center; }
#newmapcontrol .reteck .logo { display: block; background-image: url(../img/map_logo_rt.png); background-position: center center; background-repeat: no-repeat; width: 100%; height: 30px; margin: 30px 0px; text-align: center; }
#newmapcontrol .ltg .mbtn { display: inline-block; text-align: center; width: auto; }
#newmapcontrol .reteck .mbtn { display: inline-block; text-align: center; width: auto; }
#newmapcontrol div .mbtn { font-family: HelveticaNeueLTStd-Roman, 微软雅黑, Tahoma, Geneva, sans-serif!important; font-size: 12px; line-height: 1em; letter-spacing: 0em; }
#newmapcontrol div .mbtn a { display: block; padding: 15px; color: #000; text-decoration: none; cursor: pointer; }
#newmapcontrol div .mbtn a:hover { background-color: #4f9f00; color: #FFF; }
#newmap {
	background-image: url(../img/newmap.png);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	background-size: 100%;
	display: block;
	position: relative;
	width: 960px;
	height: 600px;
	margin: 0 auto;
}
#newmap .maparrow { background-image: url(../img/maparrow.png); width: 125px; height: 64px; position: absolute; }
#newmap .maparrow span { font-size: 11px; text-transform: uppercase; display: block; width: 125px; color: #fff; text-align: center; padding-top: 8px;}
#pos_hk, #pos_cn, #pos_us, #pos_bz, #pos_db, #pos_eu, #pos_in, #pos_jp, #pos_kr, #pos_ml, #pos_tw, #pos_vn {
	display: none;
	width: 960px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 3px 3px 20px #999;
	z-index: 1000;
	cursor: pointer;
}
/*#pos_hk{
	background-image:url(../enUS/images/map/hk.jpg);
	width:960px;
	height:484px;
}*/
.dmap{ height:484px;}

.dmap .textdesc{ display:block; position:absolute; width:320px; background-image:url(../img/whitetran.png); background-repeat:repeat; padding-left:30px; padding-right:30px; padding-bottom:0px; padding-top:50px; vertical-align:top; right:0; bottom:0; top:0; font-family: HelveticaNeueLTStd-Roman, 微软雅黑, Tahoma, Geneva, sans-serif!important; color:#666; }
.dmap .map{display:block; position:absolute; vertical-align:top; top:0;}
.dmap .closebtn{ position: absolute; right: 0; z-index: 1000;}

.dmap .textdesc .pn{ font-family: HelveticaNeueLTStd-Lt, 微软雅黑, Tahoma, Geneva, sans-serif!important; font-size: 20px; letter-spacing: 0.05em; text-transform:uppercase; padding-bottom:0px; line-height:28px;}
.dmap .textdesc .em{ font-family: HelveticaNeueLTStd-Lt, 微软雅黑, Tahoma, Geneva, sans-serif!important; font-size: 11px; letter-spacing: 0.08em; padding-bottom:0px; line-height:18px;}
.dmap .textdesc .sc{ font-family: HelveticaNeueLTStd-Lt, 微软雅黑, Tahoma, Geneva, sans-serif!important; font-size: 11px; letter-spacing: 0.08em; padding-bottom:0px; line-height:18px;}
.dmap .textdesc .indi{ padding-top:55px;}
.dmap .textdesc .sq{ display:inline-block; width:13px; height:13px; background-color:#FC0; margin-right:10px; vertical-align:middle;}
.dmap .textdesc .sqtxt{display:inline-block; width:150px; height:13px; vertical-align:middle; line-height:13px; font-family: HelveticaNeueLTStd-Lt, 微软雅黑, Tahoma, Geneva, sans-serif!important; font-size: 11px; letter-spacing: 0.08em;}

#newmap .pos_hk {
	top: 229px;
	left: 689px;
	display: none;
}
#newmap .pos_cn {
	top: 196px;
	left: 664px;
	display: none;
}
#newmap .pos_us {
	top: 183px;
	left: 120px;
	display: none;
}
#newmap .pos_bz {
	top: 320px;
	left: 250px;
	display: none;
}
#newmap .pos_db {
	top: 218px;
	left: 534px;
	display: none;
}
#newmap .pos_eu {
	top: 147px;
	left: 435px;
	display: none;
}
#newmap .pos_in {
	top: 228px;
	left: 596px;
	display: none;
}
#newmap .pos_jp {
	top: 181px;
	left: 761px;
	display: none;
}
#newmap .pos_kr {
	top: 182px;
	left: 723px;
	display: none;
}
#newmap .pos_ml {
	top: 280px;
	left: 658px;
	display: none;
}
#newmap .pos_tw {
	top: 225px;
	left: 707px;
	display: none;
}
#newmap .pos_vn {
	top: 255px;
	left: 675px;
	display: none;
}

/*news*/
.news #main_container_container{ }

.news #sec_1{ background-color:#a44500}
.news #sec_1 .body_content_container{ background-image:url("../img/cert_sec_1_bg.png"); background-position:top center; background-repeat:no-repeat}
.news #sec_1 .body_content_container .inner{padding-top: 0px;	padding-right: 20px; padding-left: 20px; padding-bottom: 50px;}

.news #sec_1 .page_info{ width: 90%; height:420px; margin: 0 auto}
.news #sec_2 .page_info .certsdiv{ text-align: center;}
.news #sec_2 .page_info .certsdiv img{ margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}

.news #sec_1 .page_info h1{ color:#FFF; padding-top:100px;}
.news #sec_1 .page_info p{
	color: #FFF;
	width: 100%;
	margin: 0px auto;
	text-align: left;
	font-size: 16px;
	text-align: center
}
#cert_container{ width:784px; overflow:hidden; margin:0px auto;}
#cert_container li{ display:inline-block; float:left; width:25%; box-sizing:border-box; padding:0px 20px 85px 20px;}
#cert_container li .img{ width:100%; text-align:center}
#cert_container li .cert{font-family: 'RobotoMedium', sans-serif; font-size:12px; color:#000000; width:100%; text-align:center; height:50px;}
#cert_container li .desc{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333333; width:100%; text-align:left; line-height:1.2; height:88px; overflow:hidden}


#cert_container li .btn_more{ text-align:center; padding-top:35px;}
#cert_container li .btn_more a{ color:#FFF; background-color:#47820c; display:inline-block; padding:5px 10px 5px 10px;}
#cert_container li .btn_more a:hover{ background-color:#5dab0f;}

.news #sec_2 .inner{padding-top: 0px;	padding-right: 20px; padding-left: 20px; padding-bottom: 50px;}
.news #sec_2 .page_info{ width:90%; margin:0px auto; padding:100px 0px 0px 0px;}
.news #sec_2 .page_info .img{ padding:0px 0px 80px 0px}
.news #sec_2 .page_info .img img{width: 100%;}
.news #sec_2 .page_info .left{ width:50%; box-sizing:border-box; padding-right:10px; float:left}
.news #sec_2 .page_info .left *{ line-height:1.3;}
.news #sec_2 .page_info .left div{
	border-top: 5px solid #999;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	height: 300px;
}
.news #sec_2 .page_info .left div strong{ font-size:14px; color:#000; font-family: 'RobotoMedium', sans-serif; line-height:18px;}
.news #sec_2 .page_info .left div ul{ padding-left:10px;}
.news #sec_2 .page_info .left div ul li{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333; line-height:18px;}
.news #sec_2 .page_info .right{ width:50%; box-sizing:border-box; padding-left:10px; float:left}
.news #sec_2 .page_info .right *{ line-height:1.3;}
.news #sec_2 .page_info .right div{
	border-top: 5px solid #999;
	padding: 10px 0px 10px 0px;
	height: 300px;
}
.news #sec_2 .page_info .right div strong{ font-size:16px; color:#000; font-family: 'RobotoMedium', sans-serif;}
.news #sec_2 .page_info .right div ul{ padding-left:10px;}
.news #sec_2 .page_info .right div ul li{font-family: 'RobotoLight', sans-serif; font-size:12px; color:#333; line-height:18px;}


#news { list-style: none; padding: 0px; position: relative; width: 100%; }
#news .flip { padding: 10px; margin-bottom: 8px; background-color: #f8f8f8; width: 100%; display: block; position: relative; }
#news .flip .newspanel hr { border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #ddd; }
#news .flip .newspanel { padding: 10px; margin-bottom: 20px; background-color: #f8f8f8; display: none; }
#news .flip .newspanel .tit { font-family: 'RobotoLight'; display: block; padding-top: 30px; font-size: 22px; line-height: 30px; color: #000; }
#news .flip .newspanel .newscontents { font-family: 'RobotoLight'; display: block; padding-top: 10px; font-size: 13px; line-height:18px;
	/*letter-spacing:0.04em;*/ color: #333; margin-top: 20px; margin-bottom: 20px; }
#news .flip .newspanel img { margin-bottom: 20px; margin-top: 20px; display: block; width: 100%; }
#news .flip .newsinfo { font-family: 'RobotoLight'; font-size: 11px; color: #939598; display: block; width: 100%; line-height: 15px;}
#news .flip .newstit { font-family: 'RobotoRegular'; font-size: 13px; color: #000; width: 70%; display: block; line-height: 18px;}
.btnreadmore {
	font-family: 'RobotoLight';
	font-size: 11px;
	color: #939598;
	display: block;
	position: absolute;
	right: 11px;
	bottom: 10px;
}