﻿body, html {
	margin: 0px;
	text-align:center;
	background-image:  url("images/bodybg.gif");
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	color: #2F314D;
	text-decoration: none;

	}

a:hover{
    color: #2F314D;
	text-decoration:underline;	
	}
	
	
input, select {
	font:normal 11px/1 Arial, Helvetica, sans-serif;
	vertical-align:middle;	
	}


#mainbg {

	}

#container {
	width:960px;
	margin:0 auto;
	text-align:left;
	font:normal 11px/1.5em Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#656565;
	}
	
/* Header */

#header{
	width:100%;
	height:60px;
	vertical-align:middle;
	}

#logo {
	float:left;
	margin:2px 0;
	}

.funcheader {
	float:right;
	vertical-align:bottom;
	}

.func {
	float:right;
	margin-top:18px;
	vertical-align:bottom;
	font-weight:bold;
	color:#666;
	margin:0 0.5em 0 0;
	font-size:11px;
	margin-top:20px;
	}
	
.func a {
	text-decoration:none;
	color:#666;
	}

.func a:hover{
	color:#0099FF;
	text-decoration:none;
	}	
	

#headerform {
	position:relative;
	vertical-align: middle;
	float:right;
	margin-top:15px;
	}
	
	
	
.link {

	}

.link a{
	color:#666;
	text-decoration:none;
	font-size:11px;
	}

.link a:hover{
	color:#0099FF;
	}
	
/* KV*/
.KV_bg {
	height:302px; 
	position:relative; 
	width:960px;
	background-color:#FFF;
	}
	
.KV_product_1 {
	position:absolute; 
	width:170px;
	right:100px;
	top:0;
	}
	
.KV_product_2 {
	position:absolute; 
	width:230px; 
	right:100px;
	top:108px;
	}
	
.KV_product_3 {
	position:absolute; 
	width:230px;
	right:100px;
	top:202px;
	}
	
.KV_product_bg {
	float:right; 
	width:87px; 
	height:60px;
	position:relative;
	}
.KV_product_bg:hover {
	background:#518892;
	}
	
.KV_product_img {
	width:77px; 
	height:50px; 
	position:absolute; 
	margin:4px; 
	border:solid 1px #FFF;
	left:0;
	top;0;
	}
	
.KV_link{
	position:relative; 
	float:right; 
	text-align:right;
	font-size:11px;
	}
	
.KV_link:hover{
	color:#FFF;
	}	



/* hot product*/	
.product_bg {
	float:left;
	position:relative;
	margin:0 8px;
	width:108px;
	height:122px;
	background:#CCC;
	background-color: #CCCCCC;
	}
	
.product_bg {
	}
	
.product_bg:hover{
	position:relative;
	background-color:#666;
	}
		
.product_img {
	position:absolute; 
	width:84px; 
	height:108px; 
	padding-top:7px;
	padding-left:7px;
	left:0;
	right:0;
	}

.hot {
	position:absolute; 
	left:0;
	bottom:0px ; 
	width:84px; 
	padding:10px;
	font-weight:bold;
	font-size:11px;
	}

.hot a{
	text-decoration:none;
	}

.hot a:hover{
	color:#903;
	}


input#search{
	width:100px;
	}

#password,
#id{
	width:150px;
}

input#describe{
	width:320px;
	height:65px;
	
	}
#news {
	margin:0 0 5px 3px;
	}

#news th {
	text-align:left;
	height:2em;
	}

#news p {
	margin-left:1em;
	}
	
#idxpd {
	margin:3px 0 3px 3px;
	}

.idxbanner {
	border:1px #cecece solid;
	margin:4px;
	float:right;
	}
	
#footer_line{
	height: 1px;
	width: 900px;
	margin-left:20px;
	}

#footer {
	padding: 1px;
	font-size:11px;
	color:#000;
	background:#FFF;
	text-align:center;
	color:#848484;
	margin:auto;
	position:relative;
	}
#footer_img {
	position:absolute;
	top:6px;
	left:30px;
	background-image:url(images/img_footer_logo.jpg);
	width:235px;
	height:35px;
}
.ctn {
	padding:16px;
	background:#fff;
	vertical-align:top;
	}

.ctn h1 {
	font: bold 16px/1 Verdana;

	}

.ctn h2 {
	font:bold 12px/12px Arial, Helvetica;
	color:#000;
   }
.ctn h3 {
	font:bold 12px/12px Arial, Helvetica;

   }
.product h1, .product h2 {
	color: #63add7; 
   }
.product h3{
   color:#000;
}

.mobility h1, .mobility h2 {
	color: #b276c4; 
   }
.mobility h3{
   color:#000;
}
.download h1, .download h2 {
	color: #63D7CD; 
   }
.news_events h1, .news_events h2 {
	color: #D7C363; 
   }
.about h1 {
	color: #b8d763;
}

.about h3 {
	color: #666666;
	background: url(images/icon_4.gif) no-repeat left 4px;
	padding:0px 0px 0px 16px;
	
  }
.about h3 div{
	font:normal 11px/1.5em Arial, Helvetica, sans-serif;
	color:#656565;
}
.contact h1 {
	color: #848484;
  }
 
.bold {
	font-weight:bold;
	color:#212121;
	font-size:12px;
  }
  
