@charset "utf-8";
/* CSS Document */
/* Styles
-------------------------------------------------------------------------------*/
html, body { height: 100%; }

body {
    background-color: #ffffff;
    color: #333;
    font-family:"Arial";
	font-size:14px;  
	margin:0;
	padding:0;
	min-width: 1024px;
}

h1 {
	font-family:"Arial";
	text-align: center;
	font-size:26px;
	line-height: 22px;
}
h2 {
	font-family:"Arial";
	text-align: center;
	font-size:22px;	
}

h2.titlePD {
	font-family:"Arial";
	text-align: center;
	font-size:18px;
	margin-left: -16px;	
}

article p{
	font-size:14px;
	line-height: 30px;
}


/* Header
-------------------------------------------------------------------------------*/
#header_panel { 
	height: 500px;
	position: relative;

}
#header { 
    
    position: relative; 
	background:url(../picture/banner4.jpg) ; 
	width: 100%;
	height: 500px;
	margin: 0 auto;

}
#header .s1 
{ 
	width: 400px;
	height: 60px;
	top: 153px;
	left: 50%;
	position: absolute;
	color: #FFF;
	margin-left: -430px;
	display: block;
	background: url(../picture/banner_t1.png) no-repeat;
}
#header .s2 
{ 
	width: 230px;
	height: 40px;
	top: 243px;
	left: 50%;
	position: absolute;
	color: #FFF;
	margin-left: -360px;
	display: block;
	background: url(../picture/banner_t2.png) no-repeat;
}
#header .s3 
{ 
	width: 456px;
	height:389px;
	top: 10%;
	left: 60%;
	position: absolute;
	margin-left: -200px;
	display: block;
	background: url(../picture/sb.png) no-repeat;
}

#header img
{   
    display: block;
	position: absolute; 
}

/* Navigation Bar
-------------------------------------------------------------------------------*/
#nav_panel { 
	height: 75px;
	position: relative;
    background-color:#fff;
}
#nav { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
    height: 75px;
	border-bottom: 2px solid #cc092f;
}
#nav a.tektos_logo1{
	margin-top: 21px;
	margin-left: 45px;
    display: block;
	position: absolute;
	width: 100px;
	height: 40px;
	background: url(../images/se-logo.png) no-repeat;
}

#nav ul {
	float: left;
	margin-left:350px;
	list-style-type: none;
	line-height: normal;
}
#nav li {
	display: inline;
}
#nav a{
	margin-top: 30px;
	width: 100px;
	height: 25px;
	float: right;
	text-decoration: none;
	font-size: 16px;
	color: #231815;
	text-align: center;
}
#nav a:hover{
	text-decoration: none;
	color: #cc092f
}
.toggle{
	float:right;
}
#nav .toggle a{
	margin-top: 30px;
    width: 50px;
    height: 25px;
    float: right;
    text-decoration: none;
    font-size: 12px;
    color: #333;
   
}
.toggle span{
margin-top: 30px;
    height: 25px;
    float: right;
    text-decoration: none;
    font-size: 12px;
    color: #333;

}
/* First Panel 
-------------------------------------------------------------------------------*/
#first_panel { 
	height:700px;
	position: relative;
	background: url(../images/subtle-pattern-1.jpg) repeat;
	
}


/* First Panel Navigation Bar
-------------------------------------------------------------------------------*/
.about_nav
{ 
	top: 105px;
	left: 220px;
	width: 700px;
	position: relative;
}
.aboutButton 
{
	margin-left: -6px;
	padding-top: 15px;
	background-color: #252434 ;
	display: inline-block;
	color: #ffffff;
	font-family:'Arial';
	font-size: 14px;
	width: 220px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
}
a.aboutButtonFocus:link, a.aboutButtonFocus:visited
{
	margin-left: -6px;
	padding-top: 15px;
	background-color:#cc092f;
	display: inline-block;
	color: #ffffff;
	font-family:'Arial';
	font-size: 14px;
	width: 220px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
}
.aboutButton:active 
{
   	position:relative;
    top:1px;
}
.aboutButton:hover
{
	color: #fff;
}

