/* ============= pubic style =============*/
*{margin:0;padding:0;}
body{margin:0;text-align:center;background: #fff;}
div,td,tr,li,input,select,dt,dd{font-size:12px;font-family:Arial,"Arial";color:#333;}
img{border:0px;}
ul{list-style:none;}

/* link */
a{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}

a.blue:visited {color:#3F97D7;text-decoration:none;}
a.blue:hover {color:#c00;text-decoration:none;}
a.blue:link {color:#3F97D7;text-decoration:none;}

.green a{color:#8EC02F;text-decoration: underline;}
.green a:hover{color:#8EC02F;text-decoration: underline;}

/* clearing hack */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* end clearing hack */

/* ============= #index=============*/


/* ============= #header=============*/
#header{
	margin: 0 auto;
   width: 960px;
	margin-top: 27px;
}
#top{
  	 margin-bottom: 4px;
}
#logo{
   float: left;
}
#logo a{
   display: block;
	width: 162px;
   height: 49px;
   background: url(../images/logo.gif);
}
#logo a span{
   display: none;
}
ul#top_link{
	float: right;
}
ul#top_link li{
	float: left;
	padding-right:28px;
	padding-top: 32px;
	font-family: "Arial";
	font-size:11px;
}
ul#top_link li span#en{
	font-family:Arial;
	font-size: 10px;
}
ul#top_link li a{
   color: #A9A9A9;
}
ul#top_link li a:hover{
   color: #0091CF;
}
ul#nav{
    clear: both;
	 background: url(../images/nav_bg.gif);
	 height: 31px;
}
ul#nav li{
    float: left;
	 padding-top: 6px;
}
ul#nav li a{
    display: block;
	 height: 21px;
	 overflow: hidden;
}
ul#nav li a span{
    display: none;
}
ul#nav li#nav_1{
    padding-left: 5px;
}
ul#nav li#nav_1 a{
   background: url(../images/nav_1.gif);
	width: 231px;
}
ul#nav li#nav_1 a:hover{
   background: url(../images/nav_1_now.gif);
}
#meeting ul#nav li#nav_1 a{
   background: url(../images/nav_1_now.gif);
}
ul#nav li#nav_2{
    padding-left: 3px;
}
ul#nav li#nav_2 a{
   background: url(../images/nav_2.gif);
	width: 231px;
}
ul#nav li#nav_2 a:hover{
   background: url(../images/nav_2_now.gif);
}
#training ul#nav li#nav_2 a{
   background: url(../images/nav_2_now.gif);
}
ul#nav li#nav_3{
    padding-left: 3px;
}
ul#nav li#nav_3 a{
   background: url(../images/nav_3.gif);
	width: 229px;
}
ul#nav li#nav_3 a:hover{
   background: url(../images/nav_3_now.gif);
}
#support ul#nav li#nav_3 a{
   background: url(../images/nav_3_now.gif);
}
ul#nav li#nav_4{
    padding-left: 42px;
}
ul#nav li#nav_4 a{
   background: url(../images/nav_4.gif);
	width: 80px;
}
ul#nav li#nav_4 a:hover{
   background: url(../images/nav_4_now.gif);
}
#customer ul#nav li#nav_4 a{
   background: url(../images/nav_4_now.gif);
}
ul#nav li#nav_5{
    padding-left: 10px;
}
ul#nav li#nav_5 a{
   background: url(../images/nav_5.gif);
	width: 80px;
}
ul#nav li#nav_5 a:hover{
   background: url(../images/nav_5_now.gif);
}
#seminar ul#nav li#nav_5 a{
   background: url(../images/nav_5_now.gif);
}