.tbl h3{
	background: url(images/banner_bg.gif) no-repeat left top;
	height: 22px;
	padding-left:4px 12px 4px 12px;
}
.tbl h3 div{
	font:bold 12px/1 Arial, Helvetica;
	color:#000;
	padding-top: 4px;
	padding-left: 12px;
}
.tbl h3 div a{
	color:#F26521;
	text-decoration:underline;
}
.tbl h3 div a:hover{
	color:#F26521;
	text-decoration:none;
}
.tbl h3 p{
	font:normal 11px/1.5em Arial, Helvetica, sans-serif;
	padding-left: 12px;
}
.tbl h3 p a{
	color:#F26521;
}
.tbl h3 p a:hover{
	text-decoration:underline;
}


/* submenu style */


.sub_menu01 td,
.sub_menu02 td,
.sub_menu03 td,
.sub_menu04 td,
.sub_menu05 td,
.sub_menu06 td{
	border-bottom:1px solid #fff;
	font-weight: bold;
	padding:3px;
	color: #fff;
    cursor: hand;
	}

/* product : submenu*/
.sub_menu01{	
	background:#63add7;
	}

/* about : submenu*/
.sub_menu03{
	background:#b8d763;
	}
.sub_menu04{
	background:#63D7CD;
	}
.sub_menu05{
	background:#D7C363;
}	
.sub_menu06{
	background: #b276c4;
}	
.sub_menuhvr{
	background:#c1e2f4;
	}		


.second_menu td{
	border-bottom:1px solid #fff;
	padding:3px 0;
	padding-left: 16px;
	cursor: hand;
	}


.second_menu{
	background:#CFCFCF;
	}
.style2-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #63d7cd;
	text-decoration: none;
}


.second_menuhvr{
	background:#c1e2f4;
	}

#pdmenu {
	width:130px;
	margin:40px 40px 0 0;
	float:right;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}

#pdmenu a{
	color:#fff;
	text-decoration:underline;	
	}
	
#pdmenu a:hover{
	color:#fff;
	text-decoration:none;	
	}
	
#pdjpselect,
#pdselect,
#dlselect{
	width:130px;
	}
	
#d_talbe {
    margin-left: 3px;
}

#d_talbe th{
	text-align:left;
	padding-left:3px;
    font-weight:bold;
    color:#fff;
	 
	
}
#d_talbe td{
    font-weight:normal;
	padding:5px 5px 5px 12px;
	color:#F26521;
	text-decoration: underline;
	text-align: left;
	
	
}
#d_talbe td a,
#r-table td a{
    color:#F26521;
	text-decoration: underline;
	
}
#d_talbe td a:hover,
#r-table td a:hover{
    color:#F26521;
	text-decoration: none;
	
}
/* ----- */
#r-table {
	color: #656565;
}
#r-table td{
	font:bold 12px/1.5em Arial, Helvetica;
	color: #656565;
	height: 22px;
	padding:5px 5px 2px 12px;
}

#r-table h1{
	font:normal 11px/1.5em Arial, Helvetica;
	background: url(images/icon_2.gif) no-repeat left 7px;
	color: #FFFFFF;
	padding:3px 5px 0px 10px;
}
#r-table h1 a{
	color: #FFFFFF;
	text-decoration:underline;
}
#r-table h1 a:hover{
	color: #FFFFFF;
	text-decoration:none;
}

#r-table h1 div{
	font:bold 11px/1 Arial, Helvetica;
	color: #D7C363;
	padding:3px 5px 0px 0px;
	text-decoration:underline;
}
#r-table p{
    font: normal 11px/1.5em Arial, Helvetica;
	color:#656565;
	padding:3px 5px 3px 0px;
	
}
#r-table p a{
    color:#FFF;
	text-decoration:underline;
}
#r-table p a:hover{
    color:#FFF;
	text-decoration:none;
}
#r-table th{
	font:bold 12px/12px Arial, Helvetica;
	color: #F26521;
	height: 22px;
	padding:3px 5px 3px 12px;
	text-align: left;
}
/* ----- */
.c_border {
    padding:8px 5px 5px 16px;
    border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #63ADD7;
	border-bottom-color: #63ADD7;
}

/* global page */

.global {
	font-size:11px;
	color:#999;

	}

.global a{
	color:#999;
	text-decoration:none;
	}

.global a:hover{
	color:#FFF;
	}
	
/* tag */

.tag{
	float:left; 
	position:absolute; 
	z-index:100;
	
}

.Feature{
	color: #666;
	}
.Feature_purple{
	color: #b276c4;
	}

.product_frame{
	float:left; 
	border:1px #CCC solid; 
	margin:2px;
		
}

.product_frame:hover{
	border:1px solid #000; 
		
}

/* table */

.head{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:#bad3ea;
    text-align:center; 
	valign: middle;
	padding-bottom:3px;
		
}

.head_purple{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background: #CDAAF9;
    text-align:center; 
	valign: middle;
	padding-bottom:3px;
		
}

.table_content{
	font-size:11px;
	padding:5px;
	color:#666;
	line-height:25px;
	text-align:center; 
}

.feature_icon{
	float:left; 
	position:relative; 
	padding-right:10px;
	padding-bottom:5px;
}

/* secondary */


#text {
	background-image:url(images/text_center.gif);
	width:143px;
	position:relative;
	margin:10px 0 0 5px;
	padding-bottom:20px;
}

#text_top {
	background-image:url(images/text_top.gif);
	width:143px;
	height:78px;
	position:absolute;
	top:0px;
	left:0px;
}

#text_bottom {
	background-image:url(images/text_bottom.gif);
	width:143px;
	height:21px;
	position:absolute;
	bottom:0px;
	left:0px;
}

#text_center {
	position:relative;
	width:125px;
	top:10px;
	left:12px;
}

#text_title {
	color:#606060;
	font-size:14px;
	font-weight:bold;	
}
#text_content {
	color:#656565;
	font-size:11px;	
}