.about_box_wrapper
{
	margin-top: 70px;
	margin-left: 195px;
	width: 700px;
	position: relative;
}
.about_box
{
	width:190px;
	height: 200px;
	margin-top: 110px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	position: relative;
	cursor: pointer;
	display: block;
}
.about_box>div
{
	width:185px;
	height:200px;
}

#about_box1 {background: #252434 url(../images/a1.png) no-repeat; }
#about_box2 {background: #252434 url(../images/a2.png) no-repeat; }
#about_box3 {background: #252434 url(../images/a3.png) no-repeat; }
#about_box4 {background: #252434 url(../images/a4.png) no-repeat;}
#about_box5 {background: #252434 url(../images/a5.png) no-repeat;}
#about_box6 {background: #252434 url(../images/a6.png) no-repeat;}

.about_box:hover
{
	width: 220px;
	height: 220px;
	margin-left: 0px;
	float: left;
	position: relative;

	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	
}
.about_box:hover>div
{
	width: 220px;
	height: 220px;
}
#about_box1:hover{background: #253440 url(../images/big_a1.png) no-repeat;}
#about_box2:hover{background: #253440 url(../images/big_a2.png) no-repeat;}
#about_box3:hover{background: #253440 url(../images/big_a3.png) no-repeat;}
#about_box4:hover{background: #253440 url(../images/big_a4.png) no-repeat;}
#about_box5:hover{background: #253440 url(../images/big_a5.png) no-repeat;}
#about_box6:hover{background: #253440 url(../images/big_a6.png) no-repeat;}

.about_box h3
{ 
	text-align: center;
	color: #fff;
	font-family:"nexa_lightregular";
	font-size: 13px;
	line-height:20px;
	padding: 140px 40px;
	font-weight: normal;
}
.about_box:hover h3
{ 
	text-align: center;
	font-size:16px;
	line-height:30px;
	margin-top: 35px;
	padding: 5px 15px;
}

.about_box p
{ 
	display: none;
}
.about_box:hover p
{ 
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height:20px;
	padding: 20px 10px;
	display: block;
	font-family:"nexa_lightregular";
}


/* First Panel
-------------------------------------------------------------------------------*/
.about { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
    height: 600px;
}

.about article 
{ 
	width: 670px;
	top: 65px;
	left: 190px;
	position: relative;
	text-align: center;
	
}
.about article hr
{ 
	margin-top: 22px;
	margin-bottom: 25px;
	width:544px; 
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
}



/* First Panel Page 1
-------------------------------------------------------------------------------*/
.about1 { 
    display: block;
}


/* First Panel Page 2
-------------------------------------------------------------------------------*/
#about_p2 { 
    display: none;
}

.about_box2_wrapper
{
	margin-top: 125px;
	margin-left: 195px;
	width: 700px;
	position: relative;
}
.believe_in_textbox
{
	width: 530px;
	height: 45px;
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 70px;
}