/*meeting*/
#met_c{padding:15px 26px 15px 40px;vertical-align: top;color:#6e6e6e;}
#met_c h3{padding-left:13px;margin:0px 0 3px;background:url(../images/ar_blue.gif) no-repeat 4px 2px;color:#0090cf;font-size:12px;}
#met_c h4{color:#000;font-size:11px;}
#met_c p{margin-bottom:16px;}
.f4{margin:30px 0 23px;}
.mar{margin-bottom:6px;background: #f5f5f5 url(../images/m_b.gif) repeat-x top;}
#meeting #met_c h2 {color:#3f97d7; font-size:20px;}
#training #met_c h2 {color:#3f97d7; font-size:20px;}
#training #met_c h3 {color:#ff7e00;}
#support #met_c h2 {color:#3f97d7; font-size:20px;}
#support #met_c h3 {color:#77ab0a;}

/* vela begin */

#content {
   clear: both;
	margin: 0 auto;
	width:960px;
	text-align:left;
}
.content_bg{
	background: url(../images/main_con.gif);
}
#content .left {
	float:left;
	width:709px;
}
#content .left .trial {
	width:688px;
	margin:0px 11px 0px 10px;
}
#content .left .trial form {
	margin:18px 0px 0px 60px;
}
#content .left .trial h1 {
	clear:both;
	line-height:30px;
	color:#6aa404;
	font-size:12px;
	font-weight:normal;
}
#content .left .trial label {
	clear:both;
	float:left;
	color: #757575;
	line-height:20px;
	margin-bottom: 2px;
	width:180px;
	background: #FAFAFA;
	margin-right: 10px;
}
#content .left .trial label.s {
	clear:none;
	width:90px;
}
#content .left .trial input{
	float:left;
	width:200px;
	border:1px solid #d3d3d3;
	margin-right:10px;
	margin-bottom:6px;
	color:#A9A9A9; 
}
#content .left .trial input.rad{
   clear: both;
	width:10px;
	vertical-align: middle;
   border: 0;
	color:#A9A9A9; 
}
#content .left .trial input.short {
	width:149px;
	margin-right:10px;
}
#content .left .trial select {
	float:left;
	width:204px;
	color:#A9A9A9; 
	margin-bottom:2px;
}
#content .left .trial .btn {
  clear: both;
	margin:0px 0px 0px 120px;
	height:40px;
}
#content .left .trial .btn input {
	width:52px;
	height:22px;
	border:0px;
	margin-right:10px;
}
#content .left .forward {
	margin:0px 11px 0px 10px;
}
#content .left .forward form {
	margin:18px 0px 0px 60px;
}
#content .left .forward h1 {
	clear:both;
	line-height:24px;
	color:#6aa404;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}