.believe_in_textbox:hover
{
	width: 660px;
	height: 55px;
	margin: 0px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#pleasure_textbox
{
	background: #253440 url(../images/pleasure_textbox_s.png) repeat;
	
}
#pleasure_textbox:hover
{
	background: #253440 url(../images/pleasure_textbox_l.png) repeat;

}

#innovation_textbox
{
	background: #253440 url(../images/innovation_textbox_s.png) repeat;
;
}
#innovation_textbox:hover
{
	background: #253440 url(../images/innovation_textbox_l.png) repeat;

}

#design_textbox
{
	background: #253440 url(../images/design_textbox_s.png) repeat;
	
}
#design_textbox:hover
{
	background: #253440 url(../images/design_textbox_l.png) repeat;
	
}

#simplicity_textbox
{
	background: #253440 url(../images/simplicity_textbox_s.png) repeat;

}
#simplicity_textbox:hover
{
	background: #253440 url(../images/simplicity_textbox_l.png) repeat;
	
}

#nature_textbox
{
	background: #253440 url(../images/nature_textbox_s.png) repeat;
	
}
#nature_textbox:hover
{
	background: #253440 url(../images/nature_textbox_l.png) repeat;
	
}


.believe_in_textbox h3
{ 
	width: 120px;
	color: #fff;
	font-family:"nexa_lightregular";
	font-size: 12px;
	float: left;
	margin-top: 14px;
	margin-left: 45px;
}
.believe_in_textbox:hover h3
{ 
	width: 135px;
	font-size: 12px;
	float: left;
	margin-top: 19px;
	margin-left: 55px;
}

.believe_in_textbox p
{ 
	padding: 15px 0px;
	width: 340px;
	text-align: left;
	color:#252434;
	font-size: 12px;
	line-height:12px;
	float: left;
	font-style: normal;
	font-family:"nexa_lightregular";
}
.believe_in_textbox:hover p
{ 
	margin-left: 25px;
	padding:20px 0px;
	width: 420px;
	text-align: left;
	color:#252434;
	font-size:12px;
	line-height:18px;
	float: left;
	font-style: normal;
	font-family:"nexa_lightregular";
}

.believe_in_textbox .two_lines
{ 
	padding: 12px 0px;
	width: 350px;
}

.believe_in_textbox:hover .two_lines
{ 
	padding:14px 0px;	
}

.believe_in_textbox .three_lines
{ 
	padding: 3px 0px;
}
.believe_in_textbox:hover .three_lines
{
	padding: 8px 0px;	
}


/* First Panel Page 3
-------------------------------------------------------------------------------*/

#about_p3 { 
    display: none;
}


/* Second Panel 
-------------------------------------------------------------------------------*/
#second_panel { 
	height: 900px;
	position: relative;
	background: url(../images/subtle-pattern-1.jpg) repeat;
	border-top: 1px solid #000;
}


/* Second Panel Portfolio 
-------------------------------------------------------------------------------*/
.portfolio_title
{
	top: 30px;
	left: 300px;
	position: absolute;
	font-size:16px;
	font-weight: bold;
	text-align: center;	
}
.portfolio_text
{
	top: 70px;
	left: 300px;
	position: absolute;
	width: 290px;
	font-size: 14px;
	line-height:22px;
}

.portfolio_text span
{
	width: 4px;
	height: 4px;
	border-radius:50%;
	background-color:#000;
	display:inline-block;
}
.portfolio_image
{
	top: 50px;
	left: 50px;
	position: absolute;
}

#quick-charge
{
	top: 10px;
	
}
#wireless_chargers
{
	top: 0px;
}
#inteligent_charging_hub
{
	top: 50px;
	left: 0px;
}
#charger_car-travel
{
	top: 0px;
	left: 0px;
}
#duodio,
#beacon,
#aircomfort
{
	top: 10px;
	left: 20px;
}


/* Second Panel Navigation Bar
-------------------------------------------------------------------------------*/
.portfolio_nav
{ 
	margin-top: 40px;
	margin-left: 155px;
	width: 740px;
	position: relative;
}
.portfolioButton 
{
	margin-left: -15px;
	padding-top: 15px;
	background-color: #f2f2f2;
	display: inline-block;
	color: #333;
	font-family:'Arial';
	font-size: 14px;
	text-decoration: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 250px;
	height: 30px;
	text-align: center;
}
.portfolioButton:active 
{
   	position:relative;
    top:1px;
}
.portfolioButton:hover
{
	color: #333;
}
a.portfolioButtonFocus:link, a.portfolioButtonFocus:visited
{
	margin-left: -15px;
	padding-top: 15px;
	background-color: #cc092f;
	display: inline-block;
	color: #fff;
	font-family:'Arial';
	font-size:14px;
	text-decoration: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 250px;
	height: 30px;
	text-align: center;
}