#content .left .forward label {
	float:left;
	color:#6aa404;
	width:100px;
	line-height:18px;
}
#content .left .forward input {
	float:left;
	width:400px;
	border:1px solid #d3d3d3;
	margin-bottom:10px;
}
#content .left .forward input.short {
	width:120px;
	margin-bottom:0px;
}
#content .left .forward input.btn {
   clear: both;
	width:52px;
	height:22px;
	border:0px;
}
#content .left .forward .hit {
	clear:both;
}
#content .left .forward .hit span {
	float:left;
	display:inline;
	color:#6aa404;
	margin-right:10px;
	line-height:22px;
}
#content .left .forward .hit img {
	float:left;
}
#content .left .customer {
	width:688px;
	margin:0px 11px 0px 10px;
}
#content .left .customer .banner {
	background:url(../images/seminar_banner.gif) no-repeat;
	height:200px;
}
#content .left .customer .banner .link {
	padding:180px 0px 0px 540px;
}
#content .left .customer .cont {
	clear:both;
}
#content .left .customer .cont .pic {
	float:left;
	display:inline;
	margin-right:21px;
}
#content .left .customer .cont .group {
	float:left;
	display:inline;
	width:533px;
}
#content .left .customer .cont .group .title {
	height:36px;
	margin-bottom:12px;
	border-bottom:1px solid #e3e6e5;
}
#content .left .customer .cont .group h1 {
	float:left;
	display:inline;
	margin:12px 0px 0px 12px;
}
#content .left .customer .cont .group h2 {
	float:right;
	display:inline;
	margin-top:14px;
	font-size:12px;
	background:url(../images/pop_btn.gif) no-repeat right center;
	padding-right:30px;
}
#content .left .customer .cont .group h2 a {
	color:#819d93;
}
#content .left .customer .cont .group h3 {
	float:left;
	display:inline;
	color:#0090cf;
	font-size:12px;
	margin:12px 0px 0px 0px;
}
#content .left .customer .cont .group h4 {
	float:right;
	display:inline;
	margin-top:12px;
	font-size:12px;
	background:url(../images/arrow_blue.gif) no-repeat right center;
	padding-right:10px;
}
#content .left .customer .cont .group h4 a {
	color:#0090cf;
}
#content .left .customer .cont .group h5 {
	font-size:12px;
	color:#0090ce;
	line-height:21px;
	font-weight:normal;
}
#content .left .customer .cont .group h5 span {
	letter-spacing:4px;
}
#content .left .customer .cont .group h6 {
	font-size:12px;
	color:#819d93;
	line-height:21px;
	font-weight:normal;
}
#content .left .customer .cont .group p {
	clear:both;
	color:#819d93;
	line-height:21px;
	margin-bottom:15px;
}
#content .left .customer .cont .discop {
	float:left;
	width:40px;
	color:#7d8a86;
	line-height:21px;
	font-weight:bold;
}
#content .left .customer .cont .text {
	float:left;
	width:490px;
}
#content .left .customer .cont ul {
	margin-top:10px;
}
#content .left .customer .cont ul li {
	color:#82b827;
	background:url(../images/arrow_green.gif) no-repeat 0px 5px;
	padding-left:20px;
	line-height:21px;
}
#content .left .customer .cont ul li a {
	color:#82b827;
}
#content .left .datasheet {
	width:688px;
	margin:0px 11px 0px 10px;
}
#content .left .datasheet .banner {
	background:url(../images/datasheets_banner.gif) no-repeat;
	height:207px;
}
#content .left .datasheet .separator {
	clear:both;
	background:url(../images/separator.gif) no-repeat;
	width:682px;
	height:8px;
}
#content .left .datasheet .meeting {
	float:left;
	margin:20px 11px 0px 10px;
}
#content .left .datasheet .meeting ul {
	clear:both;
}
#content .left .datasheet .meeting ul li {
	width:205px;
	height:55px;
	background:url(../images/datasheet_meeting.gif) no-repeat;
}
#content .left .datasheet .meeting ul li a {
	display:block;
	width:205px;
	height:55px;
}
#content .left .datasheet .training {
	float:left;
	margin:20px 11px 0px 10px;
}
#content .left .datasheet .training ul {
	clear:both;
}
#content .left .datasheet .training ul li {
	width:190px;
	height:55px;
	background:url(../images/datasheet_training.gif) no-repeat;
}
#content .left .datasheet .training ul li a {
	display:block;
	width:190px;
	height:55px;
}
#content .left .datasheet .support {
	float:left;
	margin:20px 11px 0px 10px;
}
#content .left .datasheet .support ul {
	clear:both;
}
#content .left .datasheet .support ul li {
	width:200px;
	height:55px;
	background:url(../images/datasheet_support.gif) no-repeat;
}
#content .left .datasheet .support ul li a {
	display:block;
	width:200px;
	height:55px;
}
#content .left .casestudy {
	width:688px;
	margin:0px 11px 0px 10px;
}
#content .left .casestudy .banner {
	background:url(../images/casestudy_banner.gif) no-repeat;
	height:207px;
}
#content .left .casestudy .separator {
	clear:both;
	background:url(../images/separator.gif) no-repeat;
	width:682px;
	height:8px;
}
#content .left .casestudy .sun {
	float:left;
	margin:20px 28px 0px 10px;
}
#content .left .casestudy .sun ul {
	clear:both;
}
#content .left .casestudy .sun ul li {
	width:108px;
	height:100px;
	background:url(../images/cs_sun.gif) no-repeat;
}
#content .left .casestudy .sun ul li a {
	display:block;
	width:108px;
	height:100px;
}
#content .left .casestudy .canon {
	float:left;
	margin:20px 28px 0px 10px;
}
#content .left .casestudy .canon ul {
	clear:both;
}
#content .left .casestudy .canon ul li {
	width:137px;
	height:100px;
	background:url(../images/cs_canon.gif) no-repeat;
}
#content .left .casestudy .canon ul li a {
	display:block;
	width:137px;
	height:100px;
}
#content .left .casestudy .cognos {
	float:left;
	margin:20px 28px 0px 10px;
}
#content .left .casestudy .cognos ul {
	clear:both;
}
#content .left .casestudy .cognos ul li {
	width:130px;
	height:100px;
	background:url(../images/cs_cognos.gif) no-repeat;
}
#content .left .casestudy .cognos ul li a {
	display:block;
	width:130px;
	height:100px;
}
#content .left .casestudy .fidelity {
	float:left;
	margin:20px 28px 0px 10px;
}
#content .left .casestudy .fidelity ul {
	clear:both;
}
#content .left .casestudy .fidelity ul li {
	width:137px;
	height:100px;
	background:url(../images/cs_fidelity.gif) no-repeat;
}
#content .left .casestudy .fidelity ul li a {
	display:block;
	width:137px;
	height:100px;
}
#content .right {
	float:left;
	background:#f8f7f3;
	width:247px;
	height:472px;
	overflow:hidden;
}
#content .right .affiliation {
	background:url(../images/affiliation_bg.gif) repeat-y;
}
#content .right .affiliation span {
	display:none;
}
#content .right .affiliation .top {
	background:url(../images/affiliation_top.gif) no-repeat;
	height:9px;
	overflow:hidden;
}
#content .right .affiliation .bottom {
	background:url(../images/affiliation_bottom.gif) no-repeat;
	height:5px;
	overflow:hidden;
}
#content .right .affiliation .cont {
	margin:0px 21px 0px 21px;
}
#content .right .affiliation h1 {
	font-size:12px;
	color:#00caee;
	line-height:30px;
}
#content .right .affiliation h2 {
	font-size:12px;
	font-weight:normal;
	background:url(../images/affiliation_h2_bg.gif) no-repeat;
	padding-left:25px;
	line-height:22px;
	margin:10px 0px 0px 12px;
}
#content .right .affiliation h2 a {
	color:#6aa404;
}
#content .right .affiliation h3 {
	font-size:12px;
	font-weight:normal;
	color:#8ca29a;
	line-height:18px;
	margin-left:12px;
}
#content .right .affiliation p {
	text-indent:2em;
	color:#0090ce;
	line-height:18px;
}
#content .right ul {
	margin:14px 0px 0px 26px;
}
#content .right ul li {
	float:left;
	display:inline;
	margin-right:7px;
}
#content .right ul li a {
	display:block;
	width:96px;
	height:82px;
}
#content .right ul li a span {
	display:none;
}
#content .right ul li a.demo1 {
	background:url(../images/right_li_1.gif) no-repeat;
}
#content .right ul li a.demo2 {
	background:url(../images/right_li_2.gif) no-repeat;
}
#content .aboutwebex {
	float:left;
	background:#f8f7f3;
	width:247px;
	height:1350px;
	overflow:hidden;
}
#content .aboutwebex .affiliation {
	background:url(../images/affiliation_bg.gif) repeat-y;
}
#content .aboutwebex .affiliation span {
	display:none;
}
#content .aboutwebex .affiliation .top {
	background:url(../images/affiliation_top.gif) no-repeat;
	height:9px;
	overflow:hidden;
}
#content .aboutwebex .affiliation .bottom {
	background:url(../images/affiliation_bottom.gif) no-repeat;
	height:5px;
	overflow:hidden;
}
#content .aboutwebex .affiliation .cont {
	margin:0px 21px 0px 21px;
}
#content .aboutwebex .affiliation h1 {
	font-size:12px;
	color:#00caee;
	line-height:30px;
}
#content .aboutwebex .affiliation h2 {
	font-size:12px;
	font-weight:normal;
	background:url(../images/affiliation_h2_bg.gif) no-repeat;
	padding-left:25px;
	line-height:22px;
	margin:10px 0px 0px 12px;
}
#content .aboutwebex .affiliation h2 a {
	color:#6aa404;
}
#content .aboutwebex .affiliation h3 {
	font-size:12px;
	font-weight:normal;
	color:#8ca29a;
	line-height:18px;
	margin-left:12px;
}
#content .aboutwebex .affiliation p {
	text-indent:2em;
	color:#0090ce;
	line-height:18px;
}