/* Second Panel Portfolio
-------------------------------------------------------------------------------*/
.portfolio { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
    height: 800px;
}

.portfolio article 
{ 
	width: 700px;
	margin-top: 65px;
	margin-left: 160px;
	position: relative;
	text-align: center;
}
.portfolio article hr
{ 
	margin-top: 22px;
	margin-bottom: 25px;
	width: 240px;  
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
}

/*
.3D p{
	margin-left: 0px !important;
	font-family: 'nexa_boldregular';
	font-size: 8pt;
	text-align: center;
	display: inline-block;
}
*/


/* Second Panel Portfolio Page 1
-------------------------------------------------------------------------------*/
#portfolio { 
    display: block;	
}

#portfolio_p1_box
{
	margin-top: 50px;
	margin-left: 110px;
	width: 800px;
	position: relative;
}

.portfolio_image_wrapper
{
	margin-top: 35px;
	margin-left: 50px;
	width: 210px;
	height: 180px;
	float: left;
	position: relative;
}
.portfolio_image_wrapper p
{
	margin-left: -35px;
	font-family: 'Arial';
	font-size: 14px;
	text-align: center;
}


/* Second Panel Portfolio Page 2
-------------------------------------------------------------------------------*/
#portfolio_p2 { 
    display: none;
}

#portfolio_p2_box {
  margin-top: 93px;
  margin-left: 150px;
  width: 800px;
  position: relative;
}
#portfolio_p2_left_innerbox {
  width: 400px;
  height: 400px;
  position: relative;
  float: left;
}
#portfolio_p2_right_innerbox {
  margin-left: 0px;
  width: 400px;
  position: relative;
  float: left;
}
#portfolio_p2_left_innerbox img
{
	margin-bottom: 25px;
	position: relative;
	float: left;
}
#portfolio_p2_right_innerbox h3
{
	margin-bottom: 20px;
}
#portfolio_p2_right_innerbox p
{
	width: 307px;
	font-size: 15px;
	line-height: 30px;
}


/* Second Panel Portfolio Page 3
-------------------------------------------------------------------------------*/
#portfolio_p3 { 
    display: none;
}

#portfolio_p3_box
{
	margin-top: 100px;
	margin-left: 196px;
	width: 800px;
	position: relative;
}
#portfolio_p3_left_innerbox
{
	width: 400px;
	height: 300px;
	position: relative;
	float: left;
	margin-left: 209px;
}
#portfolio_p3_right_innerbox
{
	
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
}
#portfolio_p3_right_innerbox h3{
	font-size: 18px;
	margin-left: -38px;
	line-height: 22px;
	
}
img#design-asia {
  margin-top: 20px;
}
#ce_cerfifcations
{
	top: 0px;
	left: 0px;
	position: absolute;
	float: left;
}
#rohs_cerfifcations
{
	top: 0px;
	left: 130px;
	position: absolute;
	float: left;
}
#apple_cerfifcations
{
	top: 85px;
	left: 0px;
	position: absolute;
	float: left;
}
#fcc_cerfifcations
{
	top: 165px;
	left: 0px;
	position: absolute;
	float: left;
}
#reach_cerfifcations
{
	top: 160px;
	left: 130px;
	position: absolute;
	float: left;
}
#qi_cerfifcations
{
	top: 240px;
	left: 0px;
	position: absolute;
	float: left;
}
#ul_cerfifcations
{
	top: 245px;
	left: 130px;
	position: absolute;
	float: left;
}
#ctick
{
	top: 335px;
	left: 0px;
	position: absolute;
	float: left;
}
#CB-Mark
{
	top: 345px;
	left: 130px;
	position: absolute;
	float: left;
}
#ISO
{
	top: 425px;
	left: 0px;
	position: absolute;
	float: left;
}
#CCC
{
	top: 430px;
	left: 130px;
	position: absolute;
	float: left;
}
#portfolio_p3_right_innerbox p
{
	width: 307px;
	font-size: 15px;
	line-height: 30px;
	margin-left: -41px;
	margin-top: 15px;
}


/* Brand
-------------------------------------------------------------------------------*/
.brands { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
    height: 800px;
}

.brands article 
{ 
	width: 700px;
	margin-top: 65px;
	margin-left: 160px;
	position: relative;
	text-align: center;
}
.brands article hr
{ 
	margin-top: 22px;
	margin-bottom: 25px;
	width: 240px;  
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
}

.brand ul {
  margin-top: 40px;
  margin-left: 195px;
  width: 700px;
}

.brand ul > li {
	list-style-type: none;
  display: inline-block;
  margin-top: 30px;
  margin-right: 65px;
}

.brand  ul > li > p {
  font-family: 'Arial';
  font-size: 12px;
  text-align: center;
}


.brand_circle {
  background-color: #F9F9F9;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid rgba(153, 169, 165, 1);
  display: inline-block;
}


.brand img {
	border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 150px;
  height: 150px;
}



/* Service Header
-------------------------------------------------------------------------------*/
#service_header { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
    position: relative;
}
#service_header h1 
{ 
	width: 500px;
	top: 200px;
	left: 270px;
	position: absolute;
	color: #FFF;
}
#service_header img
{   
    display: block;
	position: absolute; 
}

/* Third Panel Portfolio Page 3
-------------------------------------------------------------------------------*/
#third_panel { 
	height: 2052px;
	position: relative;
	background: url(../images/bg2.png) repeat;
}

.third_container {
    padding: 0px;
    margin: 0 auto;
    width: 1024px;
    clear: both;
}


/* Service
-------------------------------------------------------------------------------*/
#service { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
	height: 300px;
    position: relative;
}

.service_nav
{ 
	margin-top: 50px;
	margin-left:358px;
	float: left;
	position: relative
}
.serviceButton 
{
	margin-left: 5px;
	padding-top: 10px;
	background-color:#a72224;
	display: inline-block;
	color: #ffffff;
	font-family:'Arial';
	font-size: 14px;
	width: 150px;
	height: 30px;
	text-align: center;
	text-decoration: none;     
}
.serviceButton:active 
{
   	position:relative;
    top:1px;
}
.serviceButton:hover
{
	color: #333;
}
a.serviceButtonFocus:link, a.serviceButtonFocus:visited
{
	margin-left: -6px;
	padding-top: 10px;
	background-color: #253440;
	display: inline-block;
	color: #ffffff;
	font-family:'Arial';
	font-size: 14px;
	width: 150px;
	height: 30px;
	text-align: center;
	text-decoration: none;
}

#service article 
{ 
	width: 900px;
	margin-left: 60px;
	padding-top: 60px;
	position: relative;
	text-align: center;
}
#service article hr
{ 
	margin-top: 20px;
	margin-bottom: 20px;
	width: 330px;  
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
}

hr.vertical_line 
{
	margin-top: 158px;
	margin-left: 485px;
	height: 670px;
	background: #253440;
	position: absolute;
}


.arrow_innerbox p{
	margin: 20px;
	line-height: 24px;
}


.arrow_box_left {
	top: 250px;
	left: 115px;
	padding: 30px;
	position: absolute;
	background-color: #DFDFDF;
	border: 1px solid #dfdfdf;
}
.arrow_innerbox {
	position: relative;
	width: 270px;
	background-color: #DFDFDF;
	border: 1px solid #FFF;
}
.arrow_box_left:after, .arrow_box_left:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(253, 253, 15, 0);
	border-left-color: DFDFDF;
	border-width: 20px;
	top: 50%;
	margin-top: -20px;
}
.arrow_box_left:before {
	border-color: rgba(223, 223, 223, 0);
	border-left-color: #dfdfdf;
	border-width: 21px;
	top: 50%;
	margin-top: -21px;
}