/* vela end */

/* ============= #contact =============*/
#contact{
 padding-top: 25px;
}
.item{
 padding:30px 0 0 20px;
}
#contact dl{
 float: left;
 width: 320px;
}
#contact dl dt{
 background: url(../images/logo_ico.gif) no-repeat 0px 5px;
 line-height: 26px;
 padding-left: 24px;
 color:#8EC02F;
}
#contact dl dd{
 line-height: 150%;
 color: #7F958D;
}
.cont_2{
 text-align: center;
 padding-bottom: 10px;
}
.cont_2 dl{ 
  padding: 0  10px;
  height:40px;
}
.cont_2 dl dt{
  color: #7FB43D;
  font-weight: bolder;
  float: left;
  text-align: left;
  line-height: 150%;
  width: 67px;
}
.cont_2 dl dd{
  float: left;
  text-align: left;
  line-height: 150%;
  color: #7FB43D;
}
.but_con{
  margin-top: 10px;
}
/* ============= #about =============*/
#about{
 padding-top: 25px;
}
.item{
 padding:30px 0 0 60px;
}
#about dl{
 float: left;
 width: 600px;
}
#about dl dt{
 line-height: 26px;
}
#about dl dd{
 line-height: 150%;
 color: #7F958D;
}
.about_2{
 text-align: center;
 padding-bottom: 10px;
}
.about_2 dl{ 
  padding: 0  10px;
  height:40px;
}
.about_2 dl dt{
  color: #7FB43D;
  font-weight: bolder;
  float: left;
  text-align: left;
  line-height: 150%;
  width: 67px;
}
.about_2 dl dd{
  float: left;
  text-align: left;
  line-height: 150%;
  color: #7FB43D;
}
.but_about{
  margin-top: 10px;
}
/* ============= #metting=============*/
#case{
 padding-bottom: 10px;
}
#case h2{
 background: url(../images/meeting_t.gif);
 height: 26px;
}
#case h2 span{
 display: none;
}
.case_list{
	float: left;
	display: inline;
	width: 310px;
	padding-top: 12px;
}
.case_list dl{
   border-right: 1px dotted #999;
	padding: 0 0px 0 30px;
}
.case_list dl dd{
   background: url(../images/meeting_line.gif) no-repeat 5px 10px;
	padding: 8px 20px 0 20px;
	color: #768E85;
	line-height: 133%;
}
.case_list dl dd p{
  text-align: right;
}
.case_list dl dd p a{
  color: #0091CF;
  text-decoration: underline;
}
/* ============= #footer =============*/
#footer{
   clear: both;
	margin: 0 auto;
   width: 960px;
	height: 33px;
	background: #0290D2 url(../images/footer_bg.gif) no-repeat;
	text-align: right;
	font-size:11px;
	margin-top:10px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:1px;
}
#footer img{
   margin: 9px 0 0 21px;
}