.arrow_box_right {
	top: 350px;
	left: 565px;
	padding: 30px;
	position: absolute;
	background-color: #DFDFDF;
	border: 1px solid #dfdfdf;
}
.arrow_box_right:after, .arrow_box_right:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(253, 253, 15, 0);
	border-right-color: #dfdfdf;
	border-width: 20px;
	top: 50%;
	margin-top: -20px;
}
.arrow_box_right:before {
	border-color: rgba(223, 223, 223, 0);
	border-right-color: #dfdfdf;
	border-width: 21px;
	top: 50%;
	margin-top: -21px;
}


.IconsPD{
	margin-left: 450px;
	margin-bottom: 25px;
	display: block;
	position: relative;		
}

hr.vertical_line
{
	top: 25px;
	left: 20px;
	width: 1px;
	height: 665px;
	background: #253440;
	border: 0;
	position: absolute;	
}

/* Service Product Development
-------------------------------------------------------------------------------*/
#product_development { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
	height: 845px;
	position: relative;
}

#product_development_icon
{
	margin-top: 60px;
}

#product_development_circle_innerbox
{
	top: 375px;
	left: 520px;
	position: absolute;
}
#product_development_circle1
{
	top: 58px;
	left: 112px;
	position: absolute;
	display: none;
}
#product_development_circle2
{
	top: 10px;
	left: 160px;
	position: absolute;
	display: none;
}
#product_development_circle3
{
	top: 10px;
	left: 279px;
	position: absolute;
	display: none;
}
#product_development_circle4
{
	top: 57px;
	left: 330px;
	position: absolute;
	display: none;
}
#product_development_circle5
{
	top: 99px;
	left: 203px;
	position: absolute;
	display: none;
}
#product_development_circle6
{
	top: 179px;
	left: 112px;
	position: absolute;
	display: none;
}
#product_development_circle7
{
	top: 232px;
	left: 160px;
	position: absolute;
	display: none;
}
#product_development_circle8
{
	top: 232px;
	left: 280px;
	position: absolute;
	display: none;
}
#product_development_circle9
{
	top: 179px;
	left: 333px;
	position: absolute;
	display: none;
}
#product_development_circle10
{
	top: 179px;
	left: 203px;
	position: absolute;
	display: none;
}
.product_development_circle_text
{
	color: #fff;
	position: absolute;
	font-size: 10pt;
	text-align: center;
	line-height: 12pt;
}
#product_development_circle_text1
{
	top: 115px;
	left: 135px;
	width: 50px;
	display: none;
}
#product_development_circle_text2
{
	top: 50px;
	left: 195px;
	width: 50px;
	display: none;
}
#product_development_circle_text3
{
	top: 60px;
	left: 290px;
	width: 50px;
	display: none;
}
#product_development_circle_text4
{
	top: 115px;
	left: 370px;
	width: 50px;
	display: none;
}
#product_development_circle_text5
{
	top: 140px;
	left: 245px;
	width: 50px;
	color: #fff;
	display: none;
	font-weight: bold;
}
#product_development_circle_text6
{
	top: 205px;
	left: 128px;
	width: 50px;
	display: none;
}
#product_development_circle_text7
{
	top: 268px;
	left: 200px;
	width: 50px;
	display: none;
}
#product_development_circle_text8
{
	top: 277px;
	left: 295px;
	width: 50px;
	display: none;
}
#product_development_circle_text9
{
	top: 205px;
	left: 365px;
	width: 50px;
	display: none;
}
#product_development_circle_text10
{
	top: 200px;
	left: 245px;
	width: 50px;
	color: #fff;
	display: none;
	font-weight: bold;
}


/* Service OEM/ODM MANUFACTURING
-------------------------------------------------------------------------------*/
#oem_odm { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
	height: 845px;
	position: relative;
}

#oem_odm_innerbox{
	margin-top: 0px;
	margin-left: 0px;
	position: relative;	
	/*border: 1px solid black;*/
}

#product_box
{
	top: 465px;
	left: 198px;
	padding:7px 27px 7px 27px;
	position: absolute;
	background-color: #253440;
	color: #fff;
	text-align: center;
	display: none;
}

.circle
{
	width: 80px;
	height: 80px;
	border-radius: 50px;
	color: #fff;
	position: absolute;
}
.circle p
{
	padding-top: 23px;
	padding-left: 8px;
	font-size: 9pt;
	width: 65px;
	text-align: center;
}

#plastic_injection.circle
{
	top: 340px;
	left: 70px;
	background-color: #f67480;
	display: none;
}
img#plastic_injection-line 
{
	position: absolute;
	top: 389px;
	left: 155px;
	display: none;
}

#metal_stamping.circle
{
	top: 260px;
	left: 113px;
	background-color:#e35561;
	display: none;
}
img#metal_stamping-line 
{
	position: absolute;
	left: 173px;
	top: 341px;
	display: none;
}

#pcba_assembly.circle
{
	top: 215px;
	left: 200px;
	background-color:#d64951;
	display: none;
}
img#pcba_assembly-line 
{
	position: absolute;
	left: 230px;
	top: 305px;
	display: none;
}

#product_assembly.circle
{
	top: 260px;
	left: 290px;
	background-color: #7a2f33;
	display: none;
}
img#product_assembly-line 
{
	position: absolute;
	left: 254px;
	top: 341px;
	display: none;
}

#packaging_printing.circle
{
	top: 340px;
	left: 335px;
	background-color:#47303a;
	display: none;
}
img#packaging_printing-line 
{
	position: absolute;
	left: 270px;
	top: 389px;
	display: none;
}

/* Service Tektos
-------------------------------------------------------------------------------*/
#tektos { 
	margin: 0 auto;
    padding: 0px;
    max-width: 1024px;
	height: 405px;
}
#tektos img
{
	margin-top: 50px;
	margin-left: 450px;
	display: block;
	position: relative;	
}
#tektos article 
{ 
	width: 465px;
	margin-top: 50px;
	margin-left: 270px;
	position: relative;
	text-align: center;
}


/* Contact Panel
-------------------------------------------------------------------------------*/
#contact_panel { 
	height: 450px;
	position: relative;
	background:#FFFFFF;
}
.about2{
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:50px;
}

.container{
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	max-width:1024px;	
}
.about2 hr{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 330px;  
	display: block; 
	height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
}

.container1{
	width: 1000px;
	
	margin: 0 auto;
	
	
}
.con1{
	float: left;
	width: 31%;
	height: 150px;
	margin-left:15px;
	border: 1px solid #333;
	margin-top: 30px;
	position: relative;
}
.con2{
	 background:url(../picture/dz.png) no-repeat;
	 width: 55px;
	 height: 80px;
	 display: block;
	 position: absolute;
	 top: -46px;
	 left: 135px;	
}
.con3{
	 background:url(../picture/dh.png) no-repeat;
	 width: 65px;
	 height: 80px;
	 display: block;
	 position: absolute;
	 top: -36px;
	 left: 126px;	
}
.con4{
	 background:url(../picture/xf2.png) no-repeat;
	 width: 58px;
	 height: 80px;
	 display: block;
	 position: absolute;
	 top: -22px;
	 left: 135px;	
}
.con1 h4{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-top: 35px;
	padding: 8px;
	color:#333333;

}

.con1 p{
	font-size: 14px;
	text-align: center;
	padding: 10px;
	line-height:25px;
	color:#000;

}


/* Footer Panel
-------------------------------------------------------------------------------*/
#footer_panel { 
	height: 60px;
	position: relative;
	background-color: #18232B;
}

#footer { 
	margin: 0 auto;
	padding: 0px;
	max-width: 1024px;
	height: 60px;
	position: relative;
}



#footer p.text1 {
	bottom: 17px;
	margin-left: 400px;
	font-size: 12px;
	color: #F5F5F5;
	position: absolute;
}


/* Reset
-------------------------------------------------------------------------------*/
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, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

/* Remove outline border */
*:focus {
    outline: none;
